.empresa-logo {
            width: 40px;
            height: 40px;
            border-radius: 0.75rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background-color: var(--surface-soft);
            border: 1px solid var(--surface-border);
            overflow: hidden;
            flex-shrink: 0;
        }

        .empresa-logo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .empresa-logo-placeholder {
            font-size: 0.85rem;
            font-weight: 700;
            letter-spacing: 0.08em;
            color: var(--text-secondary);
            text-transform: uppercase;
        }

        [data-theme='light'] {
            --page-bg: #f8fafc;
            --header-bg: rgba(255, 255, 255, 0.95);
            --header-border: rgba(148, 163, 184, 0.28);
            --text-primary: #0f172a;
            --text-secondary: #475569;
            --card-bg: #ffffff;
            --sidebar-bg: #f8fafc;
            --sidebar-bg-strong: #eef2ff;
            --sidebar-border: rgba(148, 163, 184, 0.35);
            --sidebar-text: #0f172a;
            --sidebar-muted: #475569;
            --sidebar-hover-bg: rgba(59, 130, 246, 0.12);
            --sidebar-active-bg: rgba(59, 130, 246, 0.2);
            --sidebar-active-text: #0f172a;
            --sidebar-accent: #2563eb;
            --surface-border: rgba(148, 163, 184, 0.3);
            --control-bg: rgba(255, 255, 255, 0.9);
            --control-border: rgba(148, 163, 184, 0.45);
            --control-text: #0f172a;
            --menu-bg: #ffffff;
            --menu-border: rgba(148, 163, 184, 0.35);
            --surface-soft: rgba(248, 250, 252, 0.85);
            --surface-muted: #f8fafc;
            --surface-ghost: rgba(255, 255, 255, 0.86);
            --surface-elevated: #ffffff;
            --ring-color: rgba(148, 163, 184, 0.4);
            --divider-color: rgba(148, 163, 184, 0.28);
            --surface-soft-hover: rgba(226, 232, 240, 0.82);
            --surface-soft-hover-strong: rgba(203, 213, 225, 0.92);
            --overlay-dim: rgba(2, 6, 23, 0.62);
        }

        [data-theme='apple-silk'] {
            --page-bg: #f5f5f7;
            --header-bg: rgba(255, 255, 255, 0.94);
            --header-border: rgba(17, 24, 39, 0.12);
            --text-primary: #111827;
            --text-secondary: #6b7280;
            --card-bg: #ffffff;
            --sidebar-bg: #f5f5f7;
            --sidebar-bg-strong: #eef0f3;
            --sidebar-border: rgba(17, 24, 39, 0.12);
            --sidebar-text: #111827;
            --sidebar-muted: #6b7280;
            --sidebar-hover-bg: rgba(10, 132, 255, 0.12);
            --sidebar-active-bg: rgba(10, 132, 255, 0.18);
            --sidebar-active-text: #0b0f1a;
            --sidebar-accent: #0a84ff;
            --surface-border: rgba(148, 163, 184, 0.3);
            --control-bg: rgba(255, 255, 255, 0.95);
            --control-border: rgba(148, 163, 184, 0.35);
            --control-text: #111827;
            --menu-bg: #ffffff;
            --menu-border: rgba(148, 163, 184, 0.3);
            --surface-soft: rgba(248, 250, 252, 0.8);
            --surface-muted: #f8fafc;
            --surface-ghost: rgba(255, 255, 255, 0.9);
            --surface-elevated: #ffffff;
            --ring-color: rgba(148, 163, 184, 0.35);
            --divider-color: rgba(148, 163, 184, 0.24);
            --surface-soft-hover: rgba(226, 232, 240, 0.75);
            --surface-soft-hover-strong: rgba(203, 213, 225, 0.85);
            --overlay-dim: rgba(15, 23, 42, 0.55);
        }

        [data-theme='retool-cloud'] {
            --page-bg: #f7f8fb;
            --header-bg: #ffffff;
            --header-border: rgba(94, 108, 132, 0.2);
            --text-primary: #1f2937;
            --text-secondary: #64748b;
            --card-bg: #ffffff;
            --sidebar-bg: #eff3f9;
            --sidebar-bg-strong: #e6ecf5;
            --sidebar-border: rgba(100, 116, 139, 0.25);
            --sidebar-text: #1f2937;
            --sidebar-muted: #64748b;
            --sidebar-hover-bg: rgba(37, 99, 235, 0.12);
            --sidebar-active-bg: rgba(37, 99, 235, 0.18);
            --sidebar-active-text: #1f2937;
            --sidebar-accent: #2563eb;
            --surface-border: rgba(148, 163, 184, 0.32);
            --control-bg: rgba(255, 255, 255, 0.92);
            --control-border: rgba(148, 163, 184, 0.4);
            --control-text: #1f2937;
            --menu-bg: #ffffff;
            --menu-border: rgba(148, 163, 184, 0.35);
            --surface-soft: rgba(241, 245, 249, 0.8);
            --surface-muted: #f1f5f9;
            --surface-ghost: rgba(255, 255, 255, 0.88);
            --surface-elevated: #ffffff;
            --ring-color: rgba(99, 102, 241, 0.28);
            --divider-color: rgba(148, 163, 184, 0.26);
            --surface-soft-hover: rgba(226, 232, 240, 0.78);
            --surface-soft-hover-strong: rgba(203, 213, 225, 0.88);
            --overlay-dim: rgba(2, 6, 23, 0.5);
        }

        [data-theme='prototype-blue'] {
            --page-bg: #eef4ff;
            --header-bg: rgba(255, 255, 255, 0.92);
            --header-border: rgba(59, 130, 246, 0.25);
            --text-primary: #102a43;
            --text-secondary: #486581;
            --card-bg: #ffffff;
            --sidebar-bg: #0f2747;
            --sidebar-bg-strong: #12335f;
            --sidebar-border: rgba(59, 130, 246, 0.3);
            --sidebar-text: #e6f0ff;
            --sidebar-muted: #c7d7f5;
            --sidebar-hover-bg: rgba(59, 130, 246, 0.25);
            --sidebar-active-bg: rgba(59, 130, 246, 0.4);
            --sidebar-active-text: #ffffff;
            --sidebar-accent: #60a5fa;
            --surface-border: rgba(148, 163, 184, 0.35);
            --control-bg: rgba(255, 255, 255, 0.92);
            --control-border: rgba(59, 130, 246, 0.4);
            --control-text: #102a43;
            --menu-bg: #ffffff;
            --menu-border: rgba(59, 130, 246, 0.35);
            --surface-soft: rgba(239, 246, 255, 0.8);
            --surface-muted: #eff6ff;
            --surface-ghost: rgba(255, 255, 255, 0.88);
            --surface-elevated: #ffffff;
            --ring-color: rgba(59, 130, 246, 0.35);
            --divider-color: rgba(148, 163, 184, 0.26);
            --surface-soft-hover: rgba(219, 234, 254, 0.85);
            --surface-soft-hover-strong: rgba(191, 219, 254, 0.9);
            --overlay-dim: rgba(15, 23, 42, 0.55);
        }

        [data-theme='spotify-night'] {
            --page-bg: #0b0f0d;
            --header-bg: #121212;
            --header-border: rgba(255, 255, 255, 0.08);
            --text-primary: #e5e7eb;
            --text-secondary: #9ca3af;
            --card-bg: #1a1f1d;
            --sidebar-bg: #0e1412;
            --sidebar-bg-strong: #151b19;
            --sidebar-border: #1f2a25;
            --sidebar-text: #e5e7eb;
            --sidebar-muted: #a3b1ab;
            --sidebar-hover-bg: rgba(34, 197, 94, 0.2);
            --sidebar-active-bg: rgba(34, 197, 94, 0.32);
            --sidebar-active-text: #ffffff;
            --sidebar-accent: #1db954;
            --surface-border: rgba(52, 211, 153, 0.28);
            --status-info-bg: rgba(59, 130, 246, 0.18);
            --status-info-text: #dbeafe;
            --status-info-border: rgba(59, 130, 246, 0.5);
            --status-info-strong-bg: rgba(99, 102, 241, 0.22);
            --status-info-strong-text: #e0e7ff;
            --status-info-strong-border: rgba(99, 102, 241, 0.55);
            --status-success-bg: rgba(16, 185, 129, 0.2);
            --status-success-text: #d1fae5;
            --status-success-border: rgba(16, 185, 129, 0.55);
            --status-success-soft-bg: rgba(132, 204, 22, 0.2);
            --status-success-soft-text: #e4f6c3;
            --status-success-soft-border: rgba(132, 204, 22, 0.48);
            --status-warning-bg: rgba(234, 179, 8, 0.22);
            --status-warning-text: #fef3c7;
            --status-warning-border: rgba(234, 179, 8, 0.5);
            --status-danger-bg: rgba(248, 113, 113, 0.24);
            --status-danger-text: #ffe4e6;
            --status-danger-border: rgba(248, 113, 113, 0.55);
            --status-neutral-bg: rgba(148, 163, 184, 0.26);
            --status-neutral-text: #e2e8f0;
            --status-neutral-border: rgba(148, 163, 184, 0.52);
            --status-neutral-soft-bg: rgba(34, 43, 39, 0.7);
            --status-neutral-soft-text: #e2e8f0;
            --status-neutral-soft-border: rgba(148, 163, 184, 0.42);
            --control-bg: rgba(17, 24, 39, 0.7);
            --control-border: rgba(34, 197, 94, 0.5);
            --control-text: #e5e7eb;
            --menu-bg: rgba(10, 15, 13, 0.95);
            --menu-border: rgba(34, 197, 94, 0.4);
            --surface-soft-hover: rgba(40, 66, 54, 0.74);
            --surface-soft-hover-strong: rgba(55, 102, 78, 0.84);
        }

        [data-theme='platinum-glow'] {
            --page-bg: #f7f8fa;
            --header-bg: #ffffff;
            --header-border: rgba(99, 115, 129, 0.18);
            --text-primary: #0f172a;
            --text-secondary: #4b5563;
            --card-bg: #ffffff;
            --sidebar-bg: #eef1f5;
            --sidebar-bg-strong: #e6e9ee;
            --sidebar-border: rgba(99, 115, 129, 0.25);
            --sidebar-text: #0f172a;
            --sidebar-muted: #4b5563;
            --sidebar-hover-bg: rgba(59, 130, 246, 0.14);
            --sidebar-active-bg: rgba(59, 130, 246, 0.2);
            --sidebar-active-text: #0f172a;
            --sidebar-accent: #7c3aed;
            --surface-border: rgba(148, 163, 184, 0.28);
            --control-bg: rgba(255, 255, 255, 0.95);
            --control-border: rgba(148, 163, 184, 0.35);
            --control-text: #0f172a;
            --menu-bg: #ffffff;
            --menu-border: rgba(148, 163, 184, 0.28);
            --surface-soft: rgba(243, 244, 246, 0.85);
            --surface-muted: #f3f4f6;
            --surface-ghost: rgba(255, 255, 255, 0.9);
            --surface-elevated: #ffffff;
            --ring-color: rgba(124, 58, 237, 0.28);
            --divider-color: rgba(148, 163, 184, 0.25);
            --surface-soft-hover: rgba(226, 232, 240, 0.82);
            --surface-soft-hover-strong: rgba(203, 213, 225, 0.9);
            --overlay-dim: rgba(15, 23, 42, 0.5);
        }

        [data-theme='obsidian-gold'] {
            --page-bg: #0b0c10;
            --header-bg: #11131a;
            --header-border: rgba(234, 179, 8, 0.22);
            --text-primary: #f8fafc;
            --text-secondary: #e2e8f0;
            --card-bg: #141820;
            --sidebar-bg: #0d0f16;
            --sidebar-bg-strong: #121623;
            --sidebar-border: #1e2230;
            --sidebar-text: #f8fafc;
            --sidebar-muted: #cbd5e1;
            --sidebar-hover-bg: rgba(234, 179, 8, 0.16);
            --sidebar-active-bg: rgba(234, 179, 8, 0.28);
            --sidebar-active-text: #11131a;
            --sidebar-accent: #fbbf24;
            --surface-border: rgba(234, 179, 8, 0.32);
            --control-bg: rgba(17, 24, 39, 0.85);
            --control-border: rgba(234, 179, 8, 0.45);
            --control-text: #f8fafc;
            --menu-bg: rgba(10, 12, 18, 0.96);
            --menu-border: rgba(234, 179, 8, 0.35);
            --surface-soft: color-mix(in srgb, var(--card-bg) 80%, var(--page-bg) 20%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(20, 24, 36, 0.9);
            --surface-elevated: #161b26;
            --ring-color: rgba(234, 179, 8, 0.35);
            --divider-color: rgba(148, 163, 184, 0.28);
            --surface-soft-hover: rgba(52, 41, 16, 0.7);
            --surface-soft-hover-strong: rgba(73, 58, 22, 0.82);
            --overlay-dim: rgba(6, 8, 12, 0.78);
        }

        [data-theme='sand-dune'] {
            --page-bg: #f3eee7;
            --header-bg: #fffdf9;
            --header-border: rgba(175, 143, 104, 0.24);
            --text-primary: #3a2f28;
            --text-secondary: #6b5c52;
            --card-bg: #ffffff;
            --sidebar-bg: #f7f1e8;
            --sidebar-bg-strong: #f0e4d6;
            --sidebar-border: rgba(175, 143, 104, 0.25);
            --sidebar-text: #3a2f28;
            --sidebar-muted: #6b5c52;
            --sidebar-hover-bg: rgba(217, 119, 6, 0.12);
            --sidebar-active-bg: rgba(217, 119, 6, 0.2);
            --sidebar-active-text: #3a2f28;
            --sidebar-accent: #d97706;
            --surface-border: rgba(175, 143, 104, 0.28);
            --control-bg: rgba(255, 255, 255, 0.95);
            --control-border: rgba(175, 143, 104, 0.32);
            --control-text: #3a2f28;
            --menu-bg: #ffffff;
            --menu-border: rgba(175, 143, 104, 0.28);
            --surface-soft: rgba(247, 241, 232, 0.86);
            --surface-muted: #f7f1e8;
            --surface-ghost: rgba(255, 255, 255, 0.92);
            --surface-elevated: #ffffff;
            --ring-color: rgba(217, 119, 6, 0.28);
            --divider-color: rgba(175, 143, 104, 0.24);
            --surface-soft-hover: rgba(235, 219, 201, 0.82);
            --surface-soft-hover-strong: rgba(221, 196, 168, 0.86);
            --overlay-dim: rgba(58, 47, 40, 0.4);
        }

        [data-theme='midnight-neon'] {
            --page-bg: #050712;
            --header-bg: #0b0f1f;
            --header-border: rgba(14, 165, 233, 0.35);
            --text-primary: #e2e8f0;
            --text-secondary: #cbd5e1;
            --card-bg: #0f172a;
            --sidebar-bg: #080c19;
            --sidebar-bg-strong: #0c1325;
            --sidebar-border: #1e293b;
            --sidebar-text: #e2e8f0;
            --sidebar-muted: #cbd5e1;
            --sidebar-hover-bg: rgba(56, 189, 248, 0.18);
            --sidebar-active-bg: rgba(14, 165, 233, 0.3);
            --sidebar-active-text: #0b0f1f;
            --sidebar-accent: #38bdf8;
            --surface-border: rgba(56, 189, 248, 0.32);
            --control-bg: rgba(15, 23, 42, 0.85);
            --control-border: rgba(56, 189, 248, 0.45);
            --control-text: #e2e8f0;
            --menu-bg: rgba(5, 7, 18, 0.96);
            --menu-border: rgba(56, 189, 248, 0.32);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(15, 23, 42, 0.9);
            --surface-elevated: #111a2e;
            --ring-color: rgba(56, 189, 248, 0.4);
            --divider-color: rgba(148, 163, 184, 0.28);
            --surface-soft-hover: rgba(37, 99, 235, 0.35);
            --surface-soft-hover-strong: rgba(37, 99, 235, 0.5);
            --overlay-dim: rgba(2, 6, 23, 0.78);
        }

        [data-theme='skyline-pastel'] {
            --page-bg: linear-gradient(180deg, #f4f6ff 0%, #eaf6ff 50%, #e0f7ff 100%);
            --header-bg: rgba(255, 255, 255, 0.92);
            --header-border: rgba(59, 130, 246, 0.22);
            --text-primary: #0f172a;
            --text-secondary: #426286;
            --card-bg: #ffffff;
            --sidebar-bg: #edf5ff;
            --sidebar-bg-strong: #e0eeff;
            --sidebar-border: rgba(59, 130, 246, 0.28);
            --sidebar-text: #0f172a;
            --sidebar-muted: #426286;
            --sidebar-hover-bg: rgba(59, 130, 246, 0.16);
            --sidebar-active-bg: rgba(59, 130, 246, 0.26);
            --sidebar-active-text: #0f172a;
            --sidebar-accent: #2563eb;
            --surface-border: rgba(148, 163, 184, 0.26);
            --control-bg: rgba(255, 255, 255, 0.94);
            --control-border: rgba(148, 163, 184, 0.3);
            --control-text: #0f172a;
            --menu-bg: #ffffff;
            --menu-border: rgba(148, 163, 184, 0.26);
            --surface-soft: rgba(237, 245, 255, 0.86);
            --surface-muted: #edf5ff;
            --surface-ghost: rgba(255, 255, 255, 0.9);
            --surface-elevated: #ffffff;
            --ring-color: rgba(59, 130, 246, 0.32);
            --divider-color: rgba(148, 163, 184, 0.22);
            --surface-soft-hover: rgba(219, 234, 254, 0.84);
            --surface-soft-hover-strong: rgba(191, 219, 254, 0.88);
            --overlay-dim: rgba(14, 43, 82, 0.36);
        }

        [data-theme='velvet-rose'] {
            --page-bg: #0f0b12;
            --header-bg: #1a0f1f;
            --header-border: rgba(244, 114, 182, 0.28);
            --text-primary: #fdf2f8;
            --text-secondary: #f5d0fe;
            --card-bg: #1f1427;
            --sidebar-bg: #140c1b;
            --sidebar-bg-strong: #1a1223;
            --sidebar-border: #2a1c33;
            --sidebar-text: #fde2f3;
            --sidebar-muted: #f5d0fe;
            --sidebar-hover-bg: rgba(244, 114, 182, 0.22);
            --sidebar-active-bg: rgba(236, 72, 153, 0.32);
            --sidebar-active-text: #140c1b;
            --sidebar-accent: #f472b6;
            --surface-border: rgba(244, 114, 182, 0.32);
            --control-bg: rgba(31, 20, 39, 0.86);
            --control-border: rgba(244, 114, 182, 0.4);
            --control-text: #fdf2f8;
            --menu-bg: rgba(17, 10, 24, 0.96);
            --menu-border: rgba(244, 114, 182, 0.32);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(26, 17, 35, 0.9);
            --surface-elevated: #251a30;
            --ring-color: rgba(244, 114, 182, 0.42);
            --divider-color: rgba(148, 163, 184, 0.25);
            --surface-soft-hover: rgba(190, 24, 93, 0.35);
            --surface-soft-hover-strong: rgba(219, 39, 119, 0.5);
            --overlay-dim: rgba(12, 6, 18, 0.78);
        }

        [data-theme='glacier-mint'] {
            --page-bg: #ebf9f5;
            --header-bg: #ffffff;
            --header-border: rgba(45, 212, 191, 0.22);
            --text-primary: #064e3b;
            --text-secondary: #0f766e;
            --card-bg: #ffffff;
            --sidebar-bg: #e0f2f1;
            --sidebar-bg-strong: #ccfbf1;
            --sidebar-border: rgba(20, 184, 166, 0.28);
            --sidebar-text: #064e3b;
            --sidebar-muted: #0f766e;
            --sidebar-hover-bg: rgba(16, 185, 129, 0.14);
            --sidebar-active-bg: rgba(20, 184, 166, 0.22);
            --sidebar-active-text: #064e3b;
            --sidebar-accent: #14b8a6;
            --surface-border: rgba(45, 212, 191, 0.26);
            --control-bg: rgba(255, 255, 255, 0.95);
            --control-border: rgba(45, 212, 191, 0.28);
            --control-text: #064e3b;
            --menu-bg: #ffffff;
            --menu-border: rgba(45, 212, 191, 0.26);
            --surface-soft: rgba(224, 242, 241, 0.86);
            --surface-muted: #e0f2f1;
            --surface-ghost: rgba(255, 255, 255, 0.92);
            --surface-elevated: #ffffff;
            --ring-color: rgba(45, 212, 191, 0.32);
            --divider-color: rgba(148, 163, 184, 0.2);
            --surface-soft-hover: rgba(204, 251, 241, 0.84);
            --surface-soft-hover-strong: rgba(175, 238, 225, 0.88);
            --overlay-dim: rgba(6, 78, 59, 0.32);
        }

        [data-theme='copper-sunset'] {
            --page-bg: #120c08;
            --header-bg: #1c120d;
            --header-border: rgba(249, 115, 22, 0.28);
            --text-primary: #fff7ed;
            --text-secondary: #fed7aa;
            --card-bg: #22140d;
            --sidebar-bg: #150d09;
            --sidebar-bg-strong: #1d120c;
            --sidebar-border: #2b1810;
            --sidebar-text: #fff7ed;
            --sidebar-muted: #fed7aa;
            --sidebar-hover-bg: rgba(249, 115, 22, 0.24);
            --sidebar-active-bg: rgba(249, 115, 22, 0.34);
            --sidebar-active-text: #150d09;
            --sidebar-accent: #fb923c;
            --surface-border: rgba(249, 115, 22, 0.34);
            --control-bg: rgba(34, 20, 13, 0.86);
            --control-border: rgba(249, 115, 22, 0.42);
            --control-text: #fff7ed;
            --menu-bg: rgba(17, 10, 7, 0.96);
            --menu-border: rgba(249, 115, 22, 0.32);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(26, 15, 10, 0.9);
            --surface-elevated: #25170f;
            --ring-color: rgba(249, 115, 22, 0.46);
            --divider-color: rgba(148, 163, 184, 0.25);
            --surface-soft-hover: rgba(217, 119, 6, 0.38);
            --surface-soft-hover-strong: rgba(194, 65, 12, 0.52);
            --overlay-dim: rgba(10, 6, 4, 0.8);
        }

        [data-theme='desert-latte'] {
            --page-bg: #f8f4ef;
            --header-bg: #fffdfb;
            --header-border: rgba(214, 156, 100, 0.22);
            --text-primary: #3b2f2a;
            --text-secondary: #6b4f3f;
            --card-bg: #ffffff;
            --sidebar-bg: #f3e7dd;
            --sidebar-bg-strong: #e9d8c6;
            --sidebar-border: rgba(214, 156, 100, 0.26);
            --sidebar-text: #3b2f2a;
            --sidebar-muted: #6b4f3f;
            --sidebar-hover-bg: rgba(214, 156, 100, 0.16);
            --sidebar-active-bg: rgba(214, 156, 100, 0.26);
            --sidebar-active-text: #3b2f2a;
            --sidebar-accent: #d69c64;
            --surface-border: rgba(214, 156, 100, 0.24);
            --control-bg: rgba(255, 255, 255, 0.94);
            --control-border: rgba(214, 156, 100, 0.26);
            --control-text: #3b2f2a;
            --menu-bg: #ffffff;
            --menu-border: rgba(214, 156, 100, 0.24);
            --surface-soft: rgba(243, 231, 221, 0.86);
            --surface-muted: #f3e7dd;
            --surface-ghost: rgba(255, 255, 255, 0.9);
            --surface-elevated: #ffffff;
            --ring-color: rgba(214, 156, 100, 0.32);
            --divider-color: rgba(148, 163, 184, 0.2);
            --surface-soft-hover: rgba(232, 209, 188, 0.84);
            --surface-soft-hover-strong: rgba(218, 190, 162, 0.88);
            --overlay-dim: rgba(59, 47, 42, 0.32);
        }

        [data-theme='neon-lime'] {
            --page-bg: #050807;
            --header-bg: #0b130f;
            --header-border: rgba(132, 204, 22, 0.32);
            --text-primary: #ecfccb;
            --text-secondary: #d9f99d;
            --card-bg: #0f1b14;
            --sidebar-bg: #07100c;
            --sidebar-bg-strong: #0c1912;
            --sidebar-border: #1e2f24;
            --sidebar-text: #ecfccb;
            --sidebar-muted: #d9f99d;
            --sidebar-hover-bg: rgba(132, 204, 22, 0.26);
            --sidebar-active-bg: rgba(132, 204, 22, 0.36);
            --sidebar-active-text: #07100c;
            --sidebar-accent: #84cc16;
            --surface-border: rgba(132, 204, 22, 0.32);
            --control-bg: rgba(15, 27, 20, 0.82);
            --control-border: rgba(132, 204, 22, 0.45);
            --control-text: #ecfccb;
            --menu-bg: rgba(6, 12, 10, 0.96);
            --menu-border: rgba(132, 204, 22, 0.32);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 68%, var(--page-bg) 32%);
            --surface-ghost: rgba(13, 23, 16, 0.9);
            --surface-elevated: #122018;
            --ring-color: rgba(132, 204, 22, 0.48);
            --divider-color: rgba(148, 163, 184, 0.26);
            --surface-soft-hover: rgba(101, 163, 13, 0.4);
            --surface-soft-hover-strong: rgba(77, 124, 15, 0.52);
            --overlay-dim: rgba(5, 9, 7, 0.82);
        }

        [data-theme='sapphire-frost'] {
            --page-bg: linear-gradient(180deg, #0b1b2f 0%, #0c2038 40%, #0b2a4a 100%);
            --header-bg: rgba(12, 32, 56, 0.92);
            --header-border: rgba(59, 130, 246, 0.32);
            --text-primary: #e0f2ff;
            --text-secondary: #c7dfff;
            --card-bg: rgba(16, 40, 68, 0.95);
            --sidebar-bg: #0c1f36;
            --sidebar-bg-strong: #0e2742;
            --sidebar-border: #123253;
            --sidebar-text: #e0f2ff;
            --sidebar-muted: #c7dfff;
            --sidebar-hover-bg: rgba(56, 189, 248, 0.2);
            --sidebar-active-bg: rgba(59, 130, 246, 0.32);
            --sidebar-active-text: #0c1f36;
            --sidebar-accent: #38bdf8;
            --surface-border: rgba(59, 130, 246, 0.36);
            --control-bg: rgba(16, 40, 68, 0.9);
            --control-border: rgba(59, 130, 246, 0.38);
            --control-text: #e0f2ff;
            --menu-bg: rgba(9, 22, 38, 0.96);
            --menu-border: rgba(56, 189, 248, 0.3);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(15, 37, 63, 0.9);
            --surface-elevated: #122d4b;
            --ring-color: rgba(59, 130, 246, 0.44);
            --divider-color: rgba(148, 163, 184, 0.28);
            --surface-soft-hover: rgba(37, 99, 235, 0.4);
            --surface-soft-hover-strong: rgba(29, 78, 216, 0.52);
            --overlay-dim: rgba(5, 12, 24, 0.82);
        }

        [data-theme='charcoal-ember'] {
            --page-bg: #0c0c0f;
            --header-bg: #14141a;
            --header-border: rgba(248, 113, 113, 0.24);
            --text-primary: #f8fafc;
            --text-secondary: #e2e8f0;
            --card-bg: #1a1a23;
            --sidebar-bg: #0f0f14;
            --sidebar-bg-strong: #15151d;
            --sidebar-border: #23232d;
            --sidebar-text: #f8fafc;
            --sidebar-muted: #e2e8f0;
            --sidebar-hover-bg: rgba(248, 113, 113, 0.2);
            --sidebar-active-bg: rgba(239, 68, 68, 0.32);
            --sidebar-active-text: #0f0f14;
            --sidebar-accent: #ef4444;
            --surface-border: rgba(248, 113, 113, 0.28);
            --control-bg: rgba(26, 26, 35, 0.85);
            --control-border: rgba(248, 113, 113, 0.36);
            --control-text: #f8fafc;
            --menu-bg: rgba(12, 12, 16, 0.96);
            --menu-border: rgba(248, 113, 113, 0.28);
            --surface-soft: color-mix(in srgb, var(--card-bg) 80%, var(--page-bg) 20%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 72%, var(--page-bg) 28%);
            --surface-ghost: rgba(20, 20, 28, 0.9);
            --surface-elevated: #1f1f2b;
            --ring-color: rgba(248, 113, 113, 0.4);
            --divider-color: rgba(148, 163, 184, 0.28);
            --surface-soft-hover: rgba(220, 38, 38, 0.38);
            --surface-soft-hover-strong: rgba(185, 28, 28, 0.5);
            --overlay-dim: rgba(6, 6, 8, 0.8);
        }

        [data-theme='aero-glass'] {
            --page-bg: linear-gradient(160deg, #e8f4ff 0%, #f5f7fb 40%, #ecf6ff 100%);
            --header-bg: rgba(255, 255, 255, 0.78);
            --header-border: rgba(59, 130, 246, 0.18);
            --text-primary: #0f172a;
            --text-secondary: #3f4f68;
            --card-bg: rgba(255, 255, 255, 0.82);
            --sidebar-bg: rgba(245, 248, 255, 0.82);
            --sidebar-bg-strong: rgba(229, 238, 255, 0.86);
            --sidebar-border: rgba(59, 130, 246, 0.2);
            --sidebar-text: #0f172a;
            --sidebar-muted: #3f4f68;
            --sidebar-hover-bg: rgba(59, 130, 246, 0.14);
            --sidebar-active-bg: rgba(59, 130, 246, 0.22);
            --sidebar-active-text: #0f172a;
            --sidebar-accent: #2563eb;
            --surface-border: rgba(148, 163, 184, 0.26);
            --control-bg: rgba(255, 255, 255, 0.82);
            --control-border: rgba(148, 163, 184, 0.26);
            --control-text: #0f172a;
            --menu-bg: rgba(255, 255, 255, 0.92);
            --menu-border: rgba(148, 163, 184, 0.22);
            --surface-soft: rgba(237, 245, 255, 0.84);
            --surface-muted: rgba(237, 245, 255, 0.92);
            --surface-ghost: rgba(255, 255, 255, 0.88);
            --surface-elevated: rgba(255, 255, 255, 0.96);
            --ring-color: rgba(59, 130, 246, 0.26);
            --divider-color: rgba(148, 163, 184, 0.2);
            --surface-soft-hover: rgba(219, 234, 254, 0.84);
            --surface-soft-hover-strong: rgba(191, 219, 254, 0.88);
            --overlay-dim: rgba(15, 23, 42, 0.32);
        }

        [data-theme='inkstone'] {
            --page-bg: #0a0c12;
            --header-bg: #0f111a;
            --header-border: rgba(148, 163, 184, 0.18);
            --text-primary: #e2e8f0;
            --text-secondary: #cbd5e1;
            --card-bg: #121624;
            --sidebar-bg: #0c0f18;
            --sidebar-bg-strong: #111422;
            --sidebar-border: #1e2433;
            --sidebar-text: #e2e8f0;
            --sidebar-muted: #cbd5e1;
            --sidebar-hover-bg: rgba(148, 163, 184, 0.18);
            --sidebar-active-bg: rgba(99, 102, 241, 0.26);
            --sidebar-active-text: #0c0f18;
            --sidebar-accent: #818cf8;
            --surface-border: rgba(148, 163, 184, 0.28);
            --control-bg: rgba(18, 22, 36, 0.84);
            --control-border: rgba(99, 102, 241, 0.32);
            --control-text: #e2e8f0;
            --menu-bg: rgba(10, 12, 20, 0.96);
            --menu-border: rgba(148, 163, 184, 0.26);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(16, 20, 33, 0.9);
            --surface-elevated: #151a2a;
            --ring-color: rgba(99, 102, 241, 0.36);
            --divider-color: rgba(148, 163, 184, 0.26);
            --surface-soft-hover: rgba(129, 140, 248, 0.38);
            --surface-soft-hover-strong: rgba(99, 102, 241, 0.52);
            --overlay-dim: rgba(6, 8, 14, 0.82);
        }

        [data-theme='cyber-wave'] {
            --page-bg: linear-gradient(135deg, #06121d 0%, #0b1f2f 40%, #0c2f45 100%);
            --header-bg: rgba(9, 28, 46, 0.9);
            --header-border: rgba(34, 197, 235, 0.32);
            --text-primary: #e0faff;
            --text-secondary: #bae6fd;
            --card-bg: rgba(13, 34, 53, 0.92);
            --sidebar-bg: #071926;
            --sidebar-bg-strong: #0a2032;
            --sidebar-border: #0f2c42;
            --sidebar-text: #e0faff;
            --sidebar-muted: #bae6fd;
            --sidebar-hover-bg: rgba(14, 165, 233, 0.22);
            --sidebar-active-bg: rgba(34, 197, 235, 0.32);
            --sidebar-active-text: #071926;
            --sidebar-accent: #22d3ee;
            --surface-border: rgba(34, 197, 235, 0.32);
            --control-bg: rgba(13, 34, 53, 0.88);
            --control-border: rgba(34, 197, 235, 0.32);
            --control-text: #e0faff;
            --menu-bg: rgba(6, 18, 29, 0.96);
            --menu-border: rgba(34, 197, 235, 0.3);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 72%, var(--page-bg) 28%);
            --surface-ghost: rgba(12, 30, 46, 0.9);
            --surface-elevated: #0f2a40;
            --ring-color: rgba(34, 197, 235, 0.44);
            --divider-color: rgba(148, 163, 184, 0.26);
            --surface-soft-hover: rgba(14, 165, 233, 0.4);
            --surface-soft-hover-strong: rgba(6, 182, 212, 0.52);
            --overlay-dim: rgba(4, 10, 16, 0.82);
        }

        [data-theme='blush-ivory'] {
            --page-bg: #fdf4f5;
            --header-bg: #fff9fa;
            --header-border: rgba(244, 114, 182, 0.18);
            --text-primary: #3b2a2e;
            --text-secondary: #6b4b52;
            --card-bg: #ffffff;
            --sidebar-bg: #fbeff2;
            --sidebar-bg-strong: #f6e4e9;
            --sidebar-border: rgba(244, 114, 182, 0.2);
            --sidebar-text: #3b2a2e;
            --sidebar-muted: #6b4b52;
            --sidebar-hover-bg: rgba(244, 114, 182, 0.14);
            --sidebar-active-bg: rgba(244, 114, 182, 0.22);
            --sidebar-active-text: #3b2a2e;
            --sidebar-accent: #ec4899;
            --surface-border: rgba(244, 114, 182, 0.2);
            --control-bg: rgba(255, 255, 255, 0.94);
            --control-border: rgba(244, 114, 182, 0.22);
            --control-text: #3b2a2e;
            --menu-bg: #ffffff;
            --menu-border: rgba(244, 114, 182, 0.18);
            --surface-soft: rgba(251, 239, 242, 0.86);
            --surface-muted: #fbeff2;
            --surface-ghost: rgba(255, 255, 255, 0.9);
            --surface-elevated: #ffffff;
            --ring-color: rgba(244, 114, 182, 0.22);
            --divider-color: rgba(148, 163, 184, 0.18);
            --surface-soft-hover: rgba(246, 208, 220, 0.86);
            --surface-soft-hover-strong: rgba(238, 174, 191, 0.88);
            --overlay-dim: rgba(59, 42, 47, 0.24);
        }

        [data-theme='ultramarine'] {
            --page-bg: #05071c;
            --header-bg: #0c1033;
            --header-border: rgba(99, 102, 241, 0.32);
            --text-primary: #e0e7ff;
            --text-secondary: #c7d2fe;
            --card-bg: #0f153d;
            --sidebar-bg: #080b26;
            --sidebar-bg-strong: #0d1133;
            --sidebar-border: #161c4b;
            --sidebar-text: #e0e7ff;
            --sidebar-muted: #c7d2fe;
            --sidebar-hover-bg: rgba(99, 102, 241, 0.24);
            --sidebar-active-bg: rgba(129, 140, 248, 0.34);
            --sidebar-active-text: #080b26;
            --sidebar-accent: #818cf8;
            --surface-border: rgba(99, 102, 241, 0.32);
            --control-bg: rgba(15, 21, 61, 0.9);
            --control-border: rgba(129, 140, 248, 0.32);
            --control-text: #e0e7ff;
            --menu-bg: rgba(6, 8, 28, 0.96);
            --menu-border: rgba(99, 102, 241, 0.3);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(12, 17, 49, 0.9);
            --surface-elevated: #121a49;
            --ring-color: rgba(129, 140, 248, 0.44);
            --divider-color: rgba(148, 163, 184, 0.26);
            --surface-soft-hover: rgba(79, 70, 229, 0.42);
            --surface-soft-hover-strong: rgba(67, 56, 202, 0.54);
            --overlay-dim: rgba(5, 6, 20, 0.82);
        }

        [data-theme='espresso-cream'] {
            --page-bg: #f4ede5;
            --header-bg: #fdfaf6;
            --header-border: rgba(148, 108, 84, 0.24);
            --text-primary: #2e221d;
            --text-secondary: #5a433a;
            --card-bg: #ffffff;
            --sidebar-bg: #efe4da;
            --sidebar-bg-strong: #e5d5c7;
            --sidebar-border: rgba(148, 108, 84, 0.26);
            --sidebar-text: #2e221d;
            --sidebar-muted: #5a433a;
            --sidebar-hover-bg: rgba(217, 119, 6, 0.12);
            --sidebar-active-bg: rgba(148, 108, 84, 0.2);
            --sidebar-active-text: #2e221d;
            --sidebar-accent: #9a6c52;
            --surface-border: rgba(148, 108, 84, 0.24);
            --control-bg: rgba(255, 255, 255, 0.94);
            --control-border: rgba(148, 108, 84, 0.26);
            --control-text: #2e221d;
            --menu-bg: #ffffff;
            --menu-border: rgba(148, 108, 84, 0.24);
            --surface-soft: rgba(239, 228, 218, 0.86);
            --surface-muted: #efe4da;
            --surface-ghost: rgba(255, 255, 255, 0.9);
            --surface-elevated: #ffffff;
            --ring-color: rgba(148, 108, 84, 0.3);
            --divider-color: rgba(148, 163, 184, 0.18);
            --surface-soft-hover: rgba(226, 210, 197, 0.84);
            --surface-soft-hover-strong: rgba(212, 190, 173, 0.88);
            --overlay-dim: rgba(46, 34, 29, 0.28);
        }

        [data-theme='lagoon'] {
            --page-bg: #03151a;
            --header-bg: #082129;
            --header-border: rgba(45, 212, 191, 0.28);
            --text-primary: #d1fae5;
            --text-secondary: #a7f3d0;
            --card-bg: #0a2730;
            --sidebar-bg: #051a20;
            --sidebar-bg-strong: #0a242c;
            --sidebar-border: #0f2e38;
            --sidebar-text: #d1fae5;
            --sidebar-muted: #a7f3d0;
            --sidebar-hover-bg: rgba(45, 212, 191, 0.2);
            --sidebar-active-bg: rgba(16, 185, 129, 0.3);
            --sidebar-active-text: #051a20;
            --sidebar-accent: #10b981;
            --surface-border: rgba(45, 212, 191, 0.32);
            --control-bg: rgba(10, 39, 48, 0.88);
            --control-border: rgba(45, 212, 191, 0.34);
            --control-text: #d1fae5;
            --menu-bg: rgba(4, 17, 22, 0.96);
            --menu-border: rgba(45, 212, 191, 0.28);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(7, 27, 34, 0.9);
            --surface-elevated: #0d2e38;
            --ring-color: rgba(45, 212, 191, 0.44);
            --divider-color: rgba(148, 163, 184, 0.26);
            --surface-soft-hover: rgba(14, 165, 233, 0.35);
            --surface-soft-hover-strong: rgba(16, 185, 129, 0.5);
            --overlay-dim: rgba(3, 12, 16, 0.82);
        }

        [data-theme='citrus-pop'] {
            --page-bg: #fff7ed;
            --header-bg: #fffaf4;
            --header-border: rgba(251, 191, 36, 0.26);
            --text-primary: #2f1f0f;
            --text-secondary: #6b4e17;
            --card-bg: #ffffff;
            --sidebar-bg: #fff1d6;
            --sidebar-bg-strong: #ffe7b8;
            --sidebar-border: rgba(251, 191, 36, 0.3);
            --sidebar-text: #2f1f0f;
            --sidebar-muted: #6b4e17;
            --sidebar-hover-bg: rgba(251, 191, 36, 0.2);
            --sidebar-active-bg: rgba(251, 146, 60, 0.26);
            --sidebar-active-text: #2f1f0f;
            --sidebar-accent: #f59e0b;
            --surface-border: rgba(251, 191, 36, 0.26);
            --control-bg: rgba(255, 255, 255, 0.95);
            --control-border: rgba(251, 191, 36, 0.28);
            --control-text: #2f1f0f;
            --menu-bg: #ffffff;
            --menu-border: rgba(251, 191, 36, 0.24);
            --surface-soft: rgba(255, 241, 214, 0.86);
            --surface-muted: #fff1d6;
            --surface-ghost: rgba(255, 255, 255, 0.9);
            --surface-elevated: #ffffff;
            --ring-color: rgba(251, 191, 36, 0.32);
            --divider-color: rgba(148, 163, 184, 0.18);
            --surface-soft-hover: rgba(255, 231, 191, 0.86);
            --surface-soft-hover-strong: rgba(255, 214, 150, 0.88);
            --overlay-dim: rgba(47, 31, 15, 0.24);
        }

        [data-theme='midori'] {
            --page-bg: #0c1710;
            --header-bg: #102017;
            --header-border: rgba(52, 211, 153, 0.26);
            --text-primary: #e7fbe7;
            --text-secondary: #c7f9cc;
            --card-bg: #12241a;
            --sidebar-bg: #0d1b14;
            --sidebar-bg-strong: #123121;
            --sidebar-border: #1a3c28;
            --sidebar-text: #e7fbe7;
            --sidebar-muted: #c7f9cc;
            --sidebar-hover-bg: rgba(52, 211, 153, 0.22);
            --sidebar-active-bg: rgba(16, 185, 129, 0.32);
            --sidebar-active-text: #0d1b14;
            --sidebar-accent: #34d399;
            --surface-border: rgba(52, 211, 153, 0.28);
            --control-bg: rgba(18, 36, 26, 0.86);
            --control-border: rgba(52, 211, 153, 0.36);
            --control-text: #e7fbe7;
            --menu-bg: rgba(10, 24, 16, 0.96);
            --menu-border: rgba(52, 211, 153, 0.3);
            --surface-soft: color-mix(in srgb, var(--card-bg) 78%, var(--page-bg) 22%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 70%, var(--page-bg) 30%);
            --surface-ghost: rgba(15, 32, 22, 0.9);
            --surface-elevated: #163023;
            --ring-color: rgba(52, 211, 153, 0.44);
            --divider-color: rgba(148, 163, 184, 0.24);
            --surface-soft-hover: rgba(16, 185, 129, 0.4);
            --surface-soft-hover-strong: rgba(22, 163, 74, 0.52);
            --overlay-dim: rgba(6, 14, 10, 0.82);
        }

        [data-theme='dark'] {
            --page-bg: #020617;
            --header-bg: #030712;
            --header-border: rgba(255, 255, 255, 0.12);
            --text-primary: #e2e8f0;
            --text-secondary: #cbd5e1;
            --card-bg: #0f172a;
            --sidebar-bg: #0b1220;
            --sidebar-bg-strong: #0f172a;
            --sidebar-border: #1e293b;
            --sidebar-text: #e2e8f0;
            --sidebar-muted: #cbd5e1;
            --sidebar-hover-bg: rgba(148, 163, 184, 0.16);
            --sidebar-active-bg: rgba(59, 130, 246, 0.28);
            --sidebar-active-text: #ffffff;
            --sidebar-accent: #fb7185;
            --surface-border: rgba(51, 65, 85, 0.8);
            --status-info-bg: rgba(59, 130, 246, 0.16);
            --status-info-text: #cfe2ff;
            --status-info-border: rgba(59, 130, 246, 0.45);
            --status-info-strong-bg: rgba(99, 102, 241, 0.2);
            --status-info-strong-text: #e0e7ff;
            --status-info-strong-border: rgba(99, 102, 241, 0.55);
            --status-success-bg: rgba(16, 185, 129, 0.16);
            --status-success-text: #d1fae5;
            --status-success-border: rgba(16, 185, 129, 0.48);
            --status-success-soft-bg: rgba(132, 204, 22, 0.18);
            --status-success-soft-text: #e7f7c2;
            --status-success-soft-border: rgba(132, 204, 22, 0.42);
            --status-warning-bg: rgba(250, 204, 21, 0.18);
            --status-warning-text: #fef9c3;
            --status-warning-border: rgba(250, 204, 21, 0.45);
            --status-danger-bg: rgba(248, 113, 113, 0.2);
            --status-danger-text: #fee2e2;
            --status-danger-border: rgba(248, 113, 113, 0.5);
            --status-neutral-bg: rgba(148, 163, 184, 0.2);
            --status-neutral-text: #e2e8f0;
            --status-neutral-border: rgba(148, 163, 184, 0.5);
            --status-neutral-soft-bg: rgba(51, 65, 85, 0.6);
            --status-neutral-soft-text: #e2e8f0;
            --status-neutral-soft-border: rgba(148, 163, 184, 0.4);
            --control-bg: rgba(15, 23, 42, 0.85);
            --control-border: rgba(96, 165, 250, 0.6);
            --control-text: #f8fafc;
            --menu-bg: rgba(2, 6, 23, 0.95);
            --menu-border: rgba(59, 130, 246, 0.5);
            --surface-soft-hover: rgba(43, 58, 83, 0.78);
            --surface-soft-hover-strong: rgba(61, 82, 116, 0.86);
        }

        [data-theme='premium-blue'] {
            --page-bg: #030f3c;
            --header-bg: #071b3d;
            --header-border: rgba(79, 70, 229, 0.4);
            --text-primary: #e8edff;
            --text-secondary: #c7d2fe;
            --card-bg: #0b1838;
            --sidebar-bg: #071330;
            --sidebar-bg-strong: #0a1f46;
            --sidebar-border: #0f1f46;
            --sidebar-text: #e0e7ff;
            --sidebar-muted: #c7d2fe;
            --sidebar-hover-bg: rgba(99, 102, 241, 0.18);
            --sidebar-active-bg: rgba(59, 130, 246, 0.32);
            --sidebar-active-text: #ffffff;
            --sidebar-accent: #38bdf8;
            --surface-border: rgba(79, 70, 229, 0.5);
            --status-info-bg: rgba(59, 130, 246, 0.18);
            --status-info-text: #dce6ff;
            --status-info-border: rgba(59, 130, 246, 0.55);
            --status-info-strong-bg: rgba(99, 102, 241, 0.22);
            --status-info-strong-text: #e7e9ff;
            --status-info-strong-border: rgba(99, 102, 241, 0.6);
            --status-success-bg: rgba(59, 178, 146, 0.18);
            --status-success-text: #d6fff2;
            --status-success-border: rgba(59, 178, 146, 0.5);
            --status-success-soft-bg: rgba(132, 204, 22, 0.18);
            --status-success-soft-text: #e6fac6;
            --status-success-soft-border: rgba(132, 204, 22, 0.45);
            --status-warning-bg: rgba(250, 204, 21, 0.2);
            --status-warning-text: #fff6bf;
            --status-warning-border: rgba(250, 204, 21, 0.5);
            --status-danger-bg: rgba(248, 113, 113, 0.22);
            --status-danger-text: #ffe1e6;
            --status-danger-border: rgba(248, 113, 113, 0.55);
            --status-neutral-bg: rgba(148, 163, 184, 0.24);
            --status-neutral-text: #e5e9f4;
            --status-neutral-border: rgba(148, 163, 184, 0.5);
            --status-neutral-soft-bg: rgba(54, 64, 94, 0.7);
            --status-neutral-soft-text: #e5e9f4;
            --status-neutral-soft-border: rgba(148, 163, 184, 0.42);
            --control-bg: rgba(255, 255, 255, 0.08);
            --control-border: rgba(59, 130, 246, 0.6);
            --control-text: #e0e7ff;
            --menu-bg: rgba(5, 11, 29, 0.95);
            --menu-border: rgba(79, 70, 229, 0.6);
            --surface-soft-hover: rgba(41, 63, 110, 0.72);
            --surface-soft-hover-strong: rgba(58, 91, 153, 0.82);
        }

        [data-theme='graphite'] {
            --page-bg: #0b0b0f;
            --header-bg: #15151b;
            --header-border: rgba(148, 163, 184, 0.25);
            --text-primary: #e2e8f0;
            --text-secondary: #cbd5e1;
            --card-bg: #1e1e26;
            --sidebar-bg: #111118;
            --sidebar-bg-strong: #161622;
            --sidebar-border: #1f2933;
            --sidebar-text: #f8fafc;
            --sidebar-muted: #cbd5e1;
            --sidebar-hover-bg: rgba(148, 163, 184, 0.18);
            --sidebar-active-bg: rgba(59, 130, 246, 0.3);
            --sidebar-active-text: #ffffff;
            --sidebar-accent: #a855f7;
            --surface-border: rgba(148, 163, 184, 0.35);
            --status-info-bg: rgba(59, 130, 246, 0.2);
            --status-info-text: #dbeafe;
            --status-info-border: rgba(59, 130, 246, 0.5);
            --status-info-strong-bg: rgba(99, 102, 241, 0.24);
            --status-info-strong-text: #e0e7ff;
            --status-info-strong-border: rgba(99, 102, 241, 0.55);
            --status-success-bg: rgba(16, 185, 129, 0.2);
            --status-success-text: #d1fae5;
            --status-success-border: rgba(16, 185, 129, 0.55);
            --status-success-soft-bg: rgba(132, 204, 22, 0.22);
            --status-success-soft-text: #e4f6c3;
            --status-success-soft-border: rgba(132, 204, 22, 0.48);
            --status-warning-bg: rgba(234, 179, 8, 0.22);
            --status-warning-text: #fef3c7;
            --status-warning-border: rgba(234, 179, 8, 0.5);
            --status-danger-bg: rgba(248, 113, 113, 0.24);
            --status-danger-text: #ffe4e6;
            --status-danger-border: rgba(248, 113, 113, 0.55);
            --status-neutral-bg: rgba(148, 163, 184, 0.26);
            --status-neutral-text: #e2e8f0;
            --status-neutral-border: rgba(148, 163, 184, 0.52);
            --status-neutral-soft-bg: rgba(38, 44, 59, 0.7);
            --status-neutral-soft-text: #e2e8f0;
            --status-neutral-soft-border: rgba(148, 163, 184, 0.42);
            --control-bg: rgba(30, 41, 59, 0.85);
            --control-border: rgba(148, 163, 184, 0.5);
            --control-text: #f8fafc;
            --menu-bg: rgba(8, 10, 18, 0.95);
            --menu-border: rgba(148, 163, 184, 0.55);
            --surface-soft-hover: rgba(63, 66, 84, 0.74);
            --surface-soft-hover-strong: rgba(86, 92, 116, 0.84);
        }

        [data-theme='aurora'] {
            --page-bg: #050718;
            --header-bg: #12062c;
            --header-border: rgba(255, 255, 255, 0.12);
            --text-primary: #f5eaff;
            --text-secondary: #d9d4ff;
            --card-bg: #1d1034;
            --sidebar-bg: #0c0721;
            --sidebar-bg-strong: #150f33;
            --sidebar-border: #1a0f37;
            --sidebar-text: #e8dffb;
            --sidebar-muted: #d5cfee;
            --sidebar-hover-bg: rgba(236, 72, 153, 0.2);
            --sidebar-active-bg: rgba(236, 72, 153, 0.3);
            --sidebar-active-text: #ffffff;
            --sidebar-accent: #f472b6;
            --surface-border: rgba(236, 72, 153, 0.28);
            --status-info-bg: rgba(59, 130, 246, 0.18);
            --status-info-text: #e0e7ff;
            --status-info-border: rgba(59, 130, 246, 0.52);
            --status-info-strong-bg: rgba(109, 40, 217, 0.22);
            --status-info-strong-text: #f3e8ff;
            --status-info-strong-border: rgba(109, 40, 217, 0.55);
            --status-success-bg: rgba(16, 185, 129, 0.2);
            --status-success-text: #e1f7ec;
            --status-success-border: rgba(16, 185, 129, 0.52);
            --status-success-soft-bg: rgba(132, 204, 22, 0.2);
            --status-success-soft-text: #e9f9ce;
            --status-success-soft-border: rgba(132, 204, 22, 0.48);
            --status-warning-bg: rgba(250, 204, 21, 0.2);
            --status-warning-text: #fdf4c9;
            --status-warning-border: rgba(250, 204, 21, 0.5);
            --status-danger-bg: rgba(248, 113, 113, 0.24);
            --status-danger-text: #ffe4e6;
            --status-danger-border: rgba(248, 113, 113, 0.55);
            --status-neutral-bg: rgba(148, 163, 184, 0.28);
            --status-neutral-text: #e2e8f0;
            --status-neutral-border: rgba(148, 163, 184, 0.52);
            --status-neutral-soft-bg: rgba(33, 31, 45, 0.7);
            --status-neutral-soft-text: #e2e8f0;
            --status-neutral-soft-border: rgba(148, 163, 184, 0.42);
            --control-bg: rgba(255, 255, 255, 0.08);
            --control-border: rgba(236, 72, 153, 0.65);
            --control-text: #ffe6fb;
            --menu-bg: rgba(8, 7, 24, 0.95);
            --menu-border: rgba(236, 72, 153, 0.5);
            --surface-soft-hover: rgba(92, 44, 120, 0.7);
            --surface-soft-hover-strong: rgba(124, 63, 162, 0.82);
        }

        [data-theme='forest'] {
            --page-bg: #03180f;
            --header-bg: #0b2915;
            --header-border: rgba(16, 185, 129, 0.35);
            --text-primary: #e8f8ea;
            --text-secondary: #c7e8d2;
            --card-bg: #0f2916;
            --sidebar-bg: #081b0f;
            --sidebar-bg-strong: #0c2418;
            --sidebar-border: #0f2916;
            --sidebar-text: #d3f3ca;
            --sidebar-muted: #9fd0a9;
            --sidebar-hover-bg: rgba(34, 197, 94, 0.18);
            --sidebar-active-bg: rgba(16, 185, 129, 0.28);
            --sidebar-active-text: #ffffff;
            --sidebar-accent: #34d399;
            --surface-border: rgba(16, 185, 129, 0.28);
            --status-info-bg: rgba(56, 189, 248, 0.18);
            --status-info-text: #d9f2ff;
            --status-info-border: rgba(56, 189, 248, 0.5);
            --status-info-strong-bg: rgba(99, 102, 241, 0.22);
            --status-info-strong-text: #e7e9ff;
            --status-info-strong-border: rgba(99, 102, 241, 0.55);
            --status-success-bg: rgba(16, 185, 129, 0.2);
            --status-success-text: #d7fbe6;
            --status-success-border: rgba(16, 185, 129, 0.52);
            --status-success-soft-bg: rgba(132, 204, 22, 0.22);
            --status-success-soft-text: #e9f9ce;
            --status-success-soft-border: rgba(132, 204, 22, 0.48);
            --status-warning-bg: rgba(234, 179, 8, 0.2);
            --status-warning-text: #fdf4c9;
            --status-warning-border: rgba(234, 179, 8, 0.5);
            --status-danger-bg: rgba(248, 113, 113, 0.24);
            --status-danger-text: #ffe4e6;
            --status-danger-border: rgba(248, 113, 113, 0.55);
            --status-neutral-bg: rgba(148, 163, 184, 0.28);
            --status-neutral-text: #e2e8f0;
            --status-neutral-border: rgba(148, 163, 184, 0.52);
            --status-neutral-soft-bg: rgba(15, 30, 22, 0.7);
            --status-neutral-soft-text: #e2e8f0;
            --status-neutral-soft-border: rgba(148, 163, 184, 0.42);
            --control-bg: rgba(16, 185, 129, 0.08);
            --control-border: rgba(16, 185, 129, 0.65);
            --control-text: #e8f8ea;
            --menu-bg: rgba(5, 16, 9, 0.95);
            --menu-border: rgba(16, 185, 129, 0.45);
            --surface-soft-hover: rgba(25, 84, 58, 0.74);
            --surface-soft-hover-strong: rgba(34, 116, 79, 0.84);
        }

        [data-theme='dark'],
        [data-theme='spotify-night'],
        [data-theme='premium-blue'],
        [data-theme='graphite'],
        [data-theme='aurora'],
        [data-theme='forest'],
        [data-theme='platinum-glow'],
        [data-theme='obsidian-gold'],
        [data-theme='sand-dune'],
        [data-theme='midnight-neon'],
        [data-theme='skyline-pastel'],
        [data-theme='velvet-rose'],
        [data-theme='glacier-mint'],
        [data-theme='copper-sunset'],
        [data-theme='desert-latte'],
        [data-theme='neon-lime'],
        [data-theme='sapphire-frost'],
        [data-theme='charcoal-ember'],
        [data-theme='aero-glass'],
        [data-theme='inkstone'],
        [data-theme='cyber-wave'],
        [data-theme='blush-ivory'],
        [data-theme='ultramarine'],
        [data-theme='espresso-cream'],
        [data-theme='lagoon'],
        [data-theme='citrus-pop'],
        [data-theme='midori'] {
            --surface-soft: color-mix(in srgb, var(--card-bg) 82%, var(--page-bg) 18%);
            --surface-muted: color-mix(in srgb, var(--card-bg) 72%, var(--page-bg) 28%);
            --surface-ghost: color-mix(in srgb, var(--card-bg) 88%, transparent);
            --surface-elevated: color-mix(in srgb, var(--card-bg) 94%, var(--sidebar-bg) 6%);
            --ring-color: color-mix(in srgb, var(--surface-border) 78%, var(--sidebar-accent) 22%);
            --divider-color: color-mix(in srgb, var(--surface-border) 90%, transparent);
            --surface-soft-hover: color-mix(in srgb, var(--surface-muted) 72%, var(--sidebar-accent) 28%);
            --surface-soft-hover-strong: color-mix(in srgb, var(--surface-soft-hover) 82%, var(--sidebar-accent) 18%);
            --overlay-dim: color-mix(in srgb, var(--page-bg) 45%, #000 55%);
        }

        /* Passe ultrafino: microcontraste agressivo por tema (hover médio/forte + overlay) */
        [data-theme='dark'] {
            --surface-soft-hover: rgba(48, 68, 102, 0.82);
            --surface-soft-hover-strong: rgba(74, 103, 153, 0.9);
            --overlay-dim: rgba(2, 8, 20, 0.74);
        }

        [data-theme='spotify-night'] {
            --surface-soft-hover: rgba(46, 82, 64, 0.78);
            --surface-soft-hover-strong: rgba(70, 122, 92, 0.9);
            --overlay-dim: rgba(6, 12, 10, 0.76);
        }

        [data-theme='premium-blue'] {
            --surface-soft-hover: rgba(48, 89, 168, 0.78);
            --surface-soft-hover-strong: rgba(76, 129, 230, 0.9);
            --overlay-dim: rgba(3, 10, 32, 0.72);
        }

        [data-theme='graphite'] {
            --surface-soft-hover: rgba(79, 86, 110, 0.8);
            --surface-soft-hover-strong: rgba(112, 121, 151, 0.9);
            --overlay-dim: rgba(8, 10, 16, 0.74);
        }

        [data-theme='aurora'] {
            --surface-soft-hover: rgba(120, 52, 160, 0.78);
            --surface-soft-hover-strong: rgba(168, 82, 225, 0.9);
            --overlay-dim: rgba(16, 8, 34, 0.72);
        }

        [data-theme='forest'] {
            --surface-soft-hover: rgba(31, 102, 70, 0.8);
            --surface-soft-hover-strong: rgba(46, 146, 100, 0.9);
            --overlay-dim: rgba(4, 18, 10, 0.72);
        }

        /* Regra global: em temas escuros, campos de formulário seguem tokens do tema */
        [data-theme='dark'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='dark'] select,
        [data-theme='dark'] textarea,
        [data-theme='spotify-night'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='spotify-night'] select,
        [data-theme='spotify-night'] textarea,
        [data-theme='premium-blue'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='premium-blue'] select,
        [data-theme='premium-blue'] textarea,
        [data-theme='graphite'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='graphite'] select,
        [data-theme='graphite'] textarea,
        [data-theme='aurora'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='aurora'] select,
        [data-theme='aurora'] textarea,
        [data-theme='forest'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='forest'] select,
        [data-theme='forest'] textarea,
        [data-theme='platinum-glow'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='platinum-glow'] select,
        [data-theme='platinum-glow'] textarea,
        [data-theme='obsidian-gold'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='obsidian-gold'] select,
        [data-theme='obsidian-gold'] textarea,
        [data-theme='sand-dune'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='sand-dune'] select,
        [data-theme='sand-dune'] textarea,
        [data-theme='midnight-neon'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='midnight-neon'] select,
        [data-theme='midnight-neon'] textarea,
        [data-theme='skyline-pastel'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='skyline-pastel'] select,
        [data-theme='skyline-pastel'] textarea,
        [data-theme='velvet-rose'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='velvet-rose'] select,
        [data-theme='velvet-rose'] textarea,
        [data-theme='glacier-mint'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='glacier-mint'] select,
        [data-theme='glacier-mint'] textarea,
        [data-theme='copper-sunset'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='copper-sunset'] select,
        [data-theme='copper-sunset'] textarea,
        [data-theme='desert-latte'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='desert-latte'] select,
        [data-theme='desert-latte'] textarea,
        [data-theme='neon-lime'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='neon-lime'] select,
        [data-theme='neon-lime'] textarea,
        [data-theme='sapphire-frost'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='sapphire-frost'] select,
        [data-theme='sapphire-frost'] textarea,
        [data-theme='charcoal-ember'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='charcoal-ember'] select,
        [data-theme='charcoal-ember'] textarea,
        [data-theme='aero-glass'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='aero-glass'] select,
        [data-theme='aero-glass'] textarea,
        [data-theme='inkstone'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='inkstone'] select,
        [data-theme='inkstone'] textarea,
        [data-theme='cyber-wave'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='cyber-wave'] select,
        [data-theme='cyber-wave'] textarea,
        [data-theme='blush-ivory'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='blush-ivory'] select,
        [data-theme='blush-ivory'] textarea,
        [data-theme='ultramarine'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='ultramarine'] select,
        [data-theme='ultramarine'] textarea,
        [data-theme='espresso-cream'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='espresso-cream'] select,
        [data-theme='espresso-cream'] textarea,
        [data-theme='lagoon'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='lagoon'] select,
        [data-theme='lagoon'] textarea,
        [data-theme='citrus-pop'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='citrus-pop'] select,
        [data-theme='citrus-pop'] textarea,
        [data-theme='midori'] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme='midori'] select,
        [data-theme='midori'] textarea {
            background-color: var(--control-bg) !important;
            color: var(--control-text) !important;
            border-color: var(--control-border) !important;
        }

        [data-theme] input::placeholder,
        [data-theme] textarea::placeholder {
            color: var(--text-secondary) !important;
            opacity: 0.9;
        }

        /* Contraste para familias escuras: cards, blocos e tipografia interna */
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .theme-switcher-content,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) #modalDetalhesMultaAdmin > div:last-child,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) #modal-lista-modelos-admin > div:last-child {
            background: var(--surface-elevated) !important;
            border: 1px solid var(--surface-border) !important;
            color: var(--text-primary) !important;
            box-shadow: 0 18px 42px color-mix(in srgb, var(--overlay-dim) 75%, transparent) !important;
        }

        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card-header,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card-body,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card-footer {
            background: color-mix(in srgb, var(--surface-soft) 86%, var(--card-bg) 14%) !important;
            border-color: var(--surface-border) !important;
            color: var(--text-primary) !important;
        }

        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card-title,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card-text,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .table,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) table {
            color: var(--text-primary) !important;
        }

        /* Inputs/select/textarea com foco legível em qualquer tema */
        [data-theme] input:not([type='hidden']):not([type='checkbox']):not([type='radio']):not([type='submit']):not([type='button']):not([type='reset']),
        [data-theme] select,
        [data-theme] textarea {
            background-color: var(--control-bg) !important;
            color: var(--control-text) !important;
            border-color: var(--control-border) !important;
        }

        [data-theme] input:focus,
        [data-theme] select:focus,
        [data-theme] textarea:focus {
            outline: none;
            border-color: color-mix(in srgb, var(--sidebar-accent) 62%, var(--control-border) 38%) !important;
            box-shadow: 0 0 0 2px color-mix(in srgb, var(--sidebar-accent) 26%, transparent) !important;
        }

        [data-theme] select option {
            color: var(--text-primary);
            background-color: var(--menu-bg);
        }

        /* Blindagem de contraste: fundos opacos e tipografia para família dark */
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) {
            --control-bg: color-mix(in srgb, var(--card-bg) 88%, #000 12%);
            --control-text: color-mix(in srgb, var(--text-primary) 96%, #ffffff 4%);
            --surface-elevated: color-mix(in srgb, var(--card-bg) 94%, #000 6%);
        }

        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card-title,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .card-text,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .executive-header__title,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .executive-header__subtitle,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .executive-header__eyebrow {
            color: var(--text-primary) !important;
        }

        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .bg-white,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .bg-white\/90,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .bg-slate-50,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .bg-slate-50\/80,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .bg-slate-100 {
            background-color: var(--surface-elevated) !important;
        }

        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .border-slate-200,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .border-slate-200\/80,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .border-slate-300,
        :is(
            [data-theme='dark'],
            [data-theme='spotify-night'],
            [data-theme='premium-blue'],
            [data-theme='graphite'],
            [data-theme='aurora'],
            [data-theme='forest'],
            [data-theme='obsidian-gold'],
            [data-theme='midnight-neon'],
            [data-theme='velvet-rose'],
            [data-theme='copper-sunset'],
            [data-theme='neon-lime'],
            [data-theme='sapphire-frost'],
            [data-theme='charcoal-ember'],
            [data-theme='inkstone'],
            [data-theme='cyber-wave'],
            [data-theme='ultramarine'],
            [data-theme='lagoon'],
            [data-theme='midori']
        ) .ring-slate-200 {
            border-color: var(--surface-border) !important;
            --tw-ring-color: color-mix(in srgb, var(--surface-border) 88%, transparent) !important;
        }

        html {
            scrollbar-gutter: stable;
        }


        .text-slate-500,
        .text-gray-500 {
            color: var(--text-secondary) !important;
        }

        .text-slate-600,
        .text-slate-700,
        .text-slate-800,
        .text-slate-900,
        .text-gray-600,
        .text-gray-700,
        .text-gray-800,
        .text-gray-900,
        .text-muted {
            color: var(--text-primary) !important;
        }

        aside::-webkit-scrollbar {
            width: 4px;
        }

        aside::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }

        .animate-fade-in-down {
            animation: fadeInDown 0.3s ease-out;
        }

        @keyframes fadeInDown {
            0% { opacity: 0; transform: translateY(-10px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        #main-header {
            background-color: var(--header-bg);
            border-bottom: 1px solid var(--header-border);
            transition: transform 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
            backdrop-filter: blur(10px);
            will-change: transform;
        }

        [data-theme='azure-frost'] #main-header {
            background: linear-gradient(105deg, rgba(255, 255, 255, 0.84) 0%, rgba(230, 242, 255, 0.9) 48%, rgba(214, 236, 255, 0.92) 100%);
            box-shadow: 0 14px 30px rgba(14, 72, 126, 0.14);
            backdrop-filter: blur(14px);
        }

        #main-header.header-condensed {
            padding-top: 0.3rem;
            padding-bottom: 0.35rem;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15);
        }

        #main-header.header-hidden {
            transform: translateY(-100%);
            box-shadow: none;
        }


        .sidebar-theme-label {
            color: var(--sidebar-muted);
        }

        .sidebar-theme-value {
            color: var(--sidebar-text);
        }

        .theme-picker-icon {
            color: var(--sidebar-muted);
        }

        .sidebar-toggle {
            color: var(--sidebar-muted);
            transition: color 0.2s ease;
        }

        .sidebar-toggle:hover {
            color: var(--sidebar-text);
        }

