header{flex-wrap:wrap}header nav{flex-wrap:wrap}
.hu{display:grid;gap:20px}.hu,.hu>*,.hu-split>*{min-width:0}.hu h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:1.05rem}
.hu-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hu-head h1{font-size:1.5rem}.hu-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.hu-controls label{margin:0;min-width:155px}.hu-controls select{margin-top:6px}
.hu-live{font-size:.82rem;color:var(--ok)}.hu-live.off{color:var(--warn)}
.hu-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hu-kpi{padding:21px}.hu-kpi strong{display:block;font-size:1.9rem;font-weight:650;letter-spacing:-.035em;margin:12px 0 7px;font-variant-numeric:tabular-nums}.hu-kpi:first-child{border-top:3px solid var(--brand)}
.hu-split{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.hu-chart{width:100%;height:auto;min-height:200px}.hu-chart text{fill:var(--mut);font-size:12px}.hu-chart line{stroke:var(--line)}.hu-chart rect{fill:var(--brand)}.hu-chart rect.partial{fill:var(--warn)}
.hu-component{margin:18px 0}.hu-component div{display:flex;justify-content:space-between;gap:10px;font-size:.85rem}.hu-track{background:var(--panel2);height:7px;border-radius:10px;margin-top:7px;overflow:hidden}.hu-track i{height:100%;display:block;background:var(--brand)}
.hu-scroll{overflow:auto}.hu td,.hu th{white-space:nowrap}.hu td.num,.hu th.num{text-align:right;font-variant-numeric:tabular-nums}.hu details{font-size:.85rem;color:var(--mut)}.hu summary{cursor:pointer;color:var(--text)}.hu details p{line-height:1.6}.hu .empty{padding:45px 12px;text-align:center;color:var(--mut)}.hu #hu-warning:empty{display:none}.hu .banner{margin:0;line-height:1.55}.hu-model{font-size:.8rem;color:var(--mut);margin:8px 0 0}.hu-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.hu button:focus-visible,.hu select:focus-visible,.hu summary:focus-visible,.hu rect:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
@media(max-width:900px){.hu-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hu-split{grid-template-columns:1fr}}
@media(max-width:500px){.hu-kpi{padding:14px}.hu-kpi strong{font-size:1.5rem}.hu-controls{width:100%}.hu-controls label{min-width:120px;flex:1}main{padding:14px}header{position:static}.hu-chart{min-height:160px}}