.connection-button{position:relative;display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:3px;border:0;background:transparent;cursor:pointer}.connection-button img{width:19px;height:19px}.connection-dot{position:absolute;width:6px;height:6px;right:1px;bottom:2px;border-radius:50%;background:#777;border:1px solid #111}.connection-button[data-connected=true] .connection-dot{background:#51bb7d}
.connection-panel{position:fixed;right:12px;top:88px;z-index:10000;width:min(320px,calc(100vw - 24px));max-height:calc(100vh - 115px);background:var(--panel,#101311);color:var(--text,#ddd);border:1px solid var(--line,#343b36);border-radius:13px;box-shadow:0 12px 30px #0009;font:13px/1.45 Inter,system-ui,sans-serif;overflow:hidden;display:flex;flex-direction:column}.connection-panel[hidden]{display:none}.connection-panel header{display:flex;align-items:center;gap:9px;padding:10px 13px;border-bottom:1px solid var(--line,#343b36)}.connection-panel header strong{flex:1;font-size:13px}.connection-panel [role=switch]{width:43px;height:24px;padding:3px;border:1px solid var(--line,#444);background:#303531;border-radius:20px;cursor:pointer}.connection-panel [role=switch] span{display:block;width:16px;height:16px;border-radius:50%;background:#bbb;transition:transform .16s}.connection-panel [role=switch][aria-checked=true]{background:#214c35}.connection-panel [role=switch][aria-checked=true] span{transform:translateX(17px);background:#54bb7f}.connection-panel [role=switch]:disabled{cursor:default;opacity:.65}.connection-state{padding:9px 13px;margin:0;color:var(--text-dim,#aaa);border-bottom:1px solid var(--line,#343b36);font-size:12px}.connection-filter{padding:10px 12px 5px}.connection-filter input{box-sizing:border-box;width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--line,#333);background:var(--bg,#050706);color:var(--text,#ddd);font:inherit;outline-offset:2px}.connection-locations{overflow:auto;min-height:100px;max-height:480px;padding:0 0 6px;scrollbar-width:thin}.connection-locations summary{cursor:pointer;padding:7px 12px;color:var(--text-dim,#aaa);letter-spacing:.06em}.connection-locations button{display:block;width:100%;text-align:left;padding:7px 13px 7px 28px;min-height:32px;border:0;border-radius:5px;background:transparent;color:var(--text,#ddd);font:inherit;cursor:pointer}.connection-locations button:hover{background:var(--panel-2,#181c19)}.connection-locations button.selected{background:var(--green-soft,#173323);color:var(--green-lit,#7fcf9d)}.connection-locations button:disabled{cursor:default}.connection-locations button:disabled:not(.selected){color:var(--text-dim,#aaa)}.connection-error{margin:8px 12px;color:var(--text-dim,#aaa);font-size:12px}.connection-error:empty{display:none}.connection-panel footer{padding:6px 12px;border-top:1px solid var(--line,#333);font-size:10px;color:var(--text-dim,#999)}@media(prefers-reduced-motion:reduce){.connection-panel [role=switch] span{transition:none}}