:is(
    [data-theme='dark'],
    [data-theme='spotify-night'],
    [data-theme='premium-blue'],
    [data-theme='graphite'],
    [data-theme='aurora'],
    [data-theme='forest'],
    [data-theme='obsidian-gold'],
    [data-theme='midnight-neon'],
    [data-theme='velvet-rose'],
    [data-theme='copper-sunset'],
    [data-theme='neon-lime'],
    [data-theme='sapphire-frost'],
    [data-theme='charcoal-ember'],
    [data-theme='inkstone'],
    [data-theme='cyber-wave'],
    [data-theme='ultramarine'],
    [data-theme='lagoon'],
    [data-theme='midori']
) body {
    background: var(--app-bg);
    color: var(--text-primary);
}

:is(
    [data-theme='dark'],
    [data-theme='spotify-night'],
    [data-theme='premium-blue'],
    [data-theme='graphite'],
    [data-theme='aurora'],
    [data-theme='forest'],
    [data-theme='obsidian-gold'],
    [data-theme='midnight-neon'],
    [data-theme='velvet-rose'],
    [data-theme='copper-sunset'],
    [data-theme='neon-lime'],
    [data-theme='sapphire-frost'],
    [data-theme='charcoal-ember'],
    [data-theme='inkstone'],
    [data-theme='cyber-wave'],
    [data-theme='ultramarine'],
    [data-theme='lagoon'],
    [data-theme='midori']
) #global-loader {
    background: color-mix(in srgb, var(--app-bg) 78%, transparent) !important;
}

