.img-grayscale {
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}
.img-grayscale:hover {
  filter: grayscale(50%);
}
/* Custom scrollbar for dark theme */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #18181b;
} /* zinc-900 */
::-webkit-scrollbar-thumb {
  background: #3f3f46;
} /* zinc-700 */
::-webkit-scrollbar-thumb:hover {
  background: #52525b;
} /* zinc-600 */
/* Classes para transição de telas */
.view-hidden {
  display: none !important;
}
/* Corrige cor das opções do select no tema escuro */
select option {
  background-color: #27272a;
  color: #ffffff;
}

/* Animação para destacar o fundo inicial e revelar o site gradualmente */
@keyframes revealSite {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animate-reveal {
  opacity: 0;
  animation: revealSite 2s ease-in-out forwards;
  animation-delay: 1s; /* Tempo que a logo fica sozinha na tela */
}

/* Estilos customizados para Ficha de Anamnese */
.input-linha {
  border: none;
  border-bottom: 1px solid #52525b; /* border-zinc-600 */
  background-color: transparent;
  outline: none;
  width: 100%;
  padding: 0 4px;
  font-size: 0.875rem;
  color: #ffffff;
}
.input-linha:focus {
  border-bottom: 2px solid #ffffff;
}

/* FullCalendar Dark Theme Overrides */
:root {
  --fc-page-bg-color: transparent;
  --fc-neutral-bg-color: #18181b; /* zinc-900 */
  --fc-neutral-text-color: #e4e4e7;
  --fc-border-color: #3f3f46; /* zinc-700 */
  --fc-button-text-color: #fff;
  --fc-button-bg-color: #27272a;
  --fc-button-border-color: #3f3f46;
  --fc-button-hover-bg-color: #3f3f46;
  --fc-button-hover-border-color: #52525b;
  --fc-button-active-bg-color: #52525b;
  --fc-button-active-border-color: #71717a;
  --fc-today-bg-color: rgba(255, 255, 255, 0.05);
}
.fc-theme-standard .fc-scrollgrid {
  border-color: var(--fc-border-color);
}
.fc-theme-standard th,
.fc-theme-standard td {
  border-color: var(--fc-border-color);
}
.fc-col-header-cell-cushion,
.fc-daygrid-day-number {
  color: #e4e4e7;
  text-decoration: none;
}
.fc-timegrid-slot-label-cushion {
  color: #a1a1aa;
}
.fc .fc-toolbar-title {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.fc-event {
  cursor: pointer;
}
