/* Borracharia Indiara - complementos ao Tailwind (auth, badges, etc.) */
:root {
    --primary: #e6a800;
    --primary-dark: #b8860b;
    --status-fechada: #059669;
    --status-cancelada: #dc2626;
}

body { font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; }

/* Badges status OS (usados em os_lista, os_ver) */
.badge-os-aberta { display: inline-flex; align-items: center; padding: 0.35rem 0.65rem; border-radius: 6px; font-size: 0.875rem; font-weight: 600; background: var(--primary); color: #000; }
.badge-os-fechada { display: inline-flex; align-items: center; padding: 0.35rem 0.65rem; border-radius: 6px; font-size: 0.875rem; font-weight: 600; background: var(--status-fechada); color: #fff; }
.badge-os-cancelada { display: inline-flex; align-items: center; padding: 0.35rem 0.65rem; border-radius: 6px; font-size: 0.875rem; font-weight: 600; background: var(--status-cancelada); color: #fff; }

/* Auth page (login) - fundo e card */
.auth-page { min-height: 100vh; background: linear-gradient(145deg, #0f0f0f 0%, #1a1a1a 50%, #0a0a0a 100%); position: relative; overflow: hidden; }
.auth-page::before {
    content: '';
    position: absolute;
    top: -50%; left: -50%;
    width: 200%; height: 200%;
    background: radial-gradient(ellipse at 30% 20%, rgba(230,168,0,0.12) 0%, transparent 50%),
                radial-gradient(ellipse at 80% 80%, rgba(230,168,0,0.06) 0%, transparent 40%);
    pointer-events: none;
}
.auth-overlay { position: fixed; inset: 0; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.4) 100%); pointer-events: none; }
@keyframes authCardIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-auth-in { animation: authCardIn 0.6s ease-out forwards; }