/* Temas. O padrão (:root, em colors.css) é o escuro do site NUMCO. [data-theme="dark"] repete os valores para poder aninhar (barra lateral escura dentro de um sistema claro). [data-theme="light"] é o tema claro dos sistemas entregues: canvas cinza-frio, painéis brancos, mesma estrutura, status escurecidos para contraste. Os aliases compostos são redeclarados porque var() resolve no elemento que declara. */
[data-theme="dark"]{color-scheme:dark;--bg-canvas:#000000;--bg-surface-1:#0A0A0B;--bg-surface-2:#121214;--bg-surface-3:#1A1A1D;--border-subtle:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.14);--highlight-top:rgba(255,255,255,0.06);--highlight-top-hover:rgba(255,255,255,0.12);--text-primary:#F5F5F7;--text-secondary:#9A9CA3;--text-tertiary:#6B6E76;--text-emphasis:#C9D2E0;--text-on-light:#000000;--btn-primary-bg:#F5F5F7;--btn-primary-fg:#000000;--btn-primary-hover:#FFFFFF;--btn-primary-edge:rgba(255,255,255,0.9);--btn-primary-glow:rgba(255,255,255,0.08);--control-checked:#F5F5F7;--control-checked-fg:#000000;--status-ok:#2FD27F;--status-warn:#F2B13C;--status-error:#FF6259;--status-ok-mark:#16C273;--status-warn-mark:#F2A41B;--status-error-mark:#F0453A;--status-ok-soft:rgba(22,194,115,0.18);--status-warn-soft:rgba(242,164,27,0.18);--status-error-soft:rgba(240,69,58,0.18);--shadow-panel:0 0 0 1px rgba(255,255,255,0.06),0 24px 64px rgba(0,0,0,0.50);--shadow-window:0 0 0 1px rgba(255,255,255,0.08),0 48px 140px rgba(0,0,0,0.65);--inner-light:inset 0 1px 0 rgba(255,255,255,0.06);/* @kind shadow */--inner-light-hover:inset 0 1px 0 rgba(255,255,255,0.12);/* @kind shadow */--ring-focus:0 0 0 2px var(--bg-canvas),0 0 0 4px var(--accent);--glow:radial-gradient(60% 50% at 50% 0%,rgba(255,255,255,0.07) 0%,rgba(255,255,255,0) 70%);/* @kind other */--glow-strong:radial-gradient(60% 50% at 50% 0%,rgba(255,255,255,0.11) 0%,rgba(255,255,255,0) 70%);/* @kind other */--scrim:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);/* @kind other */--surface-page:var(--bg-canvas);--surface-panel:var(--bg-surface-1);--surface-raised:var(--bg-surface-2);--surface-hover:var(--bg-surface-3);--surface-inverse:var(--text-primary);--text-body:var(--text-secondary);--text-heading:var(--text-primary);--text-meta:var(--text-tertiary)}
[data-theme="light"]{color-scheme:light;--bg-canvas:#F5F6F8;--bg-surface-1:#FFFFFF;--bg-surface-2:#F1F3F6;--bg-surface-3:#E4E8EE;--border-subtle:rgba(10,14,24,0.08);--border-strong:rgba(10,14,24,0.18);--highlight-top:rgba(255,255,255,0.9);--highlight-top-hover:rgba(255,255,255,1);--text-primary:#0A0C11;--text-secondary:#3A414C;--text-tertiary:#5A6270;--text-emphasis:#16233C;--text-on-light:#FFFFFF;--btn-primary-bg:#06070A;--btn-primary-fg:#FFFFFF;--btn-primary-hover:#1E2028;--btn-primary-edge:rgba(255,255,255,0.16);--btn-primary-glow:rgba(8,10,16,0.20);--control-checked:#06070A;--control-checked-fg:#FFFFFF;--status-ok:#0A7F49;--status-warn:#A85C06;--status-error:#C92A21;--status-ok-mark:#16C273;--status-warn-mark:#F2A41B;--status-error-mark:#F0453A;--status-ok-soft:rgba(22,194,115,0.22);--status-warn-soft:rgba(242,164,27,0.26);--status-error-soft:rgba(240,69,58,0.16);--shadow-panel:0 1px 2px rgba(12,18,32,0.06),0 16px 40px -12px rgba(12,18,32,0.18);--shadow-window:0 1px 2px rgba(12,18,32,0.06),0 40px 96px -24px rgba(12,18,32,0.24);--shadow-card:0 1px 2px rgba(12,18,32,0.05),0 8px 24px -12px rgba(12,18,32,0.12);/* @kind shadow */--inner-light:inset 0 1px 0 rgba(255,255,255,0.9);/* @kind shadow */--inner-light-hover:inset 0 1px 0 rgba(255,255,255,1);/* @kind shadow */--ring-focus:0 0 0 2px var(--bg-canvas),0 0 0 4px var(--accent);--glow:radial-gradient(60% 50% at 50% 0%,rgba(8,10,16,0.07) 0%,rgba(8,10,16,0) 70%);/* @kind other */--glow-strong:radial-gradient(60% 50% at 50% 0%,rgba(8,10,16,0.11) 0%,rgba(8,10,16,0) 70%);/* @kind other */--scrim:linear-gradient(180deg,rgba(233,236,240,0) 0%,rgba(233,236,240,0.94) 100%);/* @kind other */--surface-page:var(--bg-canvas);--surface-panel:var(--bg-surface-1);--surface-raised:var(--bg-surface-2);--surface-hover:var(--bg-surface-3);--surface-inverse:var(--text-primary);--text-body:var(--text-secondary);--text-heading:var(--text-primary);--text-meta:var(--text-tertiary)}
[data-theme="light"] ::selection{background:var(--accent-soft);color:var(--text-primary)}
/* No claro a profundidade vem de borda e contraste, não de luz: cabeçalho de tabela e trilhos ganham fundo próprio, e o painel tem borda visível. */
[data-theme="light"] .nc-panel,[data-theme="light"] .nc-window,[data-theme="light"] .nc-sched{border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}
[data-theme="light"] .nc-sched__head{background:var(--bg-surface-1);border-bottom:1px solid var(--border-subtle)}
[data-theme="light"] .nc-panel--interactive:hover{border-color:var(--border-strong)}
[data-theme="light"] .nc-table th{background:var(--bg-surface-2);color:var(--text-secondary);font-weight:600;border-bottom:1px solid var(--border-subtle)}
[data-theme="light"] .nc-table tbody tr:hover{background:var(--bg-surface-2)}
[data-theme="light"] .nc-table tbody tr[aria-selected="true"]{background:var(--bg-surface-3)}
[data-theme="light"] .nc-input{background:var(--bg-surface-1);border-color:var(--border-subtle)}
[data-theme="light"] .nc-seg,[data-theme="light"] .nc-listbox{background:var(--bg-surface-2)}
[data-theme="light"] .nc-seg__item[aria-selected="true"]{background:var(--bg-surface-1);box-shadow:0 0 0 1px var(--border-subtle)}
[data-theme="light"] .nc-sidenav__item[aria-current="page"]{background:var(--bg-surface-3)}
[data-theme="light"] .nc-switch{background:var(--bg-surface-3)}
[data-theme="light"] .nc-switch__knob{background:#5A616B}

/* Um contêiner que troca de tema precisa reafirmar a cor do texto: redeclarar a custom property não recalcula um `color` já herdado. */
[data-theme]{color:var(--text-primary)}