/* Phase 4 - responsive, real-data dashboards */
.st4-dashboard{margin:18px 0 20px;padding:18px!important;background:#131c2e!important;border:1px solid #2a3a5a!important;border-radius:16px!important;color:#fff}
.st4-dashboard h2{font-size:20px;line-height:1.4;margin:8px 0 12px;color:#fff}
.st4-dashboard .subtle{font-size:12px;line-height:1.7;color:#94a3b8}
.st4-progress{height:9px;background:#26344b;border-radius:999px;overflow:hidden;margin:12px 0}
.st4-progress span{height:100%;display:block;background:#10b981;transition:width .2s ease}
.st4-caveat{font-size:12px;color:#fbbf24;border-top:1px solid #2a3a5a;margin-top:14px;padding-top:12px}
button,.main-nav button{min-height:44px} .main-nav button{min-height:56px}
@media(max-width:390px){.st4-dashboard{padding:14px!important}.st4-dashboard h2{font-size:18px}.head-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){.st4-progress span{transition:none}}