.unit-header .header-customer-menu > .header-customer-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 58px;
    min-height: 44px;
    padding: 3px 6px 3px 3px;
    border-radius: 999px;
    color: var(--ink);
}
.unit-header:has(.header-customer-menu[open]) { z-index: 60; }
.header-customer-toggle:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
.customer-toolbox-chevron { width: 13px; height: 13px; flex: none; transition: transform 150ms ease; }
.header-customer-menu[open] .customer-toolbox-chevron { transform: rotate(180deg); }
.account-toolbox {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 4;
    width: min(380px, calc(100vw - 24px));
    max-height: min(640px, var(--account-toolbox-available, calc(100dvh - 180px)));
    padding: 18px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 48px #102d4b20, 0 3px 10px #102d4b0a;
    color: var(--ink);
    text-align: left;
}
.header-customer-menu:not([open]) .account-toolbox { display: none; }
.account-toolbox-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 14px; border-bottom: 1px solid var(--line); }
.account-toolbox-heading > div { min-width: 0; }
.account-toolbox-heading p { margin: 0 0 3px; font-size: 12px; color: var(--muted); }
.account-toolbox-heading strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; letter-spacing: -.025em; }
.account-toolbox-close { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--ink); }
.account-toolbox-close svg { width: 20px; height: 20px; }
.unit-header .account-toolbox-links { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: auto; max-height: none; gap: 4px; margin: 12px -6px; padding: 0; overflow: visible; border: 0; background: transparent; box-shadow: none; font-size: 13px; }
.unit-header .account-toolbox-links a { display: flex; align-items: center; gap: 9px; min-height: 54px; padding: 10px 9px; border: 0; border-radius: 8px; line-height: 1.45; font-weight: 600; }
.account-toolbox-links svg, .account-toolbox-footer svg { width: 20px; height: 20px; flex: none; }
.account-toolbox-link-label { display: flex; flex-direction: column; min-width: 0; }
.account-toolbox-link-label small { margin-top: 2px; font-size: 11px; font-weight: 400; color: var(--muted); font-variant-numeric: tabular-nums; }
.account-toolbox-links a[aria-current=page] { background: #edf3fb; color: var(--blue); }
.account-toolbox-links a:hover, .account-toolbox-close:hover, .account-toolbox-footer a:hover, .account-toolbox-footer button:hover { background: #f0f5fa; text-decoration: none; }
.account-toolbox a:focus-visible, .account-toolbox button:focus-visible { outline: 3px solid var(--blue); outline-offset: 1px; }
.account-toolbox-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px; padding-top: 10px; border-top: 1px solid var(--line); }
.account-toolbox-footer a, .account-toolbox-footer button { display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 8px; border: 0; border-radius: 8px; background: transparent; color: var(--ink); font-size: 12px; }
.account-toolbox-footer form { margin: 0; }
@media (max-width: 700px) {
    .header-customer-menu { position: static; }
    .account-toolbox { top: calc(100% + 8px); right: 12px; left: 12px; width: auto; max-width: 380px; margin-left: auto; padding: 16px; }
}
@media (prefers-reduced-motion: no-preference) {
    .header-customer-menu[open] .account-toolbox { animation: unit-toolbox-open 150ms ease-out; }
    @keyframes unit-toolbox-open { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) { .customer-toolbox-chevron { transition: none; } }