/* ===========================================================================
   ABA DESEMPENHO — Catálogo de Tarifas (El Misti)
   Usa os tokens que já existem em styles.css (mesmo :root). Só o que é
   específico de gráfico entra aqui, como variável própria (--d-*), com a
   versão clara e a escura declaradas — nada de var(--x, fallback) com
   variável que não existe.
   Este arquivo é servido SEM login: nenhum dado nem texto de negócio aqui.
   =========================================================================== */
:root {
  /* Séries do gráfico: ordem da paleta categórica do DATAVIZ.md, estendida. */
  --d-s1:#2E7D32; --d-s2:#1565C0; --d-s3:#F9A825; --d-s4:#00897B; --d-s5:#6A1B9A;
  --d-s6:#C62828; --d-s7:#6D4C41; --d-s8:#EC407A; --d-s9:#546E7A; --d-s10:#9E9D24;
  --d-s11:#FB8C00; --d-s12:#3949AB; --d-s13:#00ACC1; --d-s14:#7CB342;
  --d-fundo-serie:#8A9A8A;      /* "resto da casa": cinza, é pano de fundo */
  --d-grade:#e4eae4;
  --d-eixo:#c9d4c9;
  --d-barra-sel:rgba(27,94,32,.10);
  --d-ok-bg:rgba(46,125,50,.12);
  --d-sombra:rgba(0,40,0,.22);
}
[data-theme="dark"] {
  --d-s1:#66BB6A; --d-s2:#64B5F6; --d-s3:#FFCA28; --d-s4:#4DB6AC; --d-s5:#BA68C8;
  --d-s6:#EF5350; --d-s7:#A1887F; --d-s8:#F48FB1; --d-s9:#90A4AE; --d-s10:#D4E157;
  --d-s11:#FFA726; --d-s12:#7986CB; --d-s13:#4DD0E1; --d-s14:#AED581;
  --d-fundo-serie:#6F806F;
  --d-grade:#26332a;
  --d-eixo:#3a4b3d;
  --d-barra-sel:rgba(129,199,132,.14);
  --d-ok-bg:rgba(129,199,132,.14);
  --d-sombra:rgba(0,0,0,.6);
}

/* ---------- Abas ---------- */
.abas{display:flex;gap:var(--sp-1);padding:0 var(--sp-3);background:var(--color-surface-card);border-bottom:1px solid var(--color-border)}
.aba{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:0 var(--sp-5);border:0;border-bottom:3px solid transparent;background:none;color:var(--color-text-muted);font-family:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);cursor:pointer}
.aba:hover{color:var(--color-heading);background:var(--color-hover-bg)}
.aba[aria-selected="true"]{color:var(--color-heading);border-bottom-color:var(--color-brand-primary-light)}

/* ---------- Estrutura ---------- */
#app-desempenho{max-width:1440px}
.d-sec{margin-top:var(--sp-8)}
.d-sec-titulo{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-heading);line-height:var(--lh-base);margin-bottom:var(--sp-1)}
.d-legenda{font-size:var(--fs-md);color:var(--color-text-muted);max-width:100ch;margin-bottom:var(--sp-3)}
.d-sub{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-heading);margin:var(--sp-5) 0 var(--sp-2)}
.d-muted{color:var(--color-text-muted)}
.d-vazio{padding:var(--sp-5) var(--sp-4);background:var(--color-surface-card);border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted)}
.d-vazio strong{color:var(--color-heading)}

/* ---------- Estado de carregamento ---------- */
.d-carregando{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) var(--sp-4);text-align:center;color:var(--color-text-muted)}
.d-carregando strong{font-size:var(--fs-lg);color:var(--color-heading)}
.d-giro{width:28px;height:28px;border-radius:var(--radius-full);border:3px solid var(--color-border);border-top-color:var(--color-brand-primary-light);animation:d-gira 0.9s linear infinite}
@keyframes d-gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.d-giro{animation:none;border-top-color:var(--color-border);border-right-color:var(--color-brand-primary-light)}}
.d-aviso-topo{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--color-warning-bg);border-left:3px solid var(--color-warning-fill);border-radius:var(--radius-sm);font-size:var(--fs-base)}

