/* Header disclosures are independent of Bootstrap/Ace dropdowns. */
.header-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 13px;
    line-height: 20px;
    text-transform: none;
    cursor: pointer;
    transition: background-color 140ms ease, box-shadow 140ms ease;
}
.panel-ui #navbar .header-menu-toggle { background: transparent; color: #f8fafc; }
.panel-ui #navbar .header-menu-toggle:hover { background: #34383e; }
.panel-ui #navbar .header-menu-toggle[aria-expanded="true"] {
    background: #363b42;
    box-shadow: inset 0 0 0 1px #4c5561;
}
.panel-ui #navbar .header-menu-toggle[aria-expanded="true"] .header-balance-caption { color: #d5deea; }
.header-menu-toggle > .fa-angle-down { transition: transform 140ms ease; }
.header-menu-toggle[aria-expanded="true"] > .fa-angle-down { transform: rotate(180deg); }
.header-menu-toggle:focus-visible, .header-popover a:focus-visible { outline: 2px solid #70baff; outline-offset: 2px; }
.public-site #navbar .header-menu-toggle { min-height: 44px; padding: 10px 12px; color: #d9e0e5; font-size: 14px; }
.public-site #navbar .header-menu-toggle:hover, .public-site #navbar .header-menu-toggle[aria-expanded="true"] { background: rgba(255, 255, 255, .09); color: #fff; }
.header-popover {
    position: fixed;
    z-index: 1100;
    box-sizing: border-box;
    width: 240px;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .13), 0 2px 4px rgba(15, 23, 42, .05);
    font: 13px/20px Arial, sans-serif;
}
.header-popover[hidden], .header-dropdown[hidden] { display: none !important; }
.header-popover[data-profile] { width: 280px; }
.header-popover::before {
    content: "";
    position: absolute;
    top: -5px;
    left: var(--header-arrow-x, 24px);
    width: 8px;
    height: 8px;
    background: #fff;
    border-top: 1px solid #dfe5ec;
    border-left: 1px solid #dfe5ec;
    transform: translateX(-50%) rotate(45deg);
}
.header-popover[data-placement="top"]::before { top: auto; bottom: -5px; transform: translateX(-50%) rotate(225deg); }
.header-popover .header-dropdown {
    display: block;
    position: static;
    float: none;
    width: auto;
    min-width: 0;
    max-height: inherit;
    box-sizing: border-box;
    margin: 0;
    padding: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
    border: 0;
    border-radius: 8px;
    background: transparent;
    box-shadow: none;
    text-transform: none;
}
.header-popover .header-dropdown > li { display: block; margin: 0; padding: 0; border: 0; line-height: 20px; }
.header-popover .header-dropdown > li > a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 10px 12px; border-radius: 5px; color: #334155; text-decoration: none; overflow-wrap: anywhere; }
.header-popover .header-dropdown > li > a:hover, .header-popover .header-dropdown > li > a:focus { background: #edf5ff; color: #176bc0; }
.header-popover .header-dropdown > .divider { height: 1px; margin: 6px 0; background: #e5eaf0; }
.header-popover .header-dropdown > .header-account-summary { display: flex; flex-direction: column; gap: 4px; padding: 10px 12px; color: #475569; overflow-wrap: anywhere; }
.header-popover.is-opening { animation: header-menu-in 140ms ease-out; }
@keyframes header-menu-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
    .header-popover.is-opening { animation: none; }
    .header-menu-toggle, .header-menu-toggle > .fa-angle-down { transition: none; }
}
@media (max-width: 767px) {
    .panel-ui .header-menu-toggle { min-width: 40px; padding: 0 6px; }
}
@media (max-width: 991px) {
    .public-site #navbar .header-menu-toggle { justify-content: flex-start; width: 100%; }
}