:is(
    [data-theme='dark'],
    [data-theme='spotify-night'],
    [data-theme='premium-blue'],
    [data-theme='graphite'],
    [data-theme='aurora'],
    [data-theme='forest'],
    [data-theme='obsidian-gold'],
    [data-theme='midnight-neon'],
    [data-theme='velvet-rose'],
    [data-theme='copper-sunset'],
    [data-theme='neon-lime'],
    [data-theme='sapphire-frost'],
    [data-theme='charcoal-ember'],
    [data-theme='inkstone'],
    [data-theme='cyber-wave'],
    [data-theme='ultramarine'],
    [data-theme='lagoon'],
    [data-theme='midori']
) #theme-switcher-modal .theme-switcher-content {
    background: color-mix(in srgb, var(--surface-elevated) 92%, transparent) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--surface-border);
}

:is(
    [data-theme='dark'],
    [data-theme='spotify-night'],
    [data-theme='premium-blue'],
    [data-theme='graphite'],
    [data-theme='aurora'],
    [data-theme='forest'],
    [data-theme='obsidian-gold'],
    [data-theme='midnight-neon'],
    [data-theme='velvet-rose'],
    [data-theme='copper-sunset'],
    [data-theme='neon-lime'],
    [data-theme='sapphire-frost'],
    [data-theme='charcoal-ember'],
    [data-theme='inkstone'],
    [data-theme='cyber-wave'],
    [data-theme='ultramarine'],
    [data-theme='lagoon'],
    [data-theme='midori']
) :is(#theme-switcher-modal h3, #theme-switcher-modal label) {
    color: var(--text-primary) !important;
}

