/* Design 4 — Command Dashboard (LIGHT): slate + teal, KPI tiles, bento panels */
.d4{--p:#0f3d3e;--p2:#0d9488;--a:#f59e0b;--bg:#eef3f4;--line:#d6e2e4;--soft:#d9f2ef;--mut:#587073;--r:14px}
.d4-bar{background:#0f3d3e;color:#d7f3ef;font-size:.8rem}
.d4-bar-in{display:flex;align-items:center;gap:16px;padding-top:8px;padding-bottom:8px}.d4-bar-in a{margin-left:auto;background:var(--red);color:#fff;padding:4px 12px;border-radius:6px;font-weight:900}
.d4-live{display:flex;align-items:center;gap:8px;font-weight:800}.d4-live i{width:9px;height:9px;border-radius:50%;background:#34d399;animation:hbsos 1.8s infinite}
.d4-title{margin:22px 0 4px;font-size:clamp(1.6rem,3.6vw,2.4rem);color:var(--p);font-weight:900}.d4-sub{margin:0 0 18px;color:var(--mut)}
.d4-kpi .hb-stats>div,.d4-kpi>div{border-left:5px solid var(--p2)}
.d4-kpi{grid-template-columns:repeat(4,1fr)}
.d4-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.d4-p{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh);min-width:0}
.d4-p .hb-sec{margin-top:0}.d4-p .hb-h{font-size:1.05rem}
.d4-2{grid-column:span 2}
.d4-two{grid-template-columns:1fr 1fr}
.d4-p .hb-actions{grid-template-columns:repeat(3,1fr)}
.d4 .hb-h:before{background:var(--p2)}
@media(max-width:1000px){.d4-grid{grid-template-columns:1fr 1fr}.d4-kpi{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.d4-grid,.d4-two{grid-template-columns:1fr}.d4-2{grid-column:auto}.d4-p .hb-actions{grid-template-columns:repeat(2,1fr)}}
.d4-p .hb-emerg{grid-template-columns:repeat(2,1fr)}