.status-live-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 24px; align-items: start; }
.status-live-card, .status-message-card { border: 1px solid rgba(255,255,255,.10); background: rgba(9,14,27,.82); border-radius: 26px; padding: 24px; box-shadow: 0 24px 70px rgba(0,0,0,.28); }
.status-headline { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:18px; }
.status-headline h2 { margin:0; }
.status-headline p { margin:6px 0 0; color: var(--muted); }
.status-overall { display:inline-flex; align-items:center; gap:8px; border-radius:999px; padding:9px 12px; font-weight:800; font-size:13px; border:1px solid rgba(255,255,255,.12); white-space:nowrap; }
.status-dot { width:10px; height:10px; border-radius:999px; background:#aeb6c9; box-shadow:0 0 24px currentColor; }
.status-overall.online .status-dot, .status-badge.online { color:#39f39b; }
.status-overall.busy .status-dot, .status-badge.busy { color:#f5c451; }
.status-overall.offline .status-dot, .status-badge.offline { color:#ff5a72; }
.status-overall.online .status-dot { background:#39f39b; }
.status-overall.busy .status-dot { background:#f5c451; }
.status-overall.offline .status-dot { background:#ff5a72; }
.status-service-list { display:grid; gap:14px; }
.status-service-live { display:grid; grid-template-columns: 1fr auto; gap:16px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.035); border-radius:20px; padding:18px; }
.status-service-live h3 { margin:0 0 7px; font-size:18px; }
.status-service-live p { margin:0; color:var(--muted); }
.status-meta { display:flex; align-items:flex-end; flex-direction:column; gap:8px; text-align:right; }
.status-badge { display:inline-flex; align-items:center; gap:7px; border:1px solid rgba(255,255,255,.12); border-radius:999px; padding:7px 10px; font-weight:900; font-size:12px; text-transform:uppercase; letter-spacing:.08em; background:rgba(255,255,255,.04); }
.status-badge::before { content:''; width:8px; height:8px; border-radius:999px; background:currentColor; box-shadow:0 0 18px currentColor; }
.status-small { font-size:12px; color:var(--muted); }
.status-error { margin-top:10px; color:#ff9cab; font-size:13px; }
.status-updated { margin-top:18px; color:var(--muted); font-size:13px; }
.status-message-card h3 { margin:0 0 16px; }
.status-message-list { display:grid; gap:14px; }
.status-message { display:grid; grid-template-columns:82px 1fr; gap:12px; border-left:2px solid rgba(255,255,255,.18); padding-left:14px; }
.status-message time { color:var(--muted); font-size:12px; }
.status-message strong { display:block; margin-bottom:5px; }
.status-message p { margin:0; color:var(--muted); }
.status-admin-grid { display:grid; gap:16px; }
.status-admin-service { border:1px solid rgba(255,255,255,.10); border-radius:20px; padding:18px; background:rgba(255,255,255,.035); }
.status-admin-service h3 { margin:0 0 10px; }
.status-admin-form { display:grid; gap:14px; }
.status-admin-inline { display:grid; grid-template-columns:1.3fr 1fr .5fr; gap:12px; }
.status-message-admin { display:grid; gap:12px; border:1px solid rgba(255,255,255,.10); border-radius:18px; padding:16px; background:rgba(255,255,255,.035); }
@media (max-width: 980px) { .status-live-wrap { grid-template-columns:1fr; } .status-admin-inline { grid-template-columns:1fr; } }
@media (max-width: 640px) { .status-headline, .status-service-live { grid-template-columns:1fr; display:grid; } .status-meta { align-items:flex-start; text-align:left; } .status-message { grid-template-columns:1fr; } }