#hd-shell .hd-tb{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:0 0 10px;border:1px solid var(--border);background:var(--card);border-radius:var(--radius2);padding:8px 10px}
.hd-tb .f{display:flex;flex-direction:column;gap:2px}.hd-tb .f label{font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--muted)}
.hd-tb input,.hd-tb select{padding:5px 7px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:12px;background:var(--paper);color:var(--text);text-transform:none;min-width:0;max-width:240px}
.hd-ck{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:700;cursor:pointer;padding:5px 0}
.hd-note{font-size:11px;color:var(--muted);text-transform:none;margin:4px 2px 8px;line-height:1.45}
.card-header .hd-note{margin:0 0 0 auto}
.hd-load{padding:30px;text-align:center;color:var(--muted);font-weight:800;letter-spacing:.08em}
.hd-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:0 0 10px}
.hd-kpi{border:1px solid var(--border);background:var(--card);border-radius:var(--radius2);padding:8px 12px;border-left:4px solid var(--navy3)}
.hd-kpi .k{font-size:10px;font-weight:800;letter-spacing:.05em;color:var(--muted);line-height:1.3}.hd-kpi .v{font-size:19px;font-weight:900;margin-top:3px;color:var(--navy)}.hd-kpi .s{font-size:11px;color:var(--muted);font-weight:700;margin-top:2px;text-transform:none}
.hd-kpi.warn{border-left-color:#c0392b}.hd-kpi.ok{border-left-color:#1d6b3a}.hd-kpi.click{cursor:pointer}.hd-kpi.click:hover,.hd-kpi.on{box-shadow:0 0 0 2px var(--navy3) inset}
.hd-tw{overflow:auto;max-height:70vh}.hd-tbl{width:100%}.hd-tbl thead th{position:sticky;top:0;z-index:2;background:var(--navy);color:var(--on);white-space:nowrap}
.hd-tbl td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.hd-tbl td.c{text-align:center}.hd-tbl td.sm{font-size:11px;text-transform:none}.hd-tbl td.bad{color:var(--red);font-weight:900}
.hd-tbl .sub{font-size:10px;color:var(--muted);font-weight:600}.hd-tbl tr.click{cursor:pointer}.hd-tbl tr.click:hover td{background:var(--bg2)}
.hd-tbl tfoot td{font-weight:900;background:var(--bg2);position:sticky;bottom:0}.hd-tbl tr.grp td{font-weight:900;background:var(--bg2)}.hd-empty{text-align:center;color:var(--muted);padding:20px}
.hd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hd-chart{display:flex;gap:6px;align-items:flex-end;height:200px;padding:10px 12px}
.hd-chart .col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hd-chart .bars{flex:1;width:100%;display:flex;gap:2px;align-items:flex-end;justify-content:center}
.hd-chart .bar{width:42%;min-height:1px;border-radius:2px 2px 0 0}.bar.m,.hd-leg i.m{background:#b5651d}.bar.b,.hd-leg i.b{background:#1f4f8a}.hd-chart .lb{font-size:10px;font-weight:800;color:var(--muted);margin-top:3px}
.hd-leg{margin-left:auto;font-size:10px;font-weight:800;display:flex;gap:6px;align-items:center}.hd-leg i{display:inline-block;width:10px;height:10px;border-radius:2px}
.hd-share{display:flex;align-items:center;gap:6px;min-width:110px}.hd-share i{display:block;height:8px;background:var(--navy3);border-radius:2px}.hd-share span{font-size:10px;font-weight:800}
.hd-lv{font-size:10px;font-weight:900;padding:2px 7px;border-radius:999px}.hd-lv.hi{background:#f8d7d3;color:#a3261a}.hd-lv.md{background:#fff2c2;color:#7a5b00}.hd-lv.lo{background:#e6efe8;color:#1d6b3a}
.hd-bd{display:grid;grid-template-columns:360px 1fr;gap:10px;align-items:start}.hd-bdp .hd-tb{border:0;padding:0;margin:0 0 6px}.hd-pad{padding:8px 10px}
.hd-chips{display:flex;flex-wrap:wrap;gap:5px}.hd-chip{border:1.5px solid var(--border);background:var(--paper);border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:800;cursor:pointer;color:var(--text)}.hd-chip.on{background:var(--navy3);color:var(--on);border-color:var(--navy3)}
.hd-tpls{padding:6px 10px;max-height:180px;overflow:auto}.hd-tpl{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;border-radius:4px;font-weight:700;font-size:12px}.hd-tpl span{cursor:pointer;flex:1}.hd-tpl.on,.hd-tpl:hover{background:var(--bg2)}
@media (max-width:900px){.hd-grid2,.hd-bd{grid-template-columns:1fr}.hd-chart{height:150px;gap:2px;padding:6px}.hd-kpis{grid-template-columns:1fr 1fr}.hd-kpi .v{font-size:15px}#hd-shell .hd-tb .f{flex:1 1 45%}.hd-tb input,.hd-tb select{max-width:none;width:100%}.hd-tw{max-height:none}}