/* 
 * Tailwind CSS foi integrado ao projeto.
 * O layout foi migrado para classes utilitárias do Tailwind.
 * 
 * As poucas regras mantidas aqui são para necessidades específicas (ex: comportamento de scroll, HTMX e animações dinâmicas).
 */

/* HTMX Loading Indicator */
.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease-in;
}
.htmx-request .htmx-indicator {
    opacity: 1;
}
.htmx-request.htmx-indicator {
    opacity: 1;
}

/* Request Drawer Dynamic State */
/* As transições são configuradas no HTML, mas o JS adiciona `.is-open` para disparar a visibilidade */
.request-drawer.is-open {
    visibility: visible !important;
    opacity: 1 !important;
}
.request-drawer.is-open > .request-drawer-panel {
    transform: translateX(0) !important;
}

body.drawer-open {
    overflow: hidden;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
    }
}