/**
 * Figma dual secondary rail + resource list chrome.
 * Scoped to Restaurant Admin / Branch / Super Admin panels.
 *
 * Layout (Figma "Service & Menu workspace"):
 *   [ Unified nav: icons | divider | tabs ]  [ page header ]
 *                                           [ table content ]
 */

/* ----- Workspace: dual rail top-aligned with page header ----- */

.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-header-main-ctn,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-header-main-ctn ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-header-main-ctn {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 1.25rem;
    row-gap: 0;
    align-items: start;
}

.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-main-sub-navigation-mobile-menu-render-hook-ctn,
.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-sub-navigation-mobile-menu,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-main-sub-navigation-mobile-menu-render-hook-ctn,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-main-sub-navigation-mobile-menu-render-hook-ctn,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-sub-navigation-mobile-menu ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-sub-navigation-mobile-menu {
    grid-column: 1 / -1;
}

.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-header,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-header ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-header {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-main,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-main ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-main {
    display: contents;
}

/*
 * Stick below the sticky RA topbar (header + module tiles), not under it.
 * Offset token lives on the panel; fallback matches the measured desktop stack.
 */
.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .bx-ra-dual-rail,
.fi-panel-branch .fi-page-has-sub-navigation-start .bx-ra-dual-rail ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .bx-ra-dual-rail {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    position: sticky;
    top: calc(var(--bx-ra-topbar-sticky-offset, 11.1875rem) + 1rem);
    z-index: 20;
    max-height: calc(100dvh - var(--bx-ra-topbar-sticky-offset, 11.1875rem) - 2rem);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-main:not(:has(.bx-ra-dual-rail)) > .fi-page-sub-navigation-sidebar-ctn,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-main:not(:has(.bx-ra-dual-rail)) > .fi-page-sub-navigation-sidebar-ctn ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-main:not(:has(.bx-ra-dual-rail)) > .fi-page-sub-navigation-sidebar-ctn {
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: start;
    position: sticky;
    top: calc(var(--bx-ra-topbar-sticky-offset, 11.1875rem) + 1rem);
    z-index: 20;
    max-height: calc(100dvh - var(--bx-ra-topbar-sticky-offset, 11.1875rem) - 2rem);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

/* Sticky needs a non-clipping scroll ancestor */
.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-header-main-ctn,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-header-main-ctn,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-header-main-ctn,
.fi-panel-restaurant-admin .fi-main,
.fi-panel-branch .fi-main,
.fi-panel-super-admin .fi-main,
.fi-panel-restaurant-admin .fi-main-ctn,
.fi-panel-branch .fi-main-ctn ,
.fi-panel-super-admin .fi-main-ctn {
    overflow: visible;
}

.fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-content,
.fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-content ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-content {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    /* Figma: ~22px between page heading block and table card */
    margin-top: 1.375rem;
}

/* ----- Unified parent: icons + divider + tabs (Figma 80:205) ----- */

.fi-panel-restaurant-admin .bx-ra-dual-rail,
.fi-panel-branch .bx-ra-dual-rail ,
.fi-panel-super-admin .bx-ra-dual-rail {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 0;
    width: 18.75rem;
    background: var(--bx-surface, #ffffff);
    border: 1px solid var(--bx-border, #e8e7ed);
    border-radius: var(--bx-radius-lg, 10px);
    padding: 0.75rem 0.55rem;
    box-shadow: 0 8px 24px rgba(25, 23, 36, 0.04);
    box-sizing: border-box;
}

/*
 * Super Admin flat groups: siblings only belong in the icon module rail
 * (same as RA group modules). There is no nested cluster tab level — hide
 * Filament text tabs + divider so Users/Roles/Permissions are not duplicated.
 */
.fi-panel-super-admin .bx-group-sub-nav-rail-only .bx-ra-dual-rail {
    width: auto;
    min-width: 4.25rem;
    padding-inline: 0.45rem;
}

.fi-panel-super-admin .bx-group-sub-nav-rail-only .bx-ra-dual-rail__divider,
.fi-panel-super-admin .bx-group-sub-nav-rail-only .bx-ra-dual-rail .fi-page-sub-navigation-sidebar-ctn {
    display: none !important;
}

.fi-panel-restaurant-admin .bx-ra-dual-rail__divider,
.fi-panel-branch .bx-ra-dual-rail__divider ,
.fi-panel-super-admin .bx-ra-dual-rail__divider {
    flex: 0 0 1px;
    width: 1px;
    margin: 0 0.45rem;
    background: var(--bx-border, #e8e7ed);
    align-self: stretch;
}

.fi-panel-restaurant-admin .bx-ra-module-rail,
.fi-panel-branch .bx-ra-module-rail ,
.fi-panel-super-admin .bx-ra-module-rail {
    flex: 0 0 4.25rem;
    width: 4.25rem;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.fi-panel-restaurant-admin .bx-ra-module-rail__list,
.fi-panel-branch .bx-ra-module-rail__list ,
.fi-panel-super-admin .bx-ra-module-rail__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.fi-panel-restaurant-admin .bx-ra-module-rail__btn,
.fi-panel-branch .bx-ra-module-rail__btn ,
.fi-panel-super-admin .bx-ra-module-rail__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    width: 100%;
    min-height: 4.25rem;
    padding: 0.5rem 0.15rem;
    border-radius: 0.7rem;
    color: var(--bx-primary, #32104d);
    text-decoration: none;
    text-align: center;
    transition: background-color 120ms ease, color 120ms ease;
}

.fi-panel-restaurant-admin .bx-ra-module-rail__btn:hover,
.fi-panel-branch .bx-ra-module-rail__btn:hover ,
.fi-panel-super-admin .bx-ra-module-rail__btn:hover {
    background: color-mix(in srgb, var(--bx-primary, #32104d) 10%, transparent);
    color: var(--bx-primary, #32104d);
}

.fi-panel-restaurant-admin .bx-ra-module-rail__btn.is-active,
.fi-panel-branch .bx-ra-module-rail__btn.is-active ,
.fi-panel-super-admin .bx-ra-module-rail__btn.is-active {
    background: color-mix(in srgb, var(--bx-primary, #32104d) 12%, transparent);
    color: var(--bx-primary, #32104d);
}

.fi-panel-restaurant-admin .bx-ra-module-rail__icon,
.fi-panel-branch .bx-ra-module-rail__icon ,
.fi-panel-super-admin .bx-ra-module-rail__icon {
    width: 1.75rem;
    height: 1.75rem;
    color: inherit;
}

/* Keep outline icons — hover/active use light purple bg, not filled paths */
.fi-panel-restaurant-admin .bx-ra-module-rail__btn:hover .bx-ra-module-rail__icon path,
.fi-panel-restaurant-admin .bx-ra-module-rail__btn.is-active .bx-ra-module-rail__icon path,
.fi-panel-branch .bx-ra-module-rail__btn:hover .bx-ra-module-rail__icon path,
.fi-panel-super-admin .bx-ra-module-rail__btn:hover .bx-ra-module-rail__icon path,
.fi-panel-branch .bx-ra-module-rail__btn.is-active .bx-ra-module-rail__icon path ,
.fi-panel-super-admin .bx-ra-module-rail__btn.is-active .bx-ra-module-rail__icon path {
    fill: none;
    stroke: currentColor;
}

.fi-panel-restaurant-admin .bx-ra-module-rail__label,
.fi-panel-branch .bx-ra-module-rail__label ,
.fi-panel-super-admin .bx-ra-module-rail__label {
    font-size: 0.625rem;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0.01em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Tabs panel inside unified rail — strip outer card chrome */

.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-page-sub-navigation-sidebar-ctn,
.fi-panel-branch .bx-ra-dual-rail .fi-page-sub-navigation-sidebar-ctn ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-page-sub-navigation-sidebar-ctn {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    min-width: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    position: static;
    align-self: stretch;
}

.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-page-sub-navigation-sidebar,
.fi-panel-branch .bx-ra-dual-rail .fi-page-sub-navigation-sidebar ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-page-sub-navigation-sidebar {
    width: 100%;
}

.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-group-label,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-group-label ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-group-label {
    color: var(--bx-muted, #777382);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding-inline: 0.75rem;
    margin-bottom: 0.35rem;
}

.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-item-btn,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-item-btn ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-item-btn {
    gap: 0 !important;
    border-radius: 0.55rem;
    color: var(--bx-primary, #32104d) !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    transition: background-color 120ms ease, color 120ms ease;
}

.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-item-label,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-item-label ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-item-label {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-item-btn:hover,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-item-btn:hover ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-item-btn:hover {
    background: color-mix(in srgb, var(--bx-primary, #32104d) 8%, transparent) !important;
    color: var(--bx-primary, #32104d) !important;
}

.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-item.fi-active > .fi-sidebar-item-btn,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-item.fi-active > .fi-sidebar-item-btn ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: color-mix(in srgb, var(--bx-primary, #32104d) 10%, transparent) !important;
    color: var(--bx-primary, #32104d) !important;
    box-shadow: none !important;
}

/* Figma submodule tabs: text only — hide icons */
.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-item-icon,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-item-icon,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-item-icon,
.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-item-btn > .fi-icon,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-item-btn > .fi-icon,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-item-btn > .fi-icon,
.fi-panel-restaurant-admin .bx-ra-dual-rail .fi-sidebar-item-btn svg,
.fi-panel-branch .bx-ra-dual-rail .fi-sidebar-item-btn svg ,
.fi-panel-super-admin .bx-ra-dual-rail .fi-sidebar-item-btn svg {
    display: none !important;
}

@media (max-width: 1023px) {
    .fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-header-main-ctn,
    .fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-header-main-ctn ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-header-main-ctn {
        display: flex;
        flex-direction: column;
    }

    .fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-main,
    .fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-main ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-main {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        width: 100%;
    }

    .fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-header,
    .fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-content,
    .fi-panel-branch .fi-page-has-sub-navigation-start .fi-header,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-header,
    .fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-content ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-content {
        grid-column: auto;
        grid-row: auto;
        width: 100%;
    }

    .fi-panel-restaurant-admin .bx-ra-dual-rail,
    .fi-panel-branch .bx-ra-dual-rail ,
.fi-panel-super-admin .bx-ra-dual-rail {
        display: none;
    }

    .fi-panel-restaurant-admin .fi-page-has-sub-navigation-start .fi-page-sub-navigation-sidebar-ctn,
    .fi-panel-branch .fi-page-has-sub-navigation-start .fi-page-sub-navigation-sidebar-ctn ,
.fi-panel-super-admin .fi-page-has-sub-navigation-start .fi-page-sub-navigation-sidebar-ctn {
        width: 100%;
        max-width: none;
    }
}

/* ----- Table toolbar: title + count | search (one row, Figma Orders toolbar) ----- */

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-ctn,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-ctn ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-ctn {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 1rem;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 1.25rem !important;
    border-bottom: 1px solid var(--bx-border, #e8e7ed);
}

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-ctn > .fi-ta-header,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-ctn > .fi-ta-header ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-ctn > .fi-ta-header {
    grid-column: 1 !important;
    justify-self: start !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-heading,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-heading ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-heading {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--bx-text, #191724);
    font-size: 0.9375rem;
    font-weight: 600;
}

.fi-panel-restaurant-admin .bx-ra-list-heading-label,
.fi-panel-branch .bx-ra-list-heading-label ,
.fi-panel-super-admin .bx-ra-list-heading-label {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.fi-panel-restaurant-admin .bx-ra-list-heading-count,
.fi-panel-branch .bx-ra-list-heading-count ,
.fi-panel-super-admin .bx-ra-list-heading-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    margin-inline-start: 0.375rem;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bx-primary, #32104d) 10%, transparent);
    color: var(--bx-primary, #32104d);
    font-size: 0.8125rem;
    font-weight: 600;
}

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-ctn > .fi-ta-header-toolbar,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-ctn > .fi-ta-header-toolbar ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-ctn > .fi-ta-header-toolbar {
    grid-column: 2 !important;
    justify-self: end !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.75rem !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field),
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: auto !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
}

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-search-field,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-search-field ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-search-field {
    flex: 0 0 18.875rem !important;
    width: 18.875rem !important;
    max-width: 18.875rem !important;
    margin: 0 !important;
    margin-inline-start: 0 !important;
}

.fi-panel-restaurant-admin .bx-ra-delete-link,
.fi-panel-branch .bx-ra-delete-link,
.fi-panel-super-admin .bx-ra-delete-link,
.fi-panel-restaurant-admin .bx-ra-delete-cell .fi-ta-text-item,
.fi-panel-branch .bx-ra-delete-cell .fi-ta-text-item ,
.fi-panel-super-admin .bx-ra-delete-cell .fi-ta-text-item {
    color: #dc2626 !important;
    font-weight: 500;
    cursor: pointer;
}

.fi-panel-restaurant-admin .bx-ra-resource-list .fi-header-subheading,
.fi-panel-branch .bx-ra-resource-list .fi-header-subheading ,
.fi-panel-super-admin .bx-ra-resource-list .fi-header-subheading {
    color: var(--bx-muted, #777382);
    font-size: 0.875rem;
}

/* Filters / columns icons stay inline with search (gap set on toolbar above) */

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-filters-dropdown,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-filters-dropdown,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-filters-dropdown,
.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-col-manager-dropdown,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-col-manager-dropdown,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-col-manager-dropdown,
.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) > .fi-ta-filters-dropdown,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) > .fi-ta-filters-dropdown,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) > .fi-ta-filters-dropdown,
.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) > .fi-ta-col-manager-dropdown,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) > .fi-ta-col-manager-dropdown ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) > .fi-ta-col-manager-dropdown {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    margin: 0 !important;
    margin-inline-end: 0.5rem !important;
    position: relative !important;
    z-index: 2;
}

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-filters-dropdown .fi-icon-btn,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-filters-dropdown .fi-icon-btn,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-filters-dropdown .fi-icon-btn,
.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-col-manager-dropdown .fi-icon-btn,
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-col-manager-dropdown .fi-icon-btn ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar .fi-ta-col-manager-dropdown .fi-icon-btn {
    width: 2.25rem !important;
    height: 2.25rem !important;
    margin: 0 !important;
}

.fi-panel-restaurant-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field),
.fi-panel-branch .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) ,
.fi-panel-super-admin .bx-ra-list-table .fi-ta-header-toolbar > div:has(> .fi-ta-search-field) {
    gap: 0.5rem !important;
}

.fi-panel-restaurant-admin .bx-ra-actions-cell,
.fi-panel-branch .bx-ra-actions-cell ,
.fi-panel-super-admin .bx-ra-actions-cell {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.fi-panel-restaurant-admin .bx-ra-action-btn,
.fi-panel-branch .bx-ra-action-btn ,
.fi-panel-super-admin .bx-ra-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.35rem 0.75rem;
    border: 1px solid var(--bx-border, #e8e7ed);
    border-radius: 0.5rem;
    background: var(--bx-surface, #ffffff);
    color: var(--bx-text, #191724);
    font-family: inherit;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
    cursor: pointer;
    box-sizing: border-box;
}

a.bx-ra-action-btn:hover {
    text-decoration: none !important;
}

.fi-panel-restaurant-admin .bx-ra-action-btn:hover,
.fi-panel-branch .bx-ra-action-btn:hover ,
.fi-panel-super-admin .bx-ra-action-btn:hover {
    border-color: color-mix(in srgb, var(--bx-primary, #32104d) 28%, var(--bx-border, #e8e7ed));
    color: var(--bx-primary, #32104d);
}

.fi-panel-restaurant-admin .bx-ra-action-btn:disabled,
.fi-panel-branch .bx-ra-action-btn:disabled ,
.fi-panel-super-admin .bx-ra-action-btn:disabled {
    opacity: 0.6;
    cursor: wait;
}

/* Users list: Figma segmented All / Staff / Admin tabs above the table card */
.fi-panel-restaurant-admin .bx-users-list > .fi-sc-tabs,
.fi-panel-branch .bx-users-list > .fi-sc-tabs,
.fi-panel-super-admin .bx-users-list > .fi-sc-tabs,
.fi-panel-restaurant-admin .bx-users-list .fi-sc-tabs:first-child,
.fi-panel-branch .bx-users-list .fi-sc-tabs:first-child ,
.fi-panel-super-admin .bx-users-list .fi-sc-tabs:first-child {
    margin-bottom: 0.75rem;
}

.fi-panel-restaurant-admin .bx-users-list .fi-sc-tabs > .fi-tabs,
.fi-panel-branch .bx-users-list .fi-sc-tabs > .fi-tabs ,
.fi-panel-super-admin .bx-users-list .fi-sc-tabs > .fi-tabs {
    display: inline-flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    width: auto !important;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.fi-panel-restaurant-admin .bx-users-list .fi-sc-tabs .fi-tabs-item,
.fi-panel-branch .bx-users-list .fi-sc-tabs .fi-tabs-item ,
.fi-panel-super-admin .bx-users-list .fi-sc-tabs .fi-tabs-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.4rem 1rem !important;
    border: 1px solid var(--bx-border, #e8e7ed) !important;
    border-radius: 999px !important;
    background: var(--bx-surface, #ffffff) !important;
    color: var(--bx-text, #191724) !important;
    font-size: 0.875rem;
    font-weight: 500;
    box-shadow: none !important;
}

.fi-panel-restaurant-admin .bx-users-list .fi-sc-tabs .fi-tabs-item .fi-tabs-item-label,
.fi-panel-branch .bx-users-list .fi-sc-tabs .fi-tabs-item .fi-tabs-item-label ,
.fi-panel-super-admin .bx-users-list .fi-sc-tabs .fi-tabs-item .fi-tabs-item-label {
    color: inherit !important;
}

.fi-panel-restaurant-admin .bx-users-list .fi-sc-tabs .fi-tabs-item.fi-active,
.fi-panel-restaurant-admin .bx-users-list .fi-sc-tabs .fi-tabs-item[aria-selected='true'],
.fi-panel-branch .bx-users-list .fi-sc-tabs .fi-tabs-item.fi-active,
.fi-panel-super-admin .bx-users-list .fi-sc-tabs .fi-tabs-item.fi-active,
.fi-panel-branch .bx-users-list .fi-sc-tabs .fi-tabs-item[aria-selected='true'] ,
.fi-panel-super-admin .bx-users-list .fi-sc-tabs .fi-tabs-item[aria-selected='true'] {
    border-color: transparent !important;
    background: color-mix(in srgb, var(--bx-primary, #32104d) 12%, #ffffff) !important;
    color: var(--bx-primary, #32104d) !important;
}

.fi-panel-restaurant-admin .bx-users-list .bx-users-table .fi-ta-header-ctn,
.fi-panel-branch .bx-users-list .bx-users-table .fi-ta-header-ctn ,
.fi-panel-super-admin .bx-users-list .bx-users-table .fi-ta-header-ctn {
    grid-template-columns: 1fr auto !important;
}

.fi-panel-restaurant-admin .bx-users-list .bx-users-table .fi-ta-header-ctn > .fi-ta-header:empty,
.fi-panel-branch .bx-users-list .bx-users-table .fi-ta-header-ctn > .fi-ta-header:empty ,
.fi-panel-super-admin .bx-users-list .bx-users-table .fi-ta-header-ctn > .fi-ta-header:empty {
    display: none !important;
}

/* ----- Back to top (fixed, bottom-right; RA / Branch only) ----- */

.fi-panel-restaurant-admin .bx-ra-scroll-top,
.fi-panel-branch .bx-ra-scroll-top ,
.fi-panel-super-admin .bx-ra-scroll-top {
    position: fixed;
    inset-inline-end: 1.25rem;
    bottom: 1.25rem;
    z-index: 80;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0.5rem);
    transition: opacity 150ms ease, visibility 150ms ease, transform 150ms ease;
}

.fi-panel-restaurant-admin .bx-ra-scroll-top.is-visible,
.fi-panel-branch .bx-ra-scroll-top.is-visible ,
.fi-panel-super-admin .bx-ra-scroll-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.fi-panel-restaurant-admin .bx-ra-scroll-top__btn,
.fi-panel-branch .bx-ra-scroll-top__btn ,
.fi-panel-super-admin .bx-ra-scroll-top__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid var(--bx-border, #e8e7ed);
    border-radius: 0.75rem;
    background: var(--bx-primary, #32104d);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(25, 23, 36, 0.18);
    cursor: pointer;
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.fi-panel-restaurant-admin .bx-ra-scroll-top__btn:hover,
.fi-panel-branch .bx-ra-scroll-top__btn:hover ,
.fi-panel-super-admin .bx-ra-scroll-top__btn:hover {
    background: var(--bx-primary-hover, #2a0d40);
    box-shadow: 0 12px 28px rgba(25, 23, 36, 0.22);
}

.fi-panel-restaurant-admin .bx-ra-scroll-top__btn:focus-visible,
.fi-panel-branch .bx-ra-scroll-top__btn:focus-visible ,
.fi-panel-super-admin .bx-ra-scroll-top__btn:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--bx-primary, #32104d) 45%, #ffffff);
    outline-offset: 2px;
}

.fi-panel-restaurant-admin .bx-ra-scroll-top__btn svg,
.fi-panel-branch .bx-ra-scroll-top__btn svg ,
.fi-panel-super-admin .bx-ra-scroll-top__btn svg {
    width: 1.15rem;
    height: 1.15rem;
}

@media (max-width: 640px) {
    .fi-panel-restaurant-admin .bx-ra-scroll-top,
    .fi-panel-branch .bx-ra-scroll-top ,
.fi-panel-super-admin .bx-ra-scroll-top {
        inset-inline-end: 0.85rem;
        bottom: 0.85rem;
    }

    .fi-panel-restaurant-admin .bx-ra-scroll-top__btn,
    .fi-panel-branch .bx-ra-scroll-top__btn ,
.fi-panel-super-admin .bx-ra-scroll-top__btn {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.65rem;
    }
}