/* Server status */
.status-page h1{margin-bottom:var(--space-3)}
.server-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin:var(--space-6) 0 var(--space-5);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--surface-raised),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.server-identity{display:flex;align-items:center;gap:var(--space-5);min-width:0}
.server-identity .eyebrow{margin:0}
.server-icon-frame{display:grid;place-items:center;width:112px;height:150px;flex:0 0 112px;overflow:hidden;background:var(--surface-2);border:1px solid var(--border-highlight);border-radius:var(--radius)}
.server-icon{display:block;width:100%;height:100%;object-fit:contain}
.server-identity h2{margin:6px 0 6px;font-size:32px}
.status-summary{margin:0;color:var(--text-soft);font-size:var(--fs-md)}
.status-actions{display:flex;align-items:flex-end;flex-direction:column;gap:var(--space-3);flex:0 0 auto}
.last-checked{margin:0;color:var(--muted);font-size:13px;text-align:right}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.service-card{padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.service-heading{display:flex;align-items:flex-start;gap:14px}
.service-heading h2{margin:0;font-size:24px}
.service-heading p{margin:5px 0 0;color:var(--muted);font-size:14px}
.service-state{margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border-soft);color:var(--accent);font-size:var(--fs-md);font-weight:700}
.status-dot{display:block;width:14px;height:14px;flex:0 0 14px;margin-top:7px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 4px #a4b4a622}
.status-dot--online{background:var(--success);box-shadow:0 0 0 4px #82c98d26,0 0 12px #82c98d66}
.status-dot--offline{background:var(--danger);box-shadow:0 0 0 4px #ec8a7026}
.status-dot--unknown{background:var(--warning);box-shadow:0 0 0 4px #f1b53d26}
.status-dot--checking{background:var(--muted);animation:status-pulse 1.2s ease-in-out infinite alternate}
.service-state[data-status="online"]{color:var(--success)}
.service-state[data-status="offline"]{color:var(--danger)}
.service-state[data-status="unknown"]{color:var(--warning)}
.service-state[data-status="checking"]{color:var(--muted)}
.status-message{margin:var(--space-5) 0 0;padding:14px 17px;background:#3a2f15;border:1px solid var(--border-highlight);border-radius:var(--radius);color:#f7e2ae}
.status-message[hidden]{display:none}
@keyframes status-pulse{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.status-dot--checking{animation:none}}
@media(max-width:720px){.server-card{align-items:stretch;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}.status-actions{align-items:flex-start}.last-checked{text-align:left}.status-actions .button{width:100%}.service-grid{grid-template-columns:1fr}}
@media(max-width:430px){.server-identity{align-items:flex-start;gap:15px}.server-icon-frame{width:82px;height:112px;flex-basis:82px}.server-identity h2{font-size:26px}.service-card{padding:20px}}