/* ---------- Filtros ---------- */
.d-filtros{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-4)}
.d-linha{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end}
.d-campo{display:flex;flex-direction:column;gap:2px;min-width:0}
.d-rotulo{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted)}
.d-filtros select,.d-filtros input[type="date"]{min-height:var(--touch-target);padding:0 var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-md);font-family:inherit;background:var(--color-surface);color:var(--color-text)}
.d-filtros select{cursor:pointer;min-width:170px}
.d-filtros select:focus,.d-filtros input:focus{outline:none;border-color:var(--color-brand-primary-light);box-shadow:0 0 0 2px rgba(46,125,50,.25)}
.d-atalhos{display:flex;flex-wrap:wrap;gap:var(--sp-1)}
.d-chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:0 var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-card);color:var(--color-text);font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap}
.d-chip:hover{background:var(--color-hover-bg)}
.d-chip[aria-pressed="true"]{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}
.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-target);padding:0 var(--sp-4);border:1px solid var(--color-brand-primary-light);border-radius:var(--radius-sm);background:var(--color-brand-primary);color:#fff;font-family:inherit;font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer}
.d-btn:hover{background:var(--color-brand-primary-light)}
.d-btn[disabled]{opacity:.6;cursor:progress}
.d-pergunta{background:var(--color-info-bg);border-left:4px solid var(--color-info-text);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-md);max-width:100ch}
.d-pergunta strong{color:var(--color-heading)}
.d-multis{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-3);align-items:start}
.d-multi{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}
.d-multi summary{display:flex;flex-direction:column;justify-content:center;min-height:var(--touch-target);padding:var(--sp-1) var(--sp-3);cursor:pointer;list-style:none}
.d-multi summary::-webkit-details-marker{display:none}
.d-multi summary::after{content:"▾";position:absolute;right:var(--sp-3);color:var(--color-text-muted)}
.d-multi{position:relative}
.d-multi[open] summary{border-bottom:1px solid var(--color-border)}
.d-multi-valor{font-size:var(--fs-md);color:var(--color-text);padding-right:var(--sp-5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d-multi-corpo{max-height:260px;overflow-y:auto;padding:var(--sp-1) var(--sp-2)}
.d-opcao{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-target);cursor:pointer;font-size:var(--fs-md)}
.d-opcao input{width:18px;height:18px;flex-shrink:0;accent-color:var(--color-brand-primary-light)}
.d-limpar{background:none;border:0;color:var(--color-info-text);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-family:inherit;font-size:var(--fs-base);min-height:var(--touch-target);padding:0 var(--sp-2)}
.d-check{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--touch-target);font-size:var(--fs-md);cursor:pointer}
.d-check input{width:18px;height:18px;accent-color:var(--color-brand-primary-light)}
.d-atualizado{font-size:var(--fs-base);color:var(--color-text-muted)}

/* ---------- Glossário ---------- */
.d-gloss{margin-top:var(--sp-4);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}
.d-gloss>summary{display:flex;align-items:center;min-height:var(--touch-target);padding:0 var(--sp-4);font-weight:var(--fw-bold);color:var(--color-heading);font-size:var(--fs-lg);cursor:pointer}
.d-gloss[open]>summary{border-bottom:1px solid var(--color-border)}
.d-gloss-corpo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);padding:var(--sp-4)}
.d-gloss-bloco{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}
.d-gloss-bloco h3{font-size:var(--fs-lg);color:var(--color-heading);margin-bottom:var(--sp-2)}
.d-gloss-bloco dt{font-weight:var(--fw-bold);color:var(--color-heading);margin-top:var(--sp-2)}
.d-gloss-bloco dd{color:var(--color-text);max-width:80ch}

/* ---------- Nota de contexto ---------- */
.d-nota{margin-top:var(--sp-4);background:var(--color-surface-card);border:1px solid var(--color-border);border-left:6px solid var(--color-info-text);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}
.d-nota-pergunta{font-size:var(--fs-lg);color:var(--color-heading);font-weight:var(--fw-semibold)}
.d-nota ul{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1);font-size:var(--fs-base)}
.d-nota li{padding-left:var(--sp-3);border-left:3px solid var(--color-border)}
.d-nota li.nivel-atencao{border-left-color:var(--color-warning-fill)}
.d-nota li.nivel-alerta{border-left-color:var(--color-danger-text)}
.d-nota-fora{font-size:var(--fs-base);color:var(--color-text-muted)}

