.header-user-menu {
        width: min(calc(100vw - 1.5rem), 34rem);
        max-width: calc(100vw - 1.5rem);
        max-height: calc(100dvh - 4.75rem);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    .header-user-menu .header-user-menu__col { min-width: 0; }
    .header-user-menu .header-user-menu__label {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .header-user-menu .header-user-menu__footer { flex-wrap: wrap; }
    @media (orientation: landscape) and (max-height: 520px) {
        .header-user-menu { max-height: calc(100dvh - 3.5rem); }
        .header-user-menu .header-user-menu__item { min-height: 32px; }
        .header-user-menu .header-user-menu__section { padding-top: 0.15rem; padding-bottom: 0; }
        .header-user-menu .header-user-menu__footer { padding-top: 0.25rem; padding-bottom: 0.25rem; }
    }
    @media (pointer: coarse) {
        .header-user-menu .header-user-menu__item { min-height: 40px; }
    }
    @media (pointer: coarse) and (orientation: landscape) and (max-height: 520px) {
        .header-user-menu .header-user-menu__item { min-height: 36px; }
    }
    .header-mobile-drawer {
        max-height: calc(100dvh - 4.5rem);
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    @media (orientation: landscape) {
        .header-mobile-drawer { max-height: calc(100dvh - 3.25rem); }
    }
    .header-mobile-nav {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
    }
    .header-mobile-nav__legend {
        margin: 0 0.25rem 0.45rem;
        font-size: 0.75rem;
        line-height: 1.35;
        color: rgb(107 114 128);
    }
    .header-mobile-nav__split {
        display: flex;
        align-items: stretch;
        gap: 0.15rem;
        border-radius: 0.5rem;
    }
    .header-mobile-nav__split-link {
        flex: 1;
        min-width: 0;
    }
    .header-mobile-nav__chevron {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.15rem;
        min-width: 44px;
        min-height: 44px;
        padding-inline: 0.4rem;
        border-radius: 0.5rem;
        color: rgb(75 85 99);
        flex-shrink: 0;
        background: transparent;
        border: 0;
        cursor: pointer;
    }
    .header-mobile-nav__chevron:hover {
        background: rgb(243 244 246);
        color: rgb(37 99 235);
    }
    .header-mobile-nav__hint {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.25rem;
        height: 1.25rem;
        padding: 0 0.3rem;
        border-radius: 9999px;
        font-size: 0.7rem;
        font-weight: 800;
        color: rgb(37 99 235);
        background: rgb(239 246 255);
        text-align: center;
        font-variant-numeric: tabular-nums;
    }
    .header-mobile-nav__label {
        flex: 1;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .header-mobile-nav__count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.35rem;
        height: 1.25rem;
        padding: 0 0.4rem;
        border-radius: 9999px;
        font-size: 0.7rem;
        font-weight: 800;
        color: rgb(37 99 235);
        background: rgb(239 246 255);
        font-variant-numeric: tabular-nums;
        flex-shrink: 0;
    }
    .header-mobile-nav__row--active .header-mobile-nav__count {
        background: rgb(219 234 254);
        color: rgb(29 78 216);
    }
    .header-mobile-nav__subhead {
        padding: 0.35rem 0.75rem 0.1rem;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: rgb(156 163 175);
    }
    .header-mobile-nav__row--all {
        color: rgb(37 99 235);
    }
    .header-mobile-nav__row {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        min-height: 44px;
        padding: 0.5rem 0.75rem;
        border-radius: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: rgb(55 65 81);
        text-decoration: none;
    }
    .header-mobile-nav__row:hover {
        background: rgb(249 250 251);
        color: rgb(37 99 235);
    }
    .header-mobile-nav__row--active {
        background: rgb(239 246 255);
        color: rgb(29 78 216);
    }
    .header-mobile-nav__icon {
        width: 1.1rem;
        text-align: center;
        color: rgb(156 163 175);
        flex-shrink: 0;
    }
    .header-mobile-nav__row--active .header-mobile-nav__icon {
        color: rgb(37 99 235);
    }
    .header-mobile-nav__badge {
        display: inline-flex;
        align-items: center;
        min-height: 1.25rem;
        padding: 0 0.4rem;
        border-radius: 9999px;
        font-size: 0.65rem;
        font-weight: 800;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        background: rgb(234 88 12);
        color: #fff;
    }
    .header-mobile-nav__sub {
        margin-left: 0.75rem;
        padding-left: 0.5rem;
        border-left: 1px solid rgb(229 231 235);
        display: flex;
        flex-direction: column;
        gap: 0.1rem;
    }
    .header-mobile-account__owner {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        margin-bottom: 0.75rem;
        padding: 0.75rem;
        border-radius: 0.85rem;
        background: rgb(239 246 255);
        border: 1px solid rgb(191 219 254);
    }
    @media (max-width: 359px) {
        .header-mobile-nav__row {
            padding-inline: 0.55rem;
        }
    }