/* XDARK PANEL — CUSTOM OVERRIDES v3.1.3
   Professional — scoped selectors, fluid responsive, full light theme */

/* S1. LIGHT THEME VARIABLES — Enhanced contrast */
[data-theme=light-clean]{--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#475569;--text-dim:#64748b;--bg-elevated:#e8ecf4;--border:#bcc5d3;--accent-bg:#6366f11a;--accent-text:#4338ca}
[data-theme=light-warm]{--text-primary:#1a1008;--text-secondary:#3d3428;--text-muted:#5c5346;--text-dim:#7a7164;--bg-elevated:#e0d8ce;--border:#b8ad9e;--accent-bg:#b453091a;--accent-text:#7c2d12}
[data-theme=light-ocean]{--text-primary:#082440;--text-secondary:#163a5c;--text-muted:#2d5a7e;--text-dim:#5080a0;--bg-elevated:#c4d8ea;--border:#92b4d0;--accent-bg:#0369a11a;--accent-text:#054985}

/* S2. LIGHT — Dark hex backgrounds → theme vars */
[data-theme^=light] .bg-\[\#0c1027\]{background-color:var(--bg-card)!important}
[data-theme^=light] .bg-\[\#0a0d20\]{background-color:var(--bg-input)!important}
[data-theme^=light] .bg-\[\#111738\]{background-color:var(--bg-elevated)!important}
[data-theme^=light] .bg-\[\#080c1a\]{background-color:var(--bg-base)!important}
[data-theme^=light] .bg-\[\#0a0e1f\]{background-color:var(--bg-input)!important}
[data-theme^=light] .bg-\[\#080b1a\]{background-color:var(--bg-base)!important}
[data-theme^=light] .bg-\[\#080b16\]{background-color:var(--bg-base)!important}
[data-theme^=light] .bg-\[\#060915\]{background-color:var(--bg-base)!important}
[data-theme^=light] .bg-\[\#060818\]{background-color:var(--bg-base)!important}
[data-theme^=light] .bg-\[\#0d1230\]{background-color:var(--bg-card)!important}
[data-theme^=light] .bg-\[\#0e1230\]{background-color:var(--bg-card)!important}
[data-theme^=light] .bg-\[\#151d45\]{background-color:var(--bg-elevated)!important}
[data-theme^=light] .bg-\[\#0d1133\]{background-color:var(--bg-card)!important}
[data-theme^=light] .bg-\[\#1a2044\]{background-color:var(--bg-elevated)!important}
[data-theme^=light] .bg-\[\#080b18\]{background-color:var(--bg-base)!important}
[data-theme^=light] .bg-\[\#1a1a2e\]{background-color:var(--bg-elevated)!important}
[data-theme^=light] .bg-\[\#1a1f2e\]{background-color:var(--bg-elevated)!important}
[data-theme^=light] .bg-\[\#2d2d2d\]{background-color:var(--bg-elevated)!important}
[data-theme^=light] .bg-\[\#444\]{background-color:var(--bg-elevated)!important}

/* S3. LIGHT — Dark hex borders → theme vars */
[data-theme^=light] .border-\[\#1a2044\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#141b3d\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#252d5a\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#1e293b\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#1e2650\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#1e2550\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#333\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#444\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#ccc\]{border-color:var(--border)!important}
[data-theme^=light] .border-\[\#ddd\]{border-color:var(--border)!important}

/* S4. LIGHT — Text colors for readability */
[data-theme^=light] .text-white{color:var(--text-primary)!important}
[data-theme^=light] .text-slate-300{color:var(--text-primary)!important}
[data-theme^=light] .text-slate-400{color:var(--text-secondary)!important}
[data-theme^=light] .text-slate-500{color:var(--text-muted)!important}
[data-theme^=light] .text-slate-600{color:#475569!important}
[data-theme^=light] .text-slate-700{color:#334155!important}
[data-theme^=light] .text-slate-800{color:#1e293b!important}
[data-theme^=light] .text-gray-300{color:#4b5563!important}
[data-theme^=light] .text-gray-400{color:var(--text-secondary)!important}
[data-theme^=light] .text-gray-500{color:var(--text-muted)!important}
[data-theme^=light] .text-\[\#aaa\]{color:var(--text-muted)!important}
[data-theme^=light] .text-\[\#888\]{color:var(--text-secondary)!important}
[data-theme^=light] .text-\[\#666\]{color:var(--text-secondary)!important}
[data-theme^=light] .text-\[\#555\]{color:var(--text-primary)!important}
[data-theme^=light] .text-emerald-300{color:#047857!important}
[data-theme^=light] .text-emerald-400{color:#059669!important}
[data-theme^=light] .text-emerald-500{color:#047857!important}
[data-theme^=light] .text-emerald-600{color:#065f46!important}
[data-theme^=light] .text-green-400{color:#16a34a!important}
[data-theme^=light] .text-cyan-400{color:#0891b2!important}
[data-theme^=light] .text-cyan-500{color:#0e7490!important}
[data-theme^=light] .text-cyan-700{color:#155e75!important}
[data-theme^=light] .text-blue-400{color:#1d4ed8!important}
[data-theme^=light] .text-purple-300{color:#7c3aed!important}
[data-theme^=light] .text-purple-400{color:#7c3aed!important}
[data-theme^=light] .text-purple-500{color:#6d28d9!important}
[data-theme^=light] .text-purple-600{color:#5b21b6!important}
[data-theme^=light] .text-violet-400{color:#6d28d9!important}
[data-theme^=light] .text-violet-500{color:#5b21b6!important}
[data-theme^=light] .text-red-300{color:#dc2626!important}
[data-theme^=light] .text-red-400{color:#dc2626!important}
[data-theme^=light] .text-red-500{color:#b91c1c!important}
[data-theme^=light] .text-orange-400{color:#c2410c!important}
[data-theme^=light] .text-amber-300{color:#b45309!important}
[data-theme^=light] .text-amber-400{color:#92400e!important}
[data-theme^=light] .text-amber-500{color:#78350f!important}
[data-theme^=light] .text-yellow-300{color:#a16207!important}
[data-theme^=light] .text-yellow-400{color:#854d0e!important}
[data-theme^=light] .text-yellow-600{color:#713f12!important}
[data-theme^=light] .text-pink-400{color:#db2777!important}
[data-theme^=light] .text-rose-400{color:#e11d48!important}
[data-theme^=light] .text-fuchsia-400{color:#a21caf!important}
[data-theme^=light] .text-sky-400{color:#0369a1!important}
[data-theme^=light] .text-teal-400{color:#0f766e!important}
[data-theme^=light] .text-indigo-400{color:#4338ca!important}
[data-theme^=light] .text-amber-400\/70{color:#92400eb3!important}
[data-theme^=light] .text-amber-400\/80{color:#92400ecc!important}
[data-theme^=light] .text-amber-500\/60{color:#78350f99!important}
[data-theme^=light] .text-cyan-500\/40{color:#0e749066!important}
[data-theme^=light] .text-cyan-500\/60{color:#0e749099!important}
[data-theme^=light] .text-emerald-500\/60{color:#04785799!important}
[data-theme^=light] .text-emerald-500\/70{color:#047857b3!important}
[data-theme^=light] .text-purple-400\/60{color:#7c3aed99!important}
[data-theme^=light] .text-red-400\/60{color:#dc262699!important}
[data-theme^=light] .text-red-400\/70{color:#dc2626b3!important}
[data-theme^=light] .text-red-400\/80{color:#dc2626cc!important}
[data-theme^=light] .text-violet-400\/50{color:#6d28d980!important}
[data-theme^=light] .text-violet-500\/60{color:#5b21b699!important}

/* S5. LIGHT — Background with alpha → visible */
[data-theme^=light] .bg-emerald-500\/5,[data-theme^=light] .bg-emerald-500\/8,[data-theme^=light] .bg-emerald-500\/10{background-color:#ecfdf5!important}
[data-theme^=light] .bg-emerald-500\/12,[data-theme^=light] .bg-emerald-500\/15{background-color:#d1fae5!important}
[data-theme^=light] .bg-emerald-500\/20,[data-theme^=light] .bg-emerald-500\/25,[data-theme^=light] .bg-emerald-500\/30{background-color:#a7f3d066!important}
[data-theme^=light] .bg-cyan-500\/5,[data-theme^=light] .bg-cyan-500\/8,[data-theme^=light] .bg-cyan-500\/10{background-color:#ecfeff!important}
[data-theme^=light] .bg-cyan-500\/12,[data-theme^=light] .bg-cyan-500\/15{background-color:#cffafe!important}
[data-theme^=light] .bg-cyan-500\/20,[data-theme^=light] .bg-cyan-500\/25,[data-theme^=light] .bg-cyan-500\/30{background-color:#a5f3fc66!important}
[data-theme^=light] .bg-blue-500\/5,[data-theme^=light] .bg-blue-500\/8,[data-theme^=light] .bg-blue-500\/10{background-color:#eff6ff!important}
[data-theme^=light] .bg-blue-500\/15,[data-theme^=light] .bg-blue-500\/20,[data-theme^=light] .bg-blue-500\/25{background-color:#dbeafe!important}
[data-theme^=light] .bg-purple-500\/5,[data-theme^=light] .bg-purple-500\/8,[data-theme^=light] .bg-purple-500\/10{background-color:#f5f3ff!important}
[data-theme^=light] .bg-purple-500\/15,[data-theme^=light] .bg-purple-500\/20,[data-theme^=light] .bg-purple-500\/25,[data-theme^=light] .bg-purple-600\/20{background-color:#ede9fe!important}
[data-theme^=light] .bg-red-500\/5,[data-theme^=light] .bg-red-500\/10{background-color:#fef2f2!important}
[data-theme^=light] .bg-red-500\/12,[data-theme^=light] .bg-red-500\/15,[data-theme^=light] .bg-red-600\/15{background-color:#fee2e2!important}
[data-theme^=light] .bg-red-500\/20,[data-theme^=light] .bg-red-500\/25,[data-theme^=light] .bg-red-600\/20,[data-theme^=light] .bg-red-600\/30{background-color:#fecaca66!important}
[data-theme^=light] .bg-red-500\/50{background-color:#fecaca99!important}
[data-theme^=light] .bg-red-500\/80{background-color:#fecacacc!important}
[data-theme^=light] .bg-orange-500\/8,[data-theme^=light] .bg-orange-500\/10{background-color:#fff7ed!important}
[data-theme^=light] .bg-orange-500\/12,[data-theme^=light] .bg-orange-500\/15{background-color:#ffedd5!important}
[data-theme^=light] .bg-orange-500\/20,[data-theme^=light] .bg-orange-500\/25,[data-theme^=light] .bg-orange-500\/30{background-color:#fed7aa66!important}
[data-theme^=light] .bg-amber-500\/5,[data-theme^=light] .bg-amber-500\/10{background-color:#fffbeb!important}
[data-theme^=light] .bg-amber-500\/15,[data-theme^=light] .bg-amber-500\/20,[data-theme^=light] .bg-amber-500\/25{background-color:#fef3c7!important}
[data-theme^=light] .bg-yellow-500\/5,[data-theme^=light] .bg-yellow-500\/10,[data-theme^=light] .bg-yellow-400\/10{background-color:#fefce8!important}
[data-theme^=light] .bg-yellow-500\/20{background-color:#fef9c3!important}
[data-theme^=light] .bg-violet-500\/8,[data-theme^=light] .bg-violet-500\/10,[data-theme^=light] .bg-violet-500\/12,[data-theme^=light] .bg-violet-500\/15{background-color:#ede9fe!important}
[data-theme^=light] .bg-violet-500\/20{background-color:#ddd6fe66!important}
[data-theme^=light] .bg-pink-500\/10{background-color:#fce7f3!important}
[data-theme^=light] .bg-rose-500\/10{background-color:#ffe4e6!important}
[data-theme^=light] .bg-fuchsia-500\/10,[data-theme^=light] .bg-fuchsia-500\/15{background-color:#fae8ff!important}
[data-theme^=light] .bg-sky-500\/10,[data-theme^=light] .bg-sky-500\/20{background-color:#e0f2fe!important}
[data-theme^=light] .bg-teal-500\/10{background-color:#ccfbf1!important}
[data-theme^=light] .bg-indigo-500\/10,[data-theme^=light] .bg-indigo-500\/20{background-color:#e0e7ff!important}
[data-theme^=light] .bg-green-500\/10,[data-theme^=light] .bg-green-500\/15,[data-theme^=light] .bg-green-500\/20{background-color:#dcfce7!important}
[data-theme^=light] .bg-green-600\/20,[data-theme^=light] .bg-green-600\/30{background-color:#dcfce7!important}
[data-theme^=light] .bg-gray-500\/20{background-color:#f3f4f6!important}
[data-theme^=light] .bg-slate-500\/5,[data-theme^=light] .bg-slate-500\/10{background-color:#f1f5f9!important}
[data-theme^=light] .bg-slate-500\/15,[data-theme^=light] .bg-slate-500\/20{background-color:#e2e8f0!important}
[data-theme^=light] .bg-slate-700\/40{background-color:#e2e8f0!important}
[data-theme^=light] .bg-white\/5{background-color:var(--bg-input)!important}
[data-theme^=light] .bg-white\/10{background-color:var(--bg-elevated)!important}
[data-theme^=light] .bg-black\/40{background-color:rgba(0,0,0,.18)!important}
[data-theme^=light] .bg-black\/50{background-color:rgba(0,0,0,.22)!important}
[data-theme^=light] .bg-black\/60{background-color:rgba(0,0,0,.28)!important}
[data-theme^=light] .bg-black\/70{background-color:rgba(0,0,0,.35)!important}
[data-theme^=light] .bg-black\/80{background-color:rgba(0,0,0,.45)!important}

/* S6. LIGHT — Borders with alpha → visible */
[data-theme^=light] .border-emerald-500\/10,[data-theme^=light] .border-emerald-500\/15{border-color:#6ee7b740!important}
[data-theme^=light] .border-emerald-500\/20,[data-theme^=light] .border-emerald-500\/25{border-color:#6ee7b766!important}
[data-theme^=light] .border-emerald-500\/30,[data-theme^=light] .border-emerald-500\/40,[data-theme^=light] .border-emerald-500\/50{border-color:#6ee7b799!important}
[data-theme^=light] .border-amber-500\/10,[data-theme^=light] .border-amber-500\/15{border-color:#fbbf2440!important}
[data-theme^=light] .border-amber-500\/20,[data-theme^=light] .border-amber-500\/25,[data-theme^=light] .border-amber-500\/30,[data-theme^=light] .border-amber-500\/35{border-color:#fbbf2466!important}
[data-theme^=light] .border-violet-500\/15,[data-theme^=light] .border-violet-500\/20,[data-theme^=light] .border-violet-500\/30{border-color:#8b5cf666!important}
[data-theme^=light] .border-violet-500\/40,[data-theme^=light] .border-violet-500\/50{border-color:#8b5cf680!important}
[data-theme^=light] .border-cyan-500\/10,[data-theme^=light] .border-cyan-500\/15{border-color:#06b6d440!important}
[data-theme^=light] .border-cyan-500\/20,[data-theme^=light] .border-cyan-500\/25,[data-theme^=light] .border-cyan-500\/30{border-color:#06b6d466!important}
[data-theme^=light] .border-cyan-500\/40,[data-theme^=light] .border-cyan-500\/50{border-color:#06b6d480!important}
[data-theme^=light] .border-blue-500\/15,[data-theme^=light] .border-blue-500\/20,[data-theme^=light] .border-blue-500\/30{border-color:#3b82f666!important}
[data-theme^=light] .border-blue-500\/40{border-color:#3b82f680!important}
[data-theme^=light] .border-red-500\/10,[data-theme^=light] .border-red-500\/15{border-color:#ef444440!important}
[data-theme^=light] .border-red-500\/20,[data-theme^=light] .border-red-500\/30{border-color:#ef444466!important}
[data-theme^=light] .border-red-500\/40{border-color:#ef444480!important}
[data-theme^=light] .border-red-600\/30{border-color:#dc262666!important}
[data-theme^=light] .border-orange-500\/15,[data-theme^=light] .border-orange-500\/20,[data-theme^=light] .border-orange-500\/25{border-color:#f9731666!important}
[data-theme^=light] .border-orange-500\/30,[data-theme^=light] .border-orange-500\/40{border-color:#f9731680!important}
[data-theme^=light] .border-purple-500\/15,[data-theme^=light] .border-purple-500\/20,[data-theme^=light] .border-purple-500\/30{border-color:#a855f766!important}
[data-theme^=light] .border-purple-500\/40,[data-theme^=light] .border-purple-500\/50{border-color:#a855f780!important}
[data-theme^=light] .border-pink-500\/20{border-color:#ec489966!important}
[data-theme^=light] .border-rose-500\/30{border-color:#f43f5e80!important}
[data-theme^=light] .border-green-500\/30{border-color:#22c55e80!important}
[data-theme^=light] .border-green-600\/30{border-color:#16a34a80!important}
[data-theme^=light] .border-indigo-500\/15,[data-theme^=light] .border-indigo-500\/20,[data-theme^=light] .border-indigo-500\/30{border-color:#6366f166!important}
[data-theme^=light] .border-indigo-500\/50{border-color:#6366f199!important}
[data-theme^=light] .border-sky-500\/20{border-color:#0ea5e966!important}
[data-theme^=light] .border-teal-500\/20{border-color:#14b8a666!important}
[data-theme^=light] .border-gray-500\/30{border-color:#6b728080!important}
[data-theme^=light] .border-slate-500\/20{border-color:#64748b66!important}
[data-theme^=light] .border-slate-500\/30{border-color:#64748b80!important}
[data-theme^=light] .border-slate-700\/50{border-color:#cbd5e1!important}
[data-theme^=light] .border-white\/10,[data-theme^=light] .border-white\/20,[data-theme^=light] .border-white\/30{border-color:var(--border)!important}
[data-theme^=light] .border-yellow-500\/15,[data-theme^=light] .border-yellow-500\/20{border-color:#eab30866!important}
[data-theme^=light] .border-yellow-500\/30,[data-theme^=light] .border-yellow-500\/40,[data-theme^=light] .border-yellow-500\/50{border-color:#eab30880!important}

/* S7. LIGHT — Hover states */
[data-theme^=light] .hover\:bg-\[\#111738\]:hover{background-color:var(--bg-elevated)!important}
[data-theme^=light] .hover\:bg-\[\#0c1027\]:hover{background-color:var(--bg-card)!important}
[data-theme^=light] .hover\:bg-\[\#0a0d20\]:hover{background-color:var(--bg-input)!important}
[data-theme^=light] .hover\:bg-\[\#1a2044\]:hover{background-color:var(--bg-elevated)!important}
[data-theme^=light] .hover\:bg-\[\#0d1230\]:hover{background-color:var(--bg-card)!important}
[data-theme^=light] .hover\:bg-\[\#0e1230\]:hover{background-color:var(--bg-card)!important}
[data-theme^=light] .hover\:bg-\[\#080c1a\]:hover{background-color:var(--bg-base)!important}
[data-theme^=light] .hover\:bg-\[\#151d45\]:hover{background-color:var(--bg-elevated)!important}
[data-theme^=light] .hover\:bg-white\/5:hover,[data-theme^=light] .hover\:bg-white\/10:hover{background-color:var(--bg-elevated)!important}
[data-theme^=light] .hover\:bg-slate-800:hover{background-color:var(--bg-elevated)!important}
[data-theme^=light] .hover\:text-white:hover{color:var(--text-primary)!important}
[data-theme^=light] .hover\:text-slate-300:hover,[data-theme^=light] .hover\:text-gray-200:hover{color:var(--text-primary)!important}
[data-theme^=light] .hover\:text-slate-400:hover{color:var(--text-secondary)!important}
[data-theme^=light] .hover\:text-emerald-300:hover{color:#047857!important}
[data-theme^=light] .hover\:text-emerald-400:hover{color:#059669!important}
[data-theme^=light] .hover\:text-purple-300:hover,[data-theme^=light] .hover\:text-purple-400:hover{color:#6d28d9!important}
[data-theme^=light] .hover\:text-violet-400:hover{color:#6d28d9!important}
[data-theme^=light] .hover\:text-blue-300:hover,[data-theme^=light] .hover\:text-blue-400:hover{color:#1d4ed8!important}
[data-theme^=light] .hover\:text-red-300:hover,[data-theme^=light] .hover\:text-red-400:hover{color:#dc2626!important}
[data-theme^=light] .hover\:text-orange-300:hover,[data-theme^=light] .hover\:text-orange-400:hover{color:#c2410c!important}
[data-theme^=light] .hover\:text-amber-400:hover{color:#92400e!important}
[data-theme^=light] .hover\:text-yellow-400:hover{color:#854d0e!important}
[data-theme^=light] .hover\:text-cyan-400:hover{color:#0891b2!important}
[data-theme^=light] .hover\:border-\[\#252d5a\]:hover,[data-theme^=light] .hover\:border-slate-500:hover,[data-theme^=light] .hover\:border-slate-600:hover{border-color:var(--border)!important}
[data-theme^=light] .group-hover\:text-slate-300{color:var(--text-primary)!important}
[data-theme^=light] .group-hover\:text-purple-400{color:#6d28d9!important}
[data-theme^=light] .group-hover\:text-emerald-400{color:#059669!important}
[data-theme^=light] .group-hover\:text-orange-400{color:#ea580c!important}

/* S8. LIGHT — Inputs, focus, forms */
[data-theme^=light] input,[data-theme^=light] select,[data-theme^=light] textarea{background-color:var(--bg-input)!important;border-color:var(--border)!important;color:var(--text-primary)!important}
[data-theme^=light] input::placeholder,[data-theme^=light] textarea::placeholder{color:var(--text-muted)!important}
[data-theme^=light] input:focus,[data-theme^=light] select:focus,[data-theme^=light] textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--accent-bg)!important}
[data-theme^=light] .placeholder-slate-600::placeholder,[data-theme^=light] .placeholder-slate-700::placeholder{color:#94a3b8!important}
[data-theme^=light] .placeholder-gray-600::placeholder{color:#9ca3af!important}

/* S9. LIGHT — Rings, dividers, gradients, shadows */
[data-theme^=light] .ring-violet-500\/30,[data-theme^=light] .ring-purple-500\/30{--tw-ring-color:#8b5cf650!important}
[data-theme^=light] .ring-emerald-500\/20{--tw-ring-color:#10b98140!important}
[data-theme^=light] .ring-blue-500\/30{--tw-ring-color:#3b82f650!important}
[data-theme^=light] .ring-red-500\/20{--tw-ring-color:#ef444440!important}
[data-theme^=light] .ring-cyan-500\/30{--tw-ring-color:#06b6d450!important}
[data-theme^=light] .divide-\[\#1a2044\]>:not([hidden])~:not([hidden]),[data-theme^=light] .divide-\[\#1a2044\]\/40>:not([hidden])~:not([hidden]),[data-theme^=light] .divide-\[\#1a2044\]\/50>:not([hidden])~:not([hidden]){border-color:var(--border)!important}
[data-theme^=light] .divide-slate-700>:not([hidden])~:not([hidden]),[data-theme^=light] .divide-slate-800>:not([hidden])~:not([hidden]){border-color:var(--border)!important}
[data-theme^=light] .from-white{--tw-gradient-from:var(--text-primary)!important}
[data-theme^=light] .from-slate-300{--tw-gradient-from:var(--text-secondary)!important}
[data-theme^=light] .from-black{--tw-gradient-from:var(--text-primary)!important}
[data-theme^=light] .to-slate-400{--tw-gradient-to:#475569!important}
[data-theme^=light] .to-slate-700{--tw-gradient-to:var(--text-muted)!important}
[data-theme^=light] .shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.06),0 4px 6px -4px rgba(0,0,0,.04)!important}
[data-theme^=light] .shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.06),0 8px 10px -6px rgba(0,0,0,.04)!important}
[data-theme^=light] .shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.08)!important}
[data-theme^=light] .max-w-\[1600px\]>.rounded-2xl,[data-theme^=light] .max-w-\[1600px\] .space-y-3>.rounded-2xl{box-shadow:0 1px 3px rgba(0,0,0,.06)!important}
[data-theme^=light] ::-webkit-scrollbar-track{background:var(--bg-base)!important}
[data-theme^=light] ::-webkit-scrollbar-thumb{background:var(--scrollbar)!important}
[data-theme^=light] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)!important}
[data-theme^=light] .disabled\:bg-slate-700:disabled{background-color:#e2e8f0!important}
[data-theme^=light] .disabled\:text-slate-500:disabled{color:#94a3b8!important}

/* S10. LIGHT — Button text protection */
[data-theme^=light] button.bg-violet-600,[data-theme^=light] button.bg-violet-700,[data-theme^=light] button.bg-emerald-500,[data-theme^=light] button.bg-emerald-600,[data-theme^=light] button.bg-emerald-700,[data-theme^=light] button.bg-red-500,[data-theme^=light] button.bg-red-600,[data-theme^=light] button.bg-blue-500,[data-theme^=light] button.bg-blue-600,[data-theme^=light] button.bg-green-500,[data-theme^=light] button.bg-green-600,[data-theme^=light] button.bg-purple-500,[data-theme^=light] button.bg-purple-600,[data-theme^=light] button.bg-purple-700,[data-theme^=light] button.bg-orange-500,[data-theme^=light] button.bg-cyan-500,[data-theme^=light] button.bg-indigo-500,[data-theme^=light] button.bg-pink-500,[data-theme^=light] button.bg-rose-500,[data-theme^=light] button.bg-sky-500,[data-theme^=light] button.bg-teal-500,[data-theme^=light] button.bg-amber-500,[data-theme^=light] button.bg-yellow-500,[data-theme^=light] button.bg-slate-500,[data-theme^=light] button.bg-slate-600{color:#fff!important}
[data-theme^=light] button[class*="bg-violet"] .text-white,[data-theme^=light] button[class*="bg-emerald"] .text-white,[data-theme^=light] button[class*="bg-red-5"] .text-white,[data-theme^=light] button[class*="bg-blue-5"] .text-white,[data-theme^=light] button[class*="bg-green-5"] .text-white,[data-theme^=light] button[class*="bg-purple-5"] .text-white,[data-theme^=light] button[class*="bg-orange-5"] .text-white,[data-theme^=light] button[class*="bg-cyan-5"] .text-white,[data-theme^=light] button[class*="bg-indigo-5"] .text-white,[data-theme^=light] button[class*="bg-pink-5"] .text-white,[data-theme^=light] button[class*="bg-rose-5"] .text-white,[data-theme^=light] button[class*="bg-sky-5"] .text-white,[data-theme^=light] button[class*="bg-teal-5"] .text-white,[data-theme^=light] button[class*="bg-slate-5"] .text-white,[data-theme^=light] button[class*="bg-slate-6"] .text-white{color:#fff!important}
[data-theme^=light] [data-sonner-toaster] [data-sonner-toast],[data-theme^=light] .go2072408551{background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important}

/* ═══════════════════════════════════════════════════════════════
   SIDEBAR COLLAPSIBLE — GitHub-style
   Desktop: 280px expanded ↔ 60px collapsed (icons only)
   Mobile: overlay slide-in (React default behavior)
   Toggle via html.sb-c class
   ═══════════════════════════════════════════════════════════════ */

/* ── DESKTOP (≥1024px) — sidebar always visible, collapses to icons ── */
@media(min-width:1024px){

  /* Sidebar WRAPPER div (React: lg:relative) — must also transition width */
  .fixed.inset-y-0.left-0.z-50{
    width:280px!important;
    transition:width .25s cubic-bezier(.4,0,.2,1)!important;
    flex-shrink:0!important;
  }
  html.sb-c .fixed.inset-y-0.left-0.z-50{
    width:60px!important;
  }

  /* Sidebar smooth transition */
  aside.shrink-0{
    width:280px!important;
    min-width:280px!important;
    transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1)!important;
    overflow:visible!important;
  }

  /* Collapsed: 60px icons only */
  html.sb-c aside.shrink-0{
    width:60px!important;
    min-width:60px!important;
  }

  /* Text labels — fade out when collapsed */
  aside.shrink-0 nav a>span:not(:first-child),
  aside.shrink-0 nav a>div~span{
    transition:opacity .2s,max-width .25s;
    max-width:200px;
    overflow:hidden;
    white-space:nowrap;
  }
  html.sb-c aside.shrink-0 nav a>span:not(:first-child),
  html.sb-c aside.shrink-0 nav a>div~span{
    opacity:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  /* Section titles (PRINCIPAL, GESTAO, etc) — hide */
  aside.shrink-0 nav .text-\[9px\]{
    transition:opacity .15s,height .2s;
  }
  html.sb-c aside.shrink-0 nav .text-\[9px\]{
    opacity:0!important;
    height:0!important;
    margin:0!important;
    overflow:hidden!important;
  }

  /* Logo text — hide */
  aside.shrink-0>div:first-child .gap-3>div:last-child{
    transition:opacity .2s,max-width .25s;
    overflow:hidden;
  }
  html.sb-c aside.shrink-0>div:first-child .gap-3>div:last-child{
    opacity:0!important;
    max-width:0!important;
    display:none!important;
  }

  /* User info at bottom — hide text, keep avatar */
  html.sb-c aside.shrink-0>div:last-child .min-w-0{display:none!important}
  html.sb-c aside.shrink-0>div:last-child .gap-1\.5{display:none!important}

  /* === COLLAPSED STATE === */

  html.sb-c aside.shrink-0{overflow:visible!important}

  /* Nav container */
  html.sb-c aside.shrink-0 nav{
    padding:4px 0!important;
    overflow:visible!important;
  }
  /* Kill all space-y margins */
  html.sb-c aside.shrink-0 nav .space-y-0\.5>*+*,
  html.sb-c aside.shrink-0 nav .space-y-1>*+*,
  html.sb-c aside.shrink-0 nav .space-y-4>*+*{margin-top:1px!important}

  /* Each nav link: strip all padding/gap, show only the icon wrapper */
  html.sb-c aside.shrink-0 nav a{
    padding:0!important;
    gap:0!important;
    justify-content:center!important;
    align-items:center!important;
    margin:0 auto!important;
    width:100%!important;
    height:auto!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    position:relative!important;
  }

  /* The icon wrapper div (w-9 h-9) — this IS the visible button */
  html.sb-c aside.shrink-0 nav a>.w-9.h-9{
    width:46px!important;
    height:46px!important;
    border-radius:12px!important;
    margin:2px auto!important;
    background:var(--bg-elevated)!important;
    box-shadow:none!important;
  }
  /* Icon SVG inside — bigger, easy to see */
  html.sb-c aside.shrink-0 nav a>.w-9.h-9 svg{
    width:24px!important;
    height:24px!important;
  }
  /* Hover on the icon box */
  html.sb-c aside.shrink-0 nav a:hover>.w-9.h-9{
    background:var(--accent-bg)!important;
    border:1px solid var(--accent)!important;
  }

  /* Active page icon — accent gradient stays from React, just add accent border */
  html.sb-c aside.shrink-0 nav a[style*="backgroundColor"]>.w-9.h-9{
    box-shadow:0 0 0 2px var(--accent),0 4px 12px rgba(0,0,0,.2)!important;
  }

  /* Hide the text label span */
  html.sb-c aside.shrink-0 nav a>.flex-1{
    display:none!important;
  }
  /* Hide the chevron */
  html.sb-c aside.shrink-0 nav a>svg:last-child{
    display:none!important;
  }

  /* Logo header */
  html.sb-c aside.shrink-0>div:first-child{
    padding:8px 0!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  html.sb-c aside.shrink-0>div:first-child .flex.items-center.gap-3{
    justify-content:center!important;
    gap:0!important;
  }

  /* User area at bottom */
  html.sb-c aside.shrink-0>div:last-child{
    padding:4px 0!important;
    overflow:hidden!important;
  }
  html.sb-c aside.shrink-0>div:last-child a,
  html.sb-c aside.shrink-0>div:last-child>div{
    justify-content:center!important;
    padding:4px!important;
    gap:0!important;
  }
  html.sb-c aside.shrink-0>div:last-child a>.min-w-0,
  html.sb-c aside.shrink-0>div:last-child a>.gap-1\.5{
    display:none!important;
  }

  /* Tooltip on hover — shows label name */
  html.sb-c aside.shrink-0 nav a:hover::after{
    content:attr(aria-label);
    position:absolute;
    left:calc(100% - 4px);
    top:50%;
    transform:translateY(-50%);
    background:var(--bg-elevated);
    color:var(--text-primary);
    padding:6px 14px;
    border-radius:8px;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
    z-index:999;
    border:1px solid var(--border);
    box-shadow:0 4px 20px rgba(0,0,0,.35);
    pointer-events:none;
  }
}

/* ── GitHub-style hamburger button — lives inside header ── */
.sb-hamburger{
  width:32px;
  height:32px;
  border-radius:6px;
  border:1px solid var(--border);
  background:var(--bg-input);
  color:var(--text-secondary);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .15s,border-color .15s;
  flex-shrink:0;
  margin-right:8px;
}
.sb-hamburger:hover{
  background:var(--bg-elevated);
  border-color:var(--text-muted);
  color:var(--text-primary);
}
.sb-hamburger:active{
  background:var(--accent-bg);
}
.sb-hamburger svg{
  pointer-events:none;
}

/* Hide old/unused elements */
.sb-btn{display:none!important}
.sb-toggle{display:none!important}
.sb-overlay{display:none!important}
.sb-close{display:none!important}

/* RESPONSIVE — SCOPED to .max-w-[1600px] main content */

/* R1. Layout */
aside .px-5.py-4{padding:clamp(0.6rem,1vw,1.25rem) clamp(0.8rem,1.2vw,1.25rem)!important;position:relative!important}
aside .w-10.h-10{width:clamp(1.8rem,2.2vw,2.5rem)!important;height:clamp(1.8rem,2.2vw,2.5rem)!important}
aside .text-xl{font-size:clamp(0.9rem,1.1vw,1.25rem)!important}
aside nav a{padding:clamp(0.35rem,0.5vw,0.5rem) clamp(0.55rem,0.8vw,0.75rem)!important;font-size:clamp(0.73rem,0.85vw,0.875rem)!important;gap:clamp(0.4rem,0.6vw,0.75rem)!important;border-radius:clamp(0.4rem,0.5vw,0.625rem)!important}
aside nav a svg{width:clamp(14px,1.1vw,18px)!important;height:clamp(14px,1.1vw,18px)!important}
aside nav .text-xs{font-size:clamp(0.6rem,0.68vw,0.75rem)!important}
header.h-\[60px\]{height:clamp(46px,4vw,60px)!important}
main.flex-1.overflow-auto{padding:0.25rem 0.15rem!important;box-sizing:border-box!important;overflow-x:hidden!important}
.max-w-\[1600px\].mx-auto{max-width:100%!important;width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}
/* Sidebar hidden → edge to edge */
html.sb-c main.flex-1.overflow-auto{padding:0.2rem 0.1rem!important}

/* R2. Cards — scoped (edge-to-edge) */
.max-w-\[1600px\] .rounded-2xl.p-4{padding:0.25rem 0.1rem!important}
.max-w-\[1600px\] .rounded-2xl.p-5{padding:0.3rem 0.1rem!important}
.max-w-\[1600px\] .rounded-2xl.p-6{padding:0.3rem 0.1rem!important}
.max-w-\[1600px\] .rounded-2xl.p-8{padding:0.4rem 0.15rem!important}

/* R3. Spacing — scoped */
.max-w-\[1600px\] .space-y-6>*+*{margin-top:clamp(0.8rem,1.5vw,1.5rem)!important}
.max-w-\[1600px\] .space-y-5>*+*{margin-top:clamp(0.65rem,1.2vw,1.25rem)!important}
.max-w-\[1600px\] .space-y-4>*+*{margin-top:clamp(0.55rem,1vw,1rem)!important}
.max-w-\[1600px\] .space-y-3>*+*{margin-top:clamp(0.4rem,0.75vw,0.75rem)!important}
.max-w-\[1600px\] .gap-4{gap:clamp(0.55rem,1vw,1rem)!important}
.max-w-\[1600px\] .gap-3{gap:clamp(0.4rem,0.75vw,0.75rem)!important}

/* R4. Typography — scoped */
.max-w-\[1600px\] .text-2xl{font-size:clamp(1.1rem,1.4vw,1.5rem)!important}
.max-w-\[1600px\] .text-xl{font-size:clamp(0.95rem,1.2vw,1.25rem)!important}
.max-w-\[1600px\] .text-lg{font-size:clamp(0.88rem,1.05vw,1.125rem)!important}
.max-w-\[1600px\] .text-sm{font-size:clamp(0.75rem,0.85vw,0.875rem)!important}
.max-w-\[1600px\] .text-xs{font-size:clamp(0.65rem,0.74vw,0.75rem)!important}
.max-w-\[1600px\] .text-\[10px\]{font-size:clamp(9px,0.62vw,10px)!important}
.max-w-\[1600px\] .text-\[11px\]{font-size:clamp(9.5px,0.68vw,11px)!important}
.max-w-\[1600px\] .text-\[9px\]{font-size:clamp(8px,0.56vw,9px)!important}
.max-w-\[1600px\] .text-\[8px\]{font-size:clamp(7px,0.5vw,8px)!important}

/* R5. Icons — scoped */
.max-w-\[1600px\] .w-5.h-5{width:clamp(1rem,1.2vw,1.25rem)!important;height:clamp(1rem,1.2vw,1.25rem)!important}
.max-w-\[1600px\] .w-4.h-4{width:clamp(0.85rem,1vw,1rem)!important;height:clamp(0.85rem,1vw,1rem)!important}

/* R6. Inputs — scoped */
.max-w-\[1600px\] input:not([type=checkbox]):not([type=radio]):not([type=range]),.max-w-\[1600px\] select,.max-w-\[1600px\] textarea{padding:clamp(0.38rem,0.6vw,0.5rem) clamp(0.55rem,0.9vw,0.875rem)!important;font-size:clamp(0.74rem,0.85vw,0.875rem)!important}
.max-w-\[1600px\] label.text-xs{font-size:clamp(0.63rem,0.72vw,0.75rem)!important}

/* R7. Tables — scoped (compact padding) */
.max-w-\[1600px\] table th,.max-w-\[1600px\] table td{padding:clamp(0.3rem,0.5vw,0.5rem) clamp(0.25rem,0.5vw,0.5rem)!important;font-size:clamp(0.68rem,0.8vw,0.8125rem)!important}

/* R8. Grids — scale at xl */
@media (min-width:1600px){
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(5,1fr)!important}
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-5{grid-template-columns:repeat(6,1fr)!important}
  .max-w-\[1600px\] .grid.grid-cols-2.md\:grid-cols-3{grid-template-columns:repeat(4,1fr)!important}
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4{grid-template-columns:repeat(5,1fr)!important}
  main.flex-1.overflow-auto{padding:1.5rem!important}
}

/* R9. Modals — adaptive */
.bg-black\/50>.max-w-2xl,.bg-black\/60>.max-w-2xl{max-width:min(92vw,42rem)!important}
.bg-black\/50>.max-w-lg,.bg-black\/60>.max-w-lg{max-width:min(92vw,32rem)!important}
.bg-black\/50>.max-w-md,.bg-black\/60>.max-w-md{max-width:min(92vw,28rem)!important}

/* R10. Profile — theme selector compact */
.max-w-3xl.mx-auto{max-width:min(96vw,48rem)!important}
@media (min-width:1600px){.max-w-3xl.mx-auto{max-width:56rem!important}}
.max-w-3xl .w-24.h-24{width:clamp(2.8rem,4vw,4rem)!important;height:clamp(2.8rem,4vw,4rem)!important;border-radius:clamp(0.5rem,0.8vw,1rem)!important}
.max-w-3xl .flex.items-center.gap-6{gap:clamp(0.8rem,1.2vw,1.5rem)!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3{gap:clamp(0.3rem,0.5vw,0.5rem)!important}
@media (min-width:640px){.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3{grid-template-columns:repeat(4,1fr)!important}}
@media (min-width:1400px){.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3{grid-template-columns:repeat(5,1fr)!important}}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button{padding:clamp(0.38rem,0.5vw,0.5rem) clamp(0.42rem,0.6vw,0.625rem)!important;border-radius:clamp(0.4rem,0.6vw,0.625rem)!important;border-width:1.5px!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button>.flex.gap-1.mb-3{margin-bottom:clamp(0.2rem,0.3vw,0.35rem)!important;gap:2px!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button>.flex.gap-1.mb-3>div{height:clamp(4px,0.4vw,5px)!important;border-radius:3px!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button>.rounded-lg.overflow-hidden.mb-3{display:none!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button>.flex.items-center.gap-2{gap:clamp(0.15rem,0.25vw,0.25rem)!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button>.flex.items-center.gap-2>span:last-child{font-size:clamp(0.65rem,0.74vw,0.78rem)!important;font-weight:600!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button>.absolute.top-2.right-2{top:.3rem!important;right:.3rem!important;width:clamp(0.85rem,1vw,1.1rem)!important;height:clamp(0.85rem,1vw,1.1rem)!important}
.max-w-3xl .grid.grid-cols-2.md\:grid-cols-3.gap-3>button>.absolute.top-2.right-2 svg{width:clamp(9px,0.7vw,11px)!important;height:clamp(9px,0.7vw,11px)!important}
.max-w-3xl .flex.flex-wrap.gap-2>button.w-9.h-9{width:clamp(1.4rem,1.7vw,2rem)!important;height:clamp(1.4rem,1.7vw,2rem)!important;border-radius:clamp(0.35rem,0.5vw,0.5rem)!important}

/* R11. Small screens — zero wasted space */
@media (max-width:1023px){
  main.flex-1.overflow-auto{padding:0.25rem!important}
  .max-w-\[1600px\] .rounded-2xl.p-4,
  .max-w-\[1600px\] .rounded-2xl.p-5,
  .max-w-\[1600px\] .rounded-2xl.p-6{padding:0.35rem!important}
  .max-w-\[1600px\] table thead th{padding:8px 3px!important;font-size:10px!important}
  .max-w-\[1600px\] table tbody td{padding:6px 3px!important;font-size:11px!important}
  .max-w-\[1600px\] .overflow-x-auto{overflow-x:auto!important}
  .max-w-\[1600px\] table{min-width:700px!important}
}

/* R12. Scrollbar */
::-webkit-scrollbar{width:clamp(5px,0.4vw,8px)!important;height:clamp(5px,0.4vw,8px)!important}
::-webkit-scrollbar-track{background:var(--bg-base)!important;border-radius:4px!important}
::-webkit-scrollbar-thumb{background:var(--scrollbar)!important;border-radius:4px!important}
::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)!important}

/* ═══════════════════════════════════════════════════════════════
   LOGS TABLE — Enhanced visibility (ALL themes)
   Targeted: the main data table used in Logs dos Projetos,
   Project Logs, and Live Connections pages
   ═══════════════════════════════════════════════════════════════ */

/* ── Table: full width, compact columns ── */
.max-w-\[1600px\] table{
  width:100%!important;
  table-layout:fixed!important;
  max-width:100%!important;
}
/* Column widths — balanced distribution (% based for responsive) */
/* 1:checkbox 2:projeto 3:logs 4:user/senha 5:refer 6:operador 7:comentario 8:pais 9:disp 10:status 11:pagina 12:acoes */
.max-w-\[1600px\] table thead th:nth-child(1),
.max-w-\[1600px\] table tbody td:nth-child(1){width:2.5%!important}         /* checkbox */
.max-w-\[1600px\] table thead th:nth-child(2),
.max-w-\[1600px\] table tbody td:nth-child(2){width:8%!important}           /* PROJETO */
.max-w-\[1600px\] table thead th:nth-child(3),
.max-w-\[1600px\] table tbody td:nth-child(3){width:5%!important}           /* LOGS */
.max-w-\[1600px\] table thead th:nth-child(4),
.max-w-\[1600px\] table tbody td:nth-child(4){width:12%!important}          /* USUÁRIO/SENHA */
.max-w-\[1600px\] table thead th:nth-child(5),
.max-w-\[1600px\] table tbody td:nth-child(5){width:5%!important}           /* REFER */
.max-w-\[1600px\] table thead th:nth-child(6),
.max-w-\[1600px\] table tbody td:nth-child(6){width:7.5%!important}         /* OPERADOR */
.max-w-\[1600px\] table thead th:nth-child(7),
.max-w-\[1600px\] table tbody td:nth-child(7){width:10%!important}          /* COMENTÁRIO */
.max-w-\[1600px\] table thead th:nth-child(8),
.max-w-\[1600px\] table tbody td:nth-child(8){width:6%!important}           /* PAÍS */
.max-w-\[1600px\] table thead th:nth-child(9),
.max-w-\[1600px\] table tbody td:nth-child(9){width:4%!important}           /* DISP */
.max-w-\[1600px\] table thead th:nth-child(10),
.max-w-\[1600px\] table tbody td:nth-child(10){width:6.5%!important}        /* STATUS */
.max-w-\[1600px\] table thead th:nth-child(11),
.max-w-\[1600px\] table tbody td:nth-child(11){width:8%!important}          /* PÁGINA */
.max-w-\[1600px\] table thead th:last-child,
.max-w-\[1600px\] table tbody td:last-child{width:13.5%!important}          /* AÇÕES */

/* ── Table header: stronger contrast, larger ── */
.max-w-\[1600px\] table thead tr{
  background:var(--bg-input)!important;
  border-bottom:2px solid var(--border)!important;
}
.max-w-\[1600px\] table thead th{
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:0.06em!important;
  color:var(--text-secondary)!important;
  padding:10px 6px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  text-align:center!important;
}
/* First header (checkbox) + second (PROJETO) — left */
.max-w-\[1600px\] table thead th:first-child{text-align:center!important;width:36px!important;padding:10px 4px!important}
.max-w-\[1600px\] table thead th:nth-child(2){text-align:left!important}
/* LOGS column width set above in fixed layout */
.max-w-\[1600px\] table thead th:nth-child(4){text-align:left!important}
/* Checkbox column compact */
.max-w-\[1600px\] table tbody td:first-child{width:36px!important;padding:8px 4px!important}

/* ── Table rows: better spacing and readability ── */
.max-w-\[1600px\] table tbody tr{
  transition:background-color .15s!important;
}
.max-w-\[1600px\] table tbody td{
  padding:8px 6px!important;
  font-size:13px!important;
  vertical-align:middle!important;
  line-height:1.4!important;
  text-align:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* First column (checkbox) + second (project name) — left align */
.max-w-\[1600px\] table tbody td:first-child{text-align:center!important}
.max-w-\[1600px\] table tbody td:nth-child(2){text-align:left!important}
/* Third (USUARIO/SENHA) — left align (has multiline data) */
.max-w-\[1600px\] table tbody td:nth-child(4){text-align:left!important}

/* Hover row — visible highlight */
.max-w-\[1600px\] table tbody tr:hover{
  background:var(--accent-bg)!important;
}

/* Alternating row hint (subtle) */
.max-w-\[1600px\] table tbody tr:nth-child(even){
  background:color-mix(in srgb, var(--bg-card) 92%, var(--bg-elevated))!important;
}
.max-w-\[1600px\] table tbody tr:nth-child(even):hover{
  background:var(--accent-bg)!important;
}

/* Gold row — keep gold highlight visible */
.max-w-\[1600px\] table tbody tr.bg-yellow-500\/5{
  background:color-mix(in srgb, var(--bg-card) 85%, #fbbf24)!important;
}

/* ── Status badges in table: bigger, bolder ── */
.max-w-\[1600px\] table .bg-emerald-500\/15,
.max-w-\[1600px\] table .bg-amber-500\/15,
.max-w-\[1600px\] table .bg-red-500\/10,
.max-w-\[1600px\] table .bg-slate-500\/10{
  padding:3px 10px!important;
  border-radius:6px!important;
  font-size:11px!important;
  font-weight:700!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
/* Status dot bigger */
.max-w-\[1600px\] table .w-1.h-1.rounded-full{
  width:7px!important;
  height:7px!important;
}

/* ── Top bar: "Logs dos Projetos" + badges ── */

/* Title */
.max-w-\[1600px\] .text-sm.font-bold.text-white.shrink-0{
  font-size:1.1rem!important;
  color:var(--text-primary)!important;
}

/* Status count badges (Online 0, etc) — more visible */
.max-w-\[1600px\] .flex.items-center.gap-1.px-2.py-1.rounded-lg{
  padding:4px 12px!important;
  font-size:11px!important;
  font-weight:700!important;
  border-width:1.5px!important;
}
/* Pulse dot in Online badge */
.max-w-\[1600px\] .w-1\.5.h-1\.5.rounded-full.bg-emerald-500{
  width:8px!important;
  height:8px!important;
}

/* ── Search input: larger, clearer ── */
.max-w-\[1600px\] input[placeholder*="Buscar"]{
  font-size:13px!important;
  padding:8px 12px 8px 2rem!important;
  border-radius:8px!important;
}

/* ── Filter tabs (Todos/Online/Away/Offline/Blocked/Gold) ── */
.max-w-\[1600px\] .flex.items-center.gap-0\.5>button{
  padding:5px 12px!important;
  font-size:11px!important;
  font-weight:700!important;
  border-radius:6px!important;
  transition:all .2s!important;
}
/* Active filter tab — stronger */
.max-w-\[1600px\] .flex.items-center.gap-0\.5>button.bg-\[\#1a2044\]{
  background:var(--accent)!important;
  color:#fff!important;
  box-shadow:0 2px 8px var(--accent-bg)!important;
}
/* Gold filter active */
.max-w-\[1600px\] .flex.items-center.gap-0\.5>button.bg-yellow-500\/20{
  background:#fbbf2433!important;
  color:#b45309!important;
  box-shadow:0 2px 8px #fbbf2422!important;
}

/* ── Action buttons (Exportar, Limpar, Visits) ── */
.max-w-\[1600px\] button.text-emerald-400.border-emerald-500\/20,
.max-w-\[1600px\] button.text-red-400.border-red-500\/20,
.max-w-\[1600px\] button.text-orange-400.border-orange-500\/20{
  padding:5px 12px!important;
  font-size:11px!important;
  font-weight:700!important;
  border-radius:6px!important;
  border-width:1.5px!important;
}

/* ── Row action buttons (edit, block, delete, etc) — BIGGER ── */
.max-w-\[1600px\] table .w-7.h-7.rounded-lg{
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
  border:1.5px solid var(--border)!important;
}
.max-w-\[1600px\] table .w-7.h-7.rounded-lg svg{
  width:15px!important;
  height:15px!important;
}
.max-w-\[1600px\] table .w-6.h-6.rounded-lg{
  width:30px!important;
  height:30px!important;
  border-radius:8px!important;
  border:1.5px solid var(--border)!important;
}
.max-w-\[1600px\] table .w-6.h-6.rounded-lg svg{
  width:14px!important;
  height:14px!important;
}
/* Action buttons gap */
.max-w-\[1600px\] table td .flex.items-center.gap-1{
  gap:4px!important;
}
.max-w-\[1600px\] table td .flex.items-center.gap-0\.5{
  gap:4px!important;
}

/* ── ALL THEMES: action buttons visible with solid bg + icon color ── */
/* Purple action (edit/view) */
.max-w-\[1600px\] table .w-7.h-7.bg-purple-500\/10{
  background:var(--accent-bg)!important;
  border-color:var(--accent)!important;
  color:var(--accent-text)!important;
}
.max-w-\[1600px\] table .w-7.h-7.bg-purple-500\/10:hover{
  background:var(--accent)!important;
  color:#fff!important;
}
.max-w-\[1600px\] table .w-7.h-7.bg-purple-600\/20{
  background:var(--accent-bg)!important;
  border-color:var(--accent)!important;
  color:var(--accent-text)!important;
}
/* Red action (delete/block) */
.max-w-\[1600px\] table .w-7.h-7.bg-red-500\/10{
  background:rgba(239,68,68,.12)!important;
  border-color:rgba(239,68,68,.4)!important;
  color:#ef4444!important;
}
.max-w-\[1600px\] table .w-7.h-7.bg-red-500\/10:hover,
.max-w-\[1600px\] table .w-6.h-6.bg-red-500\/80:hover{
  background:#ef4444!important;
  color:#fff!important;
  border-color:#ef4444!important;
}
.max-w-\[1600px\] table .w-6.h-6.bg-red-500\/80{
  background:rgba(239,68,68,.8)!important;
  border-color:#ef4444!important;
  color:#fff!important;
}
/* Blue action (SMS/view) */
.max-w-\[1600px\] table .w-7.h-7.bg-blue-500\/10{
  background:rgba(59,130,246,.12)!important;
  border-color:rgba(59,130,246,.4)!important;
  color:#3b82f6!important;
}
.max-w-\[1600px\] table .w-7.h-7.bg-blue-500\/10:hover{
  background:#3b82f6!important;
  color:#fff!important;
  border-color:#3b82f6!important;
}
/* Orange action */
.max-w-\[1600px\] table .w-7.h-7.bg-orange-500\/12{
  background:rgba(249,115,22,.12)!important;
  border-color:rgba(249,115,22,.4)!important;
  color:#f97316!important;
}
.max-w-\[1600px\] table .w-7.h-7.bg-orange-500\/12:hover{
  background:#f97316!important;
  color:#fff!important;
  border-color:#f97316!important;
}
.max-w-\[1600px\] table .w-7.h-7.bg-orange-500{
  border-color:#f97316!important;
}
/* Dark hex bg action buttons — remap to theme */
.max-w-\[1600px\] table .w-7.h-7.bg-\[\#111738\]{
  background:var(--bg-elevated)!important;
  border-color:var(--border)!important;
  color:var(--text-muted)!important;
}
.max-w-\[1600px\] table .w-7.h-7.bg-\[\#111738\]:hover{
  background:var(--accent-bg)!important;
  border-color:var(--accent)!important;
  color:var(--accent-text)!important;
}
/* Slate bg action */
.max-w-\[1600px\] table .w-7.h-7.bg-slate-800{
  background:var(--bg-elevated)!important;
  border-color:var(--border)!important;
  color:var(--text-muted)!important;
}
/* Gradient badge (log count) */
.max-w-\[1600px\] table .w-7.h-7.bg-gradient-to-br{
  border-color:var(--accent)!important;
}

/* ── LIGHT THEME specific action button fixes ── */
[data-theme^=light] .max-w-\[1600px\] table .w-7.h-7.bg-purple-500\/10{
  background:rgba(124,58,237,.1)!important;
  color:#6d28d9!important;
  border-color:rgba(124,58,237,.35)!important;
}
[data-theme^=light] .max-w-\[1600px\] table .w-7.h-7.bg-red-500\/10{
  background:rgba(239,68,68,.08)!important;
  color:#dc2626!important;
  border-color:rgba(239,68,68,.3)!important;
}
[data-theme^=light] .max-w-\[1600px\] table .w-7.h-7.bg-blue-500\/10{
  background:rgba(59,130,246,.08)!important;
  color:#2563eb!important;
  border-color:rgba(59,130,246,.3)!important;
}
[data-theme^=light] .max-w-\[1600px\] table .w-7.h-7.bg-orange-500\/12{
  background:rgba(249,115,22,.08)!important;
  color:#ea580c!important;
  border-color:rgba(249,115,22,.3)!important;
}
[data-theme^=light] .max-w-\[1600px\] table .w-7.h-7.bg-\[\#111738\]{
  background:var(--bg-input)!important;
  color:var(--text-secondary)!important;
}
[data-theme^=light] .max-w-\[1600px\] table .w-7.h-7.bg-slate-800{
  background:var(--bg-input)!important;
  color:var(--text-secondary)!important;
}

/* ── LOGS TABLE: ALL action buttons — universal styling ── */
/* Target every button inside the last td (actions column) */
.max-w-\[1600px\] table td:last-child button{
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
  border:1.5px solid var(--border)!important;
  transition:all .15s!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
}
.max-w-\[1600px\] table td:last-child button svg{
  width:18px!important;
  height:18px!important;
  stroke-width:2!important;
}
/* Color each button by its text color (React sets text-amber-400, text-blue-400, etc) */
.max-w-\[1600px\] table td:last-child button[class*="text-amber"]{
  border-color:rgba(245,158,11,.5)!important;
  background:rgba(245,158,11,.12)!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-amber"]:hover{
  background:#f59e0b!important;color:#fff!important;border-color:#f59e0b!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-blue"]{
  border-color:rgba(59,130,246,.5)!important;
  background:rgba(59,130,246,.12)!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-blue"]:hover{
  background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-purple"]{
  border-color:rgba(168,85,247,.5)!important;
  background:rgba(168,85,247,.12)!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-purple"]:hover{
  background:#a855f7!important;color:#fff!important;border-color:#a855f7!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-red"]{
  border-color:rgba(239,68,68,.5)!important;
  background:rgba(239,68,68,.12)!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-red"]:hover{
  background:#ef4444!important;color:#fff!important;border-color:#ef4444!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-orange"]{
  border-color:rgba(249,115,22,.5)!important;
  background:rgba(249,115,22,.12)!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-orange"]:hover{
  background:#f97316!important;color:#fff!important;border-color:#f97316!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-emerald"]{
  border-color:rgba(16,185,129,.5)!important;
  background:rgba(16,185,129,.12)!important;
}
.max-w-\[1600px\] table td:last-child button[class*="text-white"]{
  border-color:var(--border)!important;
}
/* Slate bg buttons */
.max-w-\[1600px\] table td:last-child button[class*="bg-slate"]{
  background:var(--bg-elevated)!important;
  border-color:var(--border)!important;
  color:var(--text-secondary)!important;
}
/* Actions gap */
.max-w-\[1600px\] table td:last-child .flex{
  gap:4px!important;
}

/* LIGHT: action buttons — strong bg + dark icon */
[data-theme^=light] .max-w-\[1600px\] table td:last-child button[class*="text-amber"]{background:#fef3c7!important;color:#92400e!important;border-color:#f59e0b!important}
[data-theme^=light] .max-w-\[1600px\] table td:last-child button[class*="text-blue"]{background:#dbeafe!important;color:#1e40af!important;border-color:#3b82f6!important}
[data-theme^=light] .max-w-\[1600px\] table td:last-child button[class*="text-purple"]{background:#ede9fe!important;color:#5b21b6!important;border-color:#8b5cf6!important}
[data-theme^=light] .max-w-\[1600px\] table td:last-child button[class*="text-red"]{background:#fee2e2!important;color:#991b1b!important;border-color:#ef4444!important}
[data-theme^=light] .max-w-\[1600px\] table td:last-child button[class*="text-orange"]{background:#ffedd5!important;color:#9a3412!important;border-color:#f97316!important}
[data-theme^=light] .max-w-\[1600px\] table td:last-child button[class*="text-emerald"]{background:#d1fae5!important;color:#065f46!important;border-color:#10b981!important}
[data-theme^=light] .max-w-\[1600px\] table td:last-child button[class*="bg-slate"]{background:#e2e8f0!important;color:#334155!important;border-color:#94a3b8!important}

/* ── Table container: ensure full width without overflow ── */
.max-w-\[1600px\] .overflow-x-auto{
  width:100%!important;
  overflow-x:auto!important;
  box-sizing:border-box!important;
}
/* Main content area — always box-sized */
main.flex-1.overflow-auto{
  box-sizing:border-box!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* ── Log count badge in table rows ── */
.max-w-\[1600px\] table .bg-gradient-to-br.from-purple-600\/30{
  width:30px!important;
  height:22px!important;
  font-size:11px!important;
}

/* ── Pagination: clearer ── */
.max-w-\[1600px\] .flex.items-center.gap-2.text-sm.text-slate-500{
  font-size:13px!important;
  color:var(--text-secondary)!important;
  font-weight:500!important;
}
.max-w-\[1600px\] .flex.items-center.gap-2.text-sm.text-slate-500 select{
  font-size:clamp(11px,0.75vw,13px)!important;
  padding:4px 8px!important;
  border-radius:6px!important;
  font-weight:600!important;
}
/* Pagination buttons (< >) */
.max-w-\[1600px\] .flex.items-center.gap-2.text-sm.text-slate-500 button{
  width:clamp(24px,2vw,32px)!important;
  height:clamp(24px,2vw,32px)!important;
  border-radius:6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* ── Empty state: more visible ── */
.max-w-\[1600px\] table tbody td[colspan]{
  padding:2rem 1rem!important;
  font-size:clamp(12px,0.85vw,14px)!important;
  color:var(--text-muted)!important;
  text-align:center!important;
}

/* ── Checkbox column ── */
.max-w-\[1600px\] table .w-4.h-4.rounded.border-2{
  width:16px!important;
  height:16px!important;
  border-radius:4px!important;
  border-width:2px!important;
}

/* ── Table wrapper card — subtle depth ── */
.max-w-\[1600px\] .bg-\[\#0c1027\].border.border-\[\#1a2044\].rounded-2xl.overflow-hidden{
  box-shadow:0 4px 24px rgba(0,0,0,.08)!important;
}

/* ── LIGHT THEME specific table fixes ── */

/* Active tab on light — already handled by base rule (lines 666-670) */

/* Table header on light — stronger bg */
[data-theme^=light] .max-w-\[1600px\] table thead tr{
  background:var(--bg-elevated)!important;
}
[data-theme^=light] .max-w-\[1600px\] table thead th{
  color:var(--text-primary)!important;
  opacity:.7!important;
}

/* Even rows on light */
[data-theme^=light] .max-w-\[1600px\] table tbody tr:nth-child(even){
  background:color-mix(in srgb, var(--bg-card) 85%, var(--bg-elevated))!important;
}

/* Status badges on light — stronger colors */
[data-theme^=light] .max-w-\[1600px\] table .bg-emerald-500\/15{background-color:#d1fae5!important;color:#047857!important}
[data-theme^=light] .max-w-\[1600px\] table .bg-amber-500\/15{background-color:#fef3c7!important;color:#92400e!important}
[data-theme^=light] .max-w-\[1600px\] table .bg-red-500\/10{background-color:#fee2e2!important;color:#b91c1c!important}
[data-theme^=light] .max-w-\[1600px\] table .bg-slate-500\/10{background-color:#e2e8f0!important;color:#475569!important}

/* Filter inactive text on light */
[data-theme^=light] .max-w-\[1600px\] .flex.items-center.gap-0\.5>button.text-slate-500{
  color:var(--text-secondary)!important;
}

/* Gold filter on light */
[data-theme^=light] .max-w-\[1600px\] .flex.items-center.gap-0\.5>button.bg-yellow-500\/20{
  background:#fef3c7!important;
  color:#78350f!important;
}
[data-theme^=light] .max-w-\[1600px\] .flex.items-center.gap-0\.5>button.text-yellow-600{
  color:#92400e!important;
}

/* Pagination on light */
[data-theme^=light] .max-w-\[1600px\] .flex.items-center.gap-2.text-sm.text-slate-500{
  color:var(--text-primary)!important;
}

/* Table row text on light — ensure readability */
[data-theme^=light] .max-w-\[1600px\] table tbody .text-\[10px\]{color:var(--text-secondary)!important}
[data-theme^=light] .max-w-\[1600px\] table tbody .text-\[11px\]{color:var(--text-primary)!important}
[data-theme^=light] .max-w-\[1600px\] table tbody .text-\[9px\]{color:var(--text-muted)!important}
[data-theme^=light] .max-w-\[1600px\] table tbody .text-\[8px\]{color:var(--text-muted)!important}

/* Checkbox border on light */
[data-theme^=light] .max-w-\[1600px\] table .border-slate-700{
  border-color:var(--border)!important;
}

/* ═══════════════════════════════════════════════════════════════
   DASHBOARD — Enhanced visibility (ALL themes)
   ═══════════════════════════════════════════════════════════════ */

/* ── Greeting card: bigger name, clearer quote ── */
.max-w-\[1600px\] .space-y-3>.flex.items-center.justify-between.rounded-2xl{
  padding:clamp(0.8rem,1.5vw,1.5rem) clamp(1rem,1.8vw,1.75rem)!important;
}
/* "BOA TARDE" label */
.max-w-\[1600px\] .space-y-3>.flex.items-center.justify-between.rounded-2xl .text-\[9px\]{
  font-size:clamp(9px,0.65vw,11px)!important;
  font-weight:700!important;
  letter-spacing:0.12em!important;
}
/* User name */
.max-w-\[1600px\] .space-y-3>.flex.items-center.justify-between.rounded-2xl .text-xl{
  font-size:clamp(1.1rem,1.5vw,1.5rem)!important;
  font-weight:900!important;
}
/* Quote text */
.max-w-\[1600px\] .space-y-3>.flex.items-center.justify-between.rounded-2xl .text-\[10px\]{
  font-size:clamp(10px,0.72vw,12px)!important;
  opacity:.7!important;
}
/* "Ao Vivo" button */
.max-w-\[1600px\] .space-y-3>.flex.items-center.justify-between.rounded-2xl button{
  font-size:clamp(10px,0.72vw,12px)!important;
  padding:clamp(0.3rem,0.4vw,0.4rem) clamp(0.6rem,0.9vw,1rem)!important;
  font-weight:700!important;
}

/* ── Stats cards row: bigger numbers ── */
.max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2{
  gap:clamp(0.4rem,0.7vw,0.75rem)!important;
}
/* Each stat card */
.max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2>.rounded-xl.p-2\.5{
  padding:clamp(0.5rem,0.9vw,0.8rem) clamp(0.6rem,1vw,0.9rem)!important;
  gap:clamp(0.4rem,0.6vw,0.625rem)!important;
}
/* Icon circle */
.max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .w-8.h-8{
  width:clamp(1.8rem,2.4vw,2.5rem)!important;
  height:clamp(1.8rem,2.4vw,2.5rem)!important;
  border-radius:clamp(0.4rem,0.6vw,0.625rem)!important;
}
.max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .w-8.h-8 svg{
  width:clamp(14px,1.1vw,17px)!important;
  height:clamp(14px,1.1vw,17px)!important;
}
/* Big number */
.max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .text-lg.font-black{
  font-size:clamp(1.1rem,1.5vw,1.6rem)!important;
}
/* Label ("Projetos", "Usuarios", etc) */
.max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .text-\[9px\].text-slate-500{
  font-size:clamp(9px,0.65vw,11px)!important;
  color:var(--text-muted)!important;
  font-weight:600!important;
}
/* Sub label ("0 online") */
.max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .text-\[8px\]{
  font-size:clamp(8px,0.55vw,10px)!important;
  font-weight:700!important;
}

/* ── Projects + Team bottom grid ── */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2.gap-3{
  gap:clamp(0.5rem,0.8vw,0.75rem)!important;
}

/* Section headers ("Projetos", "Equipe", "Todos") */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .px-4.py-2.border-b{
  padding:clamp(0.4rem,0.6vw,0.6rem) clamp(0.6rem,1vw,1rem)!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .text-\[11px\].font-bold{
  font-size:clamp(11px,0.78vw,13px)!important;
}
/* "Todos" link */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .text-\[9px\].text-purple-400{
  font-size:clamp(9px,0.65vw,11px)!important;
  font-weight:600!important;
}
/* Team member count */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .text-\[9px\].text-emerald-400{
  font-size:clamp(9px,0.65vw,11px)!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .text-\[9px\].text-slate-600{
  font-size:clamp(9px,0.65vw,11px)!important;
  color:var(--text-muted)!important;
}

/* Project list items */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .space-y-1\.5>div{
  padding:clamp(0.3rem,0.45vw,0.4rem) clamp(0.5rem,0.8vw,0.75rem)!important;
}
/* Project name */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .text-xs.font-bold.text-white{
  font-size:clamp(11px,0.78vw,13px)!important;
}
/* "1 dominios" */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .text-\[9px\].text-slate-500{
  font-size:clamp(9px,0.62vw,10px)!important;
  color:var(--text-muted)!important;
}

/* Team member cards */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .grid.grid-cols-2.gap-1\.5{
  gap:clamp(0.3rem,0.5vw,0.5rem)!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .grid.grid-cols-2.gap-1\.5>.rounded-xl{
  padding:clamp(0.3rem,0.5vw,0.5rem) clamp(0.4rem,0.6vw,0.6rem)!important;
}
/* Member name */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .grid.grid-cols-2 .text-xs.font-bold{
  font-size:clamp(10px,0.72vw,12px)!important;
}
/* Role badge (ADMIN, OPERATOR) */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .grid.grid-cols-2 .text-\[8px\]{
  font-size:clamp(8px,0.55vw,10px)!important;
  font-weight:700!important;
}
/* "0 usr · 0 logs" */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .grid.grid-cols-2 .text-\[9px\]{
  font-size:clamp(9px,0.62vw,10px)!important;
}
/* Progress bar track */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .flex-1.h-1{
  height:clamp(3px,0.3vw,5px)!important;
  border-radius:4px!important;
}

/* ── Clock area (top right) ── */
header .text-\[10px\]{font-size:clamp(9px,0.62vw,11px)!important}
header .text-lg{font-size:clamp(0.85rem,1.05vw,1.125rem)!important}
header .text-\[8px\]{font-size:clamp(8px,0.55vw,10px)!important}

/* ── LIGHT THEME dashboard specific ── */
[data-theme^=light] .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .text-lg.font-black{
  color:var(--text-primary)!important;
}
[data-theme^=light] .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2 .text-xs.font-bold.text-white{
  color:var(--text-primary)!important;
}