/* Canonical account menu, extracted from Summary. Do not override in page styles. */
html body .portal-standard-header [data-portal-account] { flex:0 0 180px; align-self:center; }
@media(max-width:1200px) { html body .portal-standard-header [data-portal-account] { flex-basis:44px; } }
[data-portal-account] { --account-text: #172235; --account-muted: #718197; --account-surface: #fff; --account-hover: #f4f7fa; --account-border: #dce5ef; --account-icon: #526f8f; }
html[data-theme="dark"] [data-portal-account] { --account-text: #f5f7fa; --account-muted: #b1bfcd; --account-surface: #202427; --account-hover: #252b30; --account-border: #3f474e; --account-icon: #a8bdd0; }
:is(#app-shell, .portal-header) [data-portal-account] { position: relative; z-index: 60; width: 180px; min-width: 0; padding: 0; border: 0; justify-self: end; font: 14px/1.25 ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
#app-shell [data-portal-account] { grid-area: account; }
[data-portal-account], [data-portal-account] * { box-sizing: border-box; }
[data-portal-account] [hidden], [data-portal-account] .is-hidden { display: none !important; }
[data-portal-account] #account-menu-button { display: flex; width: 100%; align-items: center; justify-content: flex-start; gap: 10px; min-height: 44px; margin: 0; border: 0; border-radius: 11px; padding: 5px 7px; color: var(--account-text); background: transparent; box-shadow: none; cursor: pointer; font: inherit; text-align: left; }
[data-portal-account] #account-menu-button:is(:hover, [aria-expanded="true"]) { background: var(--account-hover); }
[data-portal-account] #account-avatar { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; overflow: hidden; border-radius: 50%; color: #fff; background: var(--avatar-color, #143c69); font: 760 14.72px/1.25 system-ui, sans-serif; letter-spacing: .02em; }
[data-portal-account] #account-avatar .avatar-image { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-portal-account] #account-avatar .avatar-symbol { width: 58%; height: 58%; }
[data-portal-account] #account-menu-button .account-identity { display: grid; min-width: 0; gap: 2px; }
[data-portal-account] #account-menu-button .account-identity :is(strong, span) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; padding: 0; }
[data-portal-account] #current-user-name { color: var(--account-text); font: 700 14.08px/1.2 system-ui, sans-serif; }
[data-portal-account] #current-user-role { color: var(--account-muted); font: 400 12.16px/1.2 system-ui, sans-serif; }
[data-portal-account] #current-user { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
[data-portal-account] #account-menu-button .account-chevron { width: 18px; height: 18px; flex: 0 0 18px; margin-left: 4px; color: var(--account-icon); transition: transform .16s ease; }
[data-portal-account] #account-menu-button[aria-expanded="true"] .account-chevron { transform: rotate(180deg); }
[data-portal-account] #account-menu { position: absolute; z-index: 60; top: calc(100% + 8px); right: 0; left: auto; width: min(224px, calc(100vw - 24px)); max-height: calc(100dvh - 150px); overflow: auto; border: 1px solid var(--account-border); border-radius: 12px; padding: 6px; background: var(--account-surface); color: var(--account-text); box-shadow: 0 14px 30px rgb(24 50 78 / 16%); }
[data-portal-account] #account-menu .account-menu-action { display: flex; width: 100%; min-height: 43px; align-items: center; gap: 11px; margin: 0; border: 0; border-radius: 8px; padding: 11px 10px; color: var(--account-text); background: transparent; box-shadow: none; cursor: pointer; font: 650 13.76px/1.25 system-ui, sans-serif; text-align: left; text-decoration: none; white-space: normal; overflow-wrap: anywhere; }
[data-portal-account] #account-menu .account-menu-action + .account-menu-action { margin-top: 2px; border-top: 1px solid var(--account-border); }
[data-portal-account] #account-menu .account-menu-action span { color: inherit; }
[data-portal-account] #account-menu .account-menu-action svg { width: 21px; height: 21px; flex: 0 0 21px; color: var(--account-icon); }
[data-portal-account] #account-menu .account-menu-action:hover { background: var(--account-hover); }
[data-portal-account] :is(#account-menu-button, #account-menu .account-menu-action):focus-visible { outline: 3px solid var(--account-icon); outline-offset: 2px; }
@media (max-width: 1200px) {
  :is(#app-shell, .portal-header) [data-portal-account] { width: 44px; }
  [data-portal-account] #account-menu-button { width: 44px; padding: 5px; gap: 0; }
  [data-portal-account] #account-menu-button :is(.account-identity, .account-chevron) { display: none; }
}
@media(max-width:600px) {
 .portal-header > [data-portal-account] { grid-column:3; }
 .portal-header:has(.portal-workspace-switcher:not([hidden])) > [data-portal-account] { grid-column:2; align-self:end; }
 #app-shell:has(.portal-workspace-switcher:not([hidden])) [data-portal-account] { align-self:end; }
}