.ss-meta { color: var(--bs-secondary-color, #a5aabb); margin: 14px 0; font-size: .9rem; }
.ss-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;margin-top:20px; }
.ss-server,.ss-settings { padding:22px; border:1px solid rgba(148,163,184,.2);border-radius:17px;background:rgba(24,31,48,.55);color:inherit; }
.ss-server-head,.ss-instance-head {display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.ss-server-head h3 {font-size:1.1rem;margin:0;}.ss-server-head>span {font-size:.78rem;opacity:.65;}
.ss-instance {padding:14px;margin-top:14px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(148,163,184,.045);}
.ss-instance-head strong {font-size:.96rem;overflow-wrap:anywhere;}.ss-dot {border-radius:8px;padding:3px 9px;font-size:.76rem;font-weight:600;}
.ss-dot.good {background:rgba(34,197,94,.14);color:#4ade80;}.ss-dot.warn {background:rgba(245,158,11,.15);color:#fbbf24;}.ss-dot.offline {background:rgba(239,68,68,.16);color:#f87171;}
.ss-metrics {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;}.ss-metric {display:flex;flex-direction:column;min-width:0;gap:4px;}.ss-metric span {font-size:.75rem;opacity:.65;}.ss-metric strong {font-size:.91rem;overflow-wrap:anywhere;}
.ss-error {color:#f87171;margin:12px 0;}.ss-empty {padding:18px 0;opacity:.7;}.ss-settings {margin-top:24px;}.ss-fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:14px;margin-top:16px;}.ss-fields label {display:flex;flex-direction:column;gap:7px;font-size:.88rem;}.ss-fields .ss-check {justify-content:center;flex-direction:row;align-items:center;}
@media(max-width:600px){.ss-server,.ss-settings{padding:14px}.ss-grid{gap:12px}}