.account-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f5f7fb}.account-panel{width:min(100%,410px);padding:32px;border:1px solid #dce5ef;border-radius:20px;background:white;box-sizing:border-box}.account-logo{display:block;width:140px;height:140px;object-fit:contain;object-position:center;margin:0 auto 24px}.account-panel h1{font-size:28px;margin:0 0 12px;color:#153653}.account-panel p{line-height:1.5;color:#526780}.account-panel form{display:grid;gap:10px;margin-top:24px}.account-panel input{width:100%;min-height:48px;font:inherit;padding:10px 12px;border:1px solid #c6d3e1;border-radius:10px;box-sizing:border-box}.account-panel .button{min-height:48px;width:100%;margin-top:12px}.account-help{display:block;margin-top:20px;font-size:14px}.account-panel .account-note{font-size:14px}.account-panel .form-error:empty{display:none}.account-panel label{font-weight:600}.account-panel input:focus-visible{outline:2px solid #265385;outline-offset:2px}@media(max-width:400px){.account-page{padding:16px}.account-panel{padding:24px}.account-panel h1{font-size:25px}}
.compact-logout{display:inline-flex;min-height:44px}.top-meta:has(.compact-logout)>span{display:none}@media(max-width:900px){.compact-logout{display:inline-flex;min-height:44px}.top-meta:has(.compact-logout)>span{display:none}}
.account-panel input{font-size:16px}
.account-panel .account-remember{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;margin-top:6px}.account-panel .account-remember input{width:20px;height:20px;min-height:20px;padding:0;accent-color:#214f85}

/* Account actions live in the user's space, not in the page header. */
.account-menu-trigger{width:100%;text-align:left;background:transparent;color:inherit;border:0;border-top:1px solid var(--border);padding:16px 0 8px;min-height:64px;line-height:1.4;border-radius:0 0 9px 9px}.account-menu-trigger:hover{background:#eef3fa}.account-menu-trigger .avatar{flex-shrink:0}.account-menu-label{min-width:0}.account-menu-label small{margin-top:4px}.account-menu-label small span{float:right}.mobile-account-trigger{display:none}.account-menu-actions{display:grid;gap:9px}.account-menu-actions>.button{justify-content:flex-start;min-height:48px}.account-menu-actions a{justify-content:space-between}.account-menu-actions a small{font-size:12px;font-weight:400;color:#607186}.account-signout{border-top:1px solid var(--border);margin-top:5px}.account-testing{margin-top:18px;font-size:13px;color:#607186}.account-testing summary{cursor:pointer}.account-testing .settings-actions{margin-top:12px}
@media(min-width:681px) and (max-width:900px){.sidebar-bottom{display:block;padding:10px 0 0}.sidebar-bottom .local-pill{display:none}.account-menu-label{display:none}.account-menu-trigger{justify-content:center}.account-menu-trigger .avatar{display:grid}}
@media(max-width:680px){.sidebar nav:has(.mobile-account-trigger){grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.mobile-account-trigger{display:flex}.mobile-account-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8edf5;color:#214f85;font-size:9px;font-weight:750}.sidebar nav:has(.mobile-account-trigger) .nav-button{padding-inline:2px;min-width:0}.sidebar nav:has(.mobile-account-trigger) .nav-button>span:last-child{font-size:10px;white-space:nowrap}}
dialog:has(.account-menu-actions){width:min(440px,calc(100vw - 32px))}

/* Explicit sizing wins over mobile navigation span rules. */
.sidebar .nav-button .mobile-account-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;line-height:1;font-size:9px;text-align:center;padding:0;margin:0;letter-spacing:0}
dialog:has(.account-menu-actions){padding:0;overflow:hidden;max-height:calc(100dvh - var(--spn-safe-top,0px) - var(--spn-safe-bottom,0px) - 32px)}
dialog[open]:has(.account-menu-actions){display:flex;flex-direction:column}
dialog:has(.account-menu-actions) .dialog-header{position:static;flex:0 0 auto;padding:16px 20px}
dialog:has(.account-menu-actions) .dialog-header h2:focus{outline:none}
dialog:has(.account-menu-actions) .dialog-header .icon-button{border:0;background:transparent;width:44px;height:44px;flex:none}
dialog:has(.account-menu-actions) .dialog-body{overflow-y:auto;min-height:0;padding:16px 20px 24px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.account-menu-actions{grid-auto-rows:minmax(48px,auto)}
.account-menu-actions>.button{height:auto;min-width:0;white-space:normal;line-height:1.4;overflow:visible;padding:12px 14px}
.account-menu-actions>.account-signout{margin:5px 0 0}
.account-menu-actions>.account-signout{border:1px solid var(--border);border-radius:9px}