/* ═══════════════════════════════════════════════════════════════
   ZDK Enterprise — Theme Variables (Dark default / Light toggle)
   ═══════════════════════════════════════════════════════════════ */
:root {
    --bg-body: #030712;
    --bg-sidebar: #080F1E;
    --bg-card: rgba(13,22,42,0.8);
    --bg-panel: #0D1829;
    --bg-topbar: rgba(8, 15, 30, 0.9);
    --bg-input: #0B1120;
    --bg-hover: rgba(255,255,255,0.05);
    --text-primary: #E2E8F0;
    --text-secondary: #A1A1AA;
    --text-muted: #71717A;
    --text-placeholder: #52525B;
    --border-color: rgba(255,255,255,0.07);
    --border-focus: rgba(255,255,255,0.15);
    --scrollbar-thumb: #1E293B;
    --scrollbar-hover: #334155;
    --shadow-color: rgba(0,0,0,0.3);
    --modal-overlay: rgba(0,0,0,0.75);
}

[data-theme="light"] {
    --bg-body: #F3F4F6;
    --bg-sidebar: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-panel: #F9FAFB;
    --bg-topbar: rgba(255,255,255,0.9);
    --bg-input: #FFFFFF;
    --bg-hover: rgba(0,0,0,0.04);
    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-muted: #9CA3AF;
    --text-placeholder: #9CA3AF;
    --border-color: rgba(0,0,0,0.1);
    --border-focus: rgba(0,0,0,0.2);
    --scrollbar-thumb: #D1D5DB;
    --scrollbar-hover: #9CA3AF;
    --shadow-color: rgba(0,0,0,0.08);
    --modal-overlay: rgba(0,0,0,0.4);
}

/* ═══════════════════════════════════════════════════════════════
   Light Theme Global Overrides
   Aplica automaticamente a todas as páginas do sistema
   ═══════════════════════════════════════════════════════════════ */

/* Body & iframe backgrounds */
[data-theme="light"] body {
    background-color: #F3F4F6 !important;
    color: #1F2937 !important;
}

/* Glass panels, dark cards, modals */
[data-theme="light"] .glass,
[data-theme="light"] [class*="bg-zdk-"],
[data-theme="light"] [style*="background: rgba(30"],
[data-theme="light"] [style*="background:rgba(30"],
[data-theme="light"] [style*="background: rgba(13"],
[data-theme="light"] [style*="background:rgba(13"] {
    background: #FFFFFF !important;
    border-color: rgba(0,0,0,0.1) !important;
}

/* All dark hex backgrounds → white */
[data-theme="light"] [class*="bg-[#0"],
[data-theme="light"] [class*="bg-[#1"],
[data-theme="light"] [class*="bg-gray-9"],
[data-theme="light"] [class*="bg-gray-8"],
[data-theme="light"] [class*="bg-slate-9"],
[data-theme="light"] [class*="bg-slate-8"] {
    background-color: #FFFFFF !important;
}

/* Medium dark backgrounds → light gray */
[data-theme="light"] [class*="bg-[#2"],
[data-theme="light"] [class*="bg-gray-7"],
[data-theme="light"] [class*="bg-slate-7"] {
    background-color: #F3F4F6 !important;
}

/* Primary text — light grays/whites → dark */
[data-theme="light"] [class*="text-[#E2"],
[data-theme="light"] [class*="text-[#e2"],
[data-theme="light"] [class*="text-[#FAFA"],
[data-theme="light"] [class*="text-[#fafa"],
[data-theme="light"] [class*="text-white"],
[data-theme="light"] [class*="text-gray-1"],
[data-theme="light"] [class*="text-gray-2"],
[data-theme="light"] [class*="text-gray-3"],
[data-theme="light"] [class*="text-slate-1"],
[data-theme="light"] [class*="text-slate-2"],
[data-theme="light"] [class*="text-slate-3"] {
    color: #1F2937 !important;
}

/* Secondary/muted text */
[data-theme="light"] [class*="text-[#A1"],
[data-theme="light"] [class*="text-[#71"],
[data-theme="light"] [class*="text-[#64"],
[data-theme="light"] [class*="text-[#52"],
[data-theme="light"] [class*="text-gray-4"],
[data-theme="light"] [class*="text-gray-5"],
[data-theme="light"] [class*="text-gray-6"],
[data-theme="light"] [class*="text-slate-4"],
[data-theme="light"] [class*="text-slate-5"],
[data-theme="light"] [class*="text-slate-6"] {
    color: #6B7280 !important;
}

