.connection-intro{color:var(--muted);margin-bottom:18px;max-width:850px}.connection-list{display:grid;gap:14px;margin-top:18px}.connection-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px;overflow-wrap:anywhere}.connection-card p{margin:9px 0}.connection-card .connection-device{color:var(--muted);font-size:13px}.connection-card button{min-height:44px}.connection-card [role=status]:empty{display:none}
#vks-connections-toggle{position:relative;flex-shrink:0;border:1px solid #68798e;border-radius:12px;padding:10px 14px;min-height:44px;background:#202a36;color:#fff;font:14px/1.4 Arial,sans-serif;cursor:pointer}
#vks-connections-panel{position:fixed;right:12px;top:124px;bottom:110px;width:min(440px,calc(100vw - 24px));z-index:1001;overflow:auto;background:#18212d;color:#f0f3f8;border:1px solid #64748a;border-radius:16px;padding:18px;font:15px/1.5 Arial,sans-serif;box-sizing:border-box;--panel:#202b39;--line:#44536a;--muted:#bdc8d8}
#vks-connections-panel[hidden]{display:none}#vks-connections-panel h2{font-size:20px;margin:0 0 14px}#vks-connections-panel button{min-height:44px;border:1px solid #64748a;border-radius:8px;background:#29394e;color:#fff;padding:9px 12px;cursor:pointer}#vks-connections-panel .connection-card h3{margin:0;font-size:16px}#vks-connections-panel .connection-card p{margin:9px 0}#vks-connections-panel>p{color:#bdc8d8}#vks-connections-panel .connection-list{margin-top:14px}
@media(max-width:700px){#vks-connections-toggle{padding:8px;font-size:12px}#vks-connections-panel{top:116px;bottom:90px}}
#vks-connections-panel.connection-light{background:#f7f8fa;color:#202b38;--panel:#fff;--line:#cdd5df;--muted:#556477}#vks-connections-panel.connection-light>p{color:#556477}#vks-connections-panel.connection-light button{background:#e7edf5;color:#202b38}
@media(max-width:900px){#vks-connections-toggle{display:none}}