.server-status-strip{background:#102239;color:#dcecff;border-bottom-color:#39577a}
.server-status-strip span{color:#f4c96b}
.server-status-strip[data-status="loading"]{background:#182331}
.server-status-strip[data-status="error"]{background:#49211d;color:#fff0e3;border-bottom-color:#9f4d3e}
.server-status-strip[data-status="error"] span{color:#ffcb9b}
.server-state{max-width:760px;margin:72px auto;padding:36px;text-align:center}
.server-state h1{margin:.4rem 0 1rem}
.server-state p{max-width:560px;margin:0 auto 1.5rem;color:var(--muted,#67717e)}
.server-state .status-spinner{display:inline-block;width:28px;height:28px;border:3px solid rgba(64,105,150,.22);border-top-color:#b58b3f;border-radius:50%;animation:server-spin .85s linear infinite}
.server-login-actions{display:grid;gap:10px;margin-top:18px}
.server-login-actions .button{justify-content:center}
.server-login-note{font-size:.9rem;color:var(--muted,#67717e)}
.server-disabled{opacity:.7}
@keyframes server-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.server-state .status-spinner{animation:none;border-top-color:rgba(64,105,150,.22)}}