/* XDARK PANEL — CUSTOM OVERRIDES v4.1.0
   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}
/* S4b. PROTECT — white text on gradient/colored backgrounds MUST stay white */
[data-theme^=light] .bg-gradient-to-br.text-white,
[data-theme^=light] .bg-gradient-to-r.text-white,
[data-theme^=light] .bg-gradient-to-br .text-white,
[data-theme^=light] .bg-gradient-to-r .text-white,
[data-theme^=light] .from-violet-500.text-white,
[data-theme^=light] .from-violet-600.text-white,
[data-theme^=light] .from-purple-600.text-white,
[data-theme^=light] [class*="from-violet"].text-white,
[data-theme^=light] [class*="from-purple"].text-white,
[data-theme^=light] [style*="gradient"] .text-white,
[data-theme^=light] .bg-red-500 .text-white,
[data-theme^=light] .bg-emerald-500.text-white{color:#fff!important}
/* Sidebar logo + nav active icons + avatar + stat card icons — force white */
[data-theme^=light] aside .bg-gradient-to-br,
[data-theme^=light] header .bg-gradient-to-br,
[data-theme^=light] .login .bg-gradient-to-br{color:#fff!important}
/* Direct: any element with gradient classes keeps white text */
[data-theme^=light] .bg-gradient-to-br[class*="text-white"],
[data-theme^=light] .bg-gradient-to-r[class*="text-white"]{color:#fff!important}
/* Protect white text on dark solid backgrounds (avatars, badges, icons) */
[data-theme^=light] .bg-slate-800.text-white,
[data-theme^=light] .bg-slate-800 .text-white,
[data-theme^=light] .bg-slate-900.text-white,
[data-theme^=light] .bg-slate-900 .text-white,
[data-theme^=light] .bg-red-500.text-white,
[data-theme^=light] .bg-red-500 .text-white,
[data-theme^=light] .bg-emerald-500 .text-white,
[data-theme^=light] .bg-violet-600.text-white,
[data-theme^=light] .bg-purple-600.text-white{color:#fff!important}
/* Dark bg elements — remap to theme in light mode */
[data-theme^=light] .bg-slate-800{background-color:var(--bg-elevated)!important;border-color:var(--border)!important}
[data-theme^=light] .bg-slate-800 .text-white{color:var(--text-primary)!important}
[data-theme^=light] .border-slate-700{border-color:var(--border)!important}
[data-theme^=light] .text-slate-600.font-mono{color:var(--text-muted)!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)
   Tablet: auto-collapse to 60px icons
   Mobile (<768px): overlay slide-in (React default behavior)
   Toggle via html.sb-c class
   ═══════════════════════════════════════════════════════════════ */

/* ── MOBILE (<768px) — overlay sidebar, full height ── */
@media(max-width:767px){
  .fixed.inset-y-0.left-0.z-50{
    width:260px!important;
    max-width:80vw!important;
    transition:transform .3s cubic-bezier(.4,0,.2,1)!important;
  }
  aside.shrink-0{
    width:100%!important;
    min-width:0!important;
  }
  /* Overlay backdrop when sidebar is open */
  .fixed.inset-y-0.left-0.z-50.translate-x-0~div::before{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    z-index:40;
  }
  aside.shrink-0 nav a{
    padding:0.5rem 0.75rem!important;
    font-size:0.8rem!important;
  }
  aside.shrink-0 nav a svg{
    width:18px!important;
    height:18px!important;
    flex-shrink:0!important;
  }
  aside .px-5.py-4{
    padding:0.5rem 0.75rem!important;
  }
}

/* ── TABLET (768px–1023px) — auto-collapse to icons only ── */
@media(min-width:768px) and (max-width:1023px){
  .fixed.inset-y-0.left-0.z-50{
    width:60px!important;
    position:relative!important;
    transform:none!important;
    transition:width .25s cubic-bezier(.4,0,.2,1)!important;
    flex-shrink:0!important;
    overflow:visible!important;
  }
  /* Force sidebar always visible (not translated away) */
  .fixed.inset-y-0.left-0.z-50.\-translate-x-full{
    transform:none!important;
  }
  aside.shrink-0{
    width:60px!important;
    min-width:60px!important;
    overflow:visible!important;
  }
  /* Hide header hamburger — sidebar is always visible collapsed on tablet */
  header>button:first-child{
    display:none!important;
  }
  /* Show the desktop spacer div instead */
  header>div:first-of-type{
    display:block!important;
  }
  /* Hide text labels */
  aside.shrink-0 nav a>span:not(:first-child),
  aside.shrink-0 nav a>div~span{
    opacity:0!important;max-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
  }
  /* Hide section titles */
  aside.shrink-0 nav .text-\[9px\]{
    opacity:0!important;height:0!important;margin:0!important;overflow:hidden!important;
  }
  /* Hide logo text */
  aside.shrink-0>div:first-child .gap-3>div:last-child{
    opacity:0!important;max-width:0!important;display:none!important;
  }
  /* Hide user info text */
  aside.shrink-0>div:last-child .min-w-0{display:none!important}
  aside.shrink-0>div:last-child .gap-1\.5{display:none!important}
  /* Nav links icon-only */
  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;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;position:relative!important;
    overflow:hidden!important;
  }
  aside.shrink-0 nav a>.w-9.h-9{
    width:42px!important;height:42px!important;border-radius:10px!important;margin:2px auto!important;
  }
  aside.shrink-0 nav a>.w-9.h-9 svg{width:20px!important;height:20px!important}
  aside.shrink-0 nav a>.flex-1{display:none!important}
  aside.shrink-0 nav a>svg:last-child{display:none!important}
  /* Compact nav spacing */
  aside.shrink-0 nav{padding:4px 0!important;overflow:visible!important}
  aside.shrink-0 nav .space-y-0\.5>*+*,
  aside.shrink-0 nav .space-y-1>*+*,
  aside.shrink-0 nav .space-y-4>*+*{margin-top:1px!important}
  /* Logo header compact */
  aside.shrink-0>div:first-child{padding:8px 0!important;justify-content:center!important;overflow:hidden!important}
  aside.shrink-0>div:first-child .flex.items-center.gap-3{justify-content:center!important;gap:6px!important}
  /* User area compact */
  aside.shrink-0>div:last-child{padding:4px 0!important;overflow:hidden!important}
  aside.shrink-0>div:last-child a,
  aside.shrink-0>div:last-child>div{justify-content:center!important;padding:4px!important;gap:4px!important}
  aside.shrink-0>div:last-child a>.min-w-0,
  aside.shrink-0>div:last-child a>.gap-1\.5{display:none!important}
}

/* ── 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;
    overflow:visible!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;
    overflow:hidden!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 — bg only, no border shift */
  html.sb-c aside.shrink-0 nav a:hover>.w-9.h-9{
    background:var(--accent-bg)!important;
  }

  /* Active page icon */
  html.sb-c aside.shrink-0 nav a[style*="backgroundColor"]>.w-9.h-9{
    box-shadow:inset 0 0 0 2px var(--accent)!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;
  }

}

/* sb-hamburger: only show on desktop (≥1024px) for sidebar collapse toggle */
.sb-hamburger{
  display:none!important;
}
@media(min-width:1024px){
  .sb-hamburger{
    display:flex!important;
    width:32px;
    height:32px;
    border-radius:6px;
    border:1px solid transparent;
    background:transparent;
    color:var(--text-muted);
    align-items:center;
    justify-content:center;
    cursor:pointer;
    transition:background .12s,color .12s;
    flex-shrink:0;
    margin-right:6px;
    padding:0;
    outline:none;
  }
  .sb-hamburger:hover{
    background:var(--bg-elevated);
    color:var(--text-primary);
  }
  .sb-hamburger:active{
    background:var(--bg-input);
  }
  .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}

/* Hide close button inside sidebar header — keep only the header hamburger */
aside.shrink-0 .px-5.py-4>button{
  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}
/* Logo — replace SVG with icon-192.png image */
aside .px-5.py-4 .w-10.h-10.rounded-xl{
  background-image:url('/icon-192.png')!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:transparent!important;
  border:none!important;
  box-shadow:none!important;
}
aside .px-5.py-4 .w-10.h-10.rounded-xl>svg{
  display:none!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.4rem 0.5rem!important;box-sizing:border-box!important;overflow-x:hidden!important}
div.max-w-\[1600px\].mx-auto,
.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 → more space */
html.sb-c main.flex-1.overflow-auto{padding:0.4rem 0.4rem!important}

/* R2. Cards — scoped (compact but with minimal lateral padding) */
.max-w-\[1600px\] .rounded-2xl.p-4{padding:0.35rem 0.4rem!important}
.max-w-\[1600px\] .rounded-2xl.p-5{padding:0.4rem 0.5rem!important}
.max-w-\[1600px\] .rounded-2xl.p-6{padding:0.4rem 0.5rem!important}
.max-w-\[1600px\] .rounded-2xl.p-8{padding:0.5rem 0.6rem!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:0.5rem 0.75rem!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 — compact */
@media (max-width:1023px){
  main.flex-1.overflow-auto{padding:0.3rem 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.3rem 0.25rem!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}
  /* Header compact */
  header.h-\[60px\]{height:44px!important;padding:0 0.5rem!important}
  header .text-\[10px\]{font-size:8px!important}
  header .text-lg{font-size:0.8rem!important}
  header .text-\[8px\]{font-size:7px!important}
  /* Clocks hide on very small */
  header .hidden.lg\:flex{display:none!important}
}
/* R11b. Very small screens (<640px) */
@media (max-width:639px){
  main.flex-1.overflow-auto{padding:0.2rem 0.15rem!important}
  .max-w-\[1600px\] .text-2xl{font-size:1rem!important}
  .max-w-\[1600px\] .text-xl{font-size:0.9rem!important}
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:0.3rem!important}
  .max-w-\[1600px\] table{min-width:600px!important}
  /* Toolbar stack vertically */
  .max-w-\[1600px\]>.rounded-2xl .flex.flex-wrap{flex-wrap:wrap!important;gap:4px!important}
  .max-w-\[1600px\] input[placeholder*="Buscar"]{min-width:100%!important;max-width:100%!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 */
/* 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:7%!important}           /* PROJETO */
.max-w-\[1600px\] table thead th:nth-child(3),
.max-w-\[1600px\] table tbody td:nth-child(3){width:4.5%!important}         /* LOGS */
.max-w-\[1600px\] table thead th:nth-child(4),
.max-w-\[1600px\] table tbody td:nth-child(4){width:11%!important}          /* USUÁRIO/SENHA */
.max-w-\[1600px\] table thead th:nth-child(5),
.max-w-\[1600px\] table tbody td:nth-child(5){width:4.5%!important}         /* REFER */
.max-w-\[1600px\] table thead th:nth-child(6),
.max-w-\[1600px\] table tbody td:nth-child(6){width:7%!important}           /* OPERADOR */
.max-w-\[1600px\] table thead th:nth-child(7),
.max-w-\[1600px\] table tbody td:nth-child(7){width:9%!important}           /* COMENTÁRIO */
.max-w-\[1600px\] table thead th:nth-child(8),
.max-w-\[1600px\] table tbody td:nth-child(8){width:5.5%!important}         /* PAÍS */
.max-w-\[1600px\] table thead th:nth-child(9),
.max-w-\[1600px\] table tbody td:nth-child(9){width:3.5%!important}         /* DISP */
.max-w-\[1600px\] table thead th:nth-child(10),
.max-w-\[1600px\] table tbody td:nth-child(10){width:6%!important}          /* STATUS */
.max-w-\[1600px\] table thead th:nth-child(11),
.max-w-\[1600px\] table tbody td:nth-child(11){width:6.5%!important}        /* PÁGINA */
.max-w-\[1600px\] table thead th:last-child,
.max-w-\[1600px\] table tbody td:last-child{width:16%!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;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* All th inner content centered */
.max-w-\[1600px\] table thead th>*{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
/* First header (checkbox) — center, compact */
.max-w-\[1600px\] table thead th:first-child{text-align:center!important;padding:10px 2px!important}
/* PROJETO header — left aligned, same position as data */
.max-w-\[1600px\] table thead th:nth-child(2){text-align:left!important;padding-left:6px!important}
.max-w-\[1600px\] table thead th:nth-child(2)>*{text-align:left!important;margin-left:0!important}
/* USUÁRIO/SENHA — left aligned */
.max-w-\[1600px\] table thead th:nth-child(4){text-align:left!important}
/* Checkbox column compact */
.max-w-\[1600px\] table tbody td:first-child{padding:8px 2px!important;text-align:center!important}
/* PROJETO data — left aligned, match header */
.max-w-\[1600px\] table tbody td:nth-child(2){text-align:left!important;padding-left:6px!important}
.max-w-\[1600px\] table tbody td:nth-child(2)>*{margin-left:0!important;text-align:left!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:10px 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;
  white-space:nowrap!important;
}
/* Inner content alignment */
.max-w-\[1600px\] table tbody td>*{
  margin-left:auto!important;
  margin-right:auto!important;
}
.max-w-\[1600px\] table tbody td .flex{
  justify-content:center!important;
}
.max-w-\[1600px\] table thead th .flex{
  justify-content:center!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;
}

/* ═══ TOOLBAR — Title row + Search/Filters row ═══ */

/* Title "Logs dos Projetos" */
.max-w-\[1600px\] .text-sm.font-bold.text-white.shrink-0{
  font-size:clamp(0.85rem,1vw,1rem)!important;
  color:var(--text-primary)!important;
  font-weight:800!important;
}

/* Status count badges (Online 0, etc) */
.max-w-\[1600px\] .flex.items-center.gap-1.px-2.py-1.rounded-lg{
  padding:3px 9px!important;
  font-size:10px!important;
  font-weight:700!important;
  border-width:1.2px!important;
  height:28px!important;
}
/* Pulse dot in Online badge */
.max-w-\[1600px\] .w-1\.5.h-1\.5.rounded-full.bg-emerald-500{
  width:7px!important;
  height:7px!important;
}

/* ── Toolbar wrapper — spacing between rows ── */
.max-w-\[1600px\]>.rounded-2xl>.space-y-3>*+*{
  margin-top:6px!important;
}

/* ── Title row: title + badges ── */
.max-w-\[1600px\]>.rounded-2xl .flex.items-center.justify-between{
  gap:10px!important;
  flex-wrap:nowrap!important;
}
/* Badges row gap */
.max-w-\[1600px\]>.rounded-2xl .flex.items-center.justify-between .flex.items-center.gap-2{
  gap:5px!important;
}

/* ── Search row: input + filters + actions — single line ── */
.max-w-\[1600px\]>.rounded-2xl .flex.flex-wrap{
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:6px!important;
}

/* Hide search icon */
.max-w-\[1600px\] input[placeholder*="Buscar"]+svg,
.max-w-\[1600px\] input[placeholder*="Buscar"]~svg,
.max-w-\[1600px\] .relative>svg.absolute{
  display:none!important;
}
/* Search input */
.max-w-\[1600px\] input[placeholder*="Buscar"]{
  font-size:12px!important;
  padding:5px 10px!important;
  border-radius:7px!important;
  min-width:160px!important;
  max-width:280px!important;
  flex:1 1 200px!important;
  height:32px!important;
  box-sizing:border-box!important;
}

/* ── Filter tabs (Todos/Online/Away/Offline/Blocked/Gold) ── */
.max-w-\[1600px\] .flex.items-center.gap-0\.5{
  gap:2px!important;
  flex-shrink:0!important;
}
.max-w-\[1600px\] .flex.items-center.gap-0\.5>button{
  padding:4px 9px!important;
  font-size:10px!important;
  font-weight:700!important;
  border-radius:5px!important;
  transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s!important;
  white-space:nowrap!important;
  height:28px!important;
}
/* Active filter tab */
.max-w-\[1600px\] .flex.items-center.gap-0\.5>button.bg-\[\#1a2044\]{
  background:var(--accent)!important;
  color:#fff!important;
  box-shadow:0 1px 6px 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 1px 6px #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:4px 9px!important;
  font-size:10px!important;
  font-weight:700!important;
  border-radius:5px!important;
  border-width:1.2px!important;
  white-space:nowrap!important;
  flex-shrink:0!important;
  height:28px!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:30px!important;
  height:30px!important;
  border-radius:8px!important;
  border:1.2px solid var(--border)!important;
  transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .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:19px!important;
  height:19px!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 + no overflow */
.max-w-\[1600px\] table td:last-child .flex{
  gap:4px!important;
  flex-wrap:nowrap!important;
  justify-content:center!important;
}
.max-w-\[1600px\] table td:last-child{
  overflow:visible!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 — box-sizing already set in R1 */

/* ── Log count badge in table rows — no shadow ── */
.max-w-\[1600px\] table .bg-gradient-to-br.from-purple-600\/30{
  width:30px!important;
  height:22px!important;
  font-size:11px!important;
  box-shadow:none!important;
}
/* Logs badge — clean style */
.max-w-\[1600px\] table .bg-gradient-to-br{
  box-shadow:none!important;
}
/* Operador column — remove colored shadow/glow */
.max-w-\[1600px\] table td:nth-child(6) span,
.max-w-\[1600px\] table td:nth-child(6) a{
  text-shadow:none!important;
  box-shadow:none!important;
}

/* ── Logs count badge (3rd column) — plain text, no green — ALL themes ── */
.max-w-\[1600px\] table td:nth-child(3) button,
[data-theme^=light] .max-w-\[1600px\] table td:nth-child(3) button,
.max-w-\[1600px\] table td:nth-child(3) button.bg-emerald-500\/15,
[data-theme^=light] .max-w-\[1600px\] table td:nth-child(3) button.bg-emerald-500\/15,
.max-w-\[1600px\] table td:nth-child(3) button.bg-slate-500\/10,
[data-theme^=light] .max-w-\[1600px\] table td:nth-child(3) button.bg-slate-500\/10{
  background:transparent!important;
  background-color:transparent!important;
  color:var(--text-secondary)!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
  --tw-ring-shadow:none!important;
}
.max-w-\[1600px\] table td:nth-child(3) button:hover,
[data-theme^=light] .max-w-\[1600px\] table td:nth-child(3) button:hover{
  background:transparent!important;
  background-color:transparent!important;
  --tw-ring-shadow:none!important;
  box-shadow:none!important;
}
.max-w-\[1600px\] table td:nth-child(3) button svg,
[data-theme^=light] .max-w-\[1600px\] table td:nth-child(3) button svg{
  color:var(--text-muted)!important;
}
/* País column (8th) — show only flag, hide country name text */
.max-w-\[1600px\] table td:nth-child(8) span,
[data-theme^=light] .max-w-\[1600px\] table td:nth-child(8) span{
  display:none!important;
}
.max-w-\[1600px\] table td:nth-child(8) img{
  width:22px!important;
  height:15px!important;
  border-radius:4px!important;
  object-fit:cover!important;
}
.max-w-\[1600px\] table td:nth-child(8) .flex{
  justify-content:center!important;
}

/* Página column (11th) — bigger text */
.max-w-\[1600px\] table td:nth-child(11) span{
  font-size:12px!important;
  max-width:120px!important;
}

/* Dispositivo column (9th) — bigger icon */
.max-w-\[1600px\] table td:nth-child(9) svg{
  width:22px!important;
  height:15px!important;
}

/* Operador column (6th) — plain text, no colored background — ALL themes */
.max-w-\[1600px\] table td:nth-child(6) span[style],
[data-theme^=light] .max-w-\[1600px\] table td:nth-child(6) span[style]{
  background:transparent!important;
  background-color:transparent!important;
  color:var(--text-primary)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  border:none!important;
  padding:0!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:.9!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:.85!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;
}

/* ═══════════════════════════════════════════════════════════════
   USER DETAIL PAGE — LOGS + OPERAÇÕES + AÇÕES RÁPIDAS
   Layout: grid-cols-[1fr_420px] — left (LOGS) + right (OPS)
   ═══════════════════════════════════════════════════════════════ */

/* ═══ TOP ROW: Ultra-compact header bar ═══ */
/* Single row: status cards + IP info, all same height */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2{
  gap:6px!important;
  align-items:start!important;
  grid-template-columns:1fr 480px!important;
}
/* Status cards grid — inline compact */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2 .grid.grid-cols-4{
  gap:4px!important;
}
.max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5{
  height:auto!important;
}
/* Each status card — horizontal row layout */
.max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5>div{
  padding:14px 12px!important;
  border-radius:8px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:2px!important;
  min-height:58px!important;
}
/* Status labels (STATUS, USER, ADMIN, PAGINA) */
.max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5 .text-\[9px\]{
  font-size:9px!important;
  font-weight:700!important;
  letter-spacing:0.06em!important;
  line-height:1!important;
}
/* Status values (away, Não, Home page) */
.max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5 .text-sm{
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
/* Status card icons — compact */
.max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5 svg{
  width:12px!important;
  height:12px!important;
}
/* Status dot */
.max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5 .w-1\.5{
  width:6px!important;
  height:6px!important;
}
/* Push buttons (Push, Enviar Push) — compact */
.max-w-\[1600px\] .flex.gap-2>button.border{
  font-size:10px!important;
  padding:4px 10px!important;
  height:28px!important;
  border-radius:6px!important;
}

/* ═══ MAIN ROW: 2-column LOGS-dominant layout ═══ */
/* LOGS (left, 60%) | OPERAÇÕES + AÇÕES RÁPIDAS stacked (right, 40%) */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5{
  gap:8px!important;
  align-items:start!important;
  grid-template-columns:1.5fr 1fr!important;
}
/* Right column: stack OPERAÇÕES on top, AÇÕES below */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5>div:last-child{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
/* LOGS — natural order (left) */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5>div:first-child{
  order:unset!important;
  max-width:100%!important;
  min-width:0!important;
}
/* OPERAÇÕES first in right column */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5>div:last-child>div:first-child{
  order:1!important;
}
/* AÇÕES RÁPIDAS second in right column */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5>div:last-child>div:last-child{
  order:2!important;
}

/* ── Section titles (OPERAÇÕES, AÇÕES RÁPIDAS, LOGS, ACTIVITY) ── */
.max-w-\[1600px\] .text-\[11px\].font-black.tracking-wider{
  font-size:11px!important;
  letter-spacing:0.08em!important;
  font-weight:900!important;
}

/* ── AÇÕES RÁPIDAS panel ── */
/* Comment row */
.max-w-\[1600px\] input[placeholder*="coment"],
.max-w-\[1600px\] input[placeholder*="Adicionar"]{
  font-size:clamp(13px,1vw,15px)!important;
  padding:8px 12px!important;
  border-radius:8px!important;
  height:clamp(36px,2.6vw,42px)!important;
}
/* Salvar button */
.max-w-\[1600px\] .grid.grid-cols-2.gap-2~div button[class*="bg-blue"],
.max-w-\[1600px\] button.bg-blue-600.text-white{
  font-size:clamp(12px,0.9vw,14px)!important;
  padding:8px 14px!important;
  border-radius:8px!important;
  height:clamp(36px,2.6vw,42px)!important;
  font-weight:700!important;
}

/* ── Ask Question command — select (prontas) above, input (custom) below ── */
.max-w-\[1600px\] .space-y-1 .flex-1.flex.items-center.gap-1\.5.min-w-0{
  flex:1 1 100%!important;
  flex-wrap:wrap!important;
  gap:4px!important;
}
/* Select (opções prontas) — first, full width */
.max-w-\[1600px\] .space-y-1 .flex-1.flex.items-center.gap-1\.5.min-w-0>select{
  flex:1 1 100%!important;
  width:100%!important;
  height:30px!important;
  font-size:11px!important;
  border-radius:8px!important;
  order:1!important;
}
/* Input (pergunta personalizada) — second, full width */
.max-w-\[1600px\] .space-y-1 .flex-1.flex.items-center.gap-1\.5.min-w-0>input{
  flex:1 1 100%!important;
  width:100%!important;
  height:30px!important;
  font-size:11px!important;
  border-radius:8px!important;
  order:2!important;
}
/* Parent row: allow wrapping */
.max-w-\[1600px\] .space-y-1>.rounded-xl.flex.items-center.gap-1\.5{
  flex-wrap:wrap!important;
  padding:8px 10px!important;
}
/* Error button (triangle alert) — bigger */
.max-w-\[1600px\] .space-y-1 .w-7.h-7.bg-red-600\/15{
  width:32px!important;
  height:32px!important;
  border-radius:8px!important;
}
.max-w-\[1600px\] .space-y-1 .w-7.h-7.bg-red-600\/15 svg{
  width:16px!important;
  height:16px!important;
}

/* ── Dashboard: Atividade Recente table — scoped to grid-cols-3 parent ── */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table{
  table-layout:auto!important;
  width:100%!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table thead th,
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table tbody td{
  padding:6px 8px!important;
  text-align:left!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table thead th{
  font-size:9px!important;
  color:var(--text-muted,#64748b)!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table tbody td{
  font-size:11px!important;
}
/* User name bigger */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .text-\[10px\].font-semibold{
  font-size:11px!important;
}
/* User password — hide */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .text-\[8px\].font-mono{
  display:none!important;
}
/* Country text — hide, show only flag */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .text-\[9px\].text-slate-400.truncate{
  display:none!important;
}
/* Ref text — bigger */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .text-\[9px\].text-slate-500{
  font-size:11px!important;
  max-width:100px!important;
}
/* Operator badge — neutral */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table span[style*="background-color: rgba"]{
  background:transparent!important;
  color:var(--text-primary,#fff)!important;
  padding:0!important;
}
/* Avatar — hide */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .w-6.h-6.rounded{
  display:none!important;
}
/* Flag bigger */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .w-4.h-3{
  width:20px!important;
  height:14px!important;
  border-radius:3px!important;
}
/* Device icon bigger */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .lucide-monitor{
  width:14px!important;
  height:14px!important;
}
/* Status badge */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .bg-emerald-500\/15,
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .bg-slate-500\/10{
  font-size:9px!important;
  padding:2px 6px!important;
}
/* Truncate max-width bigger */
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .max-w-\[100px\]{
  max-width:140px!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3 table .max-w-\[50px\]{
  max-width:80px!important;
}

/* Action buttons (Redirect, Block, XD, SMS, etc) — neutral style */
.max-w-\[1600px\] .grid.grid-cols-2.gap-1\.5>button{
  background:var(--bg-elevated,#0d1230)!important;
  color:var(--text-primary,#fff)!important;
  border:1px solid var(--border,#1a2044)!important;
}
.max-w-\[1600px\] .grid.grid-cols-2.gap-1\.5>button:hover{
  background:var(--accent-bg,rgba(139,92,246,0.15))!important;
  border-color:var(--accent,#7c3aed)!important;
  color:#fff!important;
}
.max-w-\[1600px\] .grid.grid-cols-2.gap-1\.5>button svg{
  color:var(--text-muted,#64748b)!important;
}
.max-w-\[1600px\] .grid.grid-cols-2.gap-1\.5>button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 3px 10px rgba(0,0,0,.15)!important;
}

/* ── LOGS panel ── */
/* Log entries (PASSWORD, USUÁRIO rows) */
.max-w-\[1600px\] .space-y-2\.5>.border.rounded-lg{
  padding:10px 14px!important;
  border-radius:10px!important;
  transition:background .15s!important;
}
.max-w-\[1600px\] .space-y-2\.5>.border.rounded-lg:hover{
  background:var(--accent-bg)!important;
}

/* Log label (PASSWORD, USUÁRIO) */
.max-w-\[1600px\] .space-y-2\.5 .font-bold.tracking-wide{
  font-size:11px!important;
  font-weight:800!important;
}

/* Log date */
.max-w-\[1600px\] .space-y-2\.5 .text-\[9px\]{
  font-size:9px!important;
}

/* Log value (665565, tesyytyt) */
.max-w-\[1600px\] .space-y-2\.5 .font-mono{
  font-size:15px!important;
  font-weight:700!important;
}

/* ACTIVITY entries */
.max-w-\[1600px\] .space-y-2\.5 .text-\[10px\]{
  font-size:clamp(13px,1vw,15px)!important;
}
.max-w-\[1600px\] .space-y-2\.5 .text-\[11px\]{
  font-size:clamp(13px,1vw,16px)!important;
}

/* ACTIVITY panel: scroll funcional — escopo APENAS o card Activity, nao o container raiz */
.max-w-\[1600px\] .bg-\[\#0a0e1f\].border.rounded-2xl:has(> div > div > h3:not(:first-letter)) .space-y-2\.5,
.max-w-\[1600px\] div:has(> div > h3) > .space-y-2\.5:not(.grid),
.max-w-\[1600px\] .rounded-2xl .space-y-2\.5{
  max-height:55vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:6px!important;
  scrollbar-width:thin!important;
  scrollbar-color:var(--accent,#7c3aed) transparent!important;
}
.max-w-\[1600px\] .rounded-2xl .space-y-2\.5::-webkit-scrollbar{width:8px!important}
.max-w-\[1600px\] .rounded-2xl .space-y-2\.5::-webkit-scrollbar-track{background:transparent!important}
.max-w-\[1600px\] .rounded-2xl .space-y-2\.5::-webkit-scrollbar-thumb{background:var(--accent,#7c3aed)!important;border-radius:4px!important;opacity:.85!important}

/* Esconder entradas fantasma (duplicatas com opacity baixa) */
.max-w-\[1600px\] .space-y-2\.5 > [style*="opacity: 0"],
.max-w-\[1600px\] .space-y-2\.5 > [style*="opacity:0"],
.max-w-\[1600px\] .space-y-2\.5 > .opacity-0,
.max-w-\[1600px\] .space-y-2\.5 > .opacity-30,
.max-w-\[1600px\] .space-y-2\.5 > .opacity-40,
.max-w-\[1600px\] .space-y-2\.5 > .opacity-50{
  display:none!important;
}

/* NEW badge */
.max-w-\[1600px\] .text-\[8px\].font-bold.bg-red-500{
  font-size:clamp(9px,0.65vw,11px)!important;
  padding:3px 8px!important;
  border-radius:5px!important;
}

/* LOGS/ACTIVITY section header count badge */
.max-w-\[1600px\] .space-y-2\.5 .bg-\[\#0a0e1f\]{
  font-size:clamp(11px,0.8vw,13px)!important;
}

/* Limpar / Mostrar buttons */
.max-w-\[1600px\] .text-\[9px\].text-red-400,
.max-w-\[1600px\] .text-\[9px\].text-purple-400{
  font-size:clamp(11px,0.8vw,13px)!important;
  font-weight:700!important;
}

/* ── OPERAÇÕES panel (right side) ── */
/* Command rows — each command stacks vertically */
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5>div.flex{
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px!important;
  padding:4px 0!important;
}
/* The flex-1 wrapper (contains input/select) — always break to new line */
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5>div.flex>.flex-1{
  flex-basis:100%!important;
  min-width:100%!important;
  flex-grow:0!important;
  flex-shrink:0!important;
}
/* Select dropdown styling */
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 select{
  height:clamp(34px,2.4vw,40px)!important;
  font-size:clamp(12px,0.85vw,14px)!important;
  border-radius:8px!important;
  padding:6px 10px!important;
}

/* Command button style — larger, more visible */
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 button[class*="bg-emerald"],
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 button[class*="bg-blue"],
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 button[class*="bg-violet"],
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 button[class*="bg-purple"]{
  padding:10px 24px!important;
  font-size:clamp(14px,1.1vw,17px)!important;
  font-weight:700!important;
  border-radius:9px!important;
  min-width:clamp(130px,12vw,180px)!important;
  height:clamp(38px,2.8vw,46px)!important;
  transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s,opacity .15s!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 button svg{
  width:clamp(18px,1.3vw,22px)!important;
  height:clamp(18px,1.3vw,22px)!important;
}
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 3px 12px rgba(0,0,0,.2)!important;
}

/* Warning triangle icon */
.max-w-\[1600px\] .w-5.h-5.text-amber-400{
  width:clamp(18px,1.2vw,22px)!important;
  height:clamp(18px,1.2vw,22px)!important;
  opacity:.9!important;
}

/* Ask Question dropdown */
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5 select{
  font-size:clamp(12px,0.85vw,14px)!important;
  padding:6px 10px!important;
  border-radius:7px!important;
  height:clamp(36px,2.6vw,44px)!important;
}

/* Send Bip standalone button */
.max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5>button{
  margin-top:4px!important;
}

/* ── IP info area (top right) ── */
.max-w-\[1600px\] .text-\[11px\].font-semibold{
  font-size:clamp(11px,0.8vw,14px)!important;
}

/* IP info text */
.max-w-\[1600px\] .text-\[13px\],
.max-w-\[1600px\] .text-\[12px\]{
  font-size:clamp(13px,1vw,16px)!important;
}
/* Push / Enviar Push buttons in top right */
.max-w-\[1600px\] .flex.gap-2>button.border{
  font-size:clamp(12px,0.85vw,14px)!important;
  padding:7px 16px!important;
  border-radius:8px!important;
  height:32px!important;
}

/* ═══════════════════════════════════════════════════════════════
   COMPREHENSIVE RESPONSIVE OVERRIDES v4.1.0
   Breakpoints: 1023px (tablet), 767px (mobile), 479px (small mobile)
   Scope: ALL pages — grids, tables, modals, forms, user detail
   ═══════════════════════════════════════════════════════════════ */

/* ── TABLET (≤1023px) — Stack custom grids, compact everything ── */
@media (max-width:1023px){

  /* === CUSTOM GRID LAYOUTS — stack to 1 column === */
  .grid[class*="grid-cols-\[350px"],
  .grid[class*="grid-cols-\[400px"],
  .grid[class*="grid-cols-\[420px"],
  .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\],
  .grid.lg\:grid-cols-\[350px_1fr\],
  .grid.lg\:grid-cols-\[400px_1fr\]{
    grid-template-columns:1fr!important;
  }

  /* === USER DETAIL PAGE — stack 3-col to 1-col === */
  .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2{
    grid-template-columns:1fr!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5{
    grid-template-columns:1fr!important;
  }
  /* Reset order — natural stacking on tablet */
  .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5>div:first-child{
    order:unset!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5>div:last-child{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-\[1fr_420px\].gap-2\.5>div:last-child>div{
    order:unset!important;
  }
  /* Status cards row — 2 cols on tablet */
  .max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5{
    grid-template-columns:repeat(2,1fr)!important;
    gap:6px!important;
  }

  /* === AÇÕES RÁPIDAS — 2 cols on tablet === */
  .max-w-\[1600px\] .grid.grid-cols-2.gap-1\.5{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* === PROJECTS grid — max 2 cols === */
  .max-w-\[1600px\] .grid.grid-cols-1.sm\:grid-cols-2{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-3{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* === DASHBOARD — team grid 1 col === */
  .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-2.gap-3{
    grid-template-columns:1fr!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-1.lg\:grid-cols-3{
    grid-template-columns:1fr!important;
  }

  /* === TABLE action buttons — smaller === */
  .max-w-\[1600px\] table td:last-child button{
    width:28px!important;
    height:28px!important;
    border-radius:6px!important;
  }
  .max-w-\[1600px\] table td:last-child button svg{
    width:14px!important;
    height:14px!important;
  }
  .max-w-\[1600px\] table td:last-child .flex{
    gap:3px!important;
  }

  /* === MODALS — wider on tablet === */
  .bg-black\/50>div,.bg-black\/60>div{
    max-width:min(95vw,42rem)!important;
    margin:1rem auto!important;
  }
  /* Modal content compact */
  .bg-black\/50 .p-6,.bg-black\/60 .p-6{
    padding:1rem!important;
  }
  .bg-black\/50 .p-8,.bg-black\/60 .p-8{
    padding:1.25rem!important;
  }

  /* === FORMS inside modals — stack === */
  .bg-black\/50 .grid.grid-cols-2,.bg-black\/60 .grid.grid-cols-2{
    grid-template-columns:1fr!important;
  }

  /* === HEADER — compact clocks === */
  header .flex.items-center.gap-6{
    gap:0.5rem!important;
  }
  header .px-4.py-2.bg-elevated{
    padding:0.25rem 0.5rem!important;
  }
  header .text-2xl{
    font-size:1rem!important;
  }
}

/* ── MOBILE (≤767px) — Full mobile optimization ── */
@media (max-width:767px){

  /* === LAYOUT — full width, minimal padding === */
  main.flex-1.overflow-auto{
    padding:0.25rem 0.2rem!important;
  }

  /* === HEADER — compact mobile === */
  header.h-\[60px\]{
    height:42px!important;
    padding:0 0.4rem!important;
  }
  /* Hide clock area on mobile */
  header .hidden.lg\:flex,
  header .flex.items-center.gap-6{
    display:none!important;
  }
  /* Header right actions compact */
  header .flex.items-center.gap-2{
    gap:0.25rem!important;
  }
  header .flex.items-center.gap-2 button.w-9.h-9{
    width:32px!important;
    height:32px!important;
  }
  header .flex.items-center.gap-2 .px-2\.5{
    padding:0.2rem 0.4rem!important;
    font-size:9px!important;
  }
  /* Hide "Live"/"Offline" text on mobile, keep icon */
  header .flex.items-center.gap-2 .hidden.sm\:inline{
    display:none!important;
  }

  /* === GRIDS — stack everything to 1 col === */
  .max-w-\[1600px\] .grid.grid-cols-2{
    grid-template-columns:1fr!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-3{
    grid-template-columns:1fr!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-4{
    grid-template-columns:repeat(2,1fr)!important;
  }
  /* Stats cards — 2 cols on mobile */
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4{
    grid-template-columns:repeat(2,1fr)!important;
    gap:0.3rem!important;
  }
  /* Status cards user detail — 2 cols */
  .max-w-\[1600px\] .grid.grid-cols-4.gap-1\.5{
    grid-template-columns:repeat(2,1fr)!important;
  }

  /* === AÇÕES RÁPIDAS — 1 col on mobile === */
  .max-w-\[1600px\] .grid.grid-cols-2.gap-1\.5{
    grid-template-columns:1fr!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-2.gap-1\.5>button{
    height:36px!important;
    font-size:13px!important;
  }

  /* === CARDS — minimal padding === */
  .max-w-\[1600px\] .rounded-2xl.p-4,
  .max-w-\[1600px\] .rounded-2xl.p-5,
  .max-w-\[1600px\] .rounded-2xl.p-6,
  .max-w-\[1600px\] .rounded-2xl.p-8{
    padding:0.5rem 0.625rem!important;
  }

  /* === TYPOGRAPHY — mobile sizes === */
  .max-w-\[1600px\] .text-2xl{font-size:1.1rem!important}
  .max-w-\[1600px\] .text-xl{font-size:0.95rem!important}
  .max-w-\[1600px\] .text-lg{font-size:0.85rem!important}
  .max-w-\[1600px\] .text-sm{font-size:0.8rem!important}

  /* === TABLES — mobile scroll === */
  .max-w-\[1600px\] .overflow-x-auto{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .max-w-\[1600px\] table{
    min-width:650px!important;
  }
  .max-w-\[1600px\] table thead th{
    padding:6px 2px!important;
    font-size:9px!important;
  }
  .max-w-\[1600px\] table tbody td{
    padding:5px 2px!important;
    font-size:11px!important;
  }
  /* Action buttons even smaller */
  .max-w-\[1600px\] table td:last-child button{
    width:26px!important;
    height:26px!important;
    border-radius:5px!important;
  }
  .max-w-\[1600px\] table td:last-child button svg{
    width:12px!important;
    height:12px!important;
  }

  /* === FILTER TABS — compact mobile === */
  .max-w-\[1600px\] .flex.items-center.gap-0\.5>button{
    padding:3px 6px!important;
    font-size:9px!important;
    height:24px!important;
  }

  /* === TOOLBAR — wrap on mobile === */
  .max-w-\[1600px\]>.rounded-2xl .flex.flex-wrap{
    flex-wrap:wrap!important;
    gap:4px!important;
  }
  /* Search input full width */
  .max-w-\[1600px\] input[placeholder*="Buscar"]{
    min-width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    height:30px!important;
    font-size:11px!important;
  }

  /* === STATUS BADGES — compact === */
  .max-w-\[1600px\] .flex.items-center.gap-1.px-2.py-1.rounded-lg{
    padding:2px 6px!important;
    font-size:9px!important;
  }

  /* === ACTION BUTTONS (Exportar, Limpar, Visits) — compact === */
  .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:3px 6px!important;
    font-size:9px!important;
    height:24px!important;
  }

  /* === PAGINATION — compact === */
  .max-w-\[1600px\] .flex.items-center.gap-2.text-sm.text-slate-500{
    font-size:11px!important;
    flex-wrap:wrap!important;
    gap:0.25rem!important;
  }

  /* === MODALS — nearly full screen on mobile === */
  .bg-black\/50>div,.bg-black\/60>div{
    max-width:96vw!important;
    max-height:92vh!important;
    overflow-y:auto!important;
    margin:0.5rem auto!important;
    border-radius:12px!important;
  }
  .bg-black\/50 .p-6,.bg-black\/60 .p-6{
    padding:0.75rem!important;
  }
  .bg-black\/50 .p-8,.bg-black\/60 .p-8{
    padding:0.875rem!important;
  }
  /* Modal grids — all 1 col */
  .bg-black\/50 .grid.grid-cols-2,.bg-black\/60 .grid.grid-cols-2,
  .bg-black\/50 .grid.grid-cols-3,.bg-black\/60 .grid.grid-cols-3{
    grid-template-columns:1fr!important;
  }
  /* Modal buttons — full width, stacked */
  .bg-black\/50 .flex.gap-2>button,.bg-black\/60 .flex.gap-2>button,
  .bg-black\/50 .flex.gap-3>button,.bg-black\/60 .flex.gap-3>button{
    flex:1 1 100%!important;
    min-height:40px!important;
  }
  .bg-black\/50 .flex.justify-end.gap-2,.bg-black\/60 .flex.justify-end.gap-2,
  .bg-black\/50 .flex.justify-end.gap-3,.bg-black\/60 .flex.justify-end.gap-3{
    flex-wrap:wrap!important;
  }

  /* === INPUTS — full width, touch-friendly === */
  .max-w-\[1600px\] input:not([type=checkbox]):not([type=radio]):not([type=range]),
  .max-w-\[1600px\] select,
  .max-w-\[1600px\] textarea{
    min-height:38px!important;
    font-size:14px!important;
  }

  /* === DASHBOARD greeting — compact === */
  .max-w-\[1600px\] .space-y-3>.flex.items-center.justify-between.rounded-2xl{
    padding:0.6rem 0.75rem!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:0.5rem!important;
  }
  /* Dashboard stat card big number */
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .text-lg.font-black{
    font-size:1.2rem!important;
  }

  /* === SPACING — tighter on mobile === */
  .max-w-\[1600px\] .space-y-6>*+*{margin-top:0.6rem!important}
  .max-w-\[1600px\] .space-y-5>*+*{margin-top:0.5rem!important}
  .max-w-\[1600px\] .space-y-4>*+*{margin-top:0.4rem!important}
  .max-w-\[1600px\] .space-y-3>*+*{margin-top:0.3rem!important}
  .max-w-\[1600px\] .gap-4{gap:0.4rem!important}
  .max-w-\[1600px\] .gap-3{gap:0.3rem!important}

  /* === USER DETAIL — section titles === */
  .max-w-\[1600px\] .text-\[11px\].font-black.tracking-wider{
    font-size:13px!important;
  }

  /* === LOGS entries (password, user rows) — compact === */
  .max-w-\[1600px\] .space-y-2\.5>.border.rounded-lg{
    padding:8px 10px!important;
  }

  /* === COMMANDS — full width buttons === */
  .max-w-\[1600px\] .grid.grid-cols-1.gap-1\.5>button{
    font-size:12px!important;
    height:34px!important;
  }

  /* === TEXT OVERFLOW protection === */
  .max-w-\[1600px\] .truncate,
  .max-w-\[1600px\] table td{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  /* Badges wrap */
  .max-w-\[1600px\] .flex.flex-wrap{
    flex-wrap:wrap!important;
  }

  /* === TOUCH TARGETS — min 44px for interactive elements === */
  .max-w-\[1600px\] button:not(table button){
    min-height:32px!important;
  }
}

/* ── SMALL MOBILE (≤479px) — extreme compact ── */
@media (max-width:479px){

  /* Header ultra compact */
  header.h-\[60px\]{
    height:38px!important;
  }
  header .flex.items-center.gap-2 button.w-9.h-9{
    width:28px!important;
    height:28px!important;
  }

  /* Stats cards — still 2 cols but smaller */
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4{
    gap:0.2rem!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2>.rounded-xl{
    padding:0.3rem 0.4rem!important;
  }
  .max-w-\[1600px\] .grid.grid-cols-2.lg\:grid-cols-4.gap-2 .text-lg.font-black{
    font-size:1rem!important;
  }

  /* Table even more compact */
  .max-w-\[1600px\] table{
    min-width:550px!important;
  }
  .max-w-\[1600px\] table thead th{
    font-size:8px!important;
    padding:4px 1px!important;
  }
  .max-w-\[1600px\] table tbody td{
    font-size:10px!important;
    padding:4px 1px!important;
  }

  /* Hide less important table columns on very small */
  .max-w-\[1600px\] table thead th:nth-child(5),
  .max-w-\[1600px\] table tbody td:nth-child(5),
  .max-w-\[1600px\] table thead th:nth-child(9),
  .max-w-\[1600px\] table tbody td:nth-child(9){
    display:none!important;
  }

  /* Typography — minimum readable */
  .max-w-\[1600px\] .text-2xl{font-size:0.95rem!important}
  .max-w-\[1600px\] .text-xl{font-size:0.85rem!important}
  .max-w-\[1600px\] .text-lg{font-size:0.8rem!important}

  /* Cards ultra compact */
  .max-w-\[1600px\] .rounded-2xl.p-4,
  .max-w-\[1600px\] .rounded-2xl.p-5,
  .max-w-\[1600px\] .rounded-2xl.p-6{
    padding:0.25rem 0.2rem!important;
  }

  /* Modal nearly full screen */
  .bg-black\/50>div,.bg-black\/60>div{
    max-width:98vw!important;
    max-height:94vh!important;
    border-radius:8px!important;
  }
  .bg-black\/50 .p-6,.bg-black\/60 .p-6{
    padding:0.5rem!important;
  }

  /* Search bar */
  .max-w-\[1600px\] input[placeholder*="Buscar"]{
    height:28px!important;
    font-size:10px!important;
  }

  /* Filter tabs — even smaller */
  .max-w-\[1600px\] .flex.items-center.gap-0\.5>button{
    padding:2px 4px!important;
    font-size:8px!important;
    height:22px!important;
  }

  /* Spacing ultra tight */
  .max-w-\[1600px\] .space-y-6>*+*{margin-top:0.4rem!important}
  .max-w-\[1600px\] .space-y-5>*+*{margin-top:0.35rem!important}
  .max-w-\[1600px\] .space-y-4>*+*{margin-top:0.3rem!important}
  .max-w-\[1600px\] .space-y-3>*+*{margin-top:0.2rem!important}
}

/* ── LANDSCAPE MOBILE — optimize for short+wide screens ── */
@media (max-height:500px) and (max-width:900px){
  header.h-\[60px\]{height:36px!important}
  aside.shrink-0 nav a{padding:0.2rem 0.5rem!important}
  .max-w-\[1600px\] .space-y-6>*+*{margin-top:0.3rem!important}
  .max-w-\[1600px\] .space-y-4>*+*{margin-top:0.2rem!important}
}

/* ══════════════════════════════════════════════════════════════
   DASHBOARD — Atividade Recente table alignment (7 cols)
   USUÁRIO | PAÍS | DISP. | REF. | OPERADOR | PÁGINA | STATUS
   Responsivo: min-width fixo evita quebra em telas menores
   ══════════════════════════════════════════════════════════════ */
/* Container scrollável horizontal se a tabela exceder (telas < 1100px) */
.max-w-\[1600px\] div:has(> table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8)))){
  overflow-x:auto!important;
}
/* Tabela: fixed layout + min-width total (soma dos min-widths por coluna) */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))){
  table-layout:fixed!important;
  width:100%!important;
  min-width:1100px!important;
}
/* Todas as células: centro vertical + horizontal (uniformiza header/data) */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th,
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  vertical-align:middle!important;
  text-align:center!important;
  padding:8px 10px!important;
}
/* Conteúdo inline das células: centralizar flex containers também */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td > div,
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td > span{
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
/* Widths: % (fluid) + min-width px (responsivo floor) */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(1),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(1){width:16%!important;min-width:160px!important}  /* USUÁRIO */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(2),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(2){width:14%!important;min-width:140px!important}  /* PAÍS */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(3),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(3){width:8%!important;min-width:80px!important}   /* DISP. */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(4),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(4){width:12%!important;min-width:120px!important}  /* REF. */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(5),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(5){width:14%!important;min-width:140px!important}  /* OPERADOR */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(6),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(6){width:14%!important;min-width:140px!important}  /* PÁGINA */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(7),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(7){width:22%!important;min-width:140px!important}  /* STATUS */

/* PAÍS (col 2): esconder texto do país, mostrar só bandeira */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(2) span:not(:has(img)):not(:has(svg)),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(2) > div > span:last-child{
  display:none!important;
}
/* Reduzir largura da coluna PAÍS já que agora só tem bandeira */
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) thead th:nth-child(2),
.max-w-\[1600px\] table:has(thead th:nth-child(7)):not(:has(thead th:nth-child(8))) tbody td:nth-child(2){width:7%!important;min-width:70px!important}

/* ══════════════════════════════════════════════════════════════
   COMMANDS PAGE — Visual senior + double-click hint
   Selector: div[draggable="true"] que contém .lucide-grip-vertical
   ══════════════════════════════════════════════════════════════ */
/* Linha do comando: transicao suave + cursor */
.max-w-\[1600px\] div[draggable="true"]:has(> .lucide-grip-vertical){
  transition:transform .15s,border-color .15s,box-shadow .15s,background-color .15s!important;
  position:relative!important;
}
/* Hover: eleva + accent forte */
.max-w-\[1600px\] div[draggable="true"]:has(> .lucide-grip-vertical):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(168,85,247,.55)!important;
  box-shadow:0 8px 20px rgba(124,58,237,.18),0 0 0 1px rgba(168,85,247,.15)!important;
  background-color:var(--bg-card,#0d1230)!important;
}
/* Acoes (varinha + lixeira) sempre visiveis */
.max-w-\[1600px\] div[draggable="true"]:has(> .lucide-grip-vertical) > .opacity-0.group-hover\:opacity-100{
  opacity:1!important;
}
/* Numero do comando: maior, gradient roxo, mais destaque */
.max-w-\[1600px\] div[draggable="true"]:has(> .lucide-grip-vertical) > span.w-7.h-7{
  width:34px!important;
  height:34px!important;
  font-size:13px!important;
  background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(168,85,247,.10))!important;
  border:1px solid rgba(124,58,237,.35)!important;
  color:#a78bfa!important;
  font-weight:800!important;
}
/* ERR badge: pulso para chamar atencao */
.max-w-\[1600px\] div[draggable="true"] span.bg-red-500\/20.text-red-400{
  animation:xdark-cmd-err 1.4s ease-in-out infinite!important;
  font-size:9px!important;
  letter-spacing:.5px!important;
}
@keyframes xdark-cmd-err{
  0%,100%{background-color:rgba(239,68,68,.18);box-shadow:0 0 0 0 rgba(239,68,68,0)}
  50%{background-color:rgba(239,68,68,.42);box-shadow:0 0 8px rgba(239,68,68,.35)}
}
/* Identifier text: contraste melhor */
.max-w-\[1600px\] div[draggable="true"] .text-slate-600.font-mono{
  color:#94a3b8!important;
  font-size:12px!important;
  font-weight:500!important;
}
/* Tipo (text/select) badge: cor por tipo */
.max-w-\[1600px\] div[draggable="true"] .lucide-type{
  color:#67e8f9!important;
}
.max-w-\[1600px\] div[draggable="true"] span.text-slate-700:has(.lucide-type){
  color:#67e8f9!important;
  background:rgba(103,232,249,.10)!important;
  padding:2px 6px!important;
  border-radius:4px!important;
  font-weight:600!important;
}
/* Botao varinha (editar): maior + glow no hover */
.max-w-\[1600px\] div[draggable="true"] button:has(.lucide-wand-sparkles){
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(168,85,247,.25)!important;
}
.max-w-\[1600px\] div[draggable="true"] button:has(.lucide-wand-sparkles):hover{
  background:rgba(168,85,247,.35)!important;
  border-color:rgba(168,85,247,.6)!important;
  box-shadow:0 0 14px rgba(168,85,247,.45)!important;
  transform:scale(1.08)!important;
}
.max-w-\[1600px\] div[draggable="true"] button:has(.lucide-wand-sparkles) svg{
  width:15px!important;
  height:15px!important;
}
/* Botao lixeira: maior + warning hover */
.max-w-\[1600px\] div[draggable="true"] button:has(.lucide-trash-2){
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(239,68,68,.25)!important;
}
.max-w-\[1600px\] div[draggable="true"] button:has(.lucide-trash-2):hover{
  background:rgba(239,68,68,.3)!important;
  border-color:rgba(239,68,68,.55)!important;
  transform:scale(1.08)!important;
}
.max-w-\[1600px\] div[draggable="true"] button:has(.lucide-trash-2) svg{
  width:15px!important;
  height:15px!important;
}
/* Hint flutuante: "Duplo-clique para editar" */
.max-w-\[1600px\] div[draggable="true"]:has(> .lucide-grip-vertical):hover::before{
  content:"⇢ duplo-clique para editar";
  position:absolute!important;
  right:110px;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  font-weight:700;
  color:#a78bfa;
  background:rgba(124,58,237,.12);
  padding:4px 10px;
  border-radius:6px;
  border:1px solid rgba(168,85,247,.3);
  pointer-events:none;
  white-space:nowrap;
  opacity:.95;
  letter-spacing:.3px;
  animation:xdark-hint-fade .25s ease-out;
}
@keyframes xdark-hint-fade{
  from{opacity:0;transform:translateY(-50%) translateX(8px)}
  to{opacity:.95;transform:translateY(-50%) translateX(0)}
}
/* Drag handle: contraste melhor */
.max-w-\[1600px\] div[draggable="true"] > .lucide-grip-vertical{
  color:#64748b!important;
  transition:color .15s!important;
}
.max-w-\[1600px\] div[draggable="true"]:hover > .lucide-grip-vertical{
  color:#a78bfa!important;
}
/* Nome do comando: maior */
.max-w-\[1600px\] div[draggable="true"] span.text-white.font-bold.text-sm{
  font-size:14px!important;
  letter-spacing:.2px!important;
}

/* ══════════════════════════════════════════════════════════════
   ROW ALERT BLINK — novo log piscando até operador interagir
   Controlado por xdark-alerts.js (attr [data-alert="new"])
   ══════════════════════════════════════════════════════════════ */
@keyframes xdark-cell-pulse{
  0%,100%{background-color:rgba(245,158,11,.8)}
  50%    {background-color:rgba(239,68,68,.85)}
}
/* Alta especificidade + override EXPLICITO de animation-duration (vence regra global *{duration:.01ms}) */
html body tr[data-xf="1"][data-alert="new"] > td,
html body tr[data-xf="1"][data-alert="new"]:hover > td{
  animation-name:xdark-cell-pulse!important;
  animation-duration:0.85s!important;
  animation-timing-function:ease-in-out!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:both!important;
  animation-play-state:running!important;
  position:relative!important;
  z-index:1!important;
}
/* Borda esquerda e direita — destaca inicio e fim da caixa */
html body tr[data-xf="1"][data-alert="new"] > td:first-child{
  border-left:4px solid rgb(220,38,38)!important;
}
html body tr[data-xf="1"][data-alert="new"] > td:last-child{
  border-right:4px solid rgb(220,38,38)!important;
}
/* Override EXPLICITO de prefers-reduced-motion para esses alertas criticos */
@media (prefers-reduced-motion:reduce){
  html body tr[data-xf="1"][data-alert="new"] > td{
    animation-duration:0.85s!important;
    animation-iteration-count:infinite!important;
  }
}

/* ══════════════════════════════════════════════════════════════
   LIVE CONNECTIONS (/live-connections) — Clientes Conectados
   Unifica stats cards, aproxima elementos, melhora tabela
   ══════════════════════════════════════════════════════════════ */

/* Stats cards row — 5 cards iguais com altura uniforme */
.max-w-\[1600px\] .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5,
.max-w-\[1600px\] .grid.grid-cols-5{
  gap:10px!important;
}
.max-w-\[1600px\] .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5>div,
.max-w-\[1600px\] .grid.grid-cols-5>div{
  min-height:78px!important;
  padding:10px 14px!important;
  border-radius:10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  transition:transform .15s,box-shadow .15s!important;
}
.max-w-\[1600px\] .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5>div:hover,
.max-w-\[1600px\] .grid.grid-cols-5>div:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
}
/* Stats numbers: grandes e centralizados */
.max-w-\[1600px\] .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5>div .text-2xl,
.max-w-\[1600px\] .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5>div .text-3xl{
  font-size:clamp(22px,1.8vw,30px)!important;
  font-weight:800!important;
  line-height:1.1!important;
}
/* Stats labels: uppercase menor */
.max-w-\[1600px\] .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5>div .text-xs,
.max-w-\[1600px\] .grid.grid-cols-2.sm\:grid-cols-3.lg\:grid-cols-5>div .text-\[10px\]{
  font-size:10px!important;
  letter-spacing:.08em!important;
  font-weight:700!important;
  opacity:.85!important;
}

/* Project card "abanca" — melhor proporção */
.max-w-\[1600px\] a[href*="live-connections"] + *,
.max-w-\[1600px\] div:has(> div > .text-sm > span:only-child) > div{
  min-height:unset!important;
}

/* "Redirecionar (N)" button — fill laranja ao invés de só borda */
.max-w-\[1600px\] button:has(svg)[class*="border-orange"],
.max-w-\[1600px\] button[class*="border-orange-"]:not([class*="bg-"]){
  background:rgba(251,146,60,.1)!important;
  border-color:rgba(251,146,60,.4)!important;
  color:rgb(234,88,12)!important;
  font-weight:600!important;
}
.max-w-\[1600px\] button:has(svg)[class*="border-orange"]:hover,
.max-w-\[1600px\] button[class*="border-orange-"]:not([class*="bg-"]):hover{
  background:rgba(251,146,60,.18)!important;
  border-color:rgba(251,146,60,.6)!important;
}

/* "Todos (N)" botão — reposicionar e destacar */
.max-w-\[1600px\] button[class*="border-red-"]:not([class*="bg-"]){
  background:rgba(239,68,68,.08)!important;
  border-color:rgba(239,68,68,.35)!important;
  color:rgb(220,38,38)!important;
  font-weight:600!important;
  padding:6px 14px!important;
  border-radius:8px!important;
}
.max-w-\[1600px\] button[class*="border-red-"]:not([class*="bg-"]):hover{
  background:rgba(239,68,68,.15)!important;
}

/* Tabela Live Connections — USUÁRIO | PROJETO | PÁGINA | IP | PAÍS | DISP. | AÇÃO (7 cols) */
/* Já coberta pela regra de 7 colunas, mas reforça espaçamento de row */
.max-w-\[1600px\] table tbody tr{
  transition:background-color .12s!important;
}
.max-w-\[1600px\] table tbody tr:hover{
  background:var(--accent-bg,rgba(139,92,246,.06))!important;
}

/* Dot status online/offline indicator — um pouco maior */
.max-w-\[1600px\] table tbody .w-2.h-2.rounded-full,
.max-w-\[1600px\] table tbody .w-2\.5.h-2\.5.rounded-full{
  width:10px!important;
  height:10px!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.4)!important;
}

/* Botão "Abrir" na coluna AÇÃO — verde mais destacado */
.max-w-\[1600px\] table tbody button:has(.text-emerald-400),
.max-w-\[1600px\] table tbody a:has(.text-emerald-400),
.max-w-\[1600px\] table tbody button[class*="text-emerald"]{
  padding:5px 14px!important;
  border-radius:7px!important;
  font-weight:600!important;
  background:rgba(16,185,129,.1)!important;
  border:1px solid rgba(16,185,129,.35)!important;
  color:rgb(5,150,105)!important;
  transition:background-color .15s,border-color .15s!important;
}
.max-w-\[1600px\] table tbody button[class*="text-emerald"]:hover{
  background:rgba(16,185,129,.18)!important;
  border-color:rgba(16,185,129,.55)!important;
}

/* ══════════════════════════════════════════════════════════════
   A11Y + PERF PATCH (v4.1.0)
   ══════════════════════════════════════════════════════════════ */

/* Accessibility: keyboard focus indicator (was absent) */
*:focus-visible{outline:2px solid var(--accent-text,#3b82f6)!important;outline-offset:2px!important;border-radius:4px}

/* Performance: replace `transition:all` with specific props (lighter GPU work) */
.transition-all{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,opacity .15s,transform .15s!important}

/* Respect user OS "reduce motion" preference */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* ══════════════════════════════════════════════════════════════
   PUSH PROMPT MODAL — visual hardening (v4.1.0+)
   Targets buttons inside [data-xd-prompt-modal] (set by xdark-push-pro.js).
   Goals: clearer SELECTED state, brand-consistent purple, better light-theme contrast.
   ══════════════════════════════════════════════════════════════ */

/* Group buttons SELECTED state (TIPO/ALTURA/LADO/DEVICE/OVERLAY/etc):
   was a barely-visible orange tint — now strong purple with shadow ring */
[data-xd-prompt-modal] button.bg-orange-500\/20.text-orange-400,
[data-xd-prompt-modal] button.bg-blue-500\/20.text-blue-400,
[data-xd-prompt-modal] button.bg-emerald-500\/20.text-emerald-400,
[data-xd-prompt-modal] button.bg-amber-500\/20.text-amber-400{
  background-color:rgba(124,58,237,.18)!important;
  color:var(--accent-text,#a78bfa)!important;
  border-color:rgba(124,58,237,.55)!important;
  box-shadow:0 0 0 2px rgba(124,58,237,.15),0 2px 8px rgba(124,58,237,.20)!important;
  font-weight:800!important;
}

/* Group buttons INACTIVE state: better contrast in both themes */
[data-xd-prompt-modal] button.bg-\[\#111738\],
[data-xd-prompt-modal] button.bg-\[\#0a0d20\],
[data-xd-prompt-modal] button.bg-\[\#0d1230\]{
  background-color:var(--bg-elevated,#111738)!important;
  color:var(--text-secondary,#94a3b8)!important;
  border-color:var(--border,#1a2044)!important;
}

/* Hover on inactive: purple preview */
[data-xd-prompt-modal] button.bg-\[\#111738\]:hover,
[data-xd-prompt-modal] button.bg-\[\#0a0d20\]:hover,
[data-xd-prompt-modal] button.bg-\[\#0d1230\]:hover{
  background-color:var(--bg-card,#0c1027)!important;
  color:var(--text-primary,#e2e8f0)!important;
  border-color:rgba(124,58,237,.30)!important;
}

/* Submit button "Criar": orange → purple gradient (brand consistency).
   Forces align-self:flex-start + height:auto so the button doesn't stretch
   vertically when the advanced panel makes the footer flex row tall. */
[data-xd-prompt-modal] button.bg-orange-500,
[data-xd-prompt-modal] button.bg-orange-600{
  background-color:rgb(124,58,237)!important;
  background-image:linear-gradient(135deg,rgb(139,92,246),rgb(124,58,237))!important;
  box-shadow:0 4px 12px rgba(124,58,237,.35)!important;
  align-self:flex-start!important;
  height:auto!important;
  max-height:48px!important;
}
[data-xd-prompt-modal] button.bg-orange-500:hover,
[data-xd-prompt-modal] button.bg-orange-600:hover,
[data-xd-prompt-modal] button.hover\:bg-orange-500:hover,
[data-xd-prompt-modal] button.hover\:bg-orange-600:hover{
  background-color:rgb(139,92,246)!important;
  background-image:linear-gradient(135deg,rgb(167,139,250),rgb(139,92,246))!important;
  box-shadow:0 6px 16px rgba(124,58,237,.50)!important;
  transform:translateY(-1px)!important;
}

/* Color swatches (Fundo, Texto, Botão OK, etc): enlarge from 8-10px to 18px
   and add visible border so the chosen color is obvious at a glance */
[data-xd-prompt-modal] input[type="color"]{
  width:24px!important;
  height:24px!important;
  border:2px solid var(--border,#1a2044)!important;
  border-radius:6px!important;
  cursor:pointer!important;
  padding:0!important;
  box-shadow:0 1px 3px rgba(0,0,0,.15)!important;
}
[data-xd-prompt-modal] input[type="color"]::-webkit-color-swatch-wrapper{padding:0!important}
[data-xd-prompt-modal] input[type="color"]::-webkit-color-swatch{border:none!important;border-radius:4px!important}

/* ══════════════════════════════════════════════════════════════
   OPERATOR GOALS — xdark-goals.js (v4.1.0+)
   ══════════════════════════════════════════════════════════════ */

/* ── Card no dashboard ── */
.xdg-card{background:linear-gradient(135deg,#0c1027 0%,#141845 100%);border:1px solid rgba(139,92,246,.25);border-radius:14px;padding:16px 18px;margin:0 0 14px;box-shadow:0 4px 20px rgba(0,0,0,.25)}
.xdg-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.xdg-card__title{font-size:13px;font-weight:800;color:#fbbf24;letter-spacing:.3px;text-transform:uppercase}
.xdg-card__refresh{background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3);color:#a78bfa;width:26px;height:26px;border-radius:7px;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .15s}
.xdg-card__refresh:hover{background:rgba(139,92,246,.25)}
.xdg-card__body{color:#e2e8f0;font-size:13px}

.xdg-tier{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.xdg-tier__meta{display:flex;flex-direction:column}
.xdg-tier__name{font-size:15px;font-weight:800;color:#fff}
.xdg-tier__sub{font-size:11px;color:#94a3b8;margin-top:2px}

.xdg-stars{display:flex;gap:3px;font-size:22px;line-height:1}
.xdg-star{color:#1e293b;text-shadow:0 0 1px rgba(255,255,255,.1);transition:color .2s}
.xdg-star--on{color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.5)}

.xdg-progress{margin-top:10px}
.xdg-progress__row{display:flex;align-items:baseline;gap:6px;margin-bottom:6px;font-size:13px}
.xdg-progress__cur{font-weight:800;color:#fff;font-size:16px}
.xdg-progress__sep{color:#475569}
.xdg-progress__tgt{color:#94a3b8}
.xdg-progress__pct{margin-left:auto;font-weight:700;color:#a78bfa;font-size:12px}

.xdg-bar{height:8px;background:rgba(15,23,42,.7);border-radius:6px;overflow:hidden;border:1px solid rgba(30,41,59,.5)}
.xdg-bar__fill{height:100%;background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:6px;transition:width .4s ease-out}
.xdg-bar__fill--mid{background:linear-gradient(90deg,#7c3aed,#fbbf24)}
.xdg-bar__fill--full{background:linear-gradient(90deg,#10b981,#fbbf24);box-shadow:0 0 12px rgba(251,191,36,.4)}

.xdg-achieved{margin-top:10px;padding:8px 12px;background:linear-gradient(90deg,rgba(16,185,129,.15),rgba(251,191,36,.15));border:1px solid rgba(251,191,36,.3);border-radius:8px;font-weight:700;color:#fbbf24;text-align:center;font-size:13px}

.xdg-empty{color:#94a3b8;font-style:italic;text-align:center;padding:8px 0}
.xdg-empty__sub{color:#64748b;font-size:11px;text-align:center;margin-top:4px}

/* ── Botão no header (admin) ── */
.xdg-admin-btn{margin-left:8px;padding:6px 12px;background:linear-gradient(135deg,#7c3aed,#fbbf24);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(124,58,237,.3);transition:transform .15s,box-shadow .15s}
.xdg-admin-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(124,58,237,.5)}

/* ── Modal admin ── */
.xdg-modal{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:xdg-fade .2s ease-out}
@keyframes xdg-fade{from{opacity:0}to{opacity:1}}
.xdg-modal__box{background:#0c1027;border:1px solid rgba(139,92,246,.3);border-radius:14px;width:100%;max-width:780px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.xdg-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(139,92,246,.2);position:sticky;top:0;background:#0c1027;z-index:1}
.xdg-modal__title{font-size:15px;font-weight:800;color:#fff}
.xdg-modal__close{background:transparent;border:none;color:#94a3b8;font-size:26px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:7px;transition:background .15s}
.xdg-modal__close:hover{background:rgba(239,68,68,.15);color:#ef4444}

.xdg-modal__tiers{padding:14px 20px;border-bottom:1px solid rgba(139,92,246,.15);background:rgba(124,58,237,.04)}
.xdg-tinfo__title{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.xdg-tinfo{display:flex;align-items:center;gap:14px;padding:6px 0;font-size:12px;color:#cbd5e1}
.xdg-tinfo__stars{font-size:14px;min-width:90px}
.xdg-tinfo__name{font-weight:700;color:#fff;min-width:80px}
.xdg-tinfo__targets{display:flex;gap:14px;color:#94a3b8;font-size:11px}

.xdg-modal__list{padding:14px 20px}
.xdg-op{padding:12px 14px;border:1px solid rgba(30,41,59,.6);border-radius:10px;margin-bottom:10px;background:rgba(15,23,42,.4)}
.xdg-op__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.xdg-op__name{font-weight:800;font-size:13px;color:#fff;display:flex;align-items:center;gap:8px}
.xdg-op__current{font-size:11px;color:#94a3b8;margin-bottom:8px}
.xdg-cur--empty{font-style:italic}
.xdg-op__form{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.xdg-op__form select,.xdg-op__form input{background:#060915;border:1px solid #1a2044;color:#fff;padding:5px 8px;border-radius:7px;font-size:11px;outline:none}
.xdg-op__form select:focus,.xdg-op__form input:focus{border-color:rgba(139,92,246,.5)}
.xdg-op__metric{min-width:130px}
.xdg-op__tier{min-width:140px}
.xdg-op__custom{width:120px}
.xdg-op__save{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border:none;padding:5px 14px;border-radius:7px;font-weight:800;font-size:11px;cursor:pointer}
.xdg-op__save:disabled{opacity:.5;cursor:wait}
.xdg-op__rm{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#f87171;font-size:10px;padding:3px 8px;border-radius:6px;cursor:pointer;font-weight:700}
.xdg-op__rm:hover{background:rgba(239,68,68,.2)}

.xdg-tag{font-size:9px;padding:2px 6px;border-radius:4px;background:rgba(100,116,139,.2);color:#94a3b8;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.xdg-tag--admin{background:rgba(239,68,68,.15);color:#f87171}
.xdg-tag--dev{background:rgba(59,130,246,.15);color:#60a5fa}

/* ── Input de conversão por cliente — visual matches Activity card pattern ── */
.xdg-conv{
  margin:14px 0;
  padding:14px 18px;
  background:#0a0e1f;
  border:1px solid rgba(124,58,237,.18);
  border-radius:16px;
  box-sizing:border-box;
  width:100%;
  display:block;
}
.xdg-conv__label{display:block;font-size:11px;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;text-align:center;width:100%}
.xdg-conv__row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}
.xdg-conv__input{flex:0 1 110px;min-width:0;max-width:140px;background:#060915;border:1px solid #1a2044;color:#fff;padding:7px 10px;border-radius:8px;font-size:14px;font-weight:700;outline:none;text-align:center}
.xdg-conv__input:focus{border-color:rgba(251,191,36,.4)}
.xdg-conv__unit{font-size:14px;font-weight:800;color:#fbbf24}
.xdg-conv__save{background:linear-gradient(135deg,#7c3aed,#fbbf24);color:#fff;border:none;padding:7px 16px;border-radius:8px;font-weight:800;font-size:12px;cursor:pointer}
.xdg-conv__save:disabled{opacity:.5;cursor:wait}
.xdg-conv__msg{margin-top:6px;font-size:11px;min-height:14px}
.xdg-conv__msg--ok{color:#10b981}
.xdg-conv__msg--err{color:#ef4444}

/* ── GOALS — sidebar menu item + fullscreen page ── */
.xdg-menu-fallback{display:flex;align-items:center;gap:10px;padding:10px 14px;color:#cbd5e1;font-size:13px;font-weight:600;text-decoration:none;border-radius:8px;margin:2px 8px;transition:background .15s}
.xdg-menu-fallback:hover{background:rgba(124,58,237,.12);color:#fff}
.xdg-menu-star{font-size:16px;color:#fbbf24;text-shadow:0 0 6px rgba(251,191,36,.4)}
.xdg-menu-label{font-weight:600}
#xdg-menu-item:hover .xdg-menu-star{transform:scale(1.15);transition:transform .2s}

/* Fullscreen page */
.xdg-page{position:fixed;inset:0;background:#060915;z-index:9998;overflow-y:auto;animation:xdg-fade .25s ease-out;display:flex;flex-direction:column}
.xdg-page__header{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid rgba(124,58,237,.2);background:linear-gradient(135deg,#0c1027,#141845);position:sticky;top:0;z-index:2;backdrop-filter:blur(8px)}
.xdg-page__title{font-size:18px;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px}
.xdg-page__actions{display:flex;gap:8px}
.xdg-page__refresh{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s}
.xdg-page__refresh:hover{background:rgba(139,92,246,.3)}
.xdg-page__close{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.25);padding:7px 14px;border-radius:8px;font-size:14px;font-weight:800;cursor:pointer;transition:background .15s}
.xdg-page__close:hover{background:rgba(239,68,68,.25)}

.xdg-page__body{flex:1;padding:24px 28px;max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box}

.xdg-page__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}
.xdg-stat{background:linear-gradient(135deg,#0c1027,#141845);border:1px solid rgba(139,92,246,.2);border-radius:12px;padding:14px 16px;text-align:center}
.xdg-stat--ok{border-color:rgba(16,185,129,.4);background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(124,58,237,.06))}
.xdg-stat__num{font-size:24px;font-weight:900;color:#fff;line-height:1.1}
.xdg-stat--ok .xdg-stat__num{color:#10b981}
.xdg-stat__lbl{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-top:4px}

.xdg-page__myown{margin-bottom:20px}
.xdg-myown{background:linear-gradient(135deg,#0c1027 0%,#1a1845 100%);border:1px solid rgba(251,191,36,.25);border-radius:14px;padding:18px 20px;box-shadow:0 6px 24px rgba(0,0,0,.3)}
.xdg-myown--empty{border-color:rgba(100,116,139,.2)}
.xdg-myown__title{font-size:11px;font-weight:800;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}
.xdg-stars--big{font-size:28px}

.xdg-page__tiers{margin-bottom:20px;background:rgba(124,58,237,.04);border:1px solid rgba(124,58,237,.15);border-radius:12px;padding:14px 18px}
.xdg-page__list{}
.xdg-page__admin-form:not(:empty){margin-bottom:20px}
.xdg-page__admin-form .xdg-admin-header{margin-bottom:0}
.xdg-page__loading{padding:20px;color:#94a3b8;font-style:italic;text-align:center}

/* ── Admin header (na lista de operadores) ── */
.xdg-admin-header{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(251,191,36,.06));border:1px solid rgba(124,58,237,.25);border-radius:12px;padding:14px 16px;margin-bottom:14px}
.xdg-admin-header__top{margin-bottom:12px}
.xdg-admin-header__title{font-size:15px;font-weight:800;color:#fff;margin-bottom:4px}
.xdg-admin-header__sub{font-size:12px;color:#94a3b8;line-height:1.5}
.xdg-admin-header__sub strong{color:#fbbf24;font-weight:700}

.xdg-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;border-top:1px dashed rgba(124,58,237,.25)}
.xdg-bulk__label{font-size:11px;font-weight:800;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-right:4px}
.xdg-bulk select{background:#060915;border:1px solid #1a2044;color:#fff;padding:6px 10px;border-radius:7px;font-size:12px;outline:none;font-weight:600}
.xdg-bulk select:focus{border-color:rgba(139,92,246,.5)}
.xdg-bulk__btn{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border:none;padding:6px 14px;border-radius:7px;font-weight:800;font-size:11px;cursor:pointer;transition:transform .12s,box-shadow .12s}
.xdg-bulk__btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(124,58,237,.3)}
.xdg-bulk__btn:disabled{opacity:.5;cursor:wait;transform:none}
.xdg-bulk__btn--alt{background:linear-gradient(135deg,#0c1027,#1a2044);border:1px solid rgba(139,92,246,.3);color:#a78bfa}
.xdg-bulk__btn--alt:hover{background:rgba(139,92,246,.12)}

/* Section title for operator list in fullscreen page */
.xdg-page__list .xdg-op:first-of-type{margin-top:0}

/* ── Form principal "Definir Meta" ── */
.xdg-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;padding:14px 0;border-bottom:1px dashed rgba(124,58,237,.25);margin-bottom:12px}
.xdg-form__field{display:flex;flex-direction:column;gap:4px;min-width:0}
.xdg-form__field--wide{grid-column:span 2}
.xdg-form__field--actions{grid-column:span 2;margin-top:4px}
.xdg-form__label{font-size:10px;font-weight:800;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px}
.xdg-form__label small{font-weight:600;color:#64748b;text-transform:none;letter-spacing:0;margin-left:4px}
.xdg-form select,.xdg-form input{background:#060915;border:1px solid #1a2044;color:#fff;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;outline:none;width:100%;box-sizing:border-box}
.xdg-form select:focus,.xdg-form input:focus{border-color:rgba(251,191,36,.5);box-shadow:0 0 0 2px rgba(251,191,36,.1)}
.xdg-form__save{background:linear-gradient(135deg,#7c3aed,#fbbf24);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:800;font-size:13px;cursor:pointer;width:100%;transition:transform .12s,box-shadow .15s}
.xdg-form__save:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(251,191,36,.35)}
.xdg-form__save:disabled{opacity:.5;cursor:wait;transform:none}

.xdg-warn{color:#fbbf24;font-weight:700}
.xdg-ok{color:#10b981;font-weight:700}

/* Mobile responsive */
@media (max-width:600px){
  .xdg-form{grid-template-columns:1fr}
  .xdg-form__field--wide,.xdg-form__field--actions{grid-column:span 1}
}

/* ══════════════════════════════════════════════════════════════
   GOALS — COMPACT REDESIGN (overrides)
   ══════════════════════════════════════════════════════════════ */

/* Page mais apertada */
.xdg-page__header{padding:10px 18px}
.xdg-page__title{font-size:15px}
.xdg-page__refresh,.xdg-page__close{padding:5px 10px;font-size:11px}
.xdg-page__body{padding:14px 18px;max-width:1280px}

/* Stats compactos */
.xdg-page__stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}
.xdg-stat{padding:8px 10px;border-radius:8px}
.xdg-stat__num{font-size:18px}
.xdg-stat__lbl{font-size:9px;margin-top:2px}

/* Personal goal panel mais fino */
.xdg-page__myown{margin-bottom:12px}
.xdg-myown{padding:12px 14px;border-radius:10px}
.xdg-myown:empty,.xdg-page__myown:empty{display:none}

/* Tiers HORIZONTAIS — pills compactos lado a lado */
.xdg-page__tiers{padding:10px 12px;margin-bottom:12px;border-radius:10px}
.xdg-tinfo__title{font-size:10px;margin-bottom:6px}
.xdg-tpills{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.xdg-tpill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 6px;background:rgba(15,23,42,.5);border:1px solid rgba(30,41,59,.6);border-radius:8px;text-align:center}
.xdg-tpill__stars{font-size:13px;line-height:1.1}
.xdg-tpill__name{font-size:11px;font-weight:800;color:#fff}
.xdg-tpill__nums{display:flex;flex-direction:column;font-size:10px;color:#94a3b8;line-height:1.3}
.xdg-tpill[data-tier="1"]{border-color:rgba(180,83,9,.4)}
.xdg-tpill[data-tier="2"]{border-color:rgba(148,163,184,.4)}
.xdg-tpill[data-tier="3"]{border-color:rgba(251,191,36,.4)}
.xdg-tpill[data-tier="4"]{border-color:rgba(139,92,246,.4)}
.xdg-tpill[data-tier="5"]{border-color:rgba(56,189,248,.5);background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(124,58,237,.08))}

/* Form principal — INLINE 1 linha quando largura permite */
.xdg-admin-header{padding:10px 12px;margin-bottom:10px}
.xdg-admin-header__top{margin-bottom:8px}
.xdg-admin-header__title{font-size:13px;margin-bottom:2px}
.xdg-admin-header__sub{font-size:11px}
.xdg-form{grid-template-columns:1fr 1fr 1fr 130px auto;gap:6px;padding:8px 0;margin-bottom:8px}
.xdg-form__field{gap:2px}
.xdg-form__field--wide{grid-column:auto}
.xdg-form__field--actions{grid-column:auto}
.xdg-form__label{font-size:9px}
.xdg-form select,.xdg-form input{padding:6px 8px;font-size:12px}
.xdg-form__save{padding:6px 14px;font-size:12px;width:auto;white-space:nowrap}

/* Bulk row mais fino */
.xdg-bulk{padding-top:8px;gap:6px}
.xdg-bulk__label{font-size:10px}
.xdg-bulk select{padding:5px 8px;font-size:11px}
.xdg-bulk__btn{padding:5px 10px;font-size:10px}

/* Operator list — ROW compacto, form colapsa por padrão */
.xdg-list__title{font-size:10px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:8px 0 6px}
.xdg-row{background:rgba(15,23,42,.4);border:1px solid rgba(30,41,59,.5);border-radius:8px;margin-bottom:5px;overflow:hidden;transition:border-color .15s}
.xdg-row:hover{border-color:rgba(124,58,237,.35)}
.xdg-row--ok{border-left:3px solid #10b981}
.xdg-row--mid{border-left:3px solid #fbbf24}
.xdg-row--low{border-left:3px solid #ef4444}
.xdg-row--nometa{border-left:3px solid #475569;opacity:.85}

.xdg-row__main{display:grid;grid-template-columns:90px 1fr 2fr auto;gap:10px;align-items:center;padding:7px 10px}
.xdg-row__stars{font-size:12px;line-height:1}
.xdg-stars-empty{color:#475569;font-size:14px}
.xdg-row__name{font-size:12px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xdg-row__progress{display:flex;align-items:center;gap:8px;font-size:11px;color:#cbd5e1;min-width:0}
.xdg-row__progress-text{flex-shrink:0;font-weight:600}
.xdg-row__pct{flex-shrink:0;font-weight:800;color:#a78bfa;min-width:32px;text-align:right}
.xdg-row__actions{display:flex;gap:4px}
.xdg-row__edit,.xdg-row__rm{background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.25);color:#a78bfa;width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s}
.xdg-row__edit:hover{background:rgba(124,58,237,.2)}
.xdg-row__rm{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.25);color:#f87171}
.xdg-row__rm:hover{background:rgba(239,68,68,.2)}

.xdg-bar--mini{height:5px}
.xdg-bar--empty{background:rgba(71,85,105,.2)}

.xdg-row__form{display:flex;gap:5px;flex-wrap:wrap;padding:6px 10px 8px;border-top:1px dashed rgba(30,41,59,.6);background:rgba(0,0,0,.15)}
.xdg-row__form select,.xdg-row__form input{background:#060915;border:1px solid #1a2044;color:#fff;padding:5px 8px;border-radius:6px;font-size:11px;outline:none;flex:1;min-width:120px}
.xdg-row__form .xdg-op__save{flex:0 0 auto;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border:none;padding:5px 14px;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer}

/* Old .xdg-op (modal antigo) — manter funcional mas estilo igual */
.xdg-op{padding:8px 10px;margin-bottom:6px}
.xdg-op__head{margin-bottom:4px}
.xdg-op__name{font-size:12px}
.xdg-op__current{font-size:10px;margin-bottom:5px}

/* Responsive — quando aperta, vira 2 linhas */
@media (max-width:900px){
  .xdg-form{grid-template-columns:1fr 1fr;gap:6px}
  .xdg-form__field--actions{grid-column:span 2}
  .xdg-form__save{width:100%}
  .xdg-tpills{grid-template-columns:repeat(3,1fr)}
  .xdg-row__main{grid-template-columns:60px 1fr auto;grid-template-areas:"stars name actions" "progress progress progress";gap:6px}
  .xdg-row__stars{grid-area:stars}
  .xdg-row__name{grid-area:name}
  .xdg-row__progress{grid-area:progress}
  .xdg-row__actions{grid-area:actions}
}
@media (max-width:600px){
  .xdg-tpills{grid-template-columns:repeat(2,1fr)}
}

/* ── Fix alinhamento botão Salvar Meta com inputs ── */
.xdg-form__field--actions{justify-content:flex-end}
.xdg-form input,.xdg-form select,.xdg-form .xdg-form__save{height:34px;box-sizing:border-box;line-height:1;align-self:stretch}

/* ── Badge de projeto na linha do operador ── */
.xdg-proj-badge{font-size:9px;padding:2px 6px;border-radius:4px;background:rgba(56,189,248,.12);color:#7dd3fc;font-weight:700;border:1px solid rgba(56,189,248,.25);white-space:nowrap}
.xdg-proj-badge--all{background:rgba(100,116,139,.12);color:#94a3b8;border-color:rgba(100,116,139,.25)}

/* Form principal cresceu — 6 colunas em desktop */
.xdg-form{grid-template-columns:1.3fr 1.3fr 1.3fr 1.3fr 130px auto}
@media (max-width:1100px){
  .xdg-form{grid-template-columns:1fr 1fr 1fr;gap:6px}
  .xdg-form__field--actions{grid-column:span 3}
  .xdg-form__save{width:100%}
}
@media (max-width:600px){
  .xdg-form{grid-template-columns:1fr}
  .xdg-form__field--actions{grid-column:span 1}
}

/* ── Header stats box (ao lado do botão Metas) ── */
.xdg-stats-box{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:5px 10px;margin-right:6px;background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(251,191,36,.05));border:1px solid rgba(124,58,237,.25);border-radius:10px;text-decoration:none;color:#fff;cursor:pointer;line-height:1.15;transition:transform .15s,box-shadow .15s,border-color .15s}
.xdg-stats-box:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(124,58,237,.25);border-color:rgba(251,191,36,.4)}
.xdg-stats-box__main{font-size:14px;font-weight:800;color:#fff;letter-spacing:.5px}
.xdg-stats-box__main strong{color:#fbbf24;font-size:15px}
.xdg-stats-box__lbl{font-size:8px;font-weight:800;color:#94a3b8;letter-spacing:.6px;margin-top:2px;text-transform:uppercase}
.xdg-stats-box--full{border-color:rgba(16,185,129,.5);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(251,191,36,.08));box-shadow:0 0 12px rgba(16,185,129,.18)}
.xdg-stats-box--full .xdg-stats-box__main strong{color:#10b981}
.xdg-stats-box--full .xdg-stats-box__lbl{color:#10b981}

/* No mobile — esconder o lbl pra economizar espaço */
@media (max-width:600px){
  .xdg-stats-box{min-width:48px;padding:4px 8px}
  .xdg-stats-box__main{font-size:12px}
  .xdg-stats-box__lbl{font-size:7px}
}

/* ══════════════════════════════════════════════════════════════
   HEADER COMPACT — reduzir espaco entre Metas/Stats/icones
   ══════════════════════════════════════════════════════════════ */

/* Botao Metas mais compacto e colado */
.xdg-admin-btn{margin-left:3px!important;padding:5px 10px!important;font-size:11px!important;border-radius:7px!important}

/* Stats box mais apertado */
.xdg-stats-box{margin-right:3px!important;padding:3px 8px!important;min-width:54px!important;border-radius:7px!important;line-height:1.05!important}
.xdg-stats-box__main{font-size:12px!important}
.xdg-stats-box__main strong{font-size:13px!important}
.xdg-stats-box__lbl{font-size:7px!important;margin-top:1px!important;letter-spacing:.4px!important}

/* Mobile ainda mais apertado */
@media (max-width:600px){
  .xdg-stats-box{min-width:42px!important;padding:3px 6px!important}
  .xdg-admin-btn{padding:4px 8px!important;font-size:10px!important}
  .xdg-stats-box__main{font-size:11px!important}
  .xdg-stats-box__main strong{font-size:12px!important}
}

/* ── Card de meta — chips de % atingido / faltam ── */
.xdg-progress__line{font-size:14px;font-weight:700;margin-bottom:6px;color:inherit}
.xdg-progress__line .xdg-progress__cur{font-size:16px;font-weight:800;color:#fbbf24}
.xdg-progress__line .xdg-progress__sep{color:#64748b;margin:0 2px}
.xdg-progress__line .xdg-progress__tgt{color:inherit;opacity:.85}

.xdg-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.xdg-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:4px 9px;border-radius:6px;font-weight:600;white-space:nowrap;border:1px solid transparent}
.xdg-chip strong{font-weight:800}
.xdg-chip--ok{background:rgba(124,58,237,.12);color:#a78bfa;border-color:rgba(124,58,237,.3)}
.xdg-chip--ok strong{color:#c4b5fd}
.xdg-chip--rem{background:rgba(251,191,36,.1);color:#fbbf24;border-color:rgba(251,191,36,.3)}
.xdg-chip--rem strong{color:#fde68a}
.xdg-chip--win{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(251,191,36,.15));color:#10b981;border-color:rgba(16,185,129,.4);font-weight:800}

/* Suporte a tema light no painel — chips legíveis em fundo claro */
[data-theme^=light] .xdg-chip--ok{background:rgba(124,58,237,.08);color:#6d28d9}
[data-theme^=light] .xdg-chip--rem{background:rgba(217,119,6,.08);color:#92400e}
[data-theme^=light] .xdg-chip--win{color:#047857}

/* ══════════════════════════════════════════════════════════════
   GOALS — paleta alinhada ao tema do painel (roxo + dourado)
   Override final dos chips
   ══════════════════════════════════════════════════════════════ */

/* "Atingido" → roxo primário (matches barra de progresso e botão Metas) */
.xdg-chip--ok{background:rgba(124,58,237,.18)!important;color:#c4b5fd!important;border:1px solid rgba(139,92,246,.4)!important}
.xdg-chip--ok strong{color:#fff!important}

/* "Faltam" → slate neutro (informativo, sem cara de alerta) */
.xdg-chip--rem{background:rgba(30,41,59,.7)!important;color:#94a3b8!important;border:1px solid rgba(71,85,105,.5)!important}
.xdg-chip--rem strong{color:#e2e8f0!important}

/* "Meta superada" → gradiente roxo→dourado (identidade visual do site) */
.xdg-chip--win{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(251,191,36,.22))!important;color:#fbbf24!important;border:1px solid rgba(251,191,36,.45)!important;font-weight:800!important;text-shadow:0 0 8px rgba(251,191,36,.25)}

/* Light mode override: ainda alinhado com tema mas legível em fundo claro */
@media (prefers-color-scheme: light){
  .xdg-chip--ok{background:rgba(124,58,237,.1)!important;color:#5b21b6!important;border-color:rgba(139,92,246,.35)!important}
  .xdg-chip--ok strong{color:#4c1d95!important}
  .xdg-chip--rem{background:rgba(241,245,249,.9)!important;color:#475569!important;border-color:rgba(148,163,184,.4)!important}
  .xdg-chip--rem strong{color:#1e293b!important}
  .xdg-chip--win{color:#92400e!important}
}

/* ══════════════════════════════════════════════════════════════
   GOALS — TEMA UNIFICADO (vars do painel)
   Override final usando --accent / --accent-bg / --text-* / --bg-*
   Adapta automaticamente a TODOS os temas do painel
   ══════════════════════════════════════════════════════════════ */

.xdg-card{background:var(--bg-card,#0c1027)!important;border:1px solid var(--border,rgba(139,92,246,.25))!important}
.xdg-card__title{color:var(--accent-text,#fbbf24)!important}
.xdg-card__refresh{background:var(--accent-bg,rgba(139,92,246,.12))!important;border-color:var(--accent,rgba(139,92,246,.3))!important;color:var(--accent-text,#a78bfa)!important}
.xdg-card__refresh:hover{background:var(--accent,rgba(139,92,246,.25))!important;color:var(--accent-text,#fff)!important}
.xdg-card__body{color:var(--text-primary,#e2e8f0)!important}

.xdg-tier__name{color:var(--text-primary,#fff)!important}
.xdg-tier__sub{color:var(--text-muted,#94a3b8)!important}

.xdg-star{color:var(--border,#1e293b)!important}
.xdg-star--on{color:var(--accent,#fbbf24)!important;text-shadow:0 0 8px var(--accent-bg,rgba(251,191,36,.5))!important}

.xdg-progress__line{color:var(--text-primary,#e2e8f0)!important}
.xdg-progress__line .xdg-progress__cur{color:var(--accent-text,var(--accent,#fbbf24))!important}
.xdg-progress__line .xdg-progress__sep{color:var(--text-dim,#64748b)!important}
.xdg-progress__line .xdg-progress__tgt{color:var(--text-secondary,inherit)!important;opacity:.85}

.xdg-bar{background:var(--bg-base,rgba(15,23,42,.7))!important;border:1px solid var(--border,rgba(30,41,59,.5))!important}
.xdg-bar__fill{background:var(--accent,linear-gradient(90deg,#7c3aed,#a78bfa))!important}
.xdg-bar__fill--mid{background:var(--accent,linear-gradient(90deg,#7c3aed,#fbbf24))!important;opacity:.9}
.xdg-bar__fill--full{background:var(--accent,linear-gradient(90deg,#10b981,#fbbf24))!important;box-shadow:0 0 12px var(--accent-bg,rgba(251,191,36,.4))!important}

.xdg-chip{border:1px solid var(--border,#475569)!important}
.xdg-chip--ok{background:var(--accent-bg,rgba(124,58,237,.15))!important;color:var(--accent-text,#a78bfa)!important;border-color:var(--accent,rgba(139,92,246,.4))!important}
.xdg-chip--ok strong{color:var(--accent-text,#fff)!important;font-weight:800}
.xdg-chip--rem{background:var(--bg-elevated,rgba(30,41,59,.7))!important;color:var(--text-secondary,#94a3b8)!important;border-color:var(--border,rgba(71,85,105,.5))!important}
.xdg-chip--rem strong{color:var(--text-primary,#e2e8f0)!important;font-weight:800}
.xdg-chip--win{background:var(--accent-bg,rgba(124,58,237,.2))!important;color:var(--accent-text,#fbbf24)!important;border-color:var(--accent,rgba(251,191,36,.45))!important;font-weight:800!important}

.xdg-page{background:var(--bg-base,#060915)!important}
.xdg-page__header{background:var(--bg-card,#0c1027)!important;border-bottom:1px solid var(--border,rgba(124,58,237,.2))!important}
.xdg-page__title{color:var(--text-primary,#fff)!important}
.xdg-page__refresh{background:var(--accent-bg,rgba(139,92,246,.15))!important;color:var(--accent-text,#a78bfa)!important;border:1px solid var(--accent,rgba(139,92,246,.3))!important}
.xdg-page__refresh:hover{background:var(--accent,rgba(139,92,246,.3))!important}
.xdg-page__close{background:var(--bg-elevated,rgba(239,68,68,.1))!important;color:var(--text-secondary,#f87171)!important;border:1px solid var(--border,rgba(239,68,68,.25))!important}

.xdg-stat{background:var(--bg-card,#0c1027)!important;border:1px solid var(--border,rgba(139,92,246,.2))!important}
.xdg-stat__num{color:var(--text-primary,#fff)!important}
.xdg-stat--ok{border-color:var(--accent,rgba(16,185,129,.4))!important;background:var(--accent-bg,rgba(16,185,129,.08))!important}
.xdg-stat--ok .xdg-stat__num{color:var(--accent-text,#10b981)!important}
.xdg-stat__lbl{color:var(--text-muted,#94a3b8)!important}

.xdg-myown{background:var(--bg-card,#0c1027)!important;border:1px solid var(--border,rgba(251,191,36,.25))!important}
.xdg-myown__title{color:var(--accent-text,#fbbf24)!important}

.xdg-page__tiers{background:var(--bg-elevated,rgba(124,58,237,.04))!important;border:1px solid var(--border,rgba(124,58,237,.15))!important}
.xdg-tinfo__title{color:var(--text-muted,#94a3b8)!important}
.xdg-tpill{background:var(--bg-base,rgba(15,23,42,.5))!important;border:1px solid var(--border,rgba(30,41,59,.6))!important}
.xdg-tpill__name{color:var(--text-primary,#fff)!important}
.xdg-tpill__nums{color:var(--text-muted,#94a3b8)!important}

.xdg-row{background:var(--bg-elevated,rgba(15,23,42,.4))!important;border:1px solid var(--border,rgba(30,41,59,.5))!important}
.xdg-row:hover{border-color:var(--accent,rgba(124,58,237,.35))!important}
.xdg-row__name{color:var(--text-primary,#fff)!important}
.xdg-row__progress{color:var(--text-secondary,#cbd5e1)!important}
.xdg-row__pct{color:var(--accent-text,#a78bfa)!important}
.xdg-row__edit{background:var(--accent-bg,rgba(124,58,237,.08))!important;border:1px solid var(--accent,rgba(124,58,237,.25))!important;color:var(--accent-text,#a78bfa)!important}
.xdg-row__edit:hover{background:var(--accent,rgba(124,58,237,.2))!important;color:var(--accent-text,#fff)!important}

.xdg-admin-header{background:var(--bg-elevated,rgba(124,58,237,.1))!important;border:1px solid var(--border,rgba(124,58,237,.25))!important}
.xdg-admin-header__title{color:var(--text-primary,#fff)!important}
.xdg-admin-header__sub{color:var(--text-muted,#94a3b8)!important}
.xdg-admin-header__sub strong{color:var(--accent-text,#fbbf24)!important}
.xdg-warn{color:var(--accent-text,#fbbf24)!important;font-weight:700}
.xdg-ok{color:var(--accent-text,#10b981)!important;font-weight:700}

.xdg-form select,.xdg-form input{background:var(--bg-input,#060915)!important;border:1px solid var(--border,#1a2044)!important;color:var(--text-primary,#fff)!important}
.xdg-form select:focus,.xdg-form input:focus{border-color:var(--accent,rgba(251,191,36,.5))!important;box-shadow:0 0 0 2px var(--accent-bg,rgba(251,191,36,.1))!important}
.xdg-form__label{color:var(--accent-text,#a78bfa)!important}
.xdg-form__label small{color:var(--text-dim,#64748b)!important}
.xdg-form__save{background:var(--accent,linear-gradient(135deg,#7c3aed,#fbbf24))!important;color:var(--accent-text,#fff)!important}
.xdg-form__save:hover{box-shadow:0 6px 20px var(--accent-bg,rgba(251,191,36,.35))!important}

.xdg-bulk__label{color:var(--accent-text,#a78bfa)!important}
.xdg-bulk select{background:var(--bg-input,#060915)!important;border:1px solid var(--border,#1a2044)!important;color:var(--text-primary,#fff)!important}
.xdg-bulk__btn{background:var(--accent,linear-gradient(135deg,#7c3aed,#a78bfa))!important;color:var(--accent-text,#fff)!important}
.xdg-bulk__btn--alt{background:var(--bg-card,#0c1027)!important;color:var(--accent-text,#a78bfa)!important;border:1px solid var(--accent,rgba(139,92,246,.3))!important}

.xdg-admin-btn{background:var(--accent,linear-gradient(135deg,#7c3aed,#fbbf24))!important;color:var(--accent-text,#fff)!important;box-shadow:0 2px 8px var(--accent-bg,rgba(124,58,237,.3))!important}
.xdg-admin-btn:hover{box-shadow:0 4px 14px var(--accent-bg,rgba(124,58,237,.5))!important}

.xdg-stats-box{background:var(--bg-elevated,rgba(124,58,237,.08))!important;border:1px solid var(--border,rgba(124,58,237,.25))!important;color:var(--text-primary,#fff)!important}
.xdg-stats-box:hover{border-color:var(--accent,rgba(251,191,36,.4))!important}
.xdg-stats-box__main strong{color:var(--accent-text,#fbbf24)!important}
.xdg-stats-box__lbl{color:var(--text-muted,#94a3b8)!important}
.xdg-stats-box--full{border-color:var(--accent,rgba(16,185,129,.5))!important}
.xdg-stats-box--full .xdg-stats-box__main strong{color:var(--accent-text,#10b981)!important}
.xdg-stats-box--full .xdg-stats-box__lbl{color:var(--accent-text,#10b981)!important}

.xdg-proj-badge{background:var(--accent-bg,rgba(56,189,248,.12))!important;color:var(--accent-text,#7dd3fc)!important;border:1px solid var(--accent,rgba(56,189,248,.25))!important}
.xdg-proj-badge--all{background:var(--bg-elevated,rgba(100,116,139,.12))!important;color:var(--text-muted,#94a3b8)!important;border-color:var(--border,rgba(100,116,139,.25))!important}

.xdg-menu-star{color:var(--accent,#fbbf24)!important;text-shadow:0 0 6px var(--accent-bg,rgba(251,191,36,.4))!important}

/* ── Modal (overlay + box + head + body): adapta ao tema do painel ── */
/* Faltavam no override unificado: usavam #0c1027 hardcoded, virava navy em light theme */
.xdg-modal{background:rgba(0,0,0,.55)!important}
.xdg-modal__box{background:var(--bg-card,#0c1027)!important;border:1px solid var(--border,rgba(139,92,246,.3))!important;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.xdg-modal__head{background:var(--bg-card,#0c1027)!important;border-bottom:1px solid var(--border,rgba(139,92,246,.2))!important}
.xdg-modal__title{color:var(--text-primary,#fff)!important}
.xdg-modal__close{color:var(--text-muted,#94a3b8)!important}
.xdg-modal__close:hover{background:var(--accent-bg,rgba(239,68,68,.15))!important;color:#ef4444!important}

/* Modal mini (Sua Meta) — body precisa do mesmo bg do box; foot e more já usavam var */
.xdg-modal--mini .xdg-modal__body{background:var(--bg-card,#0c1027)!important}

/* Empty state (3 lugares: stats modal, dashboard card, página /metas) */
.xdg-empty{color:var(--text-secondary,#94a3b8)!important}
.xdg-empty__sub{color:var(--text-muted,#64748b)!important}

/* Tinfo (admin tier section dentro do modal antigo) */
.xdg-tinfo{color:var(--text-secondary,#cbd5e1)!important}
.xdg-tinfo__name{color:var(--text-primary,#fff)!important}
.xdg-tinfo__targets{color:var(--text-muted,#94a3b8)!important}

/* Op rows (modal admin antigo + form inline) */
.xdg-op{background:var(--bg-elevated,rgba(15,23,42,.4))!important;border:1px solid var(--border,rgba(30,41,59,.6))!important}
.xdg-op__name{color:var(--text-primary,#fff)!important}
.xdg-op__current{color:var(--text-muted,#94a3b8)!important}
.xdg-op__form select,.xdg-op__form input{background:var(--bg-input,#060915)!important;border:1px solid var(--border,#1a2044)!important;color:var(--text-primary,#fff)!important}
.xdg-row__form{background:var(--bg-base,rgba(0,0,0,.15))!important;border-top:1px dashed var(--border,rgba(30,41,59,.6))!important}
.xdg-row__form select,.xdg-row__form input{background:var(--bg-input,#060915)!important;border:1px solid var(--border,#1a2044)!important;color:var(--text-primary,#fff)!important}

/* Tag pill (admin/dev/op badge na lista) */
.xdg-tag{background:var(--bg-elevated,rgba(100,116,139,.2))!important;color:var(--text-muted,#94a3b8)!important}

/* Sidebar menu fallback */
.xdg-menu-fallback{color:var(--text-secondary,#cbd5e1)!important}
.xdg-menu-fallback:hover{background:var(--accent-bg,rgba(124,58,237,.12))!important;color:var(--text-primary,#fff)!important}

/* Loading state na página */
.xdg-page__loading{color:var(--text-muted,#94a3b8)!important}

/* Stars-empty (placeholder na linha de operador sem meta) */
.xdg-stars-empty{color:var(--text-dim,#475569)!important}

/* ══════════════════════════════════════════════════════════════
   STATS BOX V2 — chip rico do header (multi-estado)
   Estrutura: row(icon + main) + lbl + bar
   Estados: loading | empty | progress | full | admin | admin-full
   ══════════════════════════════════════════════════════════════ */

/* Reset estrutural — sobrescreve o layout flex-column simples antigo */
#xdg-stats-box.xdg-stats-box{
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  min-width:130px!important;
  max-width:240px!important;
  padding:5px 10px 4px!important;
  gap:2px!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:9px!important;
  border-width:1.5px!important;
  text-decoration:none!important;
  cursor:pointer!important;
  line-height:1.15!important;
  transition:transform .15s,box-shadow .2s,border-color .2s,background .2s!important;
}

#xdg-stats-box .xdg-stats-box__row{
  display:flex;align-items:center;gap:6px;width:100%;
}
#xdg-stats-box .xdg-stats-box__icon{
  font-size:14px;line-height:1;flex-shrink:0;
  filter:drop-shadow(0 0 4px var(--accent-bg,rgba(251,191,36,.3)));
}
#xdg-stats-box .xdg-stats-box__main{
  font-size:13px!important;font-weight:700!important;
  color:var(--text-primary,#fff)!important;
  flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  letter-spacing:.2px;
}
#xdg-stats-box .xdg-stats-box__main strong{
  font-size:15px!important;font-weight:900!important;
  color:var(--accent-text,#fbbf24)!important;
}
#xdg-stats-box .xdg-stats-box__lbl{
  font-size:9px!important;font-weight:700!important;
  color:var(--text-muted,#94a3b8)!important;
  letter-spacing:.4px;text-transform:none;
  margin-top:0!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#xdg-stats-box .xdg-stats-box__stars{
  letter-spacing:.5px;color:var(--accent,#fbbf24);font-size:9px;
}

/* Mini progress bar — fica encostada na borda inferior do chip */
#xdg-stats-box .xdg-stats-box__bar{
  position:absolute;left:0;right:0;bottom:0;
  height:2px;
  background:var(--bg-base,rgba(0,0,0,.25));
  border-radius:0 0 7px 7px;
  overflow:hidden;
}
#xdg-stats-box .xdg-stats-box__bar-fill{
  height:100%;
  width:0%;
  background:var(--accent,linear-gradient(90deg,#7c3aed,#fbbf24));
  transition:width .5s cubic-bezier(.2,.8,.2,1);
  border-radius:0 2px 2px 0;
}

/* ── Estado: LOADING ── */
#xdg-stats-box.xdg-stats-box--loading{
  opacity:.65;
}
#xdg-stats-box.xdg-stats-box--loading .xdg-stats-box__icon{
  animation:xdg-pulse 1.4s ease-in-out infinite;
}
@keyframes xdg-pulse{0%,100%{opacity:.4}50%{opacity:1}}

/* ── Estado: EMPTY (sem meta — operador OU erro) ── */
#xdg-stats-box.xdg-stats-box--empty{
  border-color:var(--border,rgba(100,116,139,.4))!important;
  background:var(--bg-elevated,rgba(100,116,139,.08))!important;
  opacity:.92;
}
#xdg-stats-box.xdg-stats-box--empty .xdg-stats-box__icon{
  filter:none;opacity:.7;
}
#xdg-stats-box.xdg-stats-box--empty .xdg-stats-box__main{
  font-size:12px!important;font-weight:700!important;
  color:var(--text-secondary,#cbd5e1)!important;
}
#xdg-stats-box.xdg-stats-box--empty .xdg-stats-box__main strong{
  color:var(--text-secondary,#cbd5e1)!important;
}
#xdg-stats-box.xdg-stats-box--empty .xdg-stats-box__bar-fill{
  background:var(--text-dim,#64748b)!important;
  width:0%!important;
}

/* ── Estado: PROGRESS (operador com meta em andamento) ── */
#xdg-stats-box.xdg-stats-box--progress{
  border-color:var(--accent,rgba(124,58,237,.5))!important;
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(124,58,237,.08)) 0%,
    var(--bg-elevated,rgba(251,191,36,.04)) 100%)!important;
}

/* ── Estado: ADMIN (em progresso) ── */
#xdg-stats-box.xdg-stats-box--admin{
  border-color:var(--accent,rgba(124,58,237,.4))!important;
  background:var(--accent-bg,rgba(124,58,237,.06))!important;
}
#xdg-stats-box.xdg-stats-box--admin .xdg-stats-box__main strong{
  color:var(--text-primary,#fff)!important;
}

/* ── Estado: FULL (atingida) — usa --full pra compat com estilos antigos ── */
#xdg-stats-box.xdg-stats-box--full{
  border-color:rgba(16,185,129,.55)!important;
  background:linear-gradient(135deg,
    rgba(16,185,129,.12) 0%,
    rgba(251,191,36,.08) 100%)!important;
  box-shadow:0 0 14px rgba(16,185,129,.22)!important;
}
#xdg-stats-box.xdg-stats-box--full .xdg-stats-box__main strong{
  color:#10b981!important;
}
#xdg-stats-box.xdg-stats-box--full .xdg-stats-box__bar-fill{
  background:linear-gradient(90deg,#10b981,#fbbf24)!important;
}
#xdg-stats-box.xdg-stats-box--full .xdg-stats-box__icon{
  filter:drop-shadow(0 0 6px rgba(251,191,36,.5));
  animation:xdg-trophy 2.2s ease-in-out infinite;
}
@keyframes xdg-trophy{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}

/* ── Hover (todos os estados) ── */
#xdg-stats-box.xdg-stats-box:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 4px 14px var(--accent-bg,rgba(124,58,237,.25))!important;
}
#xdg-stats-box.xdg-stats-box--full:hover{
  box-shadow:0 4px 18px rgba(16,185,129,.35)!important;
}

/* ── Responsivo ── */
@media (max-width:900px){
  #xdg-stats-box.xdg-stats-box{min-width:110px!important;max-width:180px!important;padding:4px 8px 3px!important}
  #xdg-stats-box .xdg-stats-box__main{font-size:12px!important}
  #xdg-stats-box .xdg-stats-box__main strong{font-size:13px!important}
  #xdg-stats-box .xdg-stats-box__lbl{font-size:8px!important}
  #xdg-stats-box .xdg-stats-box__icon{font-size:12px}
}
@media (max-width:600px){
  #xdg-stats-box.xdg-stats-box{min-width:90px!important;max-width:140px!important}
  #xdg-stats-box .xdg-stats-box__main{font-size:11px!important}
  #xdg-stats-box .xdg-stats-box__main strong{font-size:12px!important}
}

/* ══════════════════════════════════════════════════════════════
   GESTÃO DE METAS INTEGRADA NA /team — bloco principal
   ══════════════════════════════════════════════════════════════ */

.xdg-team-block{
  margin:18px 0 24px!important;
  background:var(--bg-card,#0c1027)!important;
  border:1.5px solid var(--border,rgba(124,58,237,.3))!important;
  border-radius:14px!important;
  padding:0!important;
  box-shadow:0 8px 32px rgba(0,0,0,.18);
  overflow:hidden;
  animation:xdg-fade .25s ease-out;
}

.xdg-team-block__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(124,58,237,.1)) 0%,
    var(--bg-elevated,rgba(251,191,36,.04)) 100%)!important;
  border-bottom:1px solid var(--border,rgba(124,58,237,.18))!important;
}

.xdg-team-block__title{
  font-size:15px;font-weight:800;
  color:var(--text-primary,#fff)!important;
  letter-spacing:.3px;
  display:flex;align-items:center;gap:8px;
}

.xdg-team-block__refresh{
  background:var(--accent-bg,rgba(139,92,246,.12))!important;
  border:1px solid var(--accent,rgba(139,92,246,.3))!important;
  color:var(--accent-text,#a78bfa)!important;
  width:30px;height:30px;border-radius:8px;
  font-size:14px;font-weight:700;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .15s,transform .15s;
}
.xdg-team-block__refresh:hover{
  background:var(--accent,rgba(139,92,246,.25))!important;
  transform:rotate(90deg);
}

.xdg-team-block__body{
  padding:14px 16px;
  display:flex;flex-direction:column;gap:14px;
}

/* O form interno (xdg-page-admin-form) e a lista (xdg-team-block__list)
   já têm seus próprios estilos via classes existentes (xdg-form, xdg-row, etc). */

.xdg-team-block__list:empty{display:none}
.xdg-team-block__tiers:empty{display:none}

/* Light theme — header gradient mais sutil em fundo claro */
[data-theme^=light] .xdg-team-block__head{
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(124,58,237,.06)) 0%,
    var(--bg-elevated,rgba(251,191,36,.03)) 100%)!important;
}

/* ══════════════════════════════════════════════════════════════
   CARD DE META NA PÁGINA /operators/<id>
   Visual rico, themed, status-aware (low/mid/achieved)
   ══════════════════════════════════════════════════════════════ */

.xdg-op-meta-card{
  margin:18px 0!important;
  background:var(--bg-card,#0c1027)!important;
  border:1.5px solid var(--border,rgba(124,58,237,.35))!important;
  border-radius:14px!important;
  overflow:hidden;
  box-shadow:0 6px 24px rgba(0,0,0,.18);
  animation:xdg-fade .25s ease-out;
  position:relative;
}
.xdg-op-meta-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--accent,#7c3aed),var(--accent-text,#fbbf24));
  opacity:.85;
}
.xdg-op-meta-card--low::before{background:linear-gradient(90deg,#ef4444,#fbbf24)!important}
.xdg-op-meta-card--mid::before{background:linear-gradient(90deg,#fbbf24,var(--accent,#7c3aed))!important}
.xdg-op-meta-card--achieved::before{background:linear-gradient(90deg,#10b981,#fbbf24)!important;height:4px}
.xdg-op-meta-card--achieved{box-shadow:0 6px 28px rgba(16,185,129,.22)!important;border-color:rgba(16,185,129,.5)!important}

.xdg-op-meta-card__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 18px;
  border-bottom:1px solid var(--border,rgba(124,58,237,.18))!important;
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(124,58,237,.08)) 0%,
    transparent 100%)!important;
}
.xdg-op-meta-card__title{
  font-size:14px;font-weight:800;
  color:var(--text-primary,#fff)!important;
  letter-spacing:.3px;
  display:flex;align-items:center;gap:8px;
}
.xdg-op-meta-card__actions{display:flex;gap:6px}
.xdg-op-meta-card__edit,
.xdg-op-meta-card__set{
  background:var(--accent-bg,rgba(124,58,237,.15))!important;
  border:1px solid var(--accent,rgba(124,58,237,.35))!important;
  color:var(--accent-text,#a78bfa)!important;
  padding:6px 12px;border-radius:7px;
  font-size:11px;font-weight:700;cursor:pointer;
  transition:background .15s,transform .12s;
  white-space:nowrap;
}
.xdg-op-meta-card__edit:hover,
.xdg-op-meta-card__set:hover{
  background:var(--accent,rgba(124,58,237,.3))!important;
  color:var(--text-primary,#fff)!important;
  transform:translateY(-1px);
}

.xdg-op-meta-card__body{padding:18px 20px}
.xdg-op-meta-card__loading{
  text-align:center;padding:24px;
  color:var(--text-muted,#94a3b8)!important;
  font-style:italic;font-size:12px;
}

/* Empty state — sem meta */
.xdg-op-meta-card__empty{
  text-align:center;padding:24px 16px;
  display:flex;flex-direction:column;gap:10px;align-items:center;
}
.xdg-op-meta-card__empty-icon{
  font-size:42px;line-height:1;opacity:.6;margin-bottom:4px;
}
.xdg-op-meta-card__empty-title{
  font-size:14px;font-weight:800;
  color:var(--text-primary,#fff)!important;
}
.xdg-op-meta-card__empty-sub{
  font-size:12px;
  color:var(--text-muted,#94a3b8)!important;
  max-width:380px;line-height:1.5;
}

/* Top: stars + tier + period */
.xdg-op-meta-card__top{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-bottom:16px;flex-wrap:wrap;
}
.xdg-op-meta-card__tier{
  display:flex;align-items:center;gap:14px;flex:1;min-width:0;
}
.xdg-op-meta-card__tier-meta{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.xdg-op-meta-card__tier-name{
  font-size:18px;font-weight:900;
  color:var(--text-primary,#fff)!important;
  letter-spacing:.2px;
}
.xdg-op-meta-card__tier-sub{
  font-size:11px;font-weight:600;
  color:var(--text-muted,#94a3b8)!important;
  margin-top:2px;
}
.xdg-op-meta-card__period{
  text-align:right;flex-shrink:0;
}
.xdg-op-meta-card__period-label{
  font-size:10px;font-weight:800;
  color:var(--accent-text,#a78bfa)!important;
  text-transform:uppercase;letter-spacing:.5px;
}
.xdg-op-meta-card__period-range{
  font-size:11px;font-weight:600;
  color:var(--text-secondary,#cbd5e1)!important;
  margin-top:2px;font-family:ui-monospace,Menlo,Consolas,monospace;
}

/* Progress: numbers + bar */
.xdg-op-meta-card__progress{
  background:var(--bg-elevated,rgba(15,23,42,.4))!important;
  border:1px solid var(--border,rgba(124,58,237,.15))!important;
  border-radius:10px;
  padding:14px 16px;
  margin-bottom:14px;
}
.xdg-op-meta-card__numbers{
  display:flex;align-items:baseline;gap:4px;
  margin-bottom:10px;font-size:14px;
}
.xdg-op-meta-card__cur{
  font-size:24px;font-weight:900;
  color:var(--accent-text,#fbbf24)!important;
  letter-spacing:.2px;
}
.xdg-op-meta-card__sep{
  color:var(--text-dim,#475569)!important;
  font-weight:400;
}
.xdg-op-meta-card__tgt{
  color:var(--text-secondary,#cbd5e1)!important;
  font-weight:600;
}
.xdg-op-meta-card__pct{
  margin-left:auto;
  font-size:18px;font-weight:900;
  color:var(--accent-text,#a78bfa)!important;
}

/* Bar maior pra esta página */
.xdg-bar--big{height:12px!important;border-radius:8px!important}
.xdg-bar--big .xdg-bar__fill{border-radius:8px!important}

.xdg-op-meta-card--achieved .xdg-op-meta-card__cur{color:#10b981!important;text-shadow:0 0 12px rgba(16,185,129,.3)}
.xdg-op-meta-card--achieved .xdg-op-meta-card__pct{color:#10b981!important}

/* Tag "esta semana" no título */
.xdg-op-meta-card__week-tag{
  font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;
  background:var(--accent-bg,rgba(124,58,237,.18))!important;
  color:var(--accent-text,#a78bfa)!important;
  border:1px solid var(--accent,rgba(124,58,237,.3))!important;
  padding:2px 7px;border-radius:5px;
  margin-left:6px;vertical-align:middle;
}

/* Estrelas ganhas inline */
.xdg-op-meta-card__earned{
  font-size:11px;font-weight:600;
  color:var(--accent-text,#a78bfa)!important;
  margin-left:4px;
}

/* HIGHLIGHT — caixa central com valor convertido + meta */
.xdg-op-meta-card__highlight{
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(124,58,237,.1)) 0%,
    rgba(251,191,36,.05) 100%)!important;
  border:1px solid var(--accent,rgba(124,58,237,.25))!important;
  border-radius:12px;
  padding:18px 20px;
  margin-bottom:14px;
  text-align:center;
  position:relative;
  overflow:hidden;
}
.xdg-op-meta-card__highlight::before{
  content:'';position:absolute;
  top:-50%;right:-20%;
  width:200px;height:200px;
  background:radial-gradient(circle,var(--accent-bg,rgba(251,191,36,.08)) 0%,transparent 70%);
  pointer-events:none;
}
.xdg-op-meta-card__highlight-label{
  font-size:11px;font-weight:800;
  color:var(--text-muted,#94a3b8)!important;
  text-transform:uppercase;letter-spacing:.5px;
  margin-bottom:6px;position:relative;
}
.xdg-op-meta-card__highlight-period{
  font-weight:600;text-transform:none;letter-spacing:0;
  color:var(--text-dim,#64748b)!important;
}
.xdg-op-meta-card__highlight-value{
  font-size:38px;font-weight:900;line-height:1;
  color:var(--accent-text,#fbbf24)!important;
  letter-spacing:-.5px;
  margin:6px 0 8px;position:relative;
  text-shadow:0 0 24px var(--accent-bg,rgba(251,191,36,.25));
}
.xdg-op-meta-card--achieved .xdg-op-meta-card__highlight{
  background:linear-gradient(135deg,
    rgba(16,185,129,.12) 0%,
    rgba(251,191,36,.08) 100%)!important;
  border-color:rgba(16,185,129,.4)!important;
}
.xdg-op-meta-card--achieved .xdg-op-meta-card__highlight-value{
  color:#10b981!important;
  text-shadow:0 0 24px rgba(16,185,129,.3);
}
.xdg-op-meta-card__highlight-sub{
  font-size:12px;font-weight:600;
  color:var(--text-secondary,#cbd5e1)!important;
  position:relative;
}
.xdg-op-meta-card__highlight-sub strong{
  color:var(--text-primary,#fff)!important;
  font-weight:800;
}

/* Chip especial de estrelas ganhas */
.xdg-chip--stars{
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(251,191,36,.15)) 0%,
    var(--accent-bg,rgba(124,58,237,.1)) 100%)!important;
  color:var(--accent-text,#fbbf24)!important;
  border:1px solid var(--accent,rgba(251,191,36,.35))!important;
  font-weight:700;
}
.xdg-chip--stars strong{
  color:var(--text-primary,#fff)!important;
  font-weight:900;
}

/* Light theme override pro highlight */
[data-theme^=light] .xdg-op-meta-card__highlight{
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(124,58,237,.06)) 0%,
    rgba(251,191,36,.03) 100%)!important;
}

.xdg-op-meta-card__chips{margin-top:0!important;flex-wrap:wrap}

/* Light theme — bg-elevated mais sutil */
[data-theme^=light] .xdg-op-meta-card__progress{
  background:var(--bg-elevated,rgba(241,245,249,.6))!important;
}

/* Responsive */
@media (max-width:600px){
  .xdg-op-meta-card__top{flex-direction:column;align-items:flex-start}
  .xdg-op-meta-card__period{text-align:left;width:100%}
  .xdg-op-meta-card__head{flex-direction:column;align-items:flex-start;gap:8px}
  .xdg-op-meta-card__actions{width:100%}
  .xdg-op-meta-card__edit,.xdg-op-meta-card__set{width:100%}
}

/* ══════════════════════════════════════════════════════════════
   BADGES DE PRINT NO BOTÃO CAMERA (Clientes Recentes / /operators/<id>)
   ══════════════════════════════════════════════════════════════ */

/* Botão camera quando tem prints — borda accent + cor saturada */
button[title="Ver Prints"].xdg-print-btn--has{
  background:linear-gradient(135deg,
    rgba(6,182,212,.25) 0%,
    rgba(124,58,237,.18) 100%)!important;
  border:1.5px solid rgba(6,182,212,.55)!important;
  color:#06b6d4!important;
  box-shadow:0 0 10px rgba(6,182,212,.25);
  transition:transform .12s,box-shadow .15s;
}
button[title="Ver Prints"].xdg-print-btn--has:hover{
  background:linear-gradient(135deg,
    rgba(6,182,212,.4) 0%,
    rgba(124,58,237,.28) 100%)!important;
  transform:translateY(-1px) scale(1.05);
  box-shadow:0 4px 14px rgba(6,182,212,.4);
  color:#fff!important;
}

/* Quando tem MUITOS prints (>=5) — pulse animation pra chamar atenção */
button[title="Ver Prints"].xdg-print-btn--many{
  border-color:#fbbf24!important;
  background:linear-gradient(135deg,
    rgba(251,191,36,.3) 0%,
    rgba(6,182,212,.2) 100%)!important;
  color:#fbbf24!important;
  animation:xdg-print-pulse 2s ease-in-out infinite;
}
@keyframes xdg-print-pulse{
  0%,100%{box-shadow:0 0 10px rgba(251,191,36,.3)}
  50%{box-shadow:0 0 18px rgba(251,191,36,.55)}
}

/* Badge — número absoluto no canto superior direito */
.xdg-print-badge{
  position:absolute;
  top:-7px;right:-7px;
  min-width:18px;height:18px;
  padding:0 5px;
  background:linear-gradient(135deg,#06b6d4,#7c3aed);
  color:#fff;
  font-size:10px;font-weight:900;
  line-height:18px;text-align:center;
  border-radius:9px;
  border:2px solid var(--bg-card,#0c1027);
  box-shadow:0 2px 6px rgba(0,0,0,.35);
  letter-spacing:-.2px;
  pointer-events:none;
  z-index:2;
}

/* Badge especial quando muitos prints */
button[title="Ver Prints"].xdg-print-btn--many .xdg-print-badge{
  background:linear-gradient(135deg,#fbbf24,#ef4444);
  border-color:var(--bg-card,#0c1027);
}

/* Light theme — borda do badge match background claro */
[data-theme^=light] .xdg-print-badge{
  border-color:var(--bg-card,#fff);
}
[data-theme^=light] button[title="Ver Prints"].xdg-print-btn--has{
  background:linear-gradient(135deg,
    rgba(6,182,212,.18) 0%,
    rgba(124,58,237,.1) 100%)!important;
  color:#0e7490!important;
}
[data-theme^=light] button[title="Ver Prints"].xdg-print-btn--many{
  background:linear-gradient(135deg,
    rgba(251,191,36,.22) 0%,
    rgba(6,182,212,.12) 100%)!important;
  color:#92400e!important;
}

/* ══════════════════════════════════════════════════════════════
   NOTIF v2 — central denso, agrupado por dia, com filtros + limpeza
   xdark-notif.js hijacka o sino e injeta badge + dropdown
   ══════════════════════════════════════════════════════════════ */

/* Badge no sino — substitui "3" hardcoded do React */
.xdg-notif-badge{
  position:absolute;top:-6px;right:-6px;
  min-width:18px;height:18px;padding:0 5px;
  background:linear-gradient(135deg,#ef4444,#f59e0b);
  color:#fff;font-size:10px;font-weight:900;line-height:18px;
  text-align:center;border-radius:9px;
  border:2px solid var(--bg-card,#0c1027);
  box-shadow:0 2px 6px rgba(0,0,0,.35);
  letter-spacing:-.2px;pointer-events:none;z-index:2;
  animation:xdg-notif-pop .25s cubic-bezier(.2,1.5,.3,1);
}
@keyframes xdg-notif-pop{0%{transform:scale(0)}100%{transform:scale(1)}}

button.xdg-notif-bell.xdg-notif-bell-active{
  color:#f59e0b!important;
  animation:xdg-bell-shake 4s ease-in-out infinite;
}
@keyframes xdg-bell-shake{
  0%,90%,100%{transform:rotate(0)}
  92%{transform:rotate(-8deg)} 94%{transform:rotate(8deg)}
  96%{transform:rotate(-5deg)} 98%{transform:rotate(5deg)}
}

/* ── Dropdown ── */
.xdg-notif-dropdown{
  width:420px;max-width:94vw;max-height:600px;
  background:var(--bg-card,#0c1027)!important;
  border:1.5px solid var(--border,rgba(124,58,237,.3))!important;
  border-radius:12px;
  box-shadow:0 16px 48px rgba(0,0,0,.45);
  display:flex;flex-direction:column;overflow:hidden;
  animation:xdg-fade .2s ease-out;
  z-index:2147483646;
}

.xdg-notif-dropdown__head{
  display:flex;flex-direction:column;gap:8px;
  padding:10px 12px 8px;
  background:linear-gradient(135deg,
    var(--accent-bg,rgba(124,58,237,.1)) 0%,
    transparent 100%)!important;
  border-bottom:1px solid var(--border,rgba(124,58,237,.18))!important;
}

.xdg-notif-dropdown__title-row{
  display:flex;align-items:center;justify-content:space-between;
}
.xdg-notif-dropdown__title{
  font-size:13px;font-weight:800;
  color:var(--text-primary,#fff)!important;
  display:flex;align-items:center;gap:6px;
}
.xdg-notif-dropdown__close{
  background:transparent!important;border:none!important;
  color:var(--text-muted,#94a3b8)!important;
  width:24px;height:24px;font-size:18px;font-weight:700;
  cursor:pointer;border-radius:5px;
  display:flex;align-items:center;justify-content:center;
}
.xdg-notif-dropdown__close:hover{
  background:rgba(239,68,68,.15)!important;color:#ef4444!important;
}

/* Filter chips */
.xdg-notif-dropdown__filters{display:flex;gap:4px}
.xdg-notif-filter{
  flex:1;padding:5px 8px;
  background:var(--bg-elevated,rgba(15,23,42,.4))!important;
  border:1px solid var(--border,rgba(124,58,237,.15))!important;
  color:var(--text-muted,#94a3b8)!important;
  font-size:10px;font-weight:700;
  border-radius:6px;cursor:pointer;
  transition:background .12s,color .12s,border-color .12s;
}
.xdg-notif-filter:hover{
  color:var(--text-primary,#fff)!important;
  border-color:var(--accent,rgba(124,58,237,.4))!important;
}
.xdg-notif-filter--on{
  background:var(--accent,rgba(124,58,237,.25))!important;
  color:var(--accent-text,#fff)!important;
  border-color:var(--accent,rgba(124,58,237,.5))!important;
}

/* Toolbar buttons (mark + clear) */
.xdg-notif-dropdown__toolbar{display:flex;gap:6px}
.xdg-notif-toolbtn{
  flex:1;padding:5px 10px;
  font-size:10px;font-weight:700;cursor:pointer;
  border-radius:6px;border:1px solid;
  transition:background .12s,transform .12s;
}
.xdg-notif-toolbtn:hover{transform:translateY(-1px)}
.xdg-notif-toolbtn--mark{
  background:var(--accent-bg,rgba(16,185,129,.12))!important;
  border-color:rgba(16,185,129,.4)!important;
  color:#10b981!important;
}
.xdg-notif-toolbtn--mark:hover{
  background:rgba(16,185,129,.25)!important;color:#fff!important;
}
.xdg-notif-toolbtn--clear{
  background:rgba(239,68,68,.08)!important;
  border-color:rgba(239,68,68,.35)!important;
  color:#ef4444!important;
}
.xdg-notif-toolbtn--clear:hover{
  background:rgba(239,68,68,.22)!important;color:#fff!important;
}
.xdg-notif-toolbtn:disabled{opacity:.5;cursor:wait;transform:none}

/* Body (lista de items agrupados) */
.xdg-notif-dropdown__body{
  flex:1;overflow-y:auto;
  padding:6px 8px;
  background:var(--bg-card,#0c1027)!important;
}
.xdg-notif-dropdown__loading,
.xdg-notif-dropdown__empty{
  padding:30px 16px;text-align:center;
  color:var(--text-muted,#94a3b8)!important;
  font-size:12px;font-style:italic;
}

/* Foot */
.xdg-notif-dropdown__foot{
  padding:6px 12px;
  background:var(--bg-elevated,rgba(124,58,237,.04))!important;
  border-top:1px solid var(--border,rgba(124,58,237,.15))!important;
  font-size:9px;font-weight:600;
  color:var(--text-muted,#94a3b8)!important;
  text-align:center;letter-spacing:.3px;
}
#xdg-notif-count{
  color:var(--accent-text,#a78bfa)!important;
  font-weight:800;
}

/* ── Day groups ── */
.xdg-notif-day{margin-bottom:8px}
.xdg-notif-day__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 8px 4px;
  border-bottom:1px dashed var(--border,rgba(124,58,237,.15))!important;
  margin-bottom:2px;
  position:sticky;top:0;
  background:var(--bg-card,#0c1027)!important;
  z-index:1;
}
.xdg-notif-day__label{
  font-size:10px;font-weight:800;letter-spacing:.5px;
  color:var(--accent-text,#a78bfa)!important;
  text-transform:uppercase;
}
.xdg-notif-day__count{
  font-size:9px;font-weight:700;
  color:var(--text-muted,#94a3b8)!important;
  background:var(--bg-elevated,rgba(124,58,237,.08))!important;
  padding:1px 6px;border-radius:8px;min-width:18px;text-align:center;
}

/* ── Item — DENSO em 1 linha (CSS grid) ── */
.xdg-notif-item{
  display:grid;
  grid-template-columns:42px 22px minmax(0, 90px) minmax(0, auto) 1fr 22px;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-radius:5px;
  border-left:3px solid transparent;
  font-size:11px;
  transition:background .1s;
  cursor:default;
  min-height:28px;
  position:relative;
}
.xdg-notif-item__del,
.xdg-notif-group__del{
  width:20px;height:20px;
  display:inline-flex;align-items:center;justify-content:center;
  background:transparent;
  border:1px solid transparent;
  border-radius:4px;
  color:var(--text-dim,#94a3b8)!important;
  font-size:14px;line-height:1;font-weight:700;
  cursor:pointer;
  opacity:0;transition:opacity .12s,background .12s,color .12s;
  padding:0;
}
.xdg-notif-item:hover .xdg-notif-item__del,
.xdg-notif-item:hover .xdg-notif-group__del{opacity:.85}
.xdg-notif-item__del:hover,
.xdg-notif-group__del:hover{
  background:rgba(239,68,68,.15)!important;
  border-color:rgba(239,68,68,.35)!important;
  color:#ef4444!important;
  opacity:1!important;
}

/* ── Grupo: header colapsável + body indentado ────────────────────────── */
.xdg-notif-group{
  display:block;
  margin:0;
}
.xdg-notif-group__head{
  cursor:pointer!important;
}
.xdg-notif-group__head:hover{
  background:var(--bg-elevated,rgba(124,58,237,.08))!important;
}
.xdg-notif-group__summary{
  display:inline-flex!important;align-items:center;gap:6px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.xdg-notif-group__count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:16px;padding:0 5px;
  background:var(--accent,#7c3aed)!important;
  color:#fff!important;
  font-size:10px;font-weight:800;
  border-radius:8px;
  letter-spacing:.2px;
  flex-shrink:0;
}
.xdg-notif-item--critical .xdg-notif-group__count{
  background:#ef4444!important;
}
.xdg-notif-group__range{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:9.5px;
  color:var(--text-dim,#94a3b8)!important;
  flex-shrink:0;
}
.xdg-notif-group__chev{
  font-size:10px;
  color:var(--text-dim,#94a3b8)!important;
  margin-left:2px;
  transition:transform .15s;
  flex-shrink:0;
}
.xdg-notif-group__head--open .xdg-notif-group__chev{
  color:var(--accent,#7c3aed)!important;
}
/* Body expandido: items filhos com indent + linha-guia à esquerda */
.xdg-notif-group__body{
  padding:2px 0 4px 14px;
  margin-left:24px;
  border-left:2px solid var(--accent-bg,rgba(124,58,237,.18));
  display:flex;flex-direction:column;gap:1px;
}
.xdg-notif-item--child{
  font-size:10.5px!important;
  padding:3px 8px!important;
  min-height:24px!important;
  opacity:.92;
}
.xdg-notif-item--child .xdg-notif-item__time-col{font-size:9.5px}
.xdg-notif-item--child .xdg-notif-item__user{font-weight:600;font-size:10px}
[data-theme^=light] .xdg-notif-group__body{
  border-left-color:rgba(124,58,237,.28);
}
.xdg-notif-item:hover{
  background:var(--bg-elevated,rgba(124,58,237,.06))!important;
}
.xdg-notif-item--unread{
  background:var(--accent-bg,rgba(124,58,237,.06))!important;
  border-left-color:var(--accent,#7c3aed)!important;
}
.xdg-notif-item--critical{
  border-left-color:#ef4444!important;
}
.xdg-notif-item--unread.xdg-notif-item--critical{
  background:rgba(239,68,68,.08)!important;
}

.xdg-notif-item__time-col{
  font-family:ui-monospace,Menlo,Consolas,monospace;
  font-size:10px;font-weight:700;
  color:var(--text-dim,#64748b)!important;
  text-align:right;
  flex-shrink:0;
}
.xdg-notif-item__icon{
  font-size:13px;line-height:1;text-align:center;
  flex-shrink:0;
}
.xdg-notif-item__user{
  font-weight:800;font-size:11px;
  color:var(--text-primary,#fff)!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.xdg-notif-item__action{
  font-weight:700;font-size:10px;
  color:var(--accent-text,#a78bfa)!important;
  background:var(--accent-bg,rgba(124,58,237,.12))!important;
  padding:1px 6px;border-radius:4px;
  text-transform:lowercase;
  white-space:nowrap;flex-shrink:0;
}
.xdg-notif-item--critical .xdg-notif-item__action{
  background:rgba(239,68,68,.18)!important;
  color:#ef4444!important;
}
.xdg-notif-item__detail{
  font-size:10px;
  color:var(--text-secondary,#94a3b8)!important;
  font-family:ui-monospace,Menlo,Consolas,monospace;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  min-width:0;
}

/* Light theme — reforça contraste */
[data-theme^=light] .xdg-notif-dropdown{
  box-shadow:0 16px 48px rgba(0,0,0,.18);
}
[data-theme^=light] .xdg-notif-item--unread{
  background:rgba(124,58,237,.05)!important;
}

/* Mobile */
@media (max-width:600px){
  .xdg-notif-dropdown{
    width:96vw!important;right:2vw!important;left:2vw!important;
  }
  .xdg-notif-item{
    grid-template-columns:38px 20px 1fr 22px;
    grid-template-areas:
      "time icon user del"
      ".    .    action ."
      ".    .    detail .";
    gap:2px 4px;
    padding:6px 8px;
  }
  .xdg-notif-item__time-col{grid-area:time}
  .xdg-notif-item__icon{grid-area:icon}
  .xdg-notif-item__user{grid-area:user}
  .xdg-notif-item__action{grid-area:action;justify-self:start}
  .xdg-notif-item__detail{grid-area:detail}
  .xdg-notif-item__del{grid-area:del;opacity:.7}
}

/* ── TOAST live (popup quando socket entrega action_log de OUTRO usuário) ── */
.xdg-toast-container{
  position:fixed;
  top:72px;right:18px;
  display:flex;flex-direction:column;gap:8px;
  z-index:2147483645;
  pointer-events:none;
  max-width:380px;
}
.xdg-toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:32px 1fr 24px;
  align-items:start;gap:10px;
  padding:10px 10px 12px 12px;
  background:var(--bg-card,#0c1027)!important;
  border:1.5px solid var(--accent,rgba(124,58,237,.5))!important;
  border-left-width:4px!important;
  border-radius:10px;
  box-shadow:0 12px 36px rgba(0,0,0,.45);
  cursor:pointer;
  position:relative;
  overflow:hidden;
  animation:xdg-toast-in .25s cubic-bezier(.25,1.5,.4,1);
  transition:transform .15s,box-shadow .2s;
}
.xdg-toast:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 40px rgba(0,0,0,.55);
}
.xdg-toast--critical{
  border-color:#ef4444!important;
  background:linear-gradient(135deg,rgba(239,68,68,.08),var(--bg-card,#0c1027) 70%)!important;
}
.xdg-toast--leaving{
  animation:xdg-toast-out .22s ease-in forwards;
  pointer-events:none;
}
@keyframes xdg-toast-in{
  0%{opacity:0;transform:translateX(40px)}
  100%{opacity:1;transform:translateX(0)}
}
@keyframes xdg-toast-out{
  0%{opacity:1;transform:translateX(0)}
  100%{opacity:0;transform:translateX(60px)}
}

.xdg-toast__icon{
  font-size:18px;line-height:1.2;text-align:center;
  filter:drop-shadow(0 0 6px var(--accent-bg,rgba(124,58,237,.3)));
}
.xdg-toast--critical .xdg-toast__icon{
  filter:drop-shadow(0 0 8px rgba(239,68,68,.4));
}
.xdg-toast__body{min-width:0}
.xdg-toast__head{
  display:flex;align-items:center;gap:6px;
  margin-bottom:2px;
}
.xdg-toast__user{
  font-weight:800;font-size:12px;
  color:var(--text-primary,#fff)!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.xdg-toast__action{
  font-weight:700;font-size:10px;
  color:var(--accent-text,#a78bfa)!important;
  background:var(--accent-bg,rgba(124,58,237,.18))!important;
  padding:1px 7px;border-radius:4px;
  text-transform:lowercase;
  white-space:nowrap;
}
.xdg-toast--critical .xdg-toast__action{
  color:#ef4444!important;
  background:rgba(239,68,68,.18)!important;
}
.xdg-toast__detail{
  font-size:11px;
  color:var(--text-secondary,#cbd5e1)!important;
  font-family:ui-monospace,Menlo,Consolas,monospace;
  word-break:break-all;
  margin-top:1px;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}

.xdg-toast__close{
  background:transparent!important;
  border:none!important;
  color:var(--text-muted,#94a3b8)!important;
  width:22px;height:22px;
  font-size:16px;font-weight:700;
  cursor:pointer;border-radius:5px;
  display:flex;align-items:center;justify-content:center;
  align-self:start;
  transition:background .12s,color .12s;
}
.xdg-toast__close:hover{
  background:rgba(239,68,68,.18)!important;
  color:#ef4444!important;
}

/* Barra de progresso TTL no rodapé do toast */
.xdg-toast__progress{
  position:absolute;
  bottom:0;left:0;right:0;
  height:2px;
  background:transparent;
  pointer-events:none;
}
.xdg-toast__progress-fill{
  height:100%;
  background:var(--accent,linear-gradient(90deg,#7c3aed,#fbbf24));
  transform-origin:left center;
  animation:xdg-toast-progress var(--xdg-toast-ttl,5000ms) linear forwards;
}
.xdg-toast--critical .xdg-toast__progress-fill{
  background:linear-gradient(90deg,#ef4444,#fbbf24);
}
@keyframes xdg-toast-progress{
  0%{transform:scaleX(1)}
  100%{transform:scaleX(0)}
}

/* Light theme */
[data-theme^=light] .xdg-toast{
  box-shadow:0 12px 36px rgba(0,0,0,.18);
}

/* Mobile — toast full width */
@media (max-width:600px){
  .xdg-toast-container{
    top:auto;bottom:18px;
    left:12px;right:12px;
    max-width:none;
  }
}

/* xdg-conv outer adapta ao tema do painel (mesmo bg-card / border que Activity) */
.xdg-conv{background:var(--bg-card,#0a0e1f)!important;border:1px solid var(--border,rgba(124,58,237,.18))!important}
.xdg-conv__label{color:var(--accent-text,#fbbf24)!important}
.xdg-conv__input{background:var(--bg-input,#060915)!important;border:1px solid var(--border,#1a2044)!important;color:var(--text-primary,#fff)!important}
.xdg-conv__input:focus{border-color:var(--accent,rgba(251,191,36,.4))!important}
.xdg-conv__unit{color:var(--accent-text,#fbbf24)!important}
.xdg-conv__save{background:var(--accent,linear-gradient(135deg,#7c3aed,#fbbf24))!important;color:var(--accent-text,#fff)!important}
.xdg-conv__msg--ok{color:var(--accent-text,#10b981)!important}
.xdg-conv__msg--err{color:#ef4444!important}

/* ══════════════════════════════════════════════════════════════
   GOALS — Card COMPACTO no dashboard (uma linha unica)
   ══════════════════════════════════════════════════════════════ */

.xdg-card--compact{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:8px 14px!important;margin:0 0 10px!important;border-radius:10px!important;min-height:48px}
.xdg-card--compact .xdg-card__title{font-size:11px!important;font-weight:800;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;margin:0!important;display:flex;align-items:center;gap:4px}
.xdg-card--compact .xdg-card__body--inline{flex:1;min-width:0;margin:0!important;display:flex;align-items:center}
.xdg-card--compact .xdg-card__refresh{flex-shrink:0;width:24px!important;height:24px!important;font-size:12px!important;padding:0!important}

.xdg-compact{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:nowrap}
.xdg-compact__stars{flex-shrink:0;font-size:14px;line-height:1;letter-spacing:1px}
.xdg-compact__tier{display:flex;flex-direction:column;line-height:1.1;flex-shrink:0;min-width:0}
.xdg-compact__tier strong{font-size:12px;font-weight:800}
.xdg-compact__sub{font-size:9px;opacity:.7;text-transform:uppercase;letter-spacing:.4px}
.xdg-compact__progress{display:flex;align-items:baseline;gap:3px;font-size:12px;flex-shrink:0;white-space:nowrap}
.xdg-compact__progress strong{font-size:14px;font-weight:800}
.xdg-compact__sep{opacity:.5}
.xdg-compact__bar{flex:1;min-width:60px;max-width:none}
.xdg-compact__bar .xdg-bar{height:6px}
.xdg-compact__pct{flex-shrink:0;font-size:12px;font-weight:800;min-width:38px;text-align:right}
.xdg-compact__status{flex-shrink:0}
.xdg-compact__status .xdg-chip{font-size:10px;padding:2px 7px}

/* Wrap em telas estreitas */
@media (max-width: 900px){
  .xdg-compact{flex-wrap:wrap;gap:6px 10px}
  .xdg-compact__bar{flex-basis:100%;order:99}
  .xdg-compact__status{font-size:10px}
}
@media (max-width: 600px){
  .xdg-card--compact{padding:8px 10px!important;gap:8px!important}
  .xdg-card--compact .xdg-card__title{font-size:9px!important}
  .xdg-compact__tier strong{font-size:11px}
  .xdg-compact__progress{font-size:11px}
  .xdg-compact__progress strong{font-size:12px}
}

/* Card compacto — altura aumentada para legibilidade */
.xdg-card--compact{padding:12px 16px!important;min-height:64px!important;gap:14px!important}
.xdg-card--compact .xdg-card__title{font-size:12px!important}
.xdg-compact{gap:14px}
.xdg-compact__stars{font-size:16px}
.xdg-compact__tier strong{font-size:13px}
.xdg-compact__sub{font-size:10px}
.xdg-compact__progress{font-size:13px}
.xdg-compact__progress strong{font-size:15px}
.xdg-compact__pct{font-size:13px;min-width:42px}
.xdg-compact__bar .xdg-bar{height:8px}
.xdg-compact__status .xdg-chip{font-size:11px;padding:3px 9px}

/* Stats box no header — maior + mais visivel */
.xdg-stats-box{min-width:78px!important;padding:5px 12px!important;border-radius:8px!important;border-width:1.5px!important}
.xdg-stats-box__main{font-size:16px!important;line-height:1.1!important;font-weight:800!important}
.xdg-stats-box__main strong{font-size:17px!important}
.xdg-stats-box__lbl{font-size:9px!important;font-weight:800!important;letter-spacing:.5px!important;margin-top:2px!important}
@media (max-width:600px){
  .xdg-stats-box{min-width:60px!important;padding:4px 10px!important}
  .xdg-stats-box__main{font-size:14px!important}
  .xdg-stats-box__main strong{font-size:15px!important}
  .xdg-stats-box__lbl{font-size:8px!important}
}

/* Stats box centralizado no espaco livre */
.xdg-stats-box{margin-left:auto!important;margin-right:auto!important}

/* ── Conversion box: layout 2-colunas (valor + estrelas) ── */
.xdg-conv__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.xdg-conv__col{display:flex;flex-direction:column;gap:8px;min-width:0;align-items:center;text-align:center}

@media (max-width: 700px){
  .xdg-conv__grid{grid-template-columns:1fr;gap:14px}
}

/* Estrelas clicaveis */
.xdg-conv__stars{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 0;width:100%}
.xdg-conv__star{font-size:26px;line-height:1;color:var(--border,#1e293b);cursor:pointer;transition:transform .12s,color .15s,text-shadow .15s;user-select:none;display:inline-block}
.xdg-conv__star:hover{transform:scale(1.15)}
.xdg-conv__star--on{color:var(--accent,#fbbf24);text-shadow:0 0 8px var(--accent-bg,rgba(251,191,36,.5))}
.xdg-conv__star-clear{margin-left:10px;background:transparent;border:1px solid var(--border,rgba(239,68,68,.25));color:var(--text-muted,#94a3b8);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0;transition:background .12s,color .12s}
.xdg-conv__star-clear:hover{background:rgba(239,68,68,.15);color:#f87171;border-color:rgba(239,68,68,.4)}

.xdg-conv__star-msg{font-size:11px;min-height:14px}
.xdg-conv__star-msg--ok{color:var(--accent-text,#10b981)}
.xdg-conv__star-msg--err{color:#ef4444}

/* Hover preview: ao passar mouse sobre uma estrela, ate ali fica acesa visualmente */
.xdg-conv__stars:hover .xdg-conv__star{color:var(--border,#1e293b)}
.xdg-conv__stars:hover .xdg-conv__star:hover,
.xdg-conv__stars:hover .xdg-conv__star:hover ~ .xdg-conv__star{color:var(--border,#1e293b)}
.xdg-conv__star:hover,
.xdg-conv__star:hover ~ .xdg-conv__star{}
/* Inverter logica: estrelas anteriores ate a hover ficam acesas */
.xdg-conv__stars:hover{}
.xdg-conv__stars > .xdg-conv__star:hover{color:var(--accent,#fbbf24)!important}
.xdg-conv__stars > .xdg-conv__star:hover ~ .xdg-conv__star{color:var(--border,#1e293b)!important}
/* Estrelas antes da hover: acesas via :has — fallback se nao suportar */
@supports (selector(:has(*))){
  .xdg-conv__stars:has(.xdg-conv__star:hover) .xdg-conv__star{color:var(--border,#1e293b)!important}
  .xdg-conv__stars:has(.xdg-conv__star:nth-child(1):hover) .xdg-conv__star:nth-child(1){color:var(--accent,#fbbf24)!important}
  .xdg-conv__stars:has(.xdg-conv__star:nth-child(2):hover) .xdg-conv__star:nth-child(-n+2){color:var(--accent,#fbbf24)!important}
  .xdg-conv__stars:has(.xdg-conv__star:nth-child(3):hover) .xdg-conv__star:nth-child(-n+3){color:var(--accent,#fbbf24)!important}
  .xdg-conv__stars:has(.xdg-conv__star:nth-child(4):hover) .xdg-conv__star:nth-child(-n+4){color:var(--accent,#fbbf24)!important}
  .xdg-conv__stars:has(.xdg-conv__star:nth-child(5):hover) .xdg-conv__star:nth-child(-n+5){color:var(--accent,#fbbf24)!important}
}

.xdg-conv__msg--info{color:var(--accent-text,#a78bfa);font-weight:600}

/* ── Modal compacto (stats box click) ── */
.xdg-modal__box--mini{max-width:380px!important;border-radius:14px}
.xdg-modal--mini .xdg-modal__head{padding:12px 16px!important}
.xdg-modal--mini .xdg-modal__title{font-size:14px!important}
.xdg-modal--mini .xdg-modal__body{padding:14px 16px!important;display:flex;flex-direction:column;gap:14px}
.xdg-modal__foot{padding:10px 16px;border-top:1px solid var(--border,rgba(124,58,237,.2));text-align:center;background:var(--bg-elevated,rgba(124,58,237,.04))}
.xdg-modal__more{background:var(--accent,linear-gradient(135deg,#7c3aed,#a78bfa))!important;color:var(--accent-text,#fff)!important;border:none;padding:7px 18px;border-radius:8px;font-weight:800;font-size:12px;cursor:pointer;width:100%;transition:transform .12s,box-shadow .15s}
.xdg-modal__more:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--accent-bg,rgba(124,58,237,.4))}

/* Operador modal — tier display */
.xdg-mini-tier{display:flex;align-items:center;gap:12px;padding:6px 0}
.xdg-mini-tier__meta{display:flex;flex-direction:column;line-height:1.2}
.xdg-mini-tier__meta strong{font-size:14px;color:var(--text-primary,#fff)}

/* Admin modal — big number + top operadores */
.xdg-mini-big{text-align:center;padding:8px 0;border-bottom:1px dashed var(--border,rgba(124,58,237,.2))}
.xdg-mini-big__num{font-size:36px;font-weight:900;color:var(--accent-text,var(--accent,#fbbf24));line-height:1;margin-bottom:4px}
.xdg-mini-big__lbl{font-size:11px;color:var(--text-muted,#94a3b8);font-weight:600;text-transform:uppercase;letter-spacing:.5px}

.xdg-mini-sect__title{font-size:10px;font-weight:800;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.xdg-mini-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;border-bottom:1px solid var(--border,rgba(30,41,59,.4))}
.xdg-mini-row:last-child{border-bottom:none}
.xdg-mini-row__name{flex:1;color:var(--text-primary,#fff);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.xdg-mini-row__stars{font-size:11px;letter-spacing:1px;flex-shrink:0}
.xdg-mini-row__pct{font-weight:800;color:var(--text-secondary,#94a3b8);min-width:42px;text-align:right;flex-shrink:0}
.xdg-mini-row__pct--ok{color:var(--accent-text,#10b981)}

/* ── Modal mini AGORA maior pra acomodar lista de clientes ── */
.xdg-modal__box--mini{max-width:520px!important}
.xdg-modal--mini .xdg-modal__body{max-height:60vh;overflow-y:auto}

/* Lista de clientes (operador) */
.xdg-mini-sect__sub{font-weight:600;color:var(--text-muted,#94a3b8);text-transform:none;letter-spacing:0;margin-left:6px;font-size:10px}
.xdg-cli-list{display:flex;flex-direction:column;gap:1px;background:var(--bg-base,rgba(15,23,42,.4));border:1px solid var(--border,rgba(30,41,59,.4));border-radius:8px;overflow:hidden}
.xdg-cli-row{display:grid;grid-template-columns:80px 1fr 70px 80px 70px;gap:6px;padding:6px 10px;font-size:11px;align-items:center;background:var(--bg-elevated,rgba(15,23,42,.3));transition:background .12s}
.xdg-cli-row:hover{background:var(--accent-bg,rgba(124,58,237,.1))}
.xdg-cli-row--gold{border-left:2px solid var(--accent,#fbbf24)}

.xdg-cli-row__id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;color:var(--text-secondary,#cbd5e1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px}
.xdg-cli-row__gold{font-size:10px}
.xdg-cli-row__country{color:var(--text-muted,#94a3b8);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xdg-cli-row__stars{font-size:11px;letter-spacing:.5px;color:var(--accent,#fbbf24);text-align:center;font-family:ui-monospace,monospace}
.xdg-cli-row__conv{color:var(--text-primary,#fff);font-weight:700;text-align:right;font-size:11px}
.xdg-cli-row__date{color:var(--text-dim,#64748b);font-size:9px;text-align:right;font-family:ui-monospace,monospace}

.xdg-cli-more{padding:6px 10px;font-size:10px;color:var(--text-muted,#94a3b8);text-align:center;font-style:italic;background:var(--bg-base,rgba(15,23,42,.3));border-radius:0 0 8px 8px;margin-top:-1px;border:1px solid var(--border,rgba(30,41,59,.4));border-top:none}

.xdg-empty--small{padding:14px;font-size:11px;font-style:italic}

/* Mobile responsive */
@media (max-width:560px){
  .xdg-modal__box--mini{max-width:95vw!important}
  .xdg-cli-row{grid-template-columns:1fr 60px 70px;gap:4px;font-size:10px}
  .xdg-cli-row__country,.xdg-cli-row__date{display:none}
  .xdg-cli-row__id{font-size:9px}
}

/* ── Lista de clientes na pagina fullscreen /metas ── */
.xdg-page__clients{margin-bottom:14px}
.xdg-page__clients-box{background:var(--bg-card,#0c1027);border:1px solid var(--border,rgba(124,58,237,.2));border-radius:12px;padding:14px 16px}
.xdg-page__clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:14px;flex-wrap:wrap}
.xdg-page__clients-title{font-size:13px;font-weight:800;color:var(--text-primary,#fff);text-transform:uppercase;letter-spacing:.5px}
.xdg-page__clients-stats{display:flex;gap:14px;font-size:11px;color:var(--text-muted,#94a3b8)}
.xdg-page__clients-stats strong{color:var(--accent-text,var(--accent,#fbbf24));font-weight:800;margin-right:3px;font-size:12px}

.xdg-cli-fulllist{background:var(--bg-base,#060915);border:1px solid var(--border,rgba(30,41,59,.4));border-radius:8px;overflow:hidden}
.xdg-cli-fullhead{display:grid;grid-template-columns:130px 1fr 110px 110px 110px 90px;gap:8px;padding:8px 14px;background:var(--bg-elevated,rgba(30,41,59,.3));font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#94a3b8);border-bottom:1px solid var(--border,rgba(30,41,59,.4))}

/* Admin: extra column for delete button (alinha com .xdg-cli-fullrow__del 42px) */
.xdg-cli-fulllist--admin .xdg-cli-fullhead{grid-template-columns:130px 1fr 110px 110px 110px 90px 42px}
.xdg-cli-fullhead__del{text-align:center;color:var(--text-dim,#475569);font-weight:600}

/* Body — scroll quando passa de ~10 itens */
.xdg-cli-fullbody{max-height:430px;overflow-y:auto;overscroll-behavior:contain}
.xdg-cli-fullbody::-webkit-scrollbar{width:8px}
.xdg-cli-fullbody::-webkit-scrollbar-track{background:transparent}
.xdg-cli-fullbody::-webkit-scrollbar-thumb{background:var(--border,rgba(124,58,237,.3));border-radius:4px}
.xdg-cli-fullbody::-webkit-scrollbar-thumb:hover{background:var(--accent,#7c3aed)}

/* Wrapper de cada linha (row + delete btn em flex) */
.xdg-cli-fullrow-wrap{display:flex;align-items:stretch;border-bottom:1px solid var(--border,rgba(30,41,59,.3))}
.xdg-cli-fullrow-wrap:last-child{border-bottom:none}
.xdg-cli-fullrow-wrap:hover{background:var(--accent-bg,rgba(124,58,237,.05))}

.xdg-cli-fullrow{display:grid;grid-template-columns:130px 1fr 110px 110px 110px 90px;gap:8px;padding:9px 14px;font-size:12px;align-items:center;text-decoration:none;color:var(--text-primary,#fff);transition:background .12s;flex:1;min-width:0}
.xdg-cli-fullrow--gold{border-left:3px solid var(--accent,#fbbf24)}

.xdg-cli-fullrow__id{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--text-secondary,#cbd5e1)}
.xdg-cli-fullrow__proj{color:var(--accent-text,var(--accent,#a78bfa));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xdg-cli-fullrow__country{color:var(--text-secondary,#cbd5e1);font-size:11px}
.xdg-cli-fullrow__stars{color:var(--accent,#fbbf24);font-family:ui-monospace,monospace;letter-spacing:1.5px;font-size:13px}
.xdg-cli-fullrow__conv{font-weight:800;color:var(--text-primary,#fff);font-size:12px}
.xdg-cli-fullrow__date{color:var(--text-dim,#64748b);font-size:10px;font-family:ui-monospace,monospace}

/* Botão delete (admin only) */
.xdg-cli-fullrow__del{flex-shrink:0;width:42px;background:transparent;border:none;border-left:1px solid var(--border,rgba(30,41,59,.3));color:var(--text-muted,#94a3b8);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;font-family:inherit}
.xdg-cli-fullrow__del:hover{background:rgba(239,68,68,.15);color:#ef4444}
.xdg-cli-fullrow__del:disabled{opacity:.4;cursor:wait}

/* Hint de scroll no header */
.xdg-page__clients-scroll-hint{color:var(--accent,#fbbf24);font-size:10px;font-weight:600;opacity:.8}

@media (max-width: 900px){
  .xdg-cli-fullhead,.xdg-cli-fullrow{grid-template-columns:120px 1fr 100px 100px}
  .xdg-cli-fulllist--admin .xdg-cli-fullhead{grid-template-columns:120px 1fr 100px 100px 38px}
  .xdg-cli-fullrow__del{width:38px}
  .xdg-cli-fullhead span:nth-child(3),
  .xdg-cli-fullhead span:nth-child(6),
  .xdg-cli-fullrow__country,
  .xdg-cli-fullrow__date{display:none}
}
@media (max-width: 600px){
  .xdg-cli-fullhead,.xdg-cli-fullrow{grid-template-columns:1fr 90px 90px;padding:7px 10px;font-size:10px}
  .xdg-cli-fulllist--admin .xdg-cli-fullhead{grid-template-columns:1fr 90px 90px 34px}
  .xdg-cli-fullrow__del{width:34px;font-size:12px}
  .xdg-cli-fullbody{max-height:360px}
  .xdg-cli-fullhead span:nth-child(2),
  .xdg-cli-fullrow__proj{display:none}
}

/* ══════════════════════════════════════════════════════════════
   GOALS — Breakdown Semanal (Ritmo da Semana)
   ══════════════════════════════════════════════════════════════ */
.xdg-page__breakdown{margin-bottom:14px}
.xdg-bd-box{background:var(--bg-card,#0c1027);border:1px solid var(--border,rgba(124,58,237,.2));border-left-width:4px;border-radius:12px;padding:16px 18px}

/* Status colors (border-left + background tint sutil) */
.xdg-bd-box--ahead{border-left-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.05),var(--bg-card,#0c1027) 30%)}
.xdg-bd-box--on-track{border-left-color:var(--accent,#7c3aed);background:linear-gradient(135deg,var(--accent-bg,rgba(124,58,237,.05)),var(--bg-card,#0c1027) 30%)}
.xdg-bd-box--behind{border-left-color:#fbbf24;background:linear-gradient(135deg,rgba(251,191,36,.05),var(--bg-card,#0c1027) 30%)}
.xdg-bd-box--critical{border-left-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.07),var(--bg-card,#0c1027) 30%)}
.xdg-bd-box--achieved{border-left-color:#10b981;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(251,191,36,.05) 50%,var(--bg-card,#0c1027) 70%)}

.xdg-bd__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}
.xdg-bd__title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary,#fff)}

.xdg-bd__status{font-size:12px;font-weight:800;padding:5px 12px;border-radius:7px;border:1px solid transparent}
.xdg-bd-box--ahead .xdg-bd__status{background:rgba(16,185,129,.15);color:#10b981;border-color:rgba(16,185,129,.4)}
.xdg-bd-box--on-track .xdg-bd__status{background:var(--accent-bg,rgba(124,58,237,.15));color:var(--accent-text,#a78bfa);border-color:var(--accent,rgba(124,58,237,.4))}
.xdg-bd-box--behind .xdg-bd__status{background:rgba(251,191,36,.15);color:#fbbf24;border-color:rgba(251,191,36,.4)}
.xdg-bd-box--critical .xdg-bd__status{background:rgba(239,68,68,.15);color:#ef4444;border-color:rgba(239,68,68,.4);animation:xdg-bd-pulse 2s ease-in-out infinite}
.xdg-bd-box--achieved .xdg-bd__status{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(251,191,36,.15));color:#10b981;border-color:rgba(16,185,129,.4)}

@keyframes xdg-bd-pulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.3)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}

/* Métricas */
.xdg-bd__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:18px}
.xdg-bd__metric{background:var(--bg-elevated,rgba(15,23,42,.5));border:1px solid var(--border,rgba(30,41,59,.4));border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;text-align:center;transition:border-color .15s}
.xdg-bd__metric-num{font-size:18px;font-weight:900;color:var(--text-primary,#fff);line-height:1.1}
.xdg-bd__metric-lbl{font-size:9px;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.xdg-bd__metric--ok .xdg-bd__metric-num{color:#10b981}
.xdg-bd__metric--neg .xdg-bd__metric-num{color:#fbbf24}
.xdg-bd__metric--need{border-color:var(--accent,rgba(124,58,237,.4));background:var(--accent-bg,rgba(124,58,237,.08))}
.xdg-bd__metric--need .xdg-bd__metric-num{color:var(--accent-text,var(--accent,#a78bfa))}

/* Gráfico de barras (7 dias) */
.xdg-bd__chart{display:flex;gap:8px;align-items:flex-end;padding:0 4px}
.xdg-bd__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.xdg-bd__bar-wrap{width:100%;max-width:38px;height:72px;background:var(--bg-base,rgba(15,23,42,.6));border:1px solid var(--border,rgba(30,41,59,.4));border-radius:4px 4px 0 0;display:flex;align-items:flex-end;overflow:hidden}
.xdg-bd__bar{width:100%;background:var(--accent,#7c3aed);border-radius:3px 3px 0 0;transition:height .4s ease-out;min-height:2px;opacity:.85}
.xdg-bd__day--today .xdg-bd__bar{background:linear-gradient(180deg,#fbbf24 0%,var(--accent,#7c3aed) 100%);box-shadow:0 0 12px rgba(251,191,36,.3);opacity:1}
.xdg-bd__day--future .xdg-bd__bar-wrap{opacity:.4;border-style:dashed}
.xdg-bd__day--future .xdg-bd__bar{display:none}

/* ══════════════════════════════════════════════════════════════
   REUSABLE PRIMITIVES — usadas em Goals, Push Pro, e novos modais
   Padrão: border-radius 8px, padding 6-8px, font 11px, theme-aware
   ══════════════════════════════════════════════════════════════ */
.xdg-input,.xdg-select{
  width:100%;background:var(--bg-input,#0a0d20);border:1px solid var(--border,#1a2044);
  color:var(--text-primary,#e2e8f0);padding:6px 8px;border-radius:8px;
  font-size:11px;font-weight:600;outline:none;box-sizing:border-box;
  transition:border-color .15s,box-shadow .15s
}
.xdg-input:focus,.xdg-select:focus{border-color:rgba(251,191,36,.55);box-shadow:0 0 0 2px rgba(251,191,36,.12)}

.xdg-btn-primary{
  background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;border:none;
  padding:6px 14px;border-radius:8px;font-weight:800;font-size:11px;cursor:pointer;
  transition:transform .12s,box-shadow .15s
}
.xdg-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(124,58,237,.4)}
.xdg-btn-primary:disabled{opacity:.5;cursor:wait;transform:none}

.xdg-btn-ghost{
  background:rgba(124,58,237,.1);color:#a78bfa;border:1px solid rgba(124,58,237,.3);
  padding:4px 10px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:4px;transition:background .15s,border-color .15s
}
.xdg-btn-ghost:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.5)}

/* ══════════════════════════════════════════════════════════════
   PUSH PROMPT PRO — UI MODULES (xdark-push-pro.js)
   Substituem os `style.cssText` inline; matcham o padrão visual de Goals
   ══════════════════════════════════════════════════════════════ */

/* Flash toast (preset aplicado) */
.xd-pp-flash{
  position:absolute;top:14px;right:54px;background:#10b981;color:#fff;
  font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;
  z-index:99;opacity:0;transition:opacity .3s
}

/* Barra de presets */
.xd-presets-bar{
  margin:0 -24px 16px;padding:14px 24px;
  background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(59,130,246,.05));
  border-bottom:1px solid rgba(124,58,237,.2)
}
.xd-pp-bar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.xd-pp-bar-title{display:flex;align-items:center;gap:8px}
.xd-pp-bar-title svg{color:var(--accent-text,#a78bfa)}
.xd-pp-bar-title span{font-size:11px;font-weight:700;color:var(--accent-text,#a78bfa);letter-spacing:.5px}
.xd-pp-bar-hint{font-size:10px;color:var(--text-muted,#64748b)}
.xd-presets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}

/* Botão preset */
.xd-pp-preset-btn{
  padding:8px 10px;background:var(--bg-card,rgba(255,255,255,.04));
  border:1px solid var(--border,rgba(124,58,237,.25));border-radius:8px;
  font-size:11px;font-weight:700;color:var(--text-primary,#e2e8f0);
  cursor:pointer;text-align:left;line-height:1.3;
  transition:background .15s,border-color .15s
}
.xd-pp-preset-btn:hover{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.55)}
.xd-pp-preset-btn .xd-pp-preset-rationale{
  font-size:9px;color:var(--text-muted,#94a3b8);margin-top:3px;font-weight:500
}
.xd-pp-empty{font-size:11px;color:var(--text-muted,#64748b);padding:8px}

/* Painel avançado (details) */
.xd-advanced-panel{
  margin-top:14px;border:1px solid rgba(124,58,237,.2);border-radius:10px;
  background:rgba(124,58,237,.04);overflow:hidden
}
.xd-advanced-panel summary{
  padding:12px 14px;cursor:pointer;font-size:11px;font-weight:700;
  color:#a78bfa;letter-spacing:.5px;list-style:none;
  display:flex;align-items:center;gap:8px;
  -webkit-user-select:none;user-select:none
}
.xd-advanced-panel summary::-webkit-details-marker{display:none}
.xd-pp-summary-meta{margin-left:auto;font-size:9px;color:var(--text-muted,#64748b);font-weight:500}
.xd-pp-grid{
  padding:14px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px
}
.xd-pp-field label{
  display:block;font-size:9px;font-weight:700;color:var(--text-muted,#64748b);
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px
}
.xd-pp-field input:not([type="checkbox"]),.xd-pp-field select{
  width:100%;background:var(--bg-input,#0a0d20);border:1px solid var(--border,#1a2044);
  border-radius:8px;padding:6px 8px;font-size:11px;color:var(--text-primary,#e2e8f0);
  outline:none;box-sizing:border-box
}
.xd-pp-field input:focus,.xd-pp-field select:focus{border-color:rgba(124,58,237,.5)}
.xd-pp-hint{font-size:9px;color:#475569;margin-top:3px;line-height:1.3}
.xd-pp-checkbox{
  display:flex;align-items:center;gap:8px;cursor:pointer;
  font-size:11px;color:var(--text-primary,#cbd5e1)
}
.xd-pp-checkbox input[type="checkbox"]{width:14px;height:14px;cursor:pointer}

/* Avisos de validação */
.xd-pp-warnings{margin:14px 0;padding:0}
.xd-pp-warn{
  display:flex;align-items:flex-start;gap:8px;padding:8px 12px;margin-bottom:4px;
  border-radius:8px;font-size:11px;color:var(--text-primary,#e2e8f0)
}
.xd-pp-warn--error{background:rgba(239,68,68,.08);border-left:3px solid #ef4444}
.xd-pp-warn--error strong{color:#ef4444}
.xd-pp-warn--warning{background:rgba(245,158,11,.08);border-left:3px solid #f59e0b}
.xd-pp-warn--warning strong{color:#f59e0b}

/* Botão Stats nas linhas de prompt */
.xd-stats-btn{
  margin-left:8px;padding:4px 10px;font-size:10px;font-weight:700;
  background:rgba(124,58,237,.1);color:#a78bfa;
  border:1px solid rgba(124,58,237,.3);border-radius:8px;cursor:pointer;
  display:inline-flex;align-items:center;gap:4px;transition:background .15s,border-color .15s
}
.xd-stats-btn:hover{background:rgba(124,58,237,.2);border-color:rgba(124,58,237,.5)}

/* Modal Stats popover */
.xd-stats-pop{
  position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;
  display:flex;align-items:center;justify-content:center;padding:20px;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)
}
.xd-stats-pop__box{
  background:var(--bg-card,#0c1027);border:1px solid var(--border,#1a2044);
  border-radius:14px;padding:24px;max-width:520px;width:100%;
  color:var(--text-primary,#e2e8f0);position:relative
}
.xd-stats-pop__close{
  position:absolute;top:12px;right:12px;background:none;border:none;
  color:var(--text-muted,#64748b);font-size:22px;cursor:pointer;padding:4px;line-height:1
}
.xd-stats-pop__title{margin:0 0 16px;font-size:14px;font-weight:700;color:#a78bfa}
.xd-stats-pop__body{font-size:12px}
.xd-stats-pop__loading{text-align:center;color:var(--text-muted,#64748b);padding:30px}
.xd-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.xd-stats-cell{
  background:var(--bg-base,#060915);border:1px solid var(--border,#1a2044);
  border-radius:8px;padding:10px
}
.xd-stats-cell__lbl{
  font-size:9px;color:var(--text-muted,#64748b);
  text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px
}
.xd-stats-cell__val{font-size:18px;font-weight:800}
.xd-stats-rates{
  display:flex;gap:12px;justify-content:space-around;padding:12px;
  background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(16,185,129,.05));
  border:1px solid rgba(124,58,237,.2);border-radius:8px
}
.xd-stats-rate{text-align:center}
.xd-stats-rate__lbl{font-size:9px;color:var(--text-muted,#64748b)}
.xd-stats-rate__val{font-size:20px;font-weight:800}
.xd-stats-pop__footer{margin-top:14px;font-size:10px;color:var(--text-muted,#64748b)}
.xd-stats-pop__error{color:#ef4444;text-align:center;padding:20px}

.xdg-bd__label{font-size:10px;font-weight:700;color:var(--text-muted,#94a3b8);text-transform:uppercase}
.xdg-bd__day--today .xdg-bd__label{color:var(--accent-text,var(--accent,#fbbf24));font-weight:800}
.xdg-bd__day--future .xdg-bd__label{opacity:.5}
.xdg-bd__val{font-size:9px;color:var(--text-dim,#64748b);font-family:ui-monospace,monospace;font-weight:600}
.xdg-bd__day--today .xdg-bd__val{color:var(--text-primary,#fff);font-weight:800;font-size:10px}

/* Mobile */
@media (max-width:600px){
  .xdg-bd-box{padding:12px}
  .xdg-bd__chart{gap:4px}
  .xdg-bd__bar-wrap{max-width:28px;height:56px}
  .xdg-bd__metric-num{font-size:15px}
}

/* Custom dates row no form de definir meta */
.xdg-form__custom-dates{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:10px 12px;background:var(--bg-elevated,rgba(124,58,237,.05))!important;border:1px dashed var(--border,rgba(124,58,237,.3))!important;border-radius:8px;margin-top:4px}
.xdg-form__custom-dates input[type=date]{font-family:inherit}
.xdg-form__custom-hint{font-size:10px;color:var(--text-muted,#94a3b8);align-self:center;font-style:italic}
@media (max-width:700px){
  .xdg-form__custom-dates{grid-template-columns:1fr}
  .xdg-form__custom-hint{margin-top:4px}
}

/* ═══════════════════════════════════════════════════════════════════
   xdark-access — Gerenciamento de Acesso (Project + Domain)
   ═══════════════════════════════════════════════════════════════════ */
#xda-root{padding:16px 20px;color:var(--text-primary,#e2e8f0)}
.xda-shell{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.xda-loading,.xda-error{padding:40px;text-align:center;color:var(--text-muted,#94a3b8);font-size:13px}
.xda-error{color:#f87171}

/* Header */
.xda-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.xda-title{margin:0 0 4px 0;font-size:20px;font-weight:800;color:var(--text-primary,#fff);letter-spacing:-.01em}
.xda-sub{margin:0;font-size:12px;color:var(--text-muted,#94a3b8);max-width:780px;line-height:1.45}

/* Buttons */
.xda-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid transparent;background:none;transition:all .15s}
.xda-btn--ghost{color:#a78bfa;border-color:rgba(139,92,246,.25);background:rgba(139,92,246,.08)}
.xda-btn--ghost:hover{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.4)}
.xda-btn:disabled{opacity:.5;cursor:not-allowed}

/* Grid layout */
.xda-grid{display:grid;grid-template-columns:380px 1fr;gap:16px;align-items:start}
@media (max-width:900px){.xda-grid{grid-template-columns:1fr}}

/* Card shell */
.xda-card{background:var(--bg-card,#0c1027);border:1px solid var(--border,#1a2044);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:420px}
.xda-card__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border,#1a2044);background:rgba(124,58,237,.06)}
.xda-card__head h2{margin:0;font-size:13px;font-weight:800;color:var(--text-primary,#fff);letter-spacing:.02em;text-transform:uppercase}

/* Pills */
.xda-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:10px;font-weight:700;background:rgba(148,163,184,.12);color:var(--text-muted,#94a3b8);border:1px solid rgba(148,163,184,.18)}
.xda-pill--accent{background:rgba(139,92,246,.14);color:#a78bfa;border-color:rgba(139,92,246,.3)}

/* Empty / lock states */
.xda-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-muted,#94a3b8);font-size:13px;text-align:center}
.xda-empty--small{padding:20px 12px;font-size:12px}
.xda-empty--lock svg{color:#475569;opacity:.6}
.xda-empty__hint{display:block;font-size:11px;color:var(--text-dim,#64748b);margin-top:6px}

/* Role filter tabs (Todos / Dev / Operator / User) */
.xda-tabs{display:flex;gap:4px;padding:8px 8px 0;border-bottom:1px solid var(--border,rgba(124,58,237,.12));margin-bottom:6px;flex-wrap:wrap}
.xda-tab{flex:1;min-width:60px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 8px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:11px;font-weight:700;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.4px;transition:all .12s;border-radius:6px 6px 0 0}
.xda-tab:hover{background:rgba(124,58,237,.06);color:var(--text-primary,#fff)}
.xda-tab--active{color:var(--accent-text,#7c3aed);border-bottom-color:var(--accent,#7c3aed);background:rgba(124,58,237,.08)}
.xda-tab__count{display:inline-block;min-width:18px;padding:1px 5px;border-radius:8px;background:var(--bg-elevated,rgba(124,58,237,.12));color:inherit;font-size:9px;font-weight:800}
.xda-tab--active .xda-tab__count{background:var(--accent,#7c3aed);color:#fff}

/* User list */
.xda-list{padding:8px;overflow-y:auto;max-height:560px}
.xda-user{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;background:none;border:1px solid transparent;border-radius:10px;cursor:pointer;text-align:left;transition:all .12s;margin-bottom:4px;color:inherit}
.xda-user:hover{background:rgba(124,58,237,.08);border-color:rgba(124,58,237,.2)}
.xda-user--sel{background:rgba(124,58,237,.18);border-color:rgba(124,58,237,.5);box-shadow:0 0 0 1px rgba(124,58,237,.25)}
.xda-user__avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0}
.xda-user__info{flex:1;min-width:0}
.xda-user__name{font-size:12px;font-weight:700;color:var(--text-primary,#fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xda-user__email{font-size:10px;color:var(--text-muted,#94a3b8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
.xda-badge{padding:2px 7px;border-radius:5px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid;flex-shrink:0}

/* Projects + domains */
.xda-projects{padding:10px;overflow-y:auto;max-height:600px;display:flex;flex-direction:column;gap:8px}
.xda-proj{background:var(--bg-base,#060915);border:1px solid var(--border,#1a2044);border-radius:11px;overflow:hidden;transition:border-color .12s}
.xda-proj--on{border-color:rgba(124,58,237,.45);box-shadow:0 0 0 1px rgba(124,58,237,.15) inset}
.xda-proj__head{display:flex;align-items:center;gap:10px;padding:10px 12px}
.xda-proj__expand{background:none;border:1px solid var(--border,#1a2044);border-radius:6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted,#94a3b8);flex-shrink:0;padding:0}
.xda-proj__expand:hover{color:#a78bfa;border-color:rgba(139,92,246,.4)}
.xda-proj__name{flex:1;font-size:12px;font-weight:700;color:var(--text-primary,#fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xda-proj__meta{font-size:10px;color:var(--text-muted,#94a3b8);flex-shrink:0}
.xda-proj__meta strong{color:#a78bfa}
.xda-proj__body{padding:6px 12px 12px 42px;display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--border,#1a2044);background:rgba(0,0,0,.15)}
.xda-proj__body--empty{color:var(--text-muted,#94a3b8);font-size:11px;font-style:italic;padding-top:10px}

.xda-dom{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-card,#0c1027);border:1px solid var(--border,#1a2044);border-radius:8px}
.xda-dom__name{flex:1;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-primary,#fff);font-family:'JetBrains Mono',ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xda-dom__dot{width:5px;height:5px;border-radius:50%;background:#34d399;flex-shrink:0}

/* Switch (toggle) */
.xda-switch{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0;cursor:pointer}
.xda-switch input{opacity:0;width:0;height:0}
.xda-switch__slider{position:absolute;inset:0;background:#1a2044;border:1px solid #252d5a;border-radius:18px;transition:.18s}
.xda-switch__slider::before{content:'';position:absolute;height:12px;width:12px;left:2px;top:2px;background:#94a3b8;border-radius:50%;transition:.18s}
.xda-switch input:checked + .xda-switch__slider{background:rgba(124,58,237,.4);border-color:rgba(124,58,237,.7)}
.xda-switch input:checked + .xda-switch__slider::before{transform:translateX(14px);background:#a78bfa}
.xda-switch input:disabled + .xda-switch__slider{opacity:.45;cursor:not-allowed}
.xda-switch--sm{width:28px;height:16px}
.xda-switch--sm .xda-switch__slider::before{height:10px;width:10px}
.xda-switch--sm input:checked + .xda-switch__slider::before{transform:translateX(12px)}

/* Toast */
.xda-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--bg-card,#0c1027);border:1px solid var(--border,#1a2044);color:var(--text-primary,#fff);padding:10px 16px;border-radius:10px;font-size:12px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;transition:all .25s;z-index:9999;pointer-events:none}
.xda-toast--show{opacity:1;transform:translateX(-50%) translateY(0)}
.xda-toast--ok{border-color:rgba(52,211,153,.5);color:#34d399}
.xda-toast--err{border-color:rgba(248,113,113,.5);color:#f87171}

/* Light theme support */
[data-theme^=light] .xda-card{background:var(--bg-card)!important;border-color:var(--border)!important}
[data-theme^=light] .xda-proj{background:var(--bg-base)!important;border-color:var(--border)!important}
[data-theme^=light] .xda-dom{background:var(--bg-elevated)!important;border-color:var(--border)!important}
[data-theme^=light] .xda-switch__slider{background:var(--bg-elevated)!important;border-color:var(--border)!important}

/* Destaque para projetos com domínios concedidos individualmente (sem ProjectAccess) */
.xda-proj--grants{border-color:rgba(16,185,129,.4)!important;box-shadow:0 0 0 1px rgba(16,185,129,.18)}
.xda-proj--grants .xda-proj__head{background:linear-gradient(90deg,rgba(16,185,129,.06),transparent 70%)}
.xda-grant-pill{display:inline-block;margin-left:8px;padding:1px 8px;font-size:10px;font-weight:700;color:#10b981;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);border-radius:10px;vertical-align:middle}
[data-theme^=light] .xda-grant-pill{color:#047857;background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.45)}

/* Esconder UI específica para role dev: sino de notificações + Metas + stats box.
   Stats box e Metas já são bloqueados em xdark-goals.js (não injetam para dev),
   mas mantemos a regra defensivamente caso fique em DOM por race-condition. */
html[data-xdg-role="dev"] header button:has(svg.lucide-bell),
html[data-xdg-role="dev"] header a:has(svg.lucide-bell){display:none!important}
html[data-xdg-role="dev"] #xdg-stats-box,
html[data-xdg-role="dev"] #xdg-admin-btn{display:none!important}