/* Achei o Rango — tema Claro/Escuro via CSS variables */

:root,
[data-theme="dark"] {
    color-scheme: dark;
    --ar-dark-bg: #111827;
    --ar-dark-panel: #1F2937;
    --ar-dark-surface: #131313;
    --ar-text: #f3f4f6;
    --ar-text-muted: #9ca3af;
    --ar-border: #1f2937;
    --ar-border-light: #374151;
    --ar-hover-bg: #1f2937;
    --ar-input-bg: #111827;
    --ar-scrollbar: #374151;
    --ar-theme-color: #111827;
}

[data-theme="light"] {
    color-scheme: light;
    --ar-dark-bg: #f3f4f6;
    --ar-dark-panel: #ffffff;
    --ar-dark-surface: #f9fafb;
    --ar-text: #111827;
    --ar-text-muted: #6b7280;
    --ar-border: #e5e7eb;
    --ar-border-light: #d1d5db;
    --ar-hover-bg: #f3f4f6;
    --ar-input-bg: #ffffff;
    --ar-scrollbar: #d1d5db;
    --ar-theme-color: #f9fafb;
}

/* Base body */
body {
    color: var(--ar-text);
}

/* ── Text overrides (light mode) ─────────────────────────────────────── */
[data-theme="light"] .text-white { color: #111827 !important; }
[data-theme="light"] .text-gray-100 { color: #111827 !important; }
[data-theme="light"] .text-gray-200 { color: #1f2937 !important; }
[data-theme="light"] .text-gray-300 { color: #374151 !important; }
[data-theme="light"] .text-gray-400 { color: #6b7280 !important; }
[data-theme="light"] .text-gray-500 { color: #6b7280 !important; }
[data-theme="light"] .text-gray-600 { color: #4b5563 !important; }

/* Preserve white text on primary/orange buttons */
[data-theme="light"] .bg-primary.text-white,
[data-theme="light"] .bg-primaryHover.text-white,
[data-theme="light"] .bg-red-500.text-white,
[data-theme="light"] .bg-red-600.text-white,
[data-theme="light"] .bg-green-500.text-white,
[data-theme="light"] .bg-green-600.text-white,
[data-theme="light"] .bg-blue-500.text-white,
[data-theme="light"] .bg-blue-600.text-white,
[data-theme="light"] button.bg-primary,
[data-theme="light"] a.bg-primary {
    color: #ffffff !important;
}

/* ── Border overrides ─────────────────────────────────────────────────── */
[data-theme="light"] .border-gray-800 { border-color: #e5e7eb !important; }
[data-theme="light"] .border-gray-700 { border-color: #d1d5db !important; }
[data-theme="light"] .border-gray-600 { border-color: #d1d5db !important; }
[data-theme="light"] .divide-gray-800 > :not([hidden]) ~ :not([hidden]) { border-color: #e5e7eb !important; }
[data-theme="light"] .divide-gray-700 > :not([hidden]) ~ :not([hidden]) { border-color: #d1d5db !important; }

/* ── Background overrides ─────────────────────────────────────────────── */
[data-theme="light"] .bg-gray-900 { background-color: #f3f4f6 !important; }
[data-theme="light"] .bg-gray-800 { background-color: #e5e7eb !important; }
[data-theme="light"] .bg-gray-800\/50 { background-color: rgba(229, 231, 235, 0.5) !important; }
[data-theme="light"] .bg-gray-800\/60 { background-color: rgba(229, 231, 235, 0.6) !important; }
[data-theme="light"] .bg-gray-700 { background-color: #e5e7eb !important; }
[data-theme="light"] .bg-gray-700\/50 { background-color: rgba(229, 231, 235, 0.5) !important; }
[data-theme="light"] .bg-darkBg\/60 { background-color: rgba(243, 244, 246, 0.6) !important; }
[data-theme="light"] .bg-black { background-color: #111827 !important; }
[data-theme="light"] .bg-black\/50 { background-color: rgba(0, 0, 0, 0.4) !important; }
[data-theme="light"] .bg-black\/75 { background-color: rgba(0, 0, 0, 0.5) !important; }

/* ── Hover overrides ──────────────────────────────────────────────────── */
[data-theme="light"] .hover\:bg-gray-800:hover { background-color: #f3f4f6 !important; }
[data-theme="light"] .hover\:bg-gray-700:hover { background-color: #e5e7eb !important; }
[data-theme="light"] .hover\:text-white:hover { color: #111827 !important; }
[data-theme="light"] .hover\:border-gray-500:hover { border-color: #9ca3af !important; }
[data-theme="light"] .hover\:border-gray-600:hover { border-color: #9ca3af !important; }

/* ── Form elements ────────────────────────────────────────────────────── */
[data-theme="light"] input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
[data-theme="light"] select,
[data-theme="light"] textarea {
    background-color: var(--ar-input-bg);
    color: var(--ar-text);
    border-color: var(--ar-border);
}

[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #9ca3af;
}

/* ── Scrollbars ───────────────────────────────────────────────────────── */
[data-theme="light"] ::-webkit-scrollbar-thumb {
    background-color: var(--ar-scrollbar);
}

/* ── Theme toggle component ───────────────────────────────────────────── */
.ar-theme-toggle {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem;
    border-radius: 0.75rem;
    border: 1px solid var(--ar-border);
    background: var(--ar-dark-bg);
}

.ar-theme-toggle button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.5rem;
    border: none;
    background: transparent;
    color: var(--ar-text-muted);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.ar-theme-toggle button:hover {
    background: var(--ar-hover-bg);
    color: var(--ar-text);
}

.ar-theme-toggle button.active {
    background: #F97316;
    color: #ffffff;
}

.ar-theme-btn-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.75rem;
    border: 1px solid var(--ar-border);
    background: var(--ar-dark-bg);
    color: var(--ar-text-muted);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.ar-theme-btn-icon:hover {
    background: var(--ar-hover-bg);
    color: var(--ar-text);
    border-color: var(--ar-border-light);
}

.ar-theme-floating {
    position: fixed;
    top: 0.85rem;
    right: 0.85rem;
    z-index: 9999;
}

.theme-card.active,
.settings-theme-card.active {
    border-color: #F97316 !important;
    box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.35);
}

[data-theme="light"] .theme-card.active,
[data-theme="light"] .settings-theme-card.active {
    background-color: rgba(249, 115, 22, 0.06) !important;
}

/* ── Alert/banner tints in light mode ─────────────────────────────────── */
[data-theme="light"] .bg-red-900\/80 { background-color: rgba(254, 226, 226, 0.9) !important; }
[data-theme="light"] .bg-red-900\/60 { background-color: rgba(254, 226, 226, 0.8) !important; }
[data-theme="light"] .border-red-700 { border-color: #fca5a5 !important; }
[data-theme="light"] .text-red-200 { color: #991b1b !important; }
[data-theme="light"] .text-red-300 { color: #b91c1c !important; }
[data-theme="light"] .text-red-400 { color: #dc2626 !important; }

[data-theme="light"] .bg-amber-900\/60 { background-color: rgba(254, 243, 199, 0.9) !important; }
[data-theme="light"] .border-amber-700 { border-color: #fcd34d !important; }
[data-theme="light"] .text-amber-200 { color: #92400e !important; }
[data-theme="light"] .text-amber-300 { color: #b45309 !important; }
[data-theme="light"] .text-amber-400 { color: #d97706 !important; }

[data-theme="light"] .bg-blue-900\/40 { background-color: rgba(219, 234, 254, 0.9) !important; }
[data-theme="light"] .border-blue-700 { border-color: #93c5fd !important; }
[data-theme="light"] .text-blue-200 { color: #1e40af !important; }
[data-theme="light"] .text-blue-300 { color: #1d4ed8 !important; }
[data-theme="light"] .text-blue-400 { color: #2563eb !important; }

[data-theme="light"] .bg-green-900\/40 { background-color: rgba(220, 252, 231, 0.9) !important; }
[data-theme="light"] .border-green-700 { border-color: #86efac !important; }
[data-theme="light"] .text-green-200 { color: #166534 !important; }
[data-theme="light"] .text-green-300 { color: #15803d !important; }
[data-theme="light"] .text-green-400 { color: #16a34a !important; }

/* ── Shadow cards in light mode ───────────────────────────────────────── */
[data-theme="light"] .shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1) !important; }
[data-theme="light"] .shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.08) !important; }

/* Form fields compartilhados (.fl/.fi, settings) */
[data-theme="light"] .fl,
[data-theme="light"] .field-label {
    color: #6b7280 !important;
}

[data-theme="light"] .fi,
[data-theme="light"] .field-input {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
    color: #111827 !important;
}

[data-theme="light"] .fi:focus,
[data-theme="light"] .field-input:focus {
    border-color: #F97316 !important;
}

/* PDV */
[data-theme="light"] .pdv-prod-img,
[data-theme="light"] .pdv-prod-img-placeholder {
    border-color: #d1d5db !important;
}

[data-theme="light"] .pdv-prod-img-placeholder {
    background: #f3f4f6 !important;
}

[data-theme="light"] .pdv-caixa-act {
    color: #374151 !important;
}

[data-theme="light"] .pdv-caixa-act:hover {
    background: rgba(243, 244, 246, 0.9) !important;
}

[data-theme="light"] #pdv-sugestoes mark {
    color: #111827 !important;
}

/* PIN login operador/motoboy */
[data-theme="light"] .pin-btn {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #374151 !important;
}

[data-theme="light"] .pin-btn:hover {
    background: #f3f4f6 !important;
    border-color: #F97316 !important;
    color: #111827 !important;
}

/* Tabs compartilhados */
[data-theme="light"] .tab-btn {
    color: #6b7280 !important;
}

[data-theme="light"] .tab-idle {
    background: #e5e7eb !important;
    color: #6b7280 !important;
}

[data-theme="light"] .tab-btn.active-tab {
    background: #F97316 !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}