@import "tailwindcss";
@plugin "daisyui";

/* FullCalendar CSS - v6 não exporta CSS separado, estilos são aplicados via JavaScript */

/* Estilo padrão dos botões - mesmo estilo do sidebar */
.btn-standard {
  @apply font-medium flex items-center justify-center gap-2 text-center p-3 rounded-xl border border-base-300 bg-base-100 hover:bg-primary/60 active:bg-primary text-base-content hover:text-white active:text-white transition-colors;
}

/* Sobrescrever estilos DaisyUI para seguir o padrão */
.btn-primary {
  @apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-base-300 bg-base-100 hover:bg-primary/60 active:bg-primary text-base-content hover:text-white active:text-white transition-colors;
}

.btn-ghost {
  @apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-base-300 bg-base-100 hover:bg-base-200 active:bg-base-300 text-base-content transition-colors;
}

.btn-error {
  @apply font-medium flex items-center justify-center gap-2 text-center px-4 py-2 rounded-xl border border-error bg-base-100 hover:bg-error/60 active:bg-error text-error hover:text-white active:text-white transition-colors;
}

:where(.card, .card-hover) {
  position: relative;
  overflow: hidden;
  transform: translateY(0);
  transition: transform 220ms ease, box-shadow 220ms ease;
}

:where(.card, .card-hover)::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 1.15rem;
  box-shadow:
    0 0 0 1px rgba(15, 23, 42, 0.04),
    0 14px 32px -22px rgba(15, 23, 42, 0.45),
    0 6px 18px -16px rgba(102, 126, 234, 0.35);
  opacity: 0.55;
  transition: opacity 220ms ease, transform 220ms ease;
  pointer-events: none;
  z-index: 0;
}

:where(.card, .card-hover)::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  background: linear-gradient(135deg, rgba(102, 126, 234, 0.12), rgba(118, 75, 162, 0.12));
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 220ms ease, transform 220ms ease;
  pointer-events: none;
  z-index: 1;
}

:where(.card, .card-hover):hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 45px -20px rgba(15, 23, 42, 0.35);
}

:where(.card, .card-hover):hover::before {
  opacity: 0.9;
  transform: scale(1);
}

:where(.card, .card-hover):hover::after {
  opacity: 1;
  transform: scale(1);
}

:where(.card, .card-hover) > * {
  position: relative;
  z-index: 2;
}