/* Power 4P | Revisao de contraste da Vitrine 10 Dashboards | 2026-10-27
   CSS incremental: nao modifica dados, formulas, motores ou componentes de tema claro.
   Aplicado SOMENTE nos containers com data-viz-theme="dark".
*/
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"],#panel[data-viz-theme="dark"]{
  --viz-bg:#0b1121;--viz-panel:#17223a;--viz-ink:#f7f9ff;
  --viz-text:#dbe5f6;--viz-muted:#c3d0e6;--viz-grid:#465675;
  --viz-good:#86e5bc;--viz-danger:#ffad9b;
  --p4p-dark-subpanel:#202e48;--p4p-dark-hover:#293c5b;
  --p4p-dark-gold:#ffcf78;--p4p-dark-note:#342c20;
  color:var(--viz-ink);
  color-scheme:dark;
}
/* Acentos claros e legiveis sobre o fundo azul. As cores-tema de cada area continuam distintas. */
.p4p-app[data-viz-theme="dark"][data-viz-area="operacoes"]{--viz-accent:#6ee4cf;--viz-alt:#d6f185}
.p4p-app[data-viz-theme="dark"][data-viz-area="people-analytics"]{--viz-accent:#c6a6ff;--viz-alt:#ffb3ac}
.p4p-app[data-viz-theme="dark"][data-viz-area="comercial"]{--viz-accent:#9db8ff;--viz-alt:#ffb0d3}
.p4p-app[data-viz-theme="dark"][data-viz-area="logistica"]{--viz-accent:#79d9ff;--viz-alt:#ffc78a}
.p4p-app[data-viz-theme="dark"][data-viz-area="compras"]{--viz-accent:#d0ea92;--viz-alt:#f6c57b}
.p4p-app[data-viz-theme="dark"][data-viz-area="qualidade"]{--viz-accent:#ffaccb;--viz-alt:#82ded7}
.p4p-app[data-viz-theme="dark"][data-viz-area="projetos"]{--viz-accent:#c9b7ff;--viz-alt:#77e7d6}
#panel[data-viz-theme="dark"]{--viz-accent:#9fbeff;--viz-alt:#ffcb77}
.sst-page[data-viz-theme="dark"]{--viz-accent:#73e3d3;--viz-alt:#ffc18b}
.fin-page[data-viz-theme="dark"]{--viz-accent:#80e2e8;--viz-alt:#ffd38a;--fin-teal:#80e2e8;--fin-muted:var(--viz-muted);--fin-navy:var(--viz-ink)}

/* 04-10 | Cartoes, titulos e rotulos de filtros, metas e tabelas */
.p4p-app[data-viz-theme="dark"] .p4p-meta,
.p4p-app[data-viz-theme="dark"] .p4p-filtergrid label,
.p4p-app[data-viz-theme="dark"] .p4p-cardhead label,
.p4p-app[data-viz-theme="dark"] #p4p-context,
.p4p-app[data-viz-theme="dark"] .p4p-hint,
.p4p-app[data-viz-theme="dark"] .p4p-legend,
.p4p-app[data-viz-theme="dark"] .p4p-sectiontitle>span,
.p4p-app[data-viz-theme="dark"] .p4p-reading>p,
.p4p-app[data-viz-theme="dark"] .p4p-method p,
.p4p-app[data-viz-theme="dark"] .p4p-kpi-target,
.p4p-app[data-viz-theme="dark"] .p4p-kpi-name{color:var(--viz-muted)!important}
.p4p-app[data-viz-theme="dark"] .p4p-overline,
.p4p-app[data-viz-theme="dark"] .viz-kicker{color:var(--viz-accent)!important}
.p4p-app[data-viz-theme="dark"] .p4p-kpi-value,
.p4p-app[data-viz-theme="dark"] .p4p-method summary,
.p4p-app[data-viz-theme="dark"] .p4p-bar-label,
.p4p-app[data-viz-theme="dark"] .p4p-lever strong{color:var(--viz-ink)!important}
.p4p-app[data-viz-theme="dark"] .p4p-dash .p4p-outline{
  background:var(--p4p-dark-subpanel)!important;color:var(--viz-ink)!important;border-color:var(--viz-grid)!important
}
.p4p-app[data-viz-theme="dark"] .p4p-dash .p4p-outline:hover,
.p4p-app[data-viz-theme="dark"] .p4p-bar:hover{background:var(--p4p-dark-hover)!important}
.p4p-app[data-viz-theme="dark"] .p4p-lever{border-color:var(--viz-grid)!important}
.p4p-app[data-viz-theme="dark"] .p4p-dash tr[data-unit]:hover,
.p4p-app[data-viz-theme="dark"] .p4p-dash tr[data-unit]:focus-within{background:var(--p4p-dark-hover)!important}
.p4p-app[data-viz-theme="dark"] .p4p-grade,
.p4p-app[data-viz-theme="dark"] .p4p-kpi-state{background:#143f37!important;color:#b2f9dc!important}
.p4p-app[data-viz-theme="dark"] .p4p-grade.p4p-bad,
.p4p-app[data-viz-theme="dark"] .p4p-kpi-state.p4p-bad{background:#4d3119!important;color:#ffdaad!important}
.p4p-app[data-viz-theme="dark"] .p4p-bar-track{background:#3a4a66!important}
.p4p-app[data-viz-theme="dark"] .p4p-dot{border-color:var(--viz-accent)!important}
.p4p-app[data-viz-theme="dark"] .p4p-dash .p4p-target-dash{border-color:var(--viz-alt)!important}
.p4p-app[data-viz-theme="dark"] .p4p-aside p{color:#f3f7ff!important}
.p4p-app[data-viz-theme="dark"] .p4p-live{background:#143d35;color:#baf4dc;border-color:#356a5c}

/* 01 | Manutencao e PCM: painel HTML nativo do modal */
#panel[data-viz-theme="dark"] .panelbody .notice{color:var(--p4p-dark-gold)!important;letter-spacing:.5px}
#panel[data-viz-theme="dark"] .panelbody .notice span,
#panel[data-viz-theme="dark"] .filters label,
#panel[data-viz-theme="dark"] #ref,
#panel[data-viz-theme="dark"] .muted,
#panel[data-viz-theme="dark"] .kpi p,
#panel[data-viz-theme="dark"] .legend,
#panel[data-viz-theme="dark"] details p{color:var(--viz-muted)!important}
#panel[data-viz-theme="dark"] .panelhead .eyebrow{color:var(--viz-accent)!important}
#panel[data-viz-theme="dark"] .panelbody .ghost,
#panel[data-viz-theme="dark"] .panelhead .ghost{
  background:var(--p4p-dark-subpanel)!important;color:var(--viz-ink)!important;border-color:var(--viz-grid)!important
}
#panel[data-viz-theme="dark"] .panelbody .ghost:hover,
#panel[data-viz-theme="dark"] .panelhead .ghost:hover{background:var(--p4p-dark-hover)!important}
#panel[data-viz-theme="dark"] .panelbody .barrow,
#panel[data-viz-theme="dark"] .panelbody td button{color:var(--viz-text)!important}
#panel[data-viz-theme="dark"] .panelbody .status{background:#174236;color:#b5f4d8}
#panel[data-viz-theme="dark"] .panelbody .status.bad{background:#54371b;color:#ffd7a5}
#panel[data-viz-theme="dark"] .panelbody .box summary{color:var(--viz-ink)!important}

/* 02 | SST: tabelas, links, botoes, rótulos e chamadas. */
.sst-page[data-viz-theme="dark"] .dashboard-intro h1 em,
.sst-page[data-viz-theme="dark"] .sst-page .eyebrow,
.sst-page[data-viz-theme="dark"] .eyebrow,
.sst-page[data-viz-theme="dark"] .breadcrumb a{color:var(--viz-accent)!important}
.sst-page[data-viz-theme="dark"] .controls label,
.sst-page[data-viz-theme="dark"] .box-top label,
.sst-page[data-viz-theme="dark"] .context-line,
.sst-page[data-viz-theme="dark"] .intro-meta,
.sst-page[data-viz-theme="dark"] .sst-kpi .top,
.sst-page[data-viz-theme="dark"] .sst-kpi .big small,
.sst-page[data-viz-theme="dark"] .sst-kpi .secondary,
.sst-page[data-viz-theme="dark"] .sst-kpi .delta,
.sst-page[data-viz-theme="dark"] .chart-legend,
.sst-page[data-viz-theme="dark"] .chart-footnote,
.sst-page[data-viz-theme="dark"] .soft-text,
.sst-page[data-viz-theme="dark"] .empty-note,
.sst-page[data-viz-theme="dark"] .section-title .mini-note,
.sst-page[data-viz-theme="dark"] .definitions p,
.sst-page[data-viz-theme="dark"] .breadcrumb{color:var(--viz-muted)!important}
.sst-page[data-viz-theme="dark"] .cause-button,
.sst-page[data-viz-theme="dark"] .sst-table .row-select,
.sst-page[data-viz-theme="dark"] .definitions summary{color:var(--viz-ink)!important}
.sst-page[data-viz-theme="dark"] .sst-table .row-select{color:var(--viz-accent)!important}
.sst-page[data-viz-theme="dark"] .outline-button,
.sst-page[data-viz-theme="dark"] .controls .ghost{background:var(--p4p-dark-subpanel)!important;color:var(--viz-ink)!important;border-color:var(--viz-grid)!important}
.sst-page[data-viz-theme="dark"] .outline-button:hover,
.sst-page[data-viz-theme="dark"] .controls .ghost:hover{background:var(--p4p-dark-hover)!important}
.sst-page[data-viz-theme="dark"] .sst-table th{background:var(--p4p-dark-subpanel)!important;color:var(--viz-muted)!important}
.sst-page[data-viz-theme="dark"] .sst-table tbody tr:hover,
.sst-page[data-viz-theme="dark"] .sst-table tbody tr:focus-within{background:var(--p4p-dark-hover)!important}
.sst-page[data-viz-theme="dark"] .sst-kpi .status-chip{background:#174236;color:#b5f4d8}
.sst-page[data-viz-theme="dark"] .sst-kpi.bad .status-chip{background:#54371b;color:#ffd7a5}
.sst-page[data-viz-theme="dark"] .cause-button .track{background:#3a4a66}
.sst-page[data-viz-theme="dark"] .cause-button .track i{background:var(--viz-accent)}
.sst-page[data-viz-theme="dark"] .chip{background:#174236;color:#b5f4d8}
.sst-page[data-viz-theme="dark"] .sst-kpi::before{background:var(--viz-accent)}
.sst-page[data-viz-theme="dark"] .sst-kpi.bad::before{background:var(--viz-alt)}
.sst-page[data-viz-theme="dark"] .data-banner{background:var(--p4p-dark-note);border-color:#745b35;color:#ffefd7}
.sst-page[data-viz-theme="dark"] .data-banner strong{color:var(--p4p-dark-gold)}

/* 03 | Financas: DRE e custos tem linhas com cores fixas de fundo claro. */
.fin-page[data-viz-theme="dark"] .fin-intro h1 em,
.fin-page[data-viz-theme="dark"] .fin-eyebrow,
.fin-page[data-viz-theme="dark"] .fin-breadcrumb a,
.fin-page[data-viz-theme="dark"] .fin-back{color:var(--viz-accent)!important}
.fin-page[data-viz-theme="dark"] .fin-meta,
.fin-page[data-viz-theme="dark"] .fin-breadcrumb,
.fin-page[data-viz-theme="dark"] .fin-filter-grid label,
.fin-page[data-viz-theme="dark"] .fin-boxhead label,
.fin-page[data-viz-theme="dark"] .fin-context,
.fin-page[data-viz-theme="dark"] .fin-kpi-name,
.fin-page[data-viz-theme="dark"] .fin-kpi-target,
.fin-page[data-viz-theme="dark"] .fin-delta,
.fin-page[data-viz-theme="dark"] .fin-legend,
.fin-page[data-viz-theme="dark"] .fin-note,
.fin-page[data-viz-theme="dark"] .fin-mini,
.fin-page[data-viz-theme="dark"] .fin-method-grid,
.fin-page[data-viz-theme="dark"] .fin-method-grid p{color:var(--viz-muted)!important}
.fin-page[data-viz-theme="dark"] .fin-method summary,
.fin-page[data-viz-theme="dark"] .fin-cost-row,
.fin-page[data-viz-theme="dark"] .fin-cost-detail strong{color:var(--viz-ink)!important}
.fin-page[data-viz-theme="dark"] .fin-btn-outline{background:var(--p4p-dark-subpanel)!important;color:var(--viz-ink)!important;border-color:var(--viz-grid)!important}
.fin-page[data-viz-theme="dark"] .fin-btn-outline:hover{background:var(--p4p-dark-hover)!important}
.fin-page[data-viz-theme="dark"] .fin-cost-row{border-color:var(--viz-grid)!important}
.fin-page[data-viz-theme="dark"] .fin-cost-row[aria-pressed="true"],
.fin-page[data-viz-theme="dark"] .fin-cost-row:hover,
.fin-page[data-viz-theme="dark"] .fin-breakdown tbody tr:hover,
.fin-page[data-viz-theme="dark"] .fin-breakdown tbody tr:focus-within{background:var(--p4p-dark-hover)!important}
.fin-page[data-viz-theme="dark"] .fin-cost-detail{background:var(--p4p-dark-subpanel)!important;color:var(--viz-muted)!important}
.fin-page[data-viz-theme="dark"] .fin-track{background:#3a4a66!important}
.fin-page[data-viz-theme="dark"] .fin-track i{background:var(--viz-accent)!important}
.fin-page[data-viz-theme="dark"] .fin-page .fin-dre tr.fin-emphasis td,
.fin-page[data-viz-theme="dark"] .fin-dre tr.fin-emphasis td{background:var(--p4p-dark-subpanel)!important;color:var(--viz-ink)!important}
.fin-page[data-viz-theme="dark"] .fin-page th,
.fin-page[data-viz-theme="dark"] th{background:var(--p4p-dark-subpanel)!important;color:var(--viz-muted)!important}
.fin-page[data-viz-theme="dark"] .fin-breakdown tbody button{color:var(--viz-accent)!important}
.fin-page[data-viz-theme="dark"] .fin-positive{color:var(--viz-good)!important}
.fin-page[data-viz-theme="dark"] .fin-negative{color:#ffcb8a!important}
.fin-page[data-viz-theme="dark"] .fin-kpi .fin-status{background:#174236;color:#b5f4d8}
.fin-page[data-viz-theme="dark"] .fin-kpi.bad .fin-status{background:#54371b;color:#ffd7a5}
.fin-page[data-viz-theme="dark"] .fin-banner{background:var(--p4p-dark-note);border-color:#745b35;color:#ffefd7}
.fin-page[data-viz-theme="dark"] .fin-banner strong{color:var(--p4p-dark-gold)}
.fin-page[data-viz-theme="dark"] .fin-pill{background:#174236;color:#b5f4d8}

/* Nos 10 dashboards: tipografia SVG, blocos especializados e painel comercial. */
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-strong,
#panel[data-viz-theme="dark"] .viz-strong{fill:var(--viz-ink)!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-svg text:not(.viz-strong),
#panel[data-viz-theme="dark"] .viz-svg text:not(.viz-strong){fill:var(--viz-muted)!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-box,
#panel[data-viz-theme="dark"] .viz-box{background:var(--viz-panel)!important;border-color:var(--viz-grid)!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-switch,
#panel[data-viz-theme="dark"] .viz-switch{background:var(--p4p-dark-subpanel)!important;color:var(--viz-ink)!important;border-color:var(--viz-grid)!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-switch:hover,
#panel[data-viz-theme="dark"] .viz-switch:hover{background:var(--p4p-dark-hover)!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-signature .viz-kicker,
#panel[data-viz-theme="dark"] .viz-signature .viz-kicker{color:var(--viz-accent)!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-funnel-step:nth-child(1){background:#1d458b!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-funnel-step:nth-child(2){background:#2b5397!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-funnel-step:nth-child(3){background:#593783!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-funnel-step:nth-child(4){background:#7e315d!important}
.p4p-app[data-viz-theme="dark"] .viz-funnel-step,
.sst-page[data-viz-theme="dark"] .viz-funnel-step,
.fin-page[data-viz-theme="dark"] .viz-funnel-step{color:#fff!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-funnel-step :is(strong,span){color:#fff!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-stat{border:1px solid var(--viz-grid)}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-hm-cell{border-color:var(--viz-grid)!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-pareto-track,
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-bullet-track{background:#3a4a66}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-pareto-fill,
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .viz-bullet-fill{background:var(--viz-accent)}

/* Mantem chamadas comerciais institucionais azuis com letras claras em qualquer tema. */
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .p4p-dashboard-cta,
#panel[data-viz-theme="dark"] .p4p-dashboard-cta{background:#111e41!important;border-color:#293e69!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .p4p-dashboard-cta h2,
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .p4p-dashboard-cta p,
#panel[data-viz-theme="dark"] .p4p-dashboard-cta :is(h2,p){color:#f7f9ff!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] .p4p-dashboard-cta a,
#panel[data-viz-theme="dark"] .p4p-dashboard-cta a{background:#faa31b!important;color:#111e41!important}
:is(.p4p-app,.sst-page,.fin-page)[data-viz-theme="dark"] :is(select,button,a,summary):focus-visible,
#panel[data-viz-theme="dark"] :is(select,button,a,summary):focus-visible{outline:3px solid #ffd079!important;outline-offset:3px}
@media(forced-colors:active){.viz-funnel-step,.viz-heatmap .viz-hm-cell{forced-color-adjust:auto}}