.zhh-dashboard{--zhh-blue:#2468e8;--zhh-line:#bfdbfe}
.zhh-dashboard .shh-intro p{margin:5px 0 0;color:#dbeafe;font-size:10px}
.zhh-zone-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px}
.zhh-bars{display:grid;gap:13px;padding:18px 17px 14px}.zhh-state-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 82px;align-items:center;gap:12px}.zhh-state-bar>strong{font-size:11px}.zhh-state-bar>small{color:var(--shh-muted);font-size:9px;text-align:right}
.zhh-stack{display:flex;height:19px;overflow:hidden;border-radius:6px;background:#edf1f6}.zhh-stack i{display:block;height:100%}.zhh-stack .present{background:#14b87a}.zhh-stack .leave{background:#8b5cf6}.zhh-stack .missing{background:#ff8a95}
.zhh-legend{display:flex;gap:16px;padding:0 17px 15px;color:var(--shh-muted);font-size:9px}.zhh-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:2px;background:#14b87a}.zhh-legend span:nth-child(2):before{background:#8b5cf6}.zhh-legend span:nth-child(3):before{background:#ff8a95}
.zhh-table-wrap{width:100%;max-width:100%;overflow:auto}.zhh-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.zhh-table th{padding:11px 12px;border-right:1px solid #79a7f4;background:var(--zhh-blue);color:#fff;font-size:9px;text-align:left;text-transform:uppercase}.zhh-table th:first-child{border-radius:8px 0 0}.zhh-table th:last-child{border-right:0;border-radius:0 8px 0 0}.zhh-table td{padding:12px;border-right:1px solid var(--zhh-line);border-bottom:1px solid var(--zhh-line);color:#41526a;font-size:10px}.zhh-table td:first-child{border-left:1px solid var(--zhh-line)}.zhh-table td strong,.zhh-table td small{display:block}.zhh-table td small{margin-top:3px;color:var(--shh-muted);font-size:9px}.zhh-table .num{font-weight:700}.zhh-table .danger{color:var(--shh-red)}.zhh-table .warning{color:var(--shh-orange)}.zhh-table button{min-height:34px;padding:0 11px;border:1px solid #cbd9eb;border-radius:8px;background:#fff;color:var(--shh-blue);font-size:10px;font-weight:650}.zhh-empty-cell{padding:24px!important;color:var(--shh-muted)!important;text-align:center}
.zhh-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zhh-insight{padding:14px 16px;border:1px solid var(--shh-line);border-left:4px solid var(--shh-orange);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(24,39,75,.04)}.zhh-insight.approval{border-left-color:var(--shh-green)}.zhh-insight span,.zhh-insight strong{display:block}.zhh-insight span{color:var(--shh-muted);font-size:9px;text-transform:uppercase}.zhh-insight strong{margin-top:6px;font-size:11px;line-height:1.45}
@media(max-width:1100px){.zhh-zone-layout{grid-template-columns:1fr}}@media(max-width:768px){.zhh-state-bar{grid-template-columns:90px minmax(0,1fr)}.zhh-state-bar>small{grid-column:2;text-align:left}.zhh-insights{grid-template-columns:1fr}}@media(max-width:480px){.zhh-state-bar{grid-template-columns:1fr}.zhh-state-bar>small{grid-column:auto}}