/* One visible header control and the same workspace menu on every page. */
.market-header,
.seller-studio-header {
    position: sticky;
    top: 0;
    z-index: 120;
}
.market-body--backoffice .market-header__main--drawer {
    grid-template-columns: 42px 176px minmax(260px, 1fr) auto;
}
.market-menu-button[data-bo-menu],
.seller-studio-menu { display: grid; flex-shrink: 0; }
[data-bo-menu]:focus-visible,
[data-bo-menu-close]:focus-visible { outline: 3px solid #ffc300; outline-offset: 2px; }
.backoffice .bo-sidebar {
    top: var(--workspace-header-height, 92px);
    height: calc(100dvh - var(--workspace-header-height, 92px));
}
.backoffice .bo-sidebar nav { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.backoffice .bo-identity,
.backoffice .bo-sidebar__bottom { flex-shrink: 0; }
.bo-menu-backdrop[hidden] { display: none !important; }
.bo-menu-backdrop { position: fixed; z-index: 100; inset: var(--workspace-header-height, 92px) 0 0; padding: 0; border: 0; background: rgb(0 0 0 / 35%); }
@media (min-width: 901px) {
    .backoffice.bo-menu-collapsed { grid-template-columns: minmax(0, 1fr); }
    .backoffice.bo-menu-collapsed .bo-sidebar { display: none; }
}
@media (max-width: 1180px) {
    .market-body--backoffice .market-header__main--drawer { grid-template-columns: 40px 150px minmax(240px, 1fr) auto; }
}
@media (max-width: 900px) {
    .market-body--backoffice .market-header__main--drawer { grid-template-columns: 40px 130px minmax(0, 1fr); }
    .backoffice { grid-template-columns: minmax(0, 1fr); }
    .backoffice .bo-sidebar {
        position: fixed;
        z-index: 110;
        top: var(--workspace-header-height, 92px);
        bottom: 0;
        left: 0;
        width: min(92vw, 340px);
        height: calc(100dvh - var(--workspace-header-height, 92px));
        transform: translateX(-105%);
        visibility: hidden;
        transition: transform .2s ease, visibility .2s;
    }
    .backoffice.bo-menu-open .bo-sidebar { transform: none; visibility: visible; }
    .backoffice .bo-sidebar-close { display: grid; }
    .backoffice .bo-sidebar nav a { min-height: 48px; font-size: 14px !important; }
    .backoffice .bo-sidebar nav a.is-active { flex-direction: row; }
    .backoffice .bo-sidebar .bo-nav-label { font-size: 14px !important; }
    .backoffice .bo-sidebar__bottom a,
    .backoffice .bo-sidebar__bottom button { font-size: 12px !important; justify-content: flex-start; }
}
@media (max-width: 640px) {
    .market-body--backoffice .market-header__main--drawer { grid-template-columns: 36px 108px minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
    .backoffice .bo-sidebar { transition: none; }
}