/* Só o que este painel tem de novo; o resto vem de base.css (identidade El Misti). */

.btn-atualizar{min-height:32px;padding:0 var(--sp-3);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-full);
  background:transparent;color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;white-space:nowrap}
.btn-atualizar:hover{background:rgba(255,255,255,.12)}
.btn-atualizar:disabled{opacity:.55;cursor:wait}

/* Selo: verde quando tudo bate com a Conta Simples, âmbar quando algo não bate ou o dado envelheceu */
.selo{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);background:var(--color-brand-primary-bg);
  color:var(--color-success-text);line-height:var(--lh-relaxed)}
.selo.alerta{background:rgba(249,168,37,.18);color:var(--color-warning-text)}
[data-theme="dark"] .selo{background:rgba(46,125,50,.18)}

.grafico{position:relative;height:300px}
.grafico.baixo{height:260px}
.largura-dupla{margin:0}
@media (min-width:900px){.duas-colunas.largura-dupla{grid-template-columns:1fr 1fr}}

.leitura-item{margin-bottom:var(--sp-3);font-size:var(--fs-sm);line-height:var(--lh-relaxed)}
.leitura-item b{display:block;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted)}

.kpi-card .kpi-dica{font-size:var(--fs-2xs);color:var(--color-text-muted)}
.valor-neg{color:var(--color-danger-text)}
.tag-pendente{color:var(--color-warning-text);font-weight:var(--fw-semibold)}
.tag-nao{color:var(--color-text-muted)}

.filtros-extrato{flex-wrap:wrap}
.filtro-campo.busca input{min-width:200px}

/* Faturas: cartões clicáveis, a selecionada em destaque */
.faturas-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-2);margin:var(--sp-3)}
.fatura-btn{text-align:left;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);
  padding:var(--sp-2) var(--sp-3);cursor:pointer;color:var(--color-text);min-height:var(--touch-target)}
.fatura-btn.ativa{outline:2px solid var(--color-brand-primary-light)}
.fatura-btn .fv{font-size:var(--fs-2xs);color:var(--color-text-muted);text-transform:uppercase}
.fatura-btn .fval{display:block;font-size:var(--fs-lg);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums}
.fatura-btn .fst{font-size:var(--fs-2xs)}

.data-table td.num,.data-table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* 6 abas não cabem em 390px: a barra rola de lado (só ela, nunca a página) */
.tabs-bar{overflow-x:auto;scrollbar-width:none}
.tabs-bar::-webkit-scrollbar{display:none}
.tab-btn{white-space:nowrap;flex:none}
.grafico canvas{max-width:100%}
@media(max-width:480px){
  .btn-atualizar{padding:0 var(--sp-2)}
  .grafico{height:240px}
  .grafico.baixo{height:220px}
  .faturas-lista{grid-template-columns:repeat(2,1fr)}
  .filtro-campo.busca input{min-width:0;width:100%}
}
.data-table tr.linha-total td{font-weight:var(--fw-bold)}
@media(max-width:480px){
  /* no Extrato os filtros são vários "Todos": sem o rótulo não dá para saber qual é qual */
  .filtros-extrato .filtro-campo>.filtro-lbl{position:static;width:auto;height:auto;clip-path:none}
  .filtros-extrato .filtro-campo{flex:1 1 45%}
  /* descrição quebra linha para o valor caber na tela */
  .data-table td.desc{white-space:normal;word-break:break-word}
}

/* aba HI sem dado (chaves ainda não salvas): mostra só o aviso */
#tab-hi.sem-dado .duas-colunas,#tab-hi.sem-dado .section-card,#tab-hi.sem-dado details,#tab-hi.sem-dado .kpi-row{display:none}