/* Borders — dark borders → light */
[data-theme="light"] [class*="border-[#1"],
[data-theme="light"] [class*="border-[#2"],
[data-theme="light"] [class*="border-[#3"],
[data-theme="light"] [class*="border-gray-7"],
[data-theme="light"] [class*="border-gray-8"],
[data-theme="light"] [class*="border-slate-7"],
[data-theme="light"] [class*="border-slate-8"],
[data-theme="light"] [class*="border-white/5"],
[data-theme="light"] [class*="border-white/1"] {
    border-color: rgba(0,0,0,0.1) !important;
}

/* Inputs, selects, textareas */
[data-theme="light"] input,
[data-theme="light"] select,
[data-theme="light"] textarea {
    background: #FFFFFF !important;
    color: #1F2937 !important;
    border-color: #D1D5DB !important;
}
[data-theme="light"] input::placeholder,
[data-theme="light"] select::placeholder,
[data-theme="light"] textarea::placeholder {
    color: #9CA3AF !important;
}
[data-theme="light"] input:focus,
[data-theme="light"] select:focus,
[data-theme="light"] textarea:focus {
    border-color: #3B82F6 !important;
}

/* Tables */
[data-theme="light"] table thead {
    background-color: #F9FAFB !important;
}
[data-theme="light"] table thead th {
    color: #6B7280 !important;
}
[data-theme="light"] table tbody tr {
    border-color: rgba(0,0,0,0.06) !important;
}
[data-theme="light"] table tbody tr:hover {
    background-color: rgba(0,0,0,0.02) !important;
}

/* Scrollbars */
[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #D1D5DB !important;
}
[data-theme="light"] ::-webkit-scrollbar-track {
    background: #F3F4F6 !important;
}

/* Dividers with rgba white */
[data-theme="light"] [class*="divide-gray"],
[data-theme="light"] [class*="divide-white"] {
    --tw-divide-opacity: 1 !important;
    border-color: rgba(0,0,0,0.06) !important;
}

/* Modals & overlays */
[data-theme="light"] [class*="bg-black/"],
[data-theme="light"] [class*="bg-[rgba(0,0,0"] {
    background-color: rgba(0,0,0,0.3) !important;
}

/* Sidebar specific */
[data-theme="light"] #sidebar {
    background-color: #FFFFFF !important;
    border-right-color: rgba(0,0,0,0.1) !important;
}
[data-theme="light"] .nav-item {
    color: #4B5563 !important;
}
[data-theme="light"] .nav-item:hover {
    background: rgba(0,0,0,0.04) !important;
    color: #1F2937 !important;
}
[data-theme="light"] .nav-item.active {
    background: rgba(59,130,246,0.08) !important;
    color: #1D4ED8 !important;
    border-color: rgba(59,130,246,0.2) !important;
}

/* Header/topbar */
[data-theme="light"] #topbar,
[data-theme="light"] header,
[data-theme="light"] [class*="topbar"] {
    background: rgba(255,255,255,0.9) !important;
    border-bottom-color: rgba(0,0,0,0.1) !important;
    backdrop-filter: blur(16px);
}

/* Badges — keep accent colors but lighten backgrounds */
[data-theme="light"] [class*="bg-red-900"],
[data-theme="light"] [class*="bg-red-950"] {
    background-color: #FEF2F2 !important;
}
[data-theme="light"] [class*="bg-green-900"],
[data-theme="light"] [class*="bg-green-950"] {
    background-color: #F0FDF4 !important;
}
[data-theme="light"] [class*="bg-blue-900"],
[data-theme="light"] [class*="bg-blue-950"] {
    background-color: #EFF6FF !important;
}
[data-theme="light"] [class*="bg-amber-900"],
[data-theme="light"] [class*="bg-yellow-900"] {
    background-color: #FFFBEB !important;
}

/* Shadow adjustments */
[data-theme="light"] [class*="shadow-"] {
    --tw-shadow-color: rgba(0,0,0,0.06) !important;
}

/* Blur backgrounds → solid white */
[data-theme="light"] [style*="backdrop-filter"] {
    background: rgba(255,255,255,0.95) !important;
}
