.system-status {
  align-items: center;
  background: linear-gradient(145deg, var(--panel-high), var(--panel));
  border: 1px solid var(--line);
  border-radius: 18px;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  margin-top: 24px;
  padding: 18px 22px;
}
.system-status > div > span, .system-status small { color: var(--muted); display: block; font-size: .78rem; }
.system-status strong { display: block; font-size: clamp(1.05rem, 2.5vw, 1.45rem); margin: 4px 0; }
.aggregate-status { min-width: 0; }
.live-status-wrap { align-items: flex-end; display: flex; flex-direction: column; flex: 0 0 auto; text-align: right; }
.live-status { align-items: center; background: #071a12dd; border: 0; border-radius: 999px; display: flex; gap: 9px; margin: 6px 0; padding: 8px 12px; }
.live-status span { background: var(--gold); border-radius: 50%; box-shadow: 0 0 10px currentColor; flex: 0 0 auto; height: 8px; width: 8px; }
.live-status.online span { background: var(--bright-green); }
.live-status.offline span { background: var(--red); }
.live-status strong { font-size: .9rem; margin: 0; white-space: nowrap; }
@media(max-width:760px){.system-status{align-items:flex-start;flex-direction:column}.live-status-wrap{align-items:flex-start;text-align:left}}