/* ---------- Cards ---------- */
.d-cards{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}
.d-card{grid-column:span 3;background:var(--color-surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
.d-card-din{grid-column:span 4}
.d-card-rot{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}
.d-card-valores{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-5)}
.d-valor{display:flex;flex-direction:column;min-width:0}
.d-valor-num{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-heading);line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.d-valor-sub{font-size:var(--fs-base);color:var(--color-text-muted);font-variant-numeric:tabular-nums}
.d-valor-tag{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted)}
.d-card-linha{font-size:var(--fs-base);color:var(--color-text);font-variant-numeric:tabular-nums}
.d-card-dica{font-size:var(--fs-sm);color:var(--color-text-muted);margin-top:auto;padding-top:var(--sp-1)}

/* ---------- Etiquetas ---------- */
.d-tag{display:inline-block;padding:1px var(--sp-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-bold);white-space:nowrap;background:var(--color-info-bg);color:var(--color-info-text);margin:1px 2px 1px 0}
.d-tag-aviso{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px dashed var(--color-warning-border)}
.d-tag-ok{background:var(--d-ok-bg);color:var(--color-success-text)}
.d-tag-neutro{background:rgba(95,112,96,.16);color:var(--color-text-muted)}
.d-tag-erro{background:var(--color-danger-bg);color:var(--color-danger-text)}

/* ---------- Alternadores (segmentado) ---------- */
.d-seg{display:inline-flex;flex-wrap:wrap;gap:var(--sp-1);margin-bottom:var(--sp-3)}
.d-seg-rot{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text-muted);align-self:center;margin-right:var(--sp-1)}

/* ---------- Gráfico ---------- */
.d-grafico{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}
.d-grafico-titulo{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--color-heading);margin-bottom:var(--sp-2)}
.d-grafico-rolagem{overflow-x:auto}
.d-grafico svg{display:block;max-width:none}
.d-svg-texto{font-family:var(--font-body);font-size:11px;fill:var(--color-text-muted)}
.d-svg-total{font-family:var(--font-body);font-size:11px;font-weight:700;fill:var(--color-heading)}
.d-svg-grade{stroke:var(--d-grade);stroke-width:1}
.d-svg-eixo{stroke:var(--d-eixo);stroke-width:1}
.d-svg-sel{fill:var(--d-barra-sel)}
.d-svg-hit{fill:transparent;cursor:pointer}
.d-svg-hit:focus{outline:none}
.d-svg-hit:focus-visible{stroke:var(--color-brand-primary-light);stroke-width:2}
.d-seg-bar{stroke:var(--color-surface-card);stroke-width:1}
.d-s1{fill:var(--d-s1);background:var(--d-s1)} .d-s2{fill:var(--d-s2);background:var(--d-s2)} .d-s3{fill:var(--d-s3);background:var(--d-s3)}
.d-s4{fill:var(--d-s4);background:var(--d-s4)} .d-s5{fill:var(--d-s5);background:var(--d-s5)} .d-s6{fill:var(--d-s6);background:var(--d-s6)}
.d-s7{fill:var(--d-s7);background:var(--d-s7)} .d-s8{fill:var(--d-s8);background:var(--d-s8)} .d-s9{fill:var(--d-s9);background:var(--d-s9)}
.d-s10{fill:var(--d-s10);background:var(--d-s10)} .d-s11{fill:var(--d-s11);background:var(--d-s11)} .d-s12{fill:var(--d-s12);background:var(--d-s12)}
.d-s13{fill:var(--d-s13);background:var(--d-s13)} .d-s14{fill:var(--d-s14);background:var(--d-s14)} .d-s0{fill:var(--d-fundo-serie);background:var(--d-fundo-serie)}
.d-legenda-serie{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-4);margin-top:var(--sp-3);font-size:var(--fs-base)}
.d-legenda-serie span{display:inline-flex;align-items:center;gap:var(--sp-1)}
.d-legenda-serie i{display:inline-block;width:12px;height:12px;border-radius:2px;flex-shrink:0}
.d-leitura-ponto{margin-top:var(--sp-3);padding:var(--sp-3);background:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--fs-base)}
.d-leitura-ponto h4{font-size:var(--fs-md);color:var(--color-heading);margin-bottom:var(--sp-1)}
.d-leitura-ponto ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,280px));gap:2px var(--sp-5)}
.d-leitura-ponto li{display:flex;align-items:center;gap:var(--sp-1);font-variant-numeric:tabular-nums}
.d-leitura-ponto li i{display:inline-block;width:10px;height:10px;border-radius:2px;flex-shrink:0}
.d-leitura-ponto li b{margin-left:auto;color:var(--color-heading)}
.d-detalhes{margin-top:var(--sp-3)}
.d-detalhes>summary{cursor:pointer;min-height:var(--touch-target);display:flex;align-items:center;color:var(--color-info-text);font-weight:var(--fw-semibold);font-size:var(--fs-base)}

