/* Desktop sidebar collapse control shared by every backoffice workspace. */
.sidebar,
.main-content {
    transition: width .2s ease, flex-basis .2s ease, padding .2s ease;
}
.sidebar-collapse-toggle {
    position: fixed;
    z-index: 90;
    top: 22px;
    left: 204px;
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    padding: 0;
    border: 1px solid #ffffff24;
    border-radius: 10px;
    background: #ffffff0d;
    color: #f3f3f3;
    box-shadow: none;
    font-size: 25px;
    line-height: 1;
    transition: left .2s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.sidebar-collapse-toggle > span[aria-hidden] {
    display: block;
    margin-top: -2px;
    transition: transform .2s ease;
}
.sidebar-collapse-toggle:hover {
    border-color: #f07b35;
    background: #f07b35;
    color: #fff;
}
.sidebar-collapse-toggle:focus-visible { outline: 3px solid #e5a273; outline-offset: 2px; }
.sidebar .nav-icon img {
    display: block;
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(72%);
}
.sidebar .nav-item.active .nav-icon img { filter: brightness(0) invert(100%); }
@media (min-width: 761px) {
    .sidebar-is-collapsed > .sidebar {
        width: 72px !important;
        flex-basis: 72px !important;
        padding: 16px 8px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border-right: 1px solid #30343a;
        background: #181818;
    }
    .sidebar-is-collapsed .sidebar-brand { display: none; }
    .sidebar-is-collapsed .admin-navigation { margin-top: 48px; }
    .sidebar-is-collapsed .mobile-menu-toggle { display: none; }
    .sidebar-is-collapsed .side-nav { gap: 4px; }
    .sidebar-is-collapsed .nav-item {
        justify-content: center;
        min-height: 46px;
        padding: 10px 8px;
        border-radius: 7px;
    }
    .sidebar-is-collapsed .nav-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    .sidebar-is-collapsed .nav-icon {
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        flex: 0 0 22px;
    }
    .sidebar-is-collapsed .nav-icon img { width: 22px; height: 22px; }
    .sidebar-is-collapsed > .sidebar-collapse-toggle {
        top: 16px;
        left: 18px;
        border-color: #ffffff2b;
        background: #242424;
        box-shadow: 0 5px 16px #0003;
    }
    .sidebar-is-collapsed > .sidebar-collapse-toggle > span[aria-hidden] { transform: rotate(180deg); }
}
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
@media (max-width: 1000px) and (min-width: 761px) {
    .sidebar-collapse-toggle { left: 168px; }
}
@media (max-width: 760px) {
    .sidebar-collapse-toggle { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
    .sidebar,
    .main-content,
    .sidebar-collapse-toggle { transition: none; }
}