/* Painel de uso (public/uso.js) */
.us-voltar{margin-bottom:10px;padding-inline:0}
.us-per{display:flex;gap:6px;flex-wrap:wrap}
.us-kpis .kpi-v small{font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0}
.us-d{font-size:12px;color:var(--muted)}
.us-d.sobe{color:var(--up)} .us-d.desce{color:var(--down)}
.us-linha{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:13px;color:var(--muted);margin:12px 2px 18px}
.us-linha b{color:var(--ink)}
.us-alerta,.us-alerta b{color:var(--accent-text)}
.us-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:16px;min-width:0}
.us-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px 16px;flex-wrap:wrap;margin-bottom:12px}
.us-card-h h3{font-family:var(--f-body);font-size:15px;font-weight:600}
.us-card-h .muted{font-size:12.5px}
.us-cont{display:inline-block;font-size:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:0 8px;margin-left:4px;font-weight:600;vertical-align:2px}
.us-grade{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0}
.us-grade .us-card{margin-bottom:16px}
@media (max-width:900px){.us-grade{grid-template-columns:1fr}}
.us-tabs{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:2px;flex-wrap:wrap}
.us-tabs button{border:0;background:transparent;color:var(--muted);font:500 12.5px var(--f-body);padding:5px 10px;border-radius:7px;cursor:pointer}
.us-tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.us-graf{position:relative}
.us-graf-sc{overflow-x:auto}
.us-graf svg{width:100%;min-width:620px;height:auto;display:block}
.us-grid{stroke:var(--line);stroke-width:1}
.us-base{stroke:var(--line-strong);stroke-width:1}
.us-ax{fill:var(--muted);font:11px var(--f-mono)}
.us-m{fill:var(--accent)}
.us-hit{fill:transparent}
.us-bar.on .us-hit{fill:var(--accent-soft);opacity:.55}
.us-tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--surface);font:500 12px var(--f-body);padding:5px 9px;border-radius:6px;white-space:nowrap;z-index:2}
.us-graf-rod{font-size:12.5px;margin-top:6px}
.us-graf-rod b{color:var(--ink)}
.us-hb{display:flex;flex-direction:column;gap:9px}
.us-hb-l{display:grid;grid-template-columns:minmax(120px,190px) 1fr 48px 64px;align-items:center;gap:10px;font-size:13px}
.us-hb-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-hb-t{height:10px;background:var(--surface-2);border-radius:3px;overflow:hidden}
.us-hb-b{display:block;height:100%;background:var(--accent);border-radius:0 3px 3px 0;min-width:2px}
.us-hb-v{text-align:right;font-weight:600}
.us-hb-e{font-size:12px;text-align:right}
@media (max-width:520px){.us-hb-l{grid-template-columns:1fr 44px;row-gap:3px}.us-hb-t{grid-column:1/-1;grid-row:2}.us-hb-e{display:none}}
.us-nota{font-size:12px;margin-top:12px}
.us-fort{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:6px}
.us-fort>div{display:flex;flex-direction:column;gap:2px;background:var(--surface-2);border-radius:9px;padding:9px 11px;min-width:0}
.us-fort small{font-size:11.5px;color:var(--muted)}
.us-fort b{font-size:19px;font-weight:600}
.us-fort span{font-size:11.5px}
@media (max-width:1100px){.us-fort{grid-template-columns:repeat(2,1fr)}}
.us-h4{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px}
.us-fb{display:flex;flex-wrap:wrap;gap:6px}
.us-ok{background:color-mix(in srgb,var(--up) 14%,transparent);color:var(--up)}
.us-ruim{background:color-mix(in srgb,var(--down) 14%,transparent);color:var(--down)}
.us-t td .sub{display:block;font-size:11.5px;font-weight:400}
.us-t thead th{cursor:pointer}
.us-rod{font-size:12px;margin:4px 2px 0}