/* VortexStatus v5 Command Center Upgrade */
.vx-command-center {
  max-width: 1400px;
  margin: 1.5rem auto 2.5rem;
  padding: 0 2rem;
  position: relative;
  z-index: 3;
}
.vx-command-shell {
  border: 1px solid rgba(255,255,255,.12);
  background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  border-radius: 28px;
  box-shadow: 0 30px 90px rgba(0,0,0,.38), inset 0 1px rgba(255,255,255,.08);
  overflow: hidden;
  backdrop-filter: blur(18px);
}
.vx-command-top {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.35rem 1.5rem;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: radial-gradient(circle at top left, rgba(var(--primary-rgb,255,165,0),.22), transparent 42%);
}
.vx-command-eyebrow { color: var(--text-secondary); font-size: .78rem; text-transform: uppercase; letter-spacing: .18em; font-weight: 800; }
.vx-command-title { font-size: clamp(1.35rem, 2vw, 2.1rem); font-weight: 900; margin-top: .25rem; }
.vx-command-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; justify-content:flex-end; }
.vx-pill, .vx-button {
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.22);
  border-radius: 999px;
  padding: .65rem .9rem;
  color: var(--text);
  font-weight: 800;
  font-size: .84rem;
}
.vx-button { cursor:pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.vx-button:hover { transform: translateY(-2px); border-color: rgba(var(--primary-rgb,255,165,0),.65); box-shadow: 0 12px 30px rgba(var(--primary-rgb,255,165,0),.14); }
.vx-grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:1rem; padding:1rem; }
.vx-panel {
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(7,9,16,.62);
  border-radius: 22px;
  padding:1rem;
  min-height: 100%;
}
.vx-panel h3 { font-size: 1rem; margin-bottom: .8rem; display:flex; align-items:center; gap:.5rem; }
.vx-metrics { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:.7rem; }
.vx-metric { padding:.9rem; border-radius: 18px; background: rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.08); }
.vx-metric span { display:block; color: var(--text-secondary); font-size:.75rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; }
.vx-metric strong { display:block; font-size:1.45rem; margin-top:.2rem; }
.vx-service-row { display:grid; grid-template-columns: 1fr auto; gap:.8rem; align-items:center; padding:.72rem; border-radius:16px; background: rgba(255,255,255,.035); margin-bottom:.55rem; border:1px solid rgba(255,255,255,.06); }
.vx-service-name { font-weight:850; }
.vx-service-meta { color: var(--text-secondary); font-size:.8rem; }
.vx-spark { height: 30px; width: 150px; }
.vx-spark polyline { fill:none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; opacity:.92; }
.vx-spark-online { color:#10b981; } .vx-spark-offline { color:#ef4444; } .vx-spark-maintenance { color:#f59e0b; }
.vx-incidents { max-height: 320px; overflow:auto; padding-right:.25rem; }
.vx-incident { display:flex; justify-content:space-between; gap:1rem; padding:.75rem; border-radius:16px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); margin-bottom:.55rem; }
.vx-incident strong { display:block; } .vx-incident small { color: var(--text-secondary); }
.vx-status-dot { width:.62rem; height:.62rem; border-radius:999px; display:inline-block; margin-right:.4rem; box-shadow:0 0 18px currentColor; }
.vx-online { color:#10b981; } .vx-offline { color:#ef4444; } .vx-maintenance { color:#f59e0b; } .vx-unknown { color:#9ca3af; }
.vx-toast { position:fixed; right:1rem; bottom:1rem; z-index:9999; background:rgba(10,10,15,.92); border:1px solid rgba(255,255,255,.12); border-radius:18px; padding:.9rem 1rem; box-shadow:0 20px 60px rgba(0,0,0,.45); transform:translateY(20px); opacity:0; transition:.25s ease; }
.vx-toast.show { transform:translateY(0); opacity:1; }
@media (max-width: 900px) { .vx-grid, .vx-metrics { grid-template-columns:1fr; } .vx-command-top { flex-direction:column; } .vx-command-actions { justify-content:flex-start; } }