/* One horizontal rail, with a shared selected surface and stable text hit areas. */
.menu-rail{position:relative;isolation:isolate;scroll-padding-inline:8px}
.menu-selection{position:absolute;top:0;left:0;pointer-events:none;border-radius:8px;background:#dbe9f2;transition:transform .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1),height .22s cubic-bezier(.16,1,.3,1);z-index:-1;will-change:transform}
.sidebar #nav.menu-rail button{position:relative;min-height:44px;background:transparent;color:#c3d7e5;transition:background-color .15s ease}
.sidebar #nav.menu-rail button[aria-current=page]{color:#173e5a;background:transparent;font-weight:650}
.sidebar #nav.menu-rail button:hover{background:#ffffff12;color:#fff}
.sidebar #nav.menu-rail button[aria-current=page]:hover{color:#173e5a;background:transparent}
.sidebar #nav.menu-rail button:focus-visible{outline:2px solid #cce6f8;outline-offset:-3px}
.sidebar #nav.menu-rail svg{width:18px;height:18px;flex:0 0 18px}
.management-center>.settings-nav.menu-rail{padding-bottom:8px;gap:14px;min-height:60px}
.settings-nav.menu-rail .menu-selection{background:#e4eef5;border-radius:7px}
.settings-nav.menu-rail section button{position:relative;min-height:44px;color:#48667c;background:transparent;border-radius:7px}
.settings-nav.menu-rail section button[aria-current=page]{background:transparent;color:#214c69;font-weight:700}
.settings-nav.menu-rail section button:hover{background:#315f7d0b}
.settings-nav.menu-rail section button:focus-visible{outline:2px solid #315f7d;outline-offset:-3px}
.settings-nav.menu-rail section+section{border-color:#c8d8e3}
.side-bottom .live-account-menu>summary{min-height:44px;border-radius:7px;padding:2px 4px}
.side-bottom .live-account-menu>summary:focus-visible{outline:2px solid #cce6f8;outline-offset:3px}
.side-bottom .live-account-menu[open]>summary{background:#ffffff12}
.side-bottom .account-menu-items{border:1px solid #ccdbe5;border-radius:10px;padding:8px;max-height:min(70dvh,420px);overflow:auto;min-width:210px}
.side-bottom .account-menu-items button{min-height:44px;border-radius:6px;color:#294e68}
.side-bottom .account-menu-items button:hover{background:#edf3f8}
.side-bottom .account-menu-items :is(button,select):focus-visible{outline:2px solid #315f7d;outline-offset:-2px}
.side-bottom .account-menu-items [data-live-logout]{border-top:1px solid #dce5eb;margin-top:5px;border-radius:0 0 6px 6px}
@media(max-width:700px){
 .sidebar #nav.menu-rail{scrollbar-width:none;gap:3px}
 .sidebar #nav.menu-rail button{padding-inline:11px;font-size:12px;min-height:44px}
 .sidebar .side-bottom{display:block!important;padding-left:6px;max-width:50px}
 .sidebar .side-bottom .live-account-menu>summary{padding:0;min-width:40px;justify-content:center}
 .sidebar .side-bottom .live-account-menu>summary>.avatar{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center}
 .sidebar .side-bottom .live-account-menu>summary>span:not(.avatar){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .sidebar .side-bottom .account-menu-items{position:fixed;top:66px;right:10px;max-width:calc(100vw - 20px);width:230px}
 .management-center>.settings-nav.menu-rail{gap:8px;min-height:56px}
}
@media(prefers-reduced-motion:reduce){.menu-selection,.sidebar #nav.menu-rail button{transition:none!important}}