/* ---------- Tabelas ---------- */
.d-tab-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-card);max-width:100%}
.d-tab{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-base)}
.d-tab th{background:var(--color-table-head-bg);padding:var(--sp-2) var(--sp-3);text-align:right;font-weight:var(--fw-bold);color:var(--color-heading);font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--color-brand-primary);white-space:nowrap;vertical-align:bottom}
.d-tab th.esq,.d-tab td.esq{text-align:left}
.d-tab td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--color-border);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle}
.d-tab tbody tr:last-child td{border-bottom:0}
.d-tab tbody tr:hover td{background:var(--color-hover-bg)}
.d-tab .col-fixa{position:sticky;left:0;z-index:2;background:var(--color-surface-card);min-width:230px;max-width:300px;white-space:normal;box-shadow:1px 0 0 var(--color-border)}
.d-tab th.col-fixa{background:var(--color-table-head-bg);z-index:3}
.d-tab tbody tr:hover td.col-fixa{background:var(--color-hover-bg)}
.d-tab tr.d-filho td{background:var(--color-surface)}
.d-tab tr.d-filho td.col-fixa{background:var(--color-surface);padding-left:var(--sp-8)}
.d-tab tr.d-filho:hover td,.d-tab tr.d-filho:hover td.col-fixa{background:var(--color-hover-bg)}
.d-tab tr.d-total td{font-weight:var(--fw-bold);color:var(--color-heading);border-top:2px solid var(--color-brand-primary);background:var(--color-table-head-bg)}
.d-tab tr.d-total td.col-fixa{background:var(--color-table-head-bg)}
.d-tab .d-nulo{color:var(--color-text-muted)}
.d-ord{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:var(--sp-1);min-height:32px;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;font-weight:inherit;text-align:inherit}
.d-ord:hover{color:var(--color-brand-primary-light)}
.d-ord:focus-visible{outline:2px solid var(--color-brand-primary-light);outline-offset:2px}
.d-ord::after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.25;border-top:5px solid currentColor}
th[aria-sort="descending"] .d-ord::after{opacity:1;border-top:5px solid currentColor;border-bottom:0}
th[aria-sort="ascending"] .d-ord::after{opacity:1;border-top:0;border-bottom:5px solid currentColor}
.d-abrir{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:var(--sp-1);border-radius:var(--radius-sm);color:var(--color-brand-primary-light);font-weight:var(--fw-bold);vertical-align:middle;flex-shrink:0}
.d-abrir:hover{background:var(--color-hover-bg)}
.d-abrir:focus-visible{outline:2px solid var(--color-brand-primary-light)}
.d-abrir::before{content:"▸"}
.d-abrir[aria-expanded="true"]::before{content:"▾"}
.d-nomecel{display:flex;align-items:flex-start;gap:var(--sp-1)}
.d-nometxt{min-width:0}
.d-nome{font-weight:var(--fw-bold);color:var(--color-heading);font-size:var(--fs-md)}
.d-filho .d-nomecel{display:flex;align-items:flex-start;gap:var(--sp-1)}
.d-nometxt{min-width:0}
.d-nome{font-weight:var(--fw-semibold)}
.d-mais{margin-top:var(--sp-3)}

