/* Account navigation: sticky only inside the account work area. */
:root{--account-rail-width:270px;--account-rail-gap:22px;--account-rail-top:112px}
.account-menu{grid-column:1;grid-row:1;align-self:start;min-width:0;position:sticky!important;top:var(--account-rail-top)!important;width:var(--account-rail-width)!important;height:auto!important;min-height:min(520px,calc(100dvh - var(--account-rail-top)))!important;display:flex;flex-direction:column;align-items:stretch;z-index:5;overflow:visible;border-radius:18px;border-left:1px solid var(--line);box-shadow:0 14px 35px rgba(0,0,0,.07)}
.account-menu__question{width:calc(100% - 32px);margin:16px 16px 20px;min-height:42px;font-size:12px;flex:0 0 auto}
.account-tabs--sidebar{display:flex;flex:0 0 auto;flex-direction:column;gap:18px;min-height:0;margin:0;padding:28px 16px 0;border:0;border-radius:0;background:transparent;box-shadow:none}
.account-tabs--sidebar .account-tabs__heading{display:grid;gap:4px;padding:0 6px 4px;border-bottom:1px solid var(--line)}
.account-tabs--sidebar .account-tabs__eyebrow{color:var(--green);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.account-tabs--sidebar .account-tabs__heading strong{color:var(--deep);font-size:19px;letter-spacing:-.025em}
.account-tabs--sidebar .account-tabs__list{display:grid;gap:4px;min-width:0;max-height:none;overflow:visible;padding:0 2px}
.account-tabs--sidebar .account-tabs__tab{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:0 11px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);font-size:12px;text-align:left;white-space:normal}
.account-tabs--sidebar .account-tabs__tab:hover{transform:none;border-color:#cfe0cd;background:#f5faf2;color:var(--deep);box-shadow:none}
.account-tabs--sidebar .account-tabs__tab:focus-visible{outline:3px solid rgba(22,134,58,.24);outline-offset:2px}
.account-tabs--sidebar .account-tabs__tab[aria-selected="true"],.account-tabs--sidebar .account-tabs__tab[aria-pressed="true"]{background:var(--deep);color:#fff;border-color:var(--deep);box-shadow:0 7px 16px rgba(6,59,24,.15)}
.account-tabs--sidebar .account-tabs__label{min-width:0;line-height:1.25}
.account-tabs--sidebar .account-tabs__count{flex:0 0 auto;margin-left:auto;background:#dff1d9;color:#23622c}
.account-tabs--sidebar .account-tabs__tab[aria-selected="true"] .account-tabs__count,.account-tabs--sidebar .account-tabs__tab[aria-pressed="true"] .account-tabs__count{background:#fff;color:var(--deep)}
.account-tabs--sidebar .account-tabs__tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.account-tabs--sidebar .account-tabs__status{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.account-tabs--sidebar .account-tabs__refresh,.account-tabs--sidebar .account-tabs__retry{min-height:32px;padding:0 9px;font-size:10px}
.account-menu .side-tip{margin:0 16px;padding:14px;font-size:12px;flex:0 0 auto}

/* Dynamic staff surfaces are siblings of the account shell. Keep them in the same
   right-hand work column so loading a tab never makes the rail jump below it. */
/* Role surfaces are mounted into the same work column as buyer tabs. */
.account-main > .role-section,
.account-main > .admin-section,
.account-main > section{width:100%;min-width:0}
.account-main > .role-section > .wrap,
.account-main > .admin-section > .wrap,
.account-main > section > .wrap{width:100%;margin:0;padding-right:0}

@media(max-width:820px){
  .account-main{grid-column:1;grid-row:2}
  .account-menu{grid-column:1;grid-row:1;position:static!important;top:auto!important;width:auto!important;height:auto!important;min-height:0!important;display:block;border-radius:18px;box-shadow:0 14px 35px rgba(0,0,0,.07)}
  .account-menu__question{width:calc(100% - 28px);margin:12px 14px 16px}
  .account-tabs--sidebar{display:grid;padding:16px 14px 0;gap:12px}
  .account-tabs--sidebar .account-tabs__list{display:flex;flex-wrap:wrap;max-height:none;overflow:visible;padding:2px 1px 5px;gap:5px}
  .account-tabs--sidebar .account-tabs__tab{flex:1 1 auto;width:auto;min-height:40px;padding:0 12px;white-space:normal;scroll-snap-align:none}
  .account-tabs--sidebar .account-tabs__tools{padding-top:10px}
  .account-menu .side-tip{margin:0 14px}
  .account-main > .role-section > .wrap,
  .account-main > .admin-section > .wrap,
  .account-main > section > .wrap{padding-right:0}
}
@media(prefers-reduced-motion:reduce){.account-tabs--sidebar .account-tabs__tab{transition:none}}