/* Generated from dark-palette.css. Edit the authoring source, not this file. */
@media screen {/* Authoring source. Build scopes every selector to the dark screen theme.
   Colors express purpose, rather than the brightness of their light equivalent. */
html[data-theme="dark"] {
  color-scheme: dark;
  --dark-canvas: #0d141e;
  --dark-surface: #162130;
  --dark-raised: #1e2d40;
  --dark-hover: #283b52;
  --dark-input: #101b29;
  --dark-text: #e8eef7;
  --dark-muted: #b1bfd2;
  --dark-line: #3b4e66;
  --dark-control: #7d93ae;
  --dark-grid: #6d85a3;
  --dark-accent: #86e2bd;
  --dark-primary: #087657;
  --dark-primary-hover: #086449;
  --dark-positive-bg: #143b30;
  --dark-positive: #9ae8c6;
  --dark-info-bg: #1a354e;
  --dark-info: #b6d9ff;
  --dark-warning-bg: #3b2f1b;
  --dark-warning: #ffdaa0;
  --dark-danger-bg: #402630;
  --dark-danger: #ffb8c0;
  --ui-page: var(--dark-canvas);
  --ui-ink: var(--dark-text);
  --ui-muted: var(--dark-muted);
  --ui-line: var(--dark-line);
  --ui-green: var(--dark-primary);
  --ui-focus: #a1ceff;
  --ui-shadow: 0 10px 30px #00000024;
}
html[data-theme="dark"] body { background:var(--dark-canvas); color:var(--dark-text); }
html[data-theme="dark"] body:not(.login-page) { background:var(--dark-canvas); }
html[data-theme="dark"] h1, html[data-theme="dark"] h2, html[data-theme="dark"] h3, html[data-theme="dark"] h4, html[data-theme="dark"] h5, html[data-theme="dark"] legend, html[data-theme="dark"] .brand { color:var(--dark-text); }
html[data-theme="dark"] .text-white { color:#fff; }
html[data-theme="dark"] .text-slate-800, html[data-theme="dark"] .text-slate-700, html[data-theme="dark"] .text-fintria-navy, html[data-theme="dark"] .text-fintria-navySoft { color:var(--dark-text); }
html[data-theme="dark"] .text-slate-600, html[data-theme="dark"] .text-slate-500, html[data-theme="dark"] .text-slate-400, html[data-theme="dark"] .text-slate-300 { color:var(--dark-muted); }
html[data-theme="dark"] .text-fintria-verde { color:var(--dark-positive); }
html[data-theme="dark"] .text-fintria-azul, html[data-theme="dark"] .text-blue-600 { color:var(--dark-info); }
html[data-theme="dark"] .text-fintria-ambar, html[data-theme="dark"] .text-amber-700 { color:var(--dark-warning); }
html[data-theme="dark"] .text-fintria-vermelho, html[data-theme="dark"] .text-red-600, html[data-theme="dark"] .text-red-700 { color:var(--dark-danger); }
html[data-theme="dark"] .text-fintria-roxo { color:#ddc6ff; }
html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-slate-50, html[data-theme="dark"] .bg-slate-100 { background:var(--dark-surface); }
html[data-theme="dark"] .bg-slate-300 { background:var(--dark-raised); }
html[data-theme="dark"] .bg-slate-50\/80 { background:#162130cc; }
html[data-theme="dark"] .bg-fintria-navy, html[data-theme="dark"] .bg-fintria-navySoft { background:#152e47; }
html[data-theme="dark"] .bg-fintria-verde { background:var(--dark-primary); }
html[data-theme="dark"] .bg-fintria-verdeBg { background:var(--dark-positive-bg); }
html[data-theme="dark"] .bg-fintria-azulBg { background:var(--dark-info-bg); }
html[data-theme="dark"] .bg-fintria-ambarBg, html[data-theme="dark"] .bg-amber-50 { background:var(--dark-warning-bg); }
html[data-theme="dark"] .bg-fintria-vermelhoBg, html[data-theme="dark"] .bg-red-50 { background:var(--dark-danger-bg); }
html[data-theme="dark"] .bg-fintria-vermelhoBg\/30 { background:#40263066; }
html[data-theme="dark"] .bg-fintria-roxoBg { background:#322644; }
html[data-theme="dark"] .border-slate-200, html[data-theme="dark"] .border-slate-300 { border-color:var(--dark-line); }
html[data-theme="dark"] .border-fintria-verde { border-color:#52b994; }
html[data-theme="dark"] .border-fintria-azul { border-color:#8cb7e6; }
html[data-theme="dark"] .border-amber-300, html[data-theme="dark"] .border-fintria-ambar { border-color:#d5af66; }
html[data-theme="dark"] .border-red-200, html[data-theme="dark"] .border-fintria-vermelho { border-color:#de929d; }
html[data-theme="dark"] .border-fintria-roxo { border-color:#b79edb; }

/* Three levels: canvas, content surface, raised cards. Quiet dividers do not
   compete with input/button outlines or the operational grid. */
html[data-theme="dark"] .app-header { background:var(--dark-surface); color:var(--dark-text); border-bottom-color:var(--dark-line); }
html[data-theme="dark"] .app-header h1 { color:var(--dark-text); }
html[data-theme="dark"] #storage-description, html[data-theme="dark"] .app-footer, html[data-theme="dark"] .app-footer p, html[data-theme="dark"] .app-footer a { color:var(--dark-muted); }
html[data-theme="dark"] .app-footer a:hover { color:var(--dark-accent); }
html[data-theme="dark"] [data-etapa], html[data-theme="dark"] .user-management { background:var(--dark-surface); border-color:var(--dark-line); }
html[data-theme="dark"] #config-periodo, html[data-theme="dark"] [data-etapa] > details, html[data-theme="dark"] [data-etapa] #config-colaboradores > details, html[data-theme="dark"] [data-etapa] details[open], html[data-theme="dark"] .restricao-bloco, html[data-theme="dark"] .user-editor, html[data-theme="dark"] .workspace-choice-group, html[data-theme="dark"] .workspace-recovery, html[data-theme="dark"] .user-row, html[data-theme="dark"] .management-companies label {
  background:var(--dark-raised); color:var(--dark-text); border-color:var(--dark-line);
}
html[data-theme="dark"] #colab-list > div, html[data-theme="dark"] #colaboradores-lista > div, html[data-theme="dark"] #lista-colaboradores > div {
  background:var(--dark-raised); color:var(--dark-text); border-color:var(--dark-line);
}
html[data-theme="dark"] .user-row span, html[data-theme="dark"] .user-management small, html[data-theme="dark"] .user-management p, html[data-theme="dark"] .workspace-choice-group p, html[data-theme="dark"] .workspace-recovery p, html[data-theme="dark"] .workspace-eyebrow, html[data-theme="dark"] .workspace-context [data-current-office], html[data-theme="dark"] .workspace-saving [role="status"], html[data-theme="dark"] .troca-escala-acoes { color:var(--dark-muted); }
html[data-theme="dark"] .user-row:hover { background:#24354a; border-color:var(--dark-control); }
html[data-theme="dark"] .user-management fieldset, html[data-theme="dark"] .etapas-acoes, html[data-theme="dark"] .workspace-open-actions, html[data-theme="dark"] .workspace-context, html[data-theme="dark"] .restricao-item, html[data-theme="dark"] .tutorial-top[data-tutorial-drag] { border-color:var(--dark-line); }

/* All secondary actions have a visible outline; primary actions have one
   consistent green fill. Transparency is reserved for tertiary navigation. */
html[data-theme="dark"] button:where(:not(.escala-colaborador)), html[data-theme="dark"] .theme-toggle {
  color:var(--dark-text) !important; background:var(--dark-raised) !important;
  border:1px solid var(--dark-control) !important; box-shadow:none;
}
html[data-theme="dark"] button:where(:not(.escala-colaborador)):hover:not(:disabled) {
  color:#fff !important; background:var(--dark-hover) !important; border-color:#b3c9e2 !important;
}
html[data-theme="dark"] button.bg-fintria-navy, html[data-theme="dark"] button.bg-fintria-verde, html[data-theme="dark"] #btn-converter, html[data-theme="dark"] #etapa-proxima, html[data-theme="dark"] #login-form button[type="submit"], html[data-theme="dark"] .user-management button[type="submit"], html[data-theme="dark"] [data-remote-save], html[data-theme="dark"] [data-remote-open], html[data-theme="dark"] [data-ajuste-aplicar], html[data-theme="dark"] [data-ajuste-buscar], html[data-theme="dark"] .app-dialog [data-dialog-accept], html[data-theme="dark"] #tutorial-proximo, html[data-theme="dark"] .workspace-fab {
  color:#fff !important; background:var(--dark-primary) !important; border-color:#61be9c !important;
}
html[data-theme="dark"] button.bg-fintria-navy:hover:not(:disabled), html[data-theme="dark"] button.bg-fintria-verde:hover:not(:disabled), html[data-theme="dark"] #btn-converter:hover:not(:disabled), html[data-theme="dark"] #etapa-proxima:hover:not(:disabled), html[data-theme="dark"] #login-form button[type="submit"]:hover:not(:disabled), html[data-theme="dark"] .user-management button[type="submit"]:hover:not(:disabled), html[data-theme="dark"] [data-remote-save]:hover:not(:disabled), html[data-theme="dark"] [data-remote-open]:hover:not(:disabled), html[data-theme="dark"] [data-ajuste-aplicar]:hover:not(:disabled), html[data-theme="dark"] [data-ajuste-buscar]:hover:not(:disabled), html[data-theme="dark"] .app-dialog [data-dialog-accept]:hover:not(:disabled), html[data-theme="dark"] #tutorial-proximo:hover:not(:disabled), html[data-theme="dark"] .workspace-fab:hover {
  background:var(--dark-primary-hover) !important; color:#fff !important; border-color:#9ae8c6 !important;
}
html[data-theme="dark"] button:disabled, html[data-theme="dark"] button:disabled:hover {
  opacity:1 !important; color:#a4b2c5 !important; background:#202d3e !important;
  border-color:#4d6079 !important; box-shadow:none !important;
}
html[data-theme="dark"] .app-header #btn-limpar-dados, html[data-theme="dark"] .workspace-delete { color:var(--dark-danger) !important; }
html[data-theme="dark"] .workspace-delete { background:var(--dark-danger-bg) !important; border-color:#de929d !important; }
html[data-theme="dark"] .workspace-delete:hover:not(:disabled), html[data-theme="dark"] .app-header #btn-limpar-dados:hover { background:#542e3a !important; }
html[data-theme="dark"] .workspace-context button { color:var(--dark-info) !important; background:transparent !important; }
html[data-theme="dark"] :where(button,a,summary,input,select,textarea):focus-visible {
  outline:2px solid var(--ui-focus) !important; outline-offset:2px;
}

/* Fields sit below their cards; focus is brighter than the normal outline. */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), html[data-theme="dark"] select, html[data-theme="dark"] textarea, html[data-theme="dark"] .company-combobox [data-company-trigger] {
  background:var(--dark-input) !important; color:var(--dark-text) !important;
  border-color:var(--dark-control) !important; caret-color:var(--dark-accent);
}
html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color:#a5b5ca; opacity:1; }
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):hover, html[data-theme="dark"] select:hover, html[data-theme="dark"] textarea:hover { border-color:#afc5df !important; }
html[data-theme="dark"] input:focus, html[data-theme="dark"] select:focus, html[data-theme="dark"] textarea:focus { border-color:var(--ui-focus) !important; box-shadow:0 0 0 3px #a1ceff26; }
html[data-theme="dark"] input:disabled, html[data-theme="dark"] select:disabled, html[data-theme="dark"] textarea:disabled, html[data-theme="dark"] input[readonly] {
  background:#202c3c !important; color:#aebbd0 !important; opacity:1; border-color:#596f89 !important;
}
html[data-theme="dark"] input::file-selector-button { background:var(--dark-hover); color:var(--dark-text); }
html[data-theme="dark"] input[type="checkbox"], html[data-theme="dark"] input[type="radio"] { accent-color:#179e75; }
html[data-theme="dark"] .user-management .user-toggle input { background:#627993; }
html[data-theme="dark"] .user-management .user-toggle input:checked { background:#087657; }
html[data-theme="dark"] .user-toggle input::before, html[data-theme="dark"] .theme-switch::after { background:#fff; }
html[data-theme="dark"] .theme-switch { background:#627993; }
html[data-theme="dark"] .theme-toggle[aria-checked="true"] .theme-switch { background:#179e75; }
html[data-theme="dark"] option, html[data-theme="dark"] optgroup { color:var(--dark-text); background:var(--dark-input); }

/* Navigation is quiet; the current destination uses the brand accent. */
html[data-theme="dark"] .app-sidebar { background:#101b29; color:var(--dark-text); border-right-color:var(--dark-line); }
html[data-theme="dark"] .sidebar-brand, html[data-theme="dark"] #sidebar-user { color:var(--dark-text); }
html[data-theme="dark"] .sidebar-role, html[data-theme="dark"] #sidebar-role { color:var(--dark-muted); }
html[data-theme="dark"] .app-sidebar button { background:transparent !important; color:var(--dark-muted) !important; border-color:var(--dark-line) !important; }
html[data-theme="dark"] .app-sidebar button:hover:not(:disabled) { background:var(--dark-raised) !important; color:var(--dark-text) !important; }
html[data-theme="dark"] .app-sidebar button[aria-current="page"] { background:var(--dark-positive-bg) !important; color:var(--dark-accent) !important; border-color:#52b994 !important; }
html[data-theme="dark"] .app-sidebar .theme-toggle { border-color:var(--dark-control) !important; }
html[data-theme="dark"] .etapas-nav, html[data-theme="dark"] .etapas-nav.is-sticky { background:var(--dark-canvas); }
html[data-theme="dark"] .etapas-linha { background:var(--dark-surface); border-color:var(--dark-line); box-shadow:0 6px 20px #00000020; }
html[data-theme="dark"] .etapas-linha a { color:var(--dark-muted); background:transparent; }
html[data-theme="dark"] .etapas-linha a:hover { color:var(--dark-text); background:var(--dark-hover); }
html[data-theme="dark"] .etapas-linha a[aria-current="step"] { background:var(--dark-positive-bg); color:var(--dark-accent); }
html[data-theme="dark"] .etapa-numero { background:#293b51; color:var(--dark-text); }
html[data-theme="dark"] .etapas-linha [aria-current="step"] .etapa-numero { background:var(--dark-primary); color:#fff; }
html[data-theme="dark"] .etapas-status, html[data-theme="dark"] .etapas-status p { color:var(--dark-muted); }

/* Overlay surfaces are deliberately raised above the page, not a duplicate of it. */
html[data-theme="dark"] .app-dialog, html[data-theme="dark"] #remote-workspace, html[data-theme="dark"] .tutorial-card, html[data-theme="dark"] .campo-ajuda-conteudo, html[data-theme="dark"] .current-workspace, html[data-theme="dark"] .company-combobox-popup { background:#1e2d40; color:var(--dark-text); border-color:var(--dark-control); box-shadow:0 24px 70px #00000066; }
html[data-theme="dark"] .app-dialog::backdrop, html[data-theme="dark"] #remote-workspace::backdrop { background:#020812b8; }
html[data-theme="dark"] .app-dialog p, html[data-theme="dark"] .tutorial-card p, html[data-theme="dark"] .tutorial-card .tutorial-dica, html[data-theme="dark"] .tutorial-top, html[data-theme="dark"] #remote-workspace > p, html[data-theme="dark"] .company-combobox-popup label, html[data-theme="dark"] .company-combobox > span { color:var(--dark-muted); }
html[data-theme="dark"] .tutorial-card h2, html[data-theme="dark"] .app-dialog h2, html[data-theme="dark"] #remote-workspace h2 { color:var(--dark-text); }
html[data-theme="dark"] .app-dialog-symbol { background:#2c4560; color:var(--dark-info); }
html[data-theme="dark"] .company-combobox [role="option"] { color:var(--dark-text); background:var(--dark-raised); border-color:var(--dark-line); }
html[data-theme="dark"] .company-combobox [role="option"]:hover, html[data-theme="dark"] .company-combobox [role="option"].is-active { background:var(--dark-hover); }
html[data-theme="dark"] .company-combobox [aria-selected="true"] { background:var(--dark-positive-bg); color:var(--dark-accent); }
html[data-theme="dark"] .campo-ajuda .campo-ajuda-botao { background:#2c4560 !important; color:#fff !important; }
html[data-theme="dark"] .loading-overlay { background:linear-gradient(155deg,#213c54,#122334); border-color:#637f9d; box-shadow:0 30px 90px #00000080; }
html[data-theme="dark"] .loading-overlay p { color:#c0d1e2; }
html[data-theme="dark"] .loading-overlay h2 { color:#fff; }
html[data-theme="dark"] .loading-overlay::backdrop { background:#020812c4; }

/* Operational status is conveyed by text AND color. Work/off cards remain
   distinct; structural grid lines are stronger than decorative panel dividers. */
html[data-theme="dark"] .escala-quadro, html[data-theme="dark"] [data-escala-quadro] { background:var(--dark-surface); border-color:var(--dark-grid); }
html[data-theme="dark"] .escala-rolagem { background:var(--dark-surface); }
html[data-theme="dark"] .escala-mensal th, html[data-theme="dark"] .escala-mensal td { border-color:var(--dark-grid) !important; }
html[data-theme="dark"] .escala-mensal th, html[data-theme="dark"] .escala-rolagem thead th, html[data-theme="dark"] .diagnostico-tabela-scroll thead th { background:#223248; color:var(--dark-text); }
html[data-theme="dark"] .escala-mensal td { background:var(--dark-surface); }
html[data-theme="dark"] .escala-mensal td.bg-slate-50, html[data-theme="dark"] .escala-mensal td.bg-slate-50\/80 { background:#1b2b3e; }
html[data-theme="dark"] .escala-mensal td.bg-fintria-vermelhoBg\/30 { background:#302430; }
html[data-theme="dark"] .escala-colaborador.bg-fintria-verdeBg { background:var(--dark-positive-bg); color:var(--dark-positive); border-color:#52b994; }
html[data-theme="dark"] .escala-colaborador.bg-fintria-azulBg { background:var(--dark-info-bg); color:var(--dark-info); border-color:#8cb7e6; }
html[data-theme="dark"] .escala-colaborador:hover { filter:none; box-shadow:0 0 0 2px #a1ceff66; }
html[data-theme="dark"] .escala-colaborador:focus-visible { outline:3px solid var(--ui-focus); outline-offset:2px; }
html[data-theme="dark"] .escala-rolagem, html[data-theme="dark"] .escala-rolagem-topo { scrollbar-color:#8297b0 #142131; }
html[data-theme="dark"] .escala-rolagem::-webkit-scrollbar-track, html[data-theme="dark"] .escala-rolagem-topo::-webkit-scrollbar-track { background:#142131; }
html[data-theme="dark"] .escala-rolagem::-webkit-scrollbar-thumb, html[data-theme="dark"] .escala-rolagem-topo::-webkit-scrollbar-thumb { background:#8297b0; }

/* Decision panels use restrained tinting; the KPI cards remain neutral. */
html[data-theme="dark"] .diagnostico-executivo, html[data-theme="dark"] .diagnostico-executivo[data-situacao], html[data-theme="dark"] .diagnostico-conversao, html[data-theme="dark"] .diagnostico-equipe {
  background:var(--dark-surface); color:var(--dark-text); border-color:var(--dark-line);
}
html[data-theme="dark"] .diagnostico-executivo { border-top-color:#d5af66; }
html[data-theme="dark"] .diagnostico-executivo[data-situacao="suficiente"] { border-top-color:#52b994; }
html[data-theme="dark"] .diagnostico-executivo[data-situacao="insuficiente"], html[data-theme="dark"] .diagnostico-executivo[data-situacao="incompativel"] { border-top-color:#de929d; }
html[data-theme="dark"] .diagnostico-indicadores > div, html[data-theme="dark"] .diagnostico-detalhes, html[data-theme="dark"] .diagnostico-faixa, html[data-theme="dark"] .diagnostico-rateio, html[data-theme="dark"] #conversao-comparacao .comparacao-item { background:var(--dark-raised); color:var(--dark-text); border-color:var(--dark-line); }
html[data-theme="dark"] .diagnostico-etiqueta, html[data-theme="dark"] .diagnostico-indicadores span, html[data-theme="dark"] .diagnostico-indicadores small, html[data-theme="dark"] .diagnostico-rodape, html[data-theme="dark"] .diagnostico-faixa details, html[data-theme="dark"] .diagnostico-rateio-item details { color:var(--dark-muted); }
html[data-theme="dark"] .diagnostico-proximo, html[data-theme="dark"] .diagnostico-rateio-pessoa, html[data-theme="dark"] .diagnostico-tabela-scroll td, html[data-theme="dark"] .diagnostico-tabela-scroll th { border-color:var(--dark-line); }
html[data-theme="dark"] .diagnostico-nota { background:var(--dark-warning-bg); color:var(--dark-warning); border-color:#d5af66; }
html[data-theme="dark"] .diagnostico-rateio-item { background:var(--dark-input); border-left-color:#d5af66; }
html[data-theme="dark"] .diagnostico-rateio-item[data-rateio="aplicado"] { border-left-color:#52b994; }
html[data-theme="dark"] .avisos-escala, html[data-theme="dark"] .aviso-escala { background:var(--dark-surface); color:var(--dark-text); border-color:var(--dark-line); }
html[data-theme="dark"] .avisos-escala > summary { background:var(--dark-raised); }
html[data-theme="dark"] .avisos-escala[data-severidade="erro"] > summary { background:var(--dark-danger-bg); }
html[data-theme="dark"] .avisos-escala[data-severidade="erro"] .avisos-escala-titulo { color:var(--dark-danger); }
html[data-theme="dark"] .avisos-escala[data-severidade="erro"], html[data-theme="dark"] .aviso-escala[data-severidade="erro"] { border-color:#de929d; }
html[data-theme="dark"] .aviso-escala { border-left-color:#d5af66; }
html[data-theme="dark"] .aviso-escala[data-severidade="info"], html[data-theme="dark"] .aviso-escala[data-severidade="pendencia"] { border-left-color:#8cb7e6; }
html[data-theme="dark"] .aviso-escala-cabecalho, html[data-theme="dark"] .aviso-escala-acao, html[data-theme="dark"] .avisos-escala-nota, html[data-theme="dark"] .avisos-escala-subtitulo, html[data-theme="dark"] .avisos-escala > summary::after, html[data-theme="dark"] .aviso-escala-vazio { color:var(--dark-muted); }
html[data-theme="dark"] .aviso-escala > details, html[data-theme="dark"] .aviso-escala li { border-color:var(--dark-line); }
html[data-theme="dark"] .restricao-dia { background:var(--dark-input); color:var(--dark-text); border-color:var(--dark-control); }
html[data-theme="dark"] .restricao-dia:has(input:checked), html[data-theme="dark"] .management-companies label:has(input:checked) { background:var(--dark-positive-bg); color:var(--dark-positive); border-color:#52b994; }
html[data-theme="dark"] .etapa-pendencias { background:var(--dark-danger-bg); color:var(--dark-danger); border-color:#de929d; }
html[data-theme="dark"] [data-phase-transition] { background:#755210; }

/* Login shares the palette and brand accent, with a quiet ambient background. */
html[data-theme="dark"] .login-page { background:radial-gradient(ellipse at 0 0,#163b32,transparent 58%),var(--dark-canvas); color:var(--dark-text); }
html[data-theme="dark"] .login-card { background:var(--dark-surface); border-color:var(--dark-line); box-shadow:0 24px 80px #00000040; }
html[data-theme="dark"] .login-page .brand, html[data-theme="dark"] .login-page h1 { color:var(--dark-text); }
html[data-theme="dark"] .login-page label { color:var(--dark-muted); }
html[data-theme="dark"] .login-page p { color:var(--dark-muted); }
html[data-theme="dark"] #login-message { color:var(--dark-danger); }
html[data-theme="dark"] label, html[data-theme="dark"] .user-management label, html[data-theme="dark"] [data-etapa] label, html[data-theme="dark"] .workspace-choice-group label { color:var(--dark-muted) !important; }
html[data-theme="dark"] button[data-export-pdf] { color:var(--dark-text) !important; background:var(--dark-raised) !important; border-color:var(--dark-control) !important; }
html[data-theme="dark"] button[data-export-pdf]:hover:not(:disabled) { background:var(--dark-hover) !important; border-color:#b3c9e2 !important; }
html[data-theme="dark"] .users-filters { background:var(--dark-raised); border-color:var(--dark-line); }
html[data-theme="dark"] .etapas-nav.etapas-nav-compacta { background:#0d141ef5; border-bottom-color:var(--dark-line); box-shadow:0 6px 18px #00000030; }
html[data-theme="dark"] .troca-selecionado, html[data-theme="dark"] .troca-destino { outline-color:var(--ui-focus) !important; }
html[data-theme="dark"] [data-users-refresh], html[data-theme="dark"] [data-user-edit], html[data-theme="dark"] [data-user-cancel] {
  background:var(--dark-raised) !important; color:var(--dark-text) !important; border-color:var(--dark-control) !important;
}

html[data-theme="dark"] .workspace-recovery summary { color:var(--dark-muted); }
html[data-theme="dark"] #remote-workspace .workspace-choice-group, html[data-theme="dark"] #remote-workspace .workspace-recovery { background:var(--dark-surface); }
html[data-theme="dark"] .app-sidebar nav button:not([aria-current="page"]) { border-color:transparent !important; }
html[data-theme="dark"] .app-sidebar #sidebar-toggle { border-color:var(--dark-control) !important; }
html[data-theme="dark"] .app-sidebar .sidebar-logout { border-color:transparent !important; border-top-color:var(--dark-line) !important; }

html[data-theme="dark"] [data-etapa] summary:hover { color:var(--dark-accent); }
/* Disabled beats the ID-based primary styles as well as component styles. */
html[data-theme="dark"] #btn-converter:disabled, html[data-theme="dark"] #etapa-proxima:disabled, html[data-theme="dark"] #tutorial-proximo:disabled, html[data-theme="dark"] #login-form button:disabled, html[data-theme="dark"] .user-management button:disabled, html[data-theme="dark"] .app-dialog button:disabled, html[data-theme="dark"] .app-sidebar button:disabled {
  opacity:1 !important; color:#a4b2c5 !important; background:#202d3e !important;
  border-color:#4d6079 !important; box-shadow:none !important;
}
}