/* Shared account menu (public + dashboard headers). Tokens only, petrol accent, no gradients. */
.g-acct-pop { position: absolute; inset-inline-end: 0; top: calc(100% + 6px); z-index: 60; width: 272px; max-width: calc(100vw - 24px); background: var(--g-surface, #fff); border: 1px solid var(--g-line, #e5e7eb); border-radius: var(--g-radius, 8px); text-align: start; }
.g-acct-pop[hidden] { display: none !important; }
.g-acct { padding: 6px; font-size: 14px; color: var(--g-ink, #111827); }
.g-acct__user { display: flex; align-items: center; gap: 10px; padding: 10px 10px 12px; border-bottom: 1px solid var(--g-line, #e5e7eb); margin-bottom: 4px; }
.g-acct__av { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; display: inline-flex; align-items: center; justify-content: center; background: var(--g-accent, #1F4E5F); color: #fff; font-weight: 700; font-size: 16px; }
.g-acct__who { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.g-acct__who strong { font-weight: 700; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g-acct__email { font-size: 12px; color: var(--g-ink-3, #6b7280); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: end; }
.g-acct__role { align-self: flex-start; margin-top: 4px; font-size: 11px; font-weight: 600; padding: 1px 6px; border-radius: var(--g-radius-sm, 6px); background: var(--g-accent-tint, #E8EEF0); color: var(--g-accent, #1F4E5F); }
.g-acct__list { display: flex; flex-direction: column; }
.g-acct .g-acct__item { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 8px 10px; border-radius: var(--g-radius-sm, 6px); color: var(--g-ink, #111827) !important; text-decoration: none; font-weight: 500; }
.g-acct .g-acct__item:hover, .g-acct .g-acct__item:focus-visible { background: var(--g-accent-tint, #E8EEF0); outline: none; }
.g-acct .g-acct__item[aria-current="page"] { color: var(--g-accent, #1F4E5F) !important; font-weight: 600; }
.g-acct__ic { flex: none; width: 18px; height: 18px; color: var(--g-ink-3, #6b7280); }
.g-acct__ic svg, svg.g-acct__ic { width: 18px; height: 18px; }
.g-acct .g-acct__item--danger { color: var(--g-neg, #b42318) !important; }
.g-acct .g-acct__item--danger .g-acct__ic { color: var(--g-neg, #b42318); }
.g-acct .g-acct__item--danger:hover { background: var(--g-neg-tint, #fef3f2); }
.g-acct__sep { height: 1px; background: var(--g-line, #e5e7eb); margin: 4px 0; }
/* Inside the public mobile drawer the menu is inline, not a popover */
.gp-drawer .g-acct { padding: 0; margin-top: 8px; border-top: 1px solid var(--g-line, #e5e7eb); padding-top: 8px; }
.gp-drawer .g-acct .g-acct__item { min-height: 48px; font-size: 16px; }
@media (max-width: 480px) { .g-acct-pop { width: min(300px, calc(100vw - 24px)); } }