/* Scoped to the authenticated account menu; no header layout changes. */
#header .fz-account { position: relative; width: 44px; height: 44px; }
#header .fz-account .fz-account__trigger {
    display: grid; place-items: center; width: 44px; height: 44px;
    min-width: 44px; margin: 0; padding: 10px; border: 0;
    border-radius: 10px; background: transparent; color: #252625;
    cursor: pointer; touch-action: manipulation;
}
#header .fz-account .fz-account__trigger::before,
#header .fz-account .fz-account__trigger::after { display: none; }
#header .fz-account svg {
    flex: none; width: 22px; height: 22px; fill: none; stroke: currentColor;
    stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round;
}
#header .fz-account .fz-account__trigger:is(:hover, [aria-expanded="true"]) { color: #27716e; }
#header .fz-account.is-open::after {
    content: ""; position: absolute; top: 100%; left: 0;
    width: 100%; height: 16px;
}
#header .fz-account .fz-account__panel {
    position: fixed; z-index: 1060; display: block;
    width: min(328px, calc(100vw - 24px)); margin: 0; padding: 0;
    border: 0; border-radius: 18px;
    background: #faf9f6; color: #292a29;
    box-shadow: 0 14px 44px rgba(49, 40, 30, .18);
    font-family: Poppins, sans-serif; text-align: left;
    animation: fz-account-enter .18s ease-out;
}
#header .fz-account .fz-account__panel[hidden] { display: none !important; }
#header .fz-account .fz-account__panel::before {
    content: ""; position: absolute; top: -7px;
    left: var(--fz-account-arrow, 75%); width: 14px; height: 14px;
    border-radius: 2px 0 0; background: #faf9f6; transform: translateX(-50%) rotate(45deg);
}
#header .fz-account .fz-account__profile {
    position: relative; display: flex; align-items: center; gap: 14px;
    min-height: 98px; margin: 0; padding: 22px;
    border-bottom: 1px solid #e5e0d8; border-radius: 18px 18px 0 0;
    color: #292a29; text-decoration: none; line-height: 1.5;
}
#header .fz-account .fz-account__avatar {
    display: grid; flex: none; place-items: center; width: 48px; height: 48px;
    border-radius: 50%; background: #e6f0ee; color: #27716e;
}
#header .fz-account .fz-account__avatar svg { width: 26px; height: 26px; }
#header .fz-account .fz-account__identity { display: grid; gap: 3px; min-width: 0; }
#header .fz-account .fz-account__identity strong {
    font-size: 15px; font-weight: 500; overflow-wrap: anywhere; line-height: 1.45;
}
#header .fz-account .fz-account__identity > span { color: #6b655e; font-size: 12px; }
#header .fz-account .fz-account__links { margin: 0; padding: 10px 12px 4px; list-style: none; }
#header .fz-account .fz-account__links li { display: block; float: none; margin: 0; padding: 0; }
#header .fz-account .fz-account__link {
    display: flex; align-items: center; gap: 12px; min-height: 48px;
    width: 100%; margin: 0; padding: 10px 12px; border: 0; border-radius: 11px;
    background: transparent; color: #292a29;
    font-size: 14px; font-weight: 400; line-height: 1.5;
    text-transform: none; text-decoration: none; touch-action: manipulation;
    transition: color .16s ease-out, background-color .16s ease-out;
}
#header .fz-account .fz-account__label { flex: 1; min-width: 0; overflow-wrap: anywhere; }
#header .fz-account .fz-account__link svg.fz-account__chevron { width: 14px; height: 14px; }
#header .fz-account .fz-account__link:hover,
#header .fz-account .fz-account__profile:hover { background: #eaf2f0; color: #226763; }
#header .fz-account .fz-account__count { margin: 0 0 0 4px; color: #6b655e; font-size: inherit; }
#header .fz-account .fz-account__count:empty { display: none; }
#header .fz-account .fz-account__count:not(:empty)::before { content: "("; }
#header .fz-account .fz-account__count:not(:empty)::after { content: ")"; }
#header .fz-account .fz-account__footer { margin: 4px 12px 0; padding: 12px 0; border-top: 1px solid #e5e0d8; }
#header .fz-account .fz-account__logout { background: #e6f0ee; color: #226763; }
#header .fz-account .fz-account__logout:hover { background: #d6e8e4; }
#header .fz-account :is(button, a):focus-visible { outline: 2px solid #27716e; outline-offset: -3px; }
#header .fz-account .fz-account__scroll { max-height: inherit; overflow-y: auto; overscroll-behavior: contain; border-radius: inherit; }
@keyframes fz-account-enter { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }
@media (max-height: 480px) { #header .fz-account .fz-account__profile { min-height: 76px; padding: 14px 20px; } }
@media (prefers-reduced-motion: reduce) {
    #header .fz-account .fz-account__panel { animation: none; }
    #header .fz-account .fz-account__link { transition: none; }
}