/* YSG COMMAND CENTER · Phase 1 */
.command-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border-radius:18px;background:linear-gradient(135deg,#071a38,#0d2a52);color:#fff;box-shadow:0 18px 50px rgba(7,26,56,.18);margin-bottom:16px}
.command-hero h2{margin:5px 0 6px;font-size:28px;line-height:1.15}.command-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.78);font-size:13px}
.command-live{display:flex;align-items:center;gap:10px;min-width:190px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07)}
.command-live div{display:flex;flex-direction:column}.command-live b{font-size:13px}.command-live small{font-size:10px;color:rgba(255,255,255,.66)}
.command-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.command-kpis article{padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;min-width:0}
.command-kpis span{font-size:11px;color:var(--muted)}.command-kpis b{font-size:25px;color:var(--navy);line-height:1.2;margin:4px 0}.command-kpis small{font-size:10px;color:#748094}
.command-section{margin-bottom:16px}.command-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;padding:12px}
.command-app-card{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fff;min-width:0}
.command-app-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}.command-app-top>div:nth-child(2){display:flex;flex-direction:column;min-width:0}
.command-app-top b{font-size:13px;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-app-top small{font-size:10px;color:var(--muted)}
.command-node{width:36px;height:36px;border-radius:11px;background:#0a2347;color:#fff;display:grid;place-items:center;font-weight:800}
.command-app-card p{font-size:11px;color:#657287;min-height:32px;margin:11px 0}
.command-app-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.command-app-meta span{padding:7px;border-radius:9px;background:#f7f9fc;font-size:9px;color:#6e7a8c;display:flex;flex-direction:column}.command-app-meta b{font-size:10px;color:#20324d}
.command-app-foot{border-top:1px solid var(--line);margin-top:9px;padding-top:8px}.command-app-foot small{font-size:9px;color:#7b8798;word-break:break-word}
.command-two{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:14px}
.command-flow{max-height:480px;overflow:auto;padding:4px 12px 12px}.command-flow article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line)}
.command-flow-dot{width:9px;height:9px;border-radius:50%;background:#31a66a;box-shadow:0 0 0 4px rgba(49,166,106,.10)}.command-flow-dot.error,.command-flow-dot.denied{background:#cf4b4b;box-shadow:0 0 0 4px rgba(207,75,75,.1)}.command-flow-dot.warning{background:#d69627;box-shadow:0 0 0 4px rgba(214,150,39,.1)}
.command-flow article>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.command-flow b{font-size:12px;color:var(--navy)}.command-flow small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.command-flow-right{display:flex;flex-direction:column;align-items:flex-end}.command-flow-right span{font-size:9px;font-weight:700}.command-flow-right time{font-size:9px;color:var(--muted)}
.command-pulse{width:9px;height:9px;border-radius:50%;background:#28a96b;box-shadow:0 0 0 5px rgba(40,169,107,.12)}
.command-xray{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}.command-xray>div{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fafbfd;display:flex;justify-content:space-between;gap:10px}
.command-xray span{font-size:10px;color:var(--muted)}.command-xray b{font-size:15px;color:var(--navy)}
.command-safe-note{margin:0 12px 12px;padding:10px 11px;border-radius:10px;background:#fff8e8;border:1px solid #f0dfb2;font-size:10px;color:#67562d}
.command-hot,.command-deps{padding:4px 12px 12px;max-height:420px;overflow:auto}.command-hot>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line)}
.command-hot>div>div{display:flex;flex-direction:column;min-width:0}.command-hot b{font-size:11px;color:var(--navy)}.command-hot small{font-size:9px;color:var(--muted)}.command-hot>div>span{font-size:11px;font-weight:700}
.command-deps>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line)}.command-deps b{font-size:10px;color:#263952;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-deps span{font-size:11px;color:#8a96a7}
@media(max-width:1050px){.command-kpis{grid-template-columns:repeat(2,1fr)}.command-two{grid-template-columns:1fr}}
@media(max-width:760px){.command-hero{display:block;padding:18px}.command-hero h2{font-size:23px}.command-live{margin-top:14px}.command-kpis{grid-template-columns:1fr 1fr}.command-app-grid{grid-template-columns:1fr}.command-app-meta{grid-template-columns:1fr 1fr 1fr}.command-flow article{grid-template-columns:auto minmax(0,1fr)}.command-flow-right{grid-column:2;align-items:flex-start}.command-xray{grid-template-columns:1fr}}