/* Q3Rally Server Widget v1.1.0 */
.q3r-sw {
    background: linear-gradient(160deg, #0d1a3a 0%, #0b1020 100%);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,.35);
    font-family: inherit;
}
.q3r-sw__server {
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255,255,255,.05);
    border-left: 3px solid transparent;
    transition: background .15s;
}
.q3r-sw__server:last-of-type { border-bottom: none; }
.q3r-sw__server:hover { background: rgba(255,255,255,.03); }
.q3r-sw__server.is-active { border-left-color: #1151d3; }
.q3r-sw__name {
    font-size: .82rem; font-weight: 700; color: #e2e8f0;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    margin-bottom: 5px;
}
.q3r-sw__meta { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; }
.q3r-sw__map { display: inline-flex; align-items: center; gap: 4px; font-size: .75rem; color: #64748b; font-family: monospace; }
.q3r-sw__gt { font-size: .7rem; font-weight: 600; color: #7c9fd4; background: rgba(17,81,211,.18); padding: 1px 7px; border-radius: 20px; white-space: nowrap; }
.q3r-sw__players-wrap { display: flex; align-items: center; gap: 8px; }
.q3r-sw__bar { flex: 1; height: 4px; background: rgba(255,255,255,.08); border-radius: 2px; overflow: hidden; }
.q3r-sw__bar-fill { height: 100%; background: rgba(255,255,255,.15); border-radius: 2px; transition: width .3s; }
.q3r-sw__bar-fill.active { background: #1151d3; }
.q3r-sw__players { font-size: .75rem; font-weight: 700; color: #475569; min-width: 36px; text-align: right; }
.q3r-sw__players.active { color: #22c55e; }
.q3r-sw__address { font-size: .7rem; color: #334155; font-family: monospace; margin-top: 4px; }
.q3r-sw__empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 24px 16px; color: #4a6fa5; font-size: .85rem; }
.q3r-sw__empty-icon { font-size: 1.8rem; opacity: .4; }
.q3r-sw__link { padding: 8px 16px; text-align: right; border-top: 1px solid rgba(255,255,255,.05); }
.q3r-sw__link a { font-size: .72rem; color: #334155 !important; text-decoration: none !important; transition: color .15s; }
.q3r-sw__link a:hover { color: #1151d3 !important; }