.account-menu-trigger,.account-login-link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:normal}
.account-menu-trigger>svg,.account-login-link>svg,.account-menu-links svg{inline-size:1.15em;block-size:1.15em;flex:none}
.account-menu-panel{box-sizing:border-box;inline-size:min(24rem,calc(100vw - 1rem));padding:1rem;background:var(--surface,Canvas);color:var(--ink-900,CanvasText);border:1px solid var(--line,GrayText);border-radius:var(--radius-lg,1rem);overflow-wrap:anywhere}
.account-menu-heading,.account-section-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}
.account-identity{display:flex;flex-direction:column;gap:.35rem;min-inline-size:0;margin-block:1rem}.account-identity bdi{overflow-wrap:anywhere}.account-role{color:var(--ink-600,GrayText);font-size:.875em}
.account-menu-links{display:flex;flex-direction:column;gap:.35rem}.account-menu-links>a,.account-menu-links>button{display:flex;align-items:center;gap:.5rem;text-align:start;min-block-size:var(--touch-target,44px);padding:.5rem .65rem;border:0;border-radius:.5rem;background:transparent;color:inherit;text-decoration:none;font:inherit;cursor:pointer;overflow-wrap:anywhere}.account-menu-links>a:hover,.account-menu-links>button:hover{background:var(--surface-sunken,ButtonFace)}
.account-menu-status{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-inline-size:100%;font-size:.875em}.account-menu-status [role=alert]{max-inline-size:25ch}
.account-page{max-inline-size:48rem;min-inline-size:0;overflow-wrap:anywhere}.account-login-page{max-inline-size:34rem;margin-inline:auto;padding-block:clamp(1rem,4vw,4rem)}.account-page h1{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.2}.account-google-button{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--touch-target,44px);padding:.8rem 1.25rem;margin-block:1rem;max-inline-size:100%;font:inherit;text-align:center;white-space:normal}
.account-disclosure,.account-notice{color:var(--ink-600,GrayText);line-height:1.65}.account-error{color:var(--danger-600,MarkText);overflow-wrap:anywhere;margin-block:.75rem}.account-profile,.account-session-list dl{display:grid;gap:.8rem;margin-block:1.25rem}.account-profile>div,.account-session-list dl>div{display:grid;grid-template-columns:minmax(6rem,1fr) minmax(0,2fr);gap:.5rem}.account-profile dt,.account-session-list dt{color:var(--ink-600,GrayText)}.account-profile dd,.account-session-list dd{margin:0;overflow-wrap:anywhere}
.account-page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-block:1rem}.account-page-actions>.btn{white-space:normal;min-block-size:var(--touch-target,44px)}.account-sessions{min-inline-size:0;margin-block-start:1.5rem;border-block-start:1px solid var(--line,GrayText);padding-block-start:1rem}.account-sessions h2{font-size:1.15em;margin:0}.account-session-list{list-style:none;display:grid;gap:1rem;padding:0;margin-block:1rem}.account-session-list>li{padding:1rem;border:1px solid var(--line,GrayText);border-radius:.75rem;min-inline-size:0}.account-session-list>li>div{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.account-session-state{font-size:.875em;color:var(--ink-600,GrayText)}
.account-user-filters{display:grid;grid-template-columns:minmax(12rem,2fr) repeat(2,minmax(8rem,1fr)) auto;align-items:end;gap:.75rem}.account-user-filters>*{min-inline-size:0}.account-user-filters>.btn{min-block-size:var(--touch-target,44px)}.account-user-dialog{box-sizing:border-box;inline-size:min(48rem,calc(100vw - 1rem));max-block-size:calc(100dvh - 1rem);overflow:auto;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--line,GrayText);border-radius:1rem;background:var(--surface,Canvas);color:var(--ink-900,CanvasText);overflow-wrap:anywhere}.account-user-dialog h2{margin:0;font-size:1.25rem}.account-user-edit{display:grid;gap:.75rem}.account-users .cell-content{min-inline-size:0}.account-users bdi{overflow-wrap:anywhere}
.account-sessions .btn{max-inline-size:100%;white-space:normal;overflow-wrap:anywhere;min-block-size:var(--touch-target,44px)}
@media(max-width:48rem){.account-user-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.account-user-filters>:first-child{grid-column:1/-1}.account-profile>div,.account-session-list dl>div{grid-template-columns:minmax(0,1fr)}.topbar-main .account-menu-trigger>span{display:none}}
@media(max-width:26rem){.account-user-filters{grid-template-columns:minmax(0,1fr)}.account-user-filters>:first-child{grid-column:auto}}