/* Design 4 of 6 — "Command Dashboard" (scoped to body.style4) */
body.style4{--paper:#070c1a;--card:#0f1730;--ink:#eaf0ff;--ink-2:#c7d2ea;--line:#1e2a4a;--line-2:#2b3a60;--muted:#93a3c2;
  --grad:linear-gradient(90deg,#22d3ee,#6366f1);--grad-2:linear-gradient(90deg,#f59e0b,#ef4444);--grad-3:linear-gradient(90deg,#34d399,#22d3ee);
  --blue:#22d3ee;--blue-d:#0b1226;--blue-l:#6366f1;--crimson:#f43f5e;--violet:#6366f1;--indigo:#818cf8;--cyan:#22d3ee;--pink:#f472b6;
  --sky:#0b1226;--sky2:#0f1730;--green:#34d399;--gold:#fbbf24;--radius:12px;--radius-lg:16px;background:#070c1a;color:#eaf0ff}
body.style4 .head{background:#0b1226;border-color:#1e2a4a}
body.style4 .brand,body.style4 .brand strong{color:#fff}
body.style4 .brand small,body.style4 .brand-t small{color:#93a3c2}
body.style4 .nav{background:#0b1226;border-color:#1e2a4a}
body.style4 .nav a,body.style4 .nav button{color:#c7d2ea}
body.style4 .nav a:hover,body.style4 .nav button:hover{color:#fff;background:#162040}
body.style4 .burger{border-color:#243052}
body.style4 .burger span{background:#c7d2ea}
body.style4 .nav .menu{background:#0f1730;border-color:#243052}
body.style4 .nav .menu a{color:#c7d2ea}
body.style4 .nav .menu a:hover{background:#162040;color:#fff}
body.style4 .hsearch input{background:#0f1730;border-color:#243052;color:#eaf0ff}
body.style4 .topbar{background:#050914}
body.style4 .ticker{background:#0f1730;color:#a9b8d6;border-bottom:1px solid #1e2a4a}
body.style4 .tk-tag{background:#22d3ee;color:#052a33;border-radius:6px}
body.style4 .foot{background:#050914}
body.style4 .sos-fab{background:#f43f5e}

.v4{padding-bottom:46px}
.v4-bar{background:#050914;border-bottom:1px solid #16203c}
.v4-bar-in{display:flex;align-items:center;gap:14px;padding:9px 0;font-size:.76rem;color:#a9b8d6}
.v4-live{display:flex;align-items:center;gap:8px;font-weight:700;color:#34d399;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}
.v4-live i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.18);animation:v4pulse 2s infinite}
@keyframes v4pulse{50%{box-shadow:0 0 0 7px rgba(52,211,153,0)}}
.v4-date{margin-left:auto;color:#6f7fa0;font-variant-numeric:tabular-nums}
.v4-sos{background:#f43f5e;color:#fff;border-radius:6px;padding:4px 12px;font-weight:700;font-size:.76rem}
.v4-sos:hover{background:#e11d48;color:#fff;text-decoration:none}
.v4-body{padding-top:26px}
.v4-title{margin:0;font-size:clamp(1.5rem,3vw,2.1rem);color:#fff;letter-spacing:-.02em}
.v4-sub{margin:4px 0 22px;color:#8fa0c0;font-size:.9rem}
.v4-kpi{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.v4-k{position:relative;background:#0f1730;border:1px solid #1e2a4a;border-radius:12px;padding:14px 16px;overflow:hidden}
.v4-k span{display:block;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:#8fa0c0}
.v4-k b{display:block;font-size:1.7rem;line-height:1.15;color:#fff;font-variant-numeric:tabular-nums}
.v4-k i{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#22d3ee,#6366f1)}
.v4-k i.warn{background:linear-gradient(90deg,#f59e0b,#f43f5e)}
.v4-k i.ok{background:linear-gradient(90deg,#34d399,#22d3ee)}
.v4-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}
.v4-span2{grid-column:span 2}
.v4-panel{background:#0f1730;border:1px solid #1e2a4a;border-radius:12px;padding:16px 18px}
.v4-panel h2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#8fa0c0}
.v4-panel h2 a{font-size:.66rem;letter-spacing:.06em;color:#22d3ee;text-transform:none}
.v4-feed{list-style:none;margin:0;padding:0}
.v4-feed li{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid #16203c;font-size:.9rem}
.v4-feed li:last-child{border:0}
.v4-dot{width:6px;height:6px;border-radius:50%;background:#22d3ee;flex:none}
.v4-feed a{color:#dbe6ff;line-height:1.4;flex:1;min-width:0}
.v4-feed a:hover{color:#fff;text-decoration:none}
.v4-feed em{font-style:normal;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#7c8cae;white-space:nowrap}
.v4-feed time{color:#5f6f8f;font-size:.7rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.v4-stats{display:grid;gap:10px}
.v4-s{display:grid;grid-template-columns:1fr auto 70px auto;align-items:center;gap:10px;font-size:.84rem;color:#c7d2ea}
.v4-s b{color:#fff;font-variant-numeric:tabular-nums}
.v4-s em{font-style:normal;font-size:.72rem;color:#8fa0c0;font-variant-numeric:tabular-nums}
.v4-b{height:6px;border-radius:999px;background:#16203c;overflow:hidden}
.v4-b i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#6366f1)}
.v4-qa{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v4-qa a{display:flex;justify-content:space-between;gap:6px;background:#131d3a;border:1px solid #243052;border-radius:8px;padding:10px 12px;font-size:.82rem;color:#dbe6ff}
.v4-qa a:hover{background:#1b2850;color:#fff;text-decoration:none;border-color:#3b4f86}
.v4-qa span{color:#22d3ee}
.v4-hl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.v4-hl a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #16203c;font-size:.84rem;color:#c7d2ea}
.v4-hl b{color:#34d399;font-variant-numeric:tabular-nums}
.v4-hl a:hover{color:#fff;text-decoration:none}
.v4-stn{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}
.v4-stn a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #16203c;font-size:.84rem;color:#c7d2ea}
.v4-stn b{color:#8fa0c0;font-weight:500;font-variant-numeric:tabular-nums}
.v4-stn a:hover{color:#22d3ee;text-decoration:none}
@media (max-width:1000px){
  .v4-kpi{grid-template-columns:repeat(3,1fr)}
  .v4-grid{grid-template-columns:1fr}
  .v4-span2{grid-column:auto}
  .v4-stn{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .v4-kpi{grid-template-columns:1fr 1fr}
  .v4-feed li{flex-wrap:wrap;gap:4px 8px}
  .v4-feed time{margin-left:auto}
  .v4-hl{grid-template-columns:1fr}
  .v4-stn{grid-template-columns:1fr}
  .v4-qa{grid-template-columns:1fr}
  .v4-s{grid-template-columns:1fr auto;row-gap:4px}
  .v4-b{grid-column:1/-1}
}
