.secao { display: flex; flex-direction: column; gap: 16px; }
.aviso { margin: 0; padding: 10px 14px; border-radius: 10px; border: 1px solid var(--panel-border); background: var(--panel-surface); font-size: .875rem; }
.aviso[data-tone="warning"] { border-color: var(--panel-warning); }
.aviso[data-tone="error"] { border-color: var(--panel-error); }
.cartao { border: 1px solid var(--panel-border); border-radius: 12px; background: var(--panel-surface); padding: 18px; display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.cabecalho { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.nome { margin: 0; font: 700 1rem/1.3 var(--font-inter), sans-serif; }
.sub { font-size: .8rem; color: var(--panel-foreground-muted); }
.barra { display: flex; align-items: center; gap: 10px; }
.trilho { flex: 1; height: 8px; border-radius: 4px; background: var(--panel-surface-elevated); overflow: hidden; }
.preenchido { height: 8px; background: var(--panel-success); }
.preenchido[data-tone="warning"] { background: var(--panel-warning); }
.preenchido[data-tone="error"] { background: var(--panel-error); }
.pct { min-width: 44px; text-align: right; font: 700 .85rem/1 var(--font-mono), monospace; font-variant-numeric: tabular-nums; }
.alertas { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: .875rem; }
.alertas li { display: flex; gap: 8px; align-items: baseline; }
.marca { font-weight: 700; }
.marca[data-tone="error"] { color: var(--panel-error); }
.marca[data-tone="warning"] { color: var(--panel-warning); }
.tabelaBox { overflow-x: auto; border: 1px solid var(--panel-border); border-radius: 12px; }
.tabela { width: 100%; min-width: 560px; border-collapse: collapse; font-size: .875rem; }
.tabela th { text-align: left; padding: 10px 12px; font-weight: 600; color: var(--panel-foreground-muted); background: var(--panel-surface-elevated); }
.tabela td { padding: 10px 12px; border-top: 1px solid var(--panel-border); }
.mono { font-family: var(--font-mono), monospace; font-size: .8rem; overflow-wrap: anywhere; }
.num { text-align: right; font-variant-numeric: tabular-nums; }
.lista { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; font-size: .875rem; }
.lista dt { color: var(--panel-foreground-muted); }
.lista dd { margin: 0; font-weight: 600; }