/* Header-only polish. No selectors target status cards, content or theme v2. */
.cf-classic-header {
    font-family: var(--font);
    background: #080c14 !important;
    min-height: 68px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 2px 6px rgba(15, 23, 42, .12);
}
.cf-classic-header > .container-fluid {
    padding-inline: clamp(16px, 1.5vw, 28px);
    gap: 20px;
}
.cf-classic-header .cf-classic-brand-group {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-shrink: 0;
}
.cf-classic-header .navbar-brand {
    padding: 0;
    margin: 0;
    border-radius: 4px;
    background: transparent;
}
.cf-classic-header .navbar-brand .cf-classic-logo {
    width: 224px;
    height: 48px;
    max-width: none;
    max-height: none;
}
.cf-classic-header .cf-theme-toggle-pill {
    min-height: 34px;
    padding: 7px 10px;
    gap: 7px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, .24);
    background: transparent;
    box-shadow: none;
    transform: none;
    transition: background .15s ease, border-color .15s ease;
}
.cf-classic-header .cf-theme-toggle-pill:hover {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(255, 255, 255, .4);
    box-shadow: none;
    transform: none;
}
.cf-classic-header .cf-pill-label { letter-spacing: 0; }
.cf-classic-header .navbar-nav { gap: 3px; }
.cf-classic-header .nav-link {
    min-height: 36px;
    padding: 8px 10px !important;
    gap: 8px;
    color: #94a3b8 !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    border-radius: 5px;
    box-shadow: none;
    transform: none;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.cf-classic-header .nav-link:hover {
    background: rgba(255, 255, 255, .06);
    border-color: transparent;
    transform: none;
}
.cf-classic-header .nav-link.active {
    background: rgba(255, 255, 255, .10) !important;
    border-color: rgba(255, 255, 255, .12);
    box-shadow: none;
    font-weight: 600;
}
.cf-classic-header .cf-nav-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    display: block;
}
.cf-classic-header .cf-theme-toggle-pill .cf-nav-icon {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
}
.cf-classic-header .dropdown-toggle::after {
    margin-left: 2px;
    border: 0;
    width: 5px;
    height: 5px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}