:is(
    [data-theme='dark'],
    [data-theme='spotify-night'],
    [data-theme='premium-blue'],
    [data-theme='graphite'],
    [data-theme='aurora'],
    [data-theme='forest'],
    [data-theme='obsidian-gold'],
    [data-theme='midnight-neon'],
    [data-theme='velvet-rose'],
    [data-theme='copper-sunset'],
    [data-theme='neon-lime'],
    [data-theme='sapphire-frost'],
    [data-theme='charcoal-ember'],
    [data-theme='inkstone'],
    [data-theme='cyber-wave'],
    [data-theme='ultramarine'],
    [data-theme='lagoon'],
    [data-theme='midori']
) :is(#theme-switcher-modal button[type='button'], #main-header > div > button) {
    background-color: var(--surface-elevated) !important;
    color: var(--text-primary) !important;
    border-color: var(--surface-border) !important;
}

:is(
    [data-theme='dark'],
    [data-theme='spotify-night'],
    [data-theme='premium-blue'],
    [data-theme='graphite'],
    [data-theme='aurora'],
    [data-theme='forest'],
    [data-theme='obsidian-gold'],
    [data-theme='midnight-neon'],
    [data-theme='velvet-rose'],
    [data-theme='copper-sunset'],
    [data-theme='neon-lime'],
    [data-theme='sapphire-frost'],
    [data-theme='charcoal-ember'],
    [data-theme='inkstone'],
    [data-theme='cyber-wave'],
    [data-theme='ultramarine'],
    [data-theme='lagoon'],
    [data-theme='midori']
) #theme-switcher-modal select {
    background-color: var(--control-bg) !important;
    color: var(--control-text) !important;
    border-color: var(--control-border) !important;
}