/* Single-row admin topbar: nav takes remaining space; utilities stay compact */

.fi-topbar-ctn .fi-topbar {
    flex-wrap: nowrap;
    align-items: center;
    min-height: 4rem;
    overflow: hidden;
}

@media (min-width: 64rem) {
    .fi-topbar-ctn .fi-topbar-nav-groups {
        flex: 1 1 auto;
        min-width: 0;
        flex-wrap: nowrap !important;
        overflow: hidden;
        align-items: center;
        column-gap: 0.5rem;
        row-gap: 0;
        margin-block: 0;
        display: flex;
    }

    .fi-topbar-ctn .fi-topbar-nav-groups-overflow {
        width: 100%;
    }

    .fi-topbar-ctn .fi-topbar-nav-measure > ul {
        column-gap: 0.5rem;
    }
}

.fi-topbar-ctn .fi-topbar-end {
    flex: 0 0 auto;
    gap: 0.5rem;
    margin-inline-start: auto;
}

.fi-topbar-ctn .fi-topbar-nav-title {
    flex: 0 0 auto;
}

.fi-topbar-ctn .fi-topbar-nav-item,
.fi-topbar-ctn .fi-topbar-more {
    flex: 0 0 auto;
}

.fi-topbar-ctn .fi-topbar-nav-item.is-overflow-hidden,
.fi-topbar-ctn .fi-topbar-item.is-overflow-hidden,
.fi-topbar-ctn [data-topbar-nav-item].is-overflow-hidden {
    display: none !important;
}

.fi-topbar-ctn .fi-topbar-utilities-panel {
    min-width: 16rem;
    max-width: 20rem;
    padding: 0.75rem;
}

.fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-block + .fi-topbar-utility-block {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(var(--gray-950), 0.05);
}

.dark .fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-block + .fi-topbar-utility-block {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(var(--gray-500), 1);
}

/* Compact switcher lists inside the utilities dropdown (no nested dropdown chrome) */
.fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-switcher {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-switcher-btn {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0.5rem;
    padding: 0.5rem 0.65rem;
    text-align: start;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(var(--gray-700), 1);
}

.dark .fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-switcher-btn {
    color: rgba(255, 255, 255, 0.9);
}

.fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-switcher-btn:hover {
    background: rgba(var(--gray-950), 0.05);
}

.dark .fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-switcher-btn:hover {
    background: rgba(255, 255, 255, 0.05);
}

.fi-topbar-ctn .fi-topbar-utilities-panel .fi-topbar-utility-switcher-btn.is-active {
    background: color-mix(in oklab, var(--primary-500) 12%, transparent);
    color: var(--primary-600);
}

/* Hide the default language-switch trigger; locales live in utilities dropdown */
.fi-topbar-ctn .fi-topbar-end > .fi-dropdown:has(.language-switch-trigger) {
    display: none !important;
}