.cf-classic-header .nav-link.cf-add-order {
    color: #ef4444 !important;
    border: 1px solid rgba(239, 68, 68, .6);
    background: transparent !important;
    font-weight: 600;
}
.cf-classic-header .nav-link.cf-add-order:hover,
.cf-classic-header .nav-link.cf-add-order.active {
    background: rgba(239, 68, 68, .08) !important;
    border-color: #ef4444;
}
.cf-classic-header .logout-btn {
    margin-left: 6px;
    border-color: transparent;
    background: transparent;
}
.cf-classic-header .cf-classic-nav-divider {
    height: 20px;
    width: 1px;
    margin-inline: 8px;
    background: rgba(255, 255, 255, .12);
}
.cf-classic-header .cf-dropdown {
    /* Do not inherit Bootstrap's blue selected/pressed submenu state. */
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-link-hover-bg: rgba(239, 68, 68, .1);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: rgba(239, 68, 68, .1);
    background: #1e293b;
    border: 1px solid #334155;
    border-radius: 6px;
    padding: 5px;
    margin-top: 5px !important;
    min-width: 212px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22) !important;
}
.cf-classic-header .cf-dropdown .dropdown-item {
    min-height: 36px;
    padding: 8px 10px;
    gap: 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px;
    line-height: 1.3;
}
.cf-classic-header .cf-dropdown .dropdown-item:hover,
.cf-classic-header .cf-dropdown .dropdown-item:focus,
.cf-classic-header .cf-dropdown .dropdown-item.active,
.cf-classic-header .cf-dropdown .dropdown-item:active {
    background: rgba(239, 68, 68, .1);
    color: #fff;
}
.cf-classic-header .cf-dropdown .cf-nav-icon {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
    color: #94a3b8;
}
.cf-classic-header .nav-link:focus-visible,
.cf-classic-header button:focus-visible,
.cf-classic-header .dropdown-item:focus-visible {
    outline: 2px solid #cbd5e1;
    outline-offset: 3px;
}
@media (min-width: 1280px) {
    .cf-classic-header .navbar-collapse { display: flex !important; }
    .cf-classic-header .navbar-toggler { display: none !important; }
    .cf-classic-header .navbar-nav { flex-direction: row; flex-wrap: nowrap; }
    .cf-classic-header .navbar-nav > .dropdown:nth-last-child(-n + 4) > .dropdown-menu { right: 0; left: auto; }
}
@media (min-width: 1280px) and (max-width: 1439.98px) {
    .cf-classic-header > .container-fluid { gap: 12px; }
    .cf-classic-header .cf-classic-brand-group { gap: 12px; }
    .cf-classic-header .navbar-brand .cf-classic-logo { width: 190px; height: 44px; }
    .cf-classic-header .nav-link { font-size: 12px; padding-inline: 8px !important; gap: 6px; }
    .cf-classic-header .cf-theme-toggle-pill { padding-inline: 8px; font-size: 11px; }
    .cf-classic-header .cf-classic-nav-divider { margin-inline: 4px; }
}
/* Leave non-Meta headers unchanged; make room only for the new Inbox action. */
@media (min-width: 1280px) and (max-width: 1599.98px) {
    .cf-classic-header.cf-has-inbox > .container-fluid { gap: 12px; }
    .cf-classic-header.cf-has-inbox .cf-classic-brand-group { gap: 12px; }
    .cf-classic-header.cf-has-inbox .navbar-brand .cf-classic-logo { width: 190px; height: 44px; }
    .cf-classic-header.cf-has-inbox .navbar-nav { gap: 1px; }
    .cf-classic-header.cf-has-inbox .nav-link { font-size: 12px; padding-inline: 6px !important; gap: 5px; }
    .cf-classic-header.cf-has-inbox .cf-theme-toggle-pill { padding-inline: 8px; font-size: 11px; }
    .cf-classic-header.cf-has-inbox .cf-classic-nav-divider { margin-inline: 4px; }
}
@media (max-width: 1279.98px) {
    .cf-classic-header { min-height: 64px; padding: 8px 0; }
    .cf-classic-header > .container-fluid { flex-wrap: wrap; column-gap: 12px; row-gap: 0; }
    .cf-classic-header .navbar-brand .cf-classic-logo { width: 210px; height: 44px; }
    .cf-classic-header .navbar-toggler {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 36px;
        padding: 6px;
        border-radius: 5px;
    }
    .cf-classic-header .navbar-toggler-icon { width: 20px; height: 20px; }
    .cf-classic-header .navbar-collapse {
        flex-basis: 100%;
        width: 100%;
        padding: 10px 0;
        margin: 8px 0 -8px;
        background: #080c14;
        border-top: 1px solid rgba(255, 255, 255, .10);
        border-radius: 0;
        box-shadow: none;
        max-height: calc(100dvh - 72px);
        overflow-y: auto;
    }
    .cf-classic-header .navbar-collapse:not(.show) { display: none !important; }
    .cf-classic-header .navbar-collapse.show { display: block !important; }
    .cf-classic-header .navbar-nav {
        width: 100%;
        flex-direction: column;
        align-items: stretch !important;
        gap: 4px;
        margin: 0 !important;
    }
    .cf-classic-header .nav-item { width: 100%; margin-left: 0 !important; }
    .cf-classic-header .nav-link {
        width: 100%;
        min-height: 42px;
        padding: 10px 12px !important;
        font-size: 14px;
        justify-content: flex-start;
        background: transparent;
    }
    .cf-classic-header .dropdown-toggle::after { margin-left: auto; margin-right: 2px; }
    .cf-classic-header .dropdown-menu {
        position: static !important;
        transform: none !important;
        margin: 4px 0 8px 24px !important;
        min-width: 0;
        box-shadow: none !important;
    }
    .cf-classic-header .dropdown:hover > .dropdown-menu:not(.show),
    .cf-classic-header .dropdown-menu:not(.show) { display: none !important; }
    .cf-classic-header .dropdown-menu.show { display: block !important; }
    .cf-classic-header .cf-classic-nav-divider { display: none; }
    .cf-classic-header .logout-btn { margin-left: 0; }
}
@media (max-width: 575.98px) {
    .cf-classic-header > .container-fluid { padding-inline: 12px; column-gap: 8px; }
    .cf-classic-header .cf-classic-brand-group { gap: 10px; }
    .cf-classic-header .navbar-brand .cf-classic-logo { width: clamp(130px, 42vw, 172px); height: 40px; }
    .cf-classic-header .cf-theme-toggle-pill { min-height: 32px; padding-inline: 8px; font-size: 11px; }
    .cf-classic-header .cf-theme-toggle-pill .cf-nav-icon { display: none; }
}