/* ---------- Faixas (barras em CSS, sempre com o número ao lado) ---------- */
.d-faixas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
.d-faixa-bloco{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}
.d-faixa-bloco h3{font-size:var(--fs-md);color:var(--color-heading);margin-bottom:var(--sp-2)}
.d-faixa{display:grid;grid-template-columns:minmax(100px,140px) minmax(0,1fr) 150px;gap:var(--sp-2);align-items:center;padding:3px 0;font-size:var(--fs-base)}
.d-faixa-rot{color:var(--color-text)}
.d-faixa-trilho{height:12px;background:var(--color-surface);border-radius:var(--radius-sm);overflow:hidden}
.d-faixa-barra{display:block;height:100%;background:var(--color-brand-primary-light);border-radius:var(--radius-sm)}
.d-faixa-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text)}
.d-faixa-num b{color:var(--color-heading)}
.d-dia{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);margin-top:var(--sp-4)}
.d-tab-fixa td.esq{font-weight:var(--fw-semibold);color:var(--color-heading)}
.d-celula-barra{display:flex;align-items:center;gap:var(--sp-2);min-width:150px}
.d-celula-barra .d-faixa-trilho{flex:1;min-width:50px}
.d-celula-barra span.n{min-width:92px;text-align:right}

/* ---------- Leituras ---------- */
.d-leituras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.d-leitura{background:var(--color-surface-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-4);border-left:5px solid var(--color-info-text);display:flex;flex-direction:column;gap:var(--sp-2)}
.d-leitura.nivel-atencao{border-left-color:var(--color-warning-fill)}
.d-leitura.nivel-alerta{border-left-color:var(--color-danger-text)}
.d-leitura h3{font-size:var(--fs-lg);color:var(--color-heading)}
.d-parte b{display:block;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted);margin-bottom:1px}
.d-parte p{max-width:80ch}
.d-parte-reco{background:var(--d-ok-bg);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}
.d-analista{margin-top:var(--sp-6);background:var(--color-surface-card);border:1px solid var(--color-border);border-top:4px solid var(--color-brand-primary-light);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5)}
.d-analista-data{display:inline-block;margin:var(--sp-1) 0 var(--sp-3);padding:var(--sp-1) var(--sp-3);background:var(--color-brand-primary-bg);color:var(--color-brand-primary);font-weight:var(--fw-bold);border-radius:var(--radius-sm);font-size:var(--fs-lg)}
[data-theme="dark"] .d-analista-data{background:rgba(46,125,50,.22);color:var(--color-success-text)}

.d-aviso-datado{margin-bottom:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--color-warning-bg);border-left:3px solid var(--color-warning-fill);border-radius:var(--radius-sm);font-size:var(--fs-base)}
.d-limites{margin-top:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--color-border);color:var(--color-text-muted)}
.d-limites h3{font-size:var(--fs-md);color:var(--color-heading);margin-bottom:var(--sp-2)}

/* ---------- Confiabilidade ---------- */
.d-conf-topo{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3);margin-bottom:var(--sp-3)}
.d-conf-topo .d-card{grid-column:auto}
.d-lista-simples{padding-left:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-1);max-width:100ch;font-size:var(--fs-base)}
.d-frescor{margin-top:var(--sp-6);padding:var(--sp-3) var(--sp-4);background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--fs-base)}
.d-frescor h3{font-size:var(--fs-md);color:var(--color-heading);margin-bottom:var(--sp-2)}
.d-frescor ul{list-style:none;display:flex;flex-direction:column;gap:var(--sp-1)}
.d-frescor li b{color:var(--color-heading)}

/* ---------- Pano de fundo, contador, faixas de ocupação ---------- */
.d-tab tr.d-fundo td{background:var(--color-surface);border-top:2px dashed var(--color-border);color:var(--color-text-muted)}
.d-tab tr.d-fundo td.col-fixa{background:var(--color-surface)}
.d-tab tr.d-fundo .d-nome{color:var(--color-text-muted)}
.d-tab tr.d-contador td{background:var(--color-surface)}
.d-link{all:unset;box-sizing:border-box;cursor:pointer;min-height:32px;display:inline-flex;align-items:center;color:var(--color-info-text);text-decoration:underline;text-underline-offset:2px;font-size:var(--fs-base);font-weight:var(--fw-semibold);white-space:normal}
.d-link:focus-visible{outline:2px solid var(--color-brand-primary-light);outline-offset:2px}
.d-fundo-linha{margin-top:var(--sp-3);padding:var(--sp-2) var(--sp-3);background:var(--color-surface-card);border:1px dashed var(--color-border);border-radius:var(--radius-sm);font-size:var(--fs-base)}
.d-tab tr.d-destaque td,.d-tab tr.d-destaque td.col-fixa{background:var(--d-ok-bg)}
.d-tab tr.d-futura td{background:var(--color-surface);border-top:2px dashed var(--color-border);color:var(--color-text-muted);font-style:italic}
.d-faixa.d-destaque{background:var(--d-ok-bg);border-radius:var(--radius-sm);padding-left:var(--sp-2);padding-right:var(--sp-2)}

/* ---------- Responsivo ---------- */
@media(max-width:1000px){
  .d-card,.d-card-din{grid-column:span 6}
  .d-gloss-corpo,.d-leituras,.d-faixas{grid-template-columns:1fr}
}
@media(max-width:768px){
  .abas{padding:0 var(--sp-2)}
  .aba{flex:1;justify-content:center;padding:0 var(--sp-3)}
  .d-sec{margin-top:var(--sp-6)}
  .d-filtros{padding:var(--sp-3)}
  .d-campo,.d-filtros select{width:100%}
  .d-campo{flex:1 1 100%}
  .d-campo-data{flex:1 1 calc(50% - var(--sp-2))}
  .d-filtros input[type="date"]{width:100%;font-size:16px}
  .d-filtros select{font-size:16px;min-width:0}
  .d-multis{grid-template-columns:1fr}
  .d-card,.d-card-din{grid-column:span 12}
  .d-cards .d-card:nth-child(-n+2){grid-column:span 6}
  .d-faixa{grid-template-columns:90px minmax(0,1fr) 110px}
  .d-btn{width:100%}
  .d-analista{padding:var(--sp-3)}
  .d-tab .col-fixa{min-width:130px;max-width:150px}
}

.d-periodo-txt{align-self:center;font-size:var(--fs-base);color:var(--color-text-muted)}
.d-conf-destaque{grid-template-columns:minmax(260px,520px)}
.d-parte+.d-parte{border-top:1px dashed var(--color-border);padding-top:var(--sp-2)}

/* ---------- Contraste >= 4,5:1 em texto pequeno (tokens do DS) ---------- */
.d-tag-ok{color:var(--color-brand-primary)}
[data-theme="dark"] .d-tag-ok{color:var(--color-success-text)}
.d-tag-neutro{color:var(--color-text)}
.badge-base{color:var(--color-text)}
.d-parte-reco b{color:var(--color-text)}

/* ---------- Pista de rolagem lateral ---------- */
.d-rolagem{position:relative}
.d-dica-rolar{display:none;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text);text-align:right;margin-bottom:var(--sp-1)}
.d-rolagem::after{content:"";display:none;position:absolute;top:0;right:0;bottom:0;width:28px;border-radius:0 var(--radius-md) var(--radius-md) 0;pointer-events:none;background:linear-gradient(to left,var(--d-sombra),transparent)}
.d-rolagem.fim::after,.d-rolagem.sem-rolagem::after{display:none}
@media(max-width:768px){
  .d-rolagem:not(.sem-rolagem) .d-dica-rolar{display:block}
  .d-rolagem:not(.sem-rolagem):not(.fim)::after{display:block}
  /* áreas de toque de 44px sem mudar o desenho */
  .d-ord{min-height:var(--touch-target);min-width:var(--touch-target)}
  .d-abrir{width:var(--touch-target);height:var(--touch-target);margin:-8px 0 -8px -8px}
  .d-link{min-height:var(--touch-target)}
}

/* ---------- Alerta de vendas subcontadas ---------- */
.d-alerta{margin-top:var(--sp-4);padding:var(--sp-4) var(--sp-5);background:var(--color-danger-bg);border:2px solid var(--color-danger-text);border-left-width:8px;border-radius:var(--radius-md);color:var(--color-text);display:flex;flex-direction:column;gap:var(--sp-2)}
.d-alerta strong{font-size:var(--fs-lg);color:var(--color-danger-text)}
.d-alerta p{max-width:110ch}
.d-faltando{border-style:solid;border-color:var(--color-warning-border);background:var(--color-warning-bg)}
.d-alerta strong{color:var(--color-heading)}
.d-leitura-conf{display:flex;flex-direction:column;gap:var(--sp-2);max-width:110ch;margin:var(--sp-3) 0;font-size:var(--fs-md);color:var(--color-heading)}
.d-tab tr.d-baixo td{background:var(--color-warning-bg)}