/* B4 Dashboard only: Sprint A app shell and all operational module styles remain unchanged. */
.b4-heading{margin-bottom:18px}
.b4-attention{margin-bottom:16px;border-left:4px solid var(--gold);box-shadow:0 3px 12px rgba(24,28,35,.055)}
.b4-attention h2{font-size:19px;margin:0 0 12px}
.b4-attention-list{display:grid;gap:7px}
.b4-attention-list p{margin:0;padding:7px 0;border-bottom:1px solid var(--line)}
.b4-attention-list p:last-child{border-bottom:0}
.b4-metrics .b4-metric{min-width:0}
.b4-metric b{font-size:clamp(20px,2vw,28px);overflow-wrap:anywhere}
.b4-metric small{display:block;margin-top:8px;font-size:12px;line-height:1.4}
.b4-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.b4-panel{min-width:0;display:flex;flex-direction:column;gap:10px}
.b4-panel h3{margin:0;font-size:18px}
.b4-panel>.muted{margin:0;font-size:13px;line-height:1.5}
.b4-panel-body{flex:1;min-width:0}
.b4-panel-body .row{flex-wrap:wrap}
.b4-panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.b4-panel-actions button{width:auto}
.b4-warning{margin-bottom:16px;border-left:4px solid #ba7c20}
.b4-loading{min-height:100px;display:flex;align-items:center}
@media(max-width:900px){.b4-panel-grid{grid-template-columns:1fr}}
@media(max-width:700px){.b4-attention h2{font-size:17px}.b4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.b4-panel-actions button{min-height:44px}}
@media(max-width:360px){.b4-metrics{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.b4-panel *{scroll-behavior:auto}}