/* Статус серверов Aion 2 */
.ss{--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444}
.ss-head{max-width:720px;margin-bottom:22px}.ss-kicker{color:#27aabc;font-size:.77rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.ss-head h1{margin:6px 0 10px;font:800 clamp(1.8rem,4vw,2.7rem)/1.1 Manrope,system-ui,sans-serif;letter-spacing:-.04em}.ss-head p{color:var(--mute);margin:0}
.ss-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.ss-updated{color:var(--mute);font-size:.86rem}
.ss-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ss-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--mute);font:600 .9rem inherit;cursor:pointer;transition:border-color .15s,color .15s}
.ss-tab:hover{color:var(--text);border-color:#48c9d7}.ss-tab.on{color:var(--text);border-color:#48c9d7;box-shadow:0 0 0 1px #48c9d7 inset}
.ss-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:#7a8aa3}
.ss-dot.online{background:var(--ok);box-shadow:0 0 8px rgba(34,197,94,.55)}.ss-dot.maintenance{background:var(--warn);box-shadow:0 0 8px rgba(245,158,11,.55)}.ss-dot.offline{background:var(--bad);box-shadow:0 0 8px rgba(239,68,68,.55)}
.ss-sum{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.ss-sum__i{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.ss-sum__i b{font-size:1.15rem}.ss-sum__i span{color:var(--mute);font-size:.86rem}
.ss-banner{display:grid;gap:2px;margin-bottom:10px;padding:12px 16px;border:1px solid var(--line);border-left-width:4px;border-radius:12px;background:var(--panel);color:var(--text)}
.ss-banner:hover{text-decoration:none;border-color:currentColor}.ss-banner b{font-size:.92rem}.ss-banner span{color:var(--mute);font-size:.84rem}
.ss-banner.maintenance,.ss-banner.scheduled{border-left-color:var(--warn)}.ss-banner.offline{border-left-color:var(--bad)}
.ss-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:6px}
.ss-col{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.ss-col h3{margin:0 0 10px;font-size:1rem;display:flex;align-items:center;gap:8px}.ss-col.ely h3{color:#3aa8ff}.ss-col.asm h3{color:#b583ff}
.ss-row{display:flex;align-items:center;gap:10px;padding:9px 6px;border-top:1px solid var(--line)}.ss-row:first-of-type{border-top:0}
.ss-name{font-weight:700}.ss-row small{color:var(--mute)}
.ss-st{margin-left:auto;font-style:normal;font-size:.8rem;font-weight:700}.ss-st.online{color:var(--ok)}.ss-st.maintenance{color:var(--warn)}.ss-st.offline{color:var(--bad)}
.ss-empty{color:var(--mute);padding:30px 0;text-align:center}.ss-note{margin-top:22px;color:var(--mute);font-size:.8rem;max-width:760px}
@media(max-width:700px){.ss-grid{grid-template-columns:1fr}}
.ss-online{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:11px 18px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.ss-online[hidden]{display:none}.ss-online span{color:var(--mute);font-size:.88rem}.ss-online b{font-size:1.25rem}
