/* Compact account switcher: selection lives in the surface, connection in the dot. */
.account-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:0}
.account-switch{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;height:70px;padding:12px 16px;border:1px solid transparent;border-radius:12px;background:#1c1c1e;color:var(--text);text-align:left;transition:transform .24s cubic-bezier(.2,.8,.2,1),background .24s,box-shadow .24s}
.account-switch:hover{background:#252529;transform:translateY(-2px)}
.account-switch:active{transform:translateY(1px) scale(.975)}
.account-switch.selected{background:#2b2b2e;box-shadow:0 6px 20px #0004}
.account-switch-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.account-switch-name{font-size:13px;font-weight:650;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-switch-server{font:10px var(--mono);color:#a6a6ad;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-switch-indicator{width:8px;height:8px;flex:none;border-radius:50%;background:#65656b}
.account-switch.online .account-switch-indicator{background:radial-gradient(circle at 35% 30%,#fff 0 18%,#d1d1d1 58%,#a9a9a9 100%);box-shadow:0 0 7px #ffffffa8,0 0 15px #e0e0e08c,0 0 26px #c4c4c450}
.account-switch.selection-pop{animation:account-pop .34s cubic-bezier(.2,.8,.2,1)}
@keyframes account-pop{0%{transform:scale(.97)}55%{transform:scale(1.012)}100%{transform:scale(1)}}
.account-rail:has(.account-switch:hover) .account-switch:not(:hover){opacity:.8}
.account-toolbar .glide-select{width:166px}
.account-toolbar .glide-trigger{min-height:34px;padding:7px 10px;font-size:10px}
.connection-panel>.glide-select{display:block;margin-bottom:15px}
.connection-panel>#server-input{display:block;width:100%;margin-bottom:12px}
@media(max-width:700px){.account-rail{grid-template-columns:1fr;gap:8px}.account-switch{height:58px;padding:9px 13px}.account-switch-name{font-size:12px}.account-switch-server{font-size:9px}}

/* GlideSelect keeps the original select as the form value and renders a lightweight menu. */
.glide-select{position:relative;display:inline-block;width:100%;min-width:0;vertical-align:middle}
.glide-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.glide-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:38px;padding:8px 12px;border:1px solid #4a4a50;border-radius:10px;background:#27272a;color:#f5f5f5;text-align:left;font:11px var(--mono);transition:border-color .18s ease-out,background .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out}
.glide-trigger:hover,.glide-select.is-open .glide-trigger{background:#303035;border-color:#85858e}
.glide-trigger:active{transform:scale(.985)}
.glide-trigger:focus-visible{outline:2px solid #f5f5f5;outline-offset:2px}
.glide-trigger:disabled{opacity:.46;cursor:not-allowed}
.glide-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.glide-chevron{display:block;width:7px;height:7px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);color:#c6c6ca;transition:transform .2s}
.glide-select.is-open .glide-chevron{transform:rotate(225deg) translateY(-2px)}
.glide-menu{position:fixed;z-index:1000;box-sizing:border-box;max-height:min(300px,48dvh);margin:0;padding:5px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #55555e;border-radius:10px;background:#27272a;color:#f5f5f5;box-shadow:0 18px 50px #000a;scrollbar-width:thin;animation:glide-open .18s cubic-bezier(.2,.8,.2,1)}
.glide-menu[hidden]{display:none!important}
.glide-highlight{position:absolute;top:5px;left:5px;right:5px;height:0;border-radius:6px;background:#3f3f46;pointer-events:none;transition:transform .22s cubic-bezier(.2,.8,.2,1),height .22s cubic-bezier(.2,.8,.2,1)}
.glide-option{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:6px;background:transparent;color:#e6e6e9;text-align:left;font:11px var(--mono);white-space:normal}
.glide-option[aria-selected=true]{color:#fff;font-weight:650}
.glide-option[aria-selected=true]::after{content:"✓";margin-left:auto;color:#f5f5f5}
.glide-option[aria-disabled=true]{opacity:.4;cursor:not-allowed}
.glide-option:focus-visible{outline:none}
.glide-tag{margin-left:auto;padding:2px 5px;border:1px solid #5d5d64;border-radius:4px;color:#b6b6bb;font-size:9px;font-weight:400}
@keyframes glide-open{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.account-switch,.glide-trigger,.glide-chevron,.glide-highlight{transition:none}.account-switch.selection-pop,.glide-menu{animation:none}}