/* ========================================================================== */
/* Business OS Shared Responsive Layer                                        */
/* Shared shell and component behavior only; feature breakpoints stay local.  */
/* ========================================================================== */

/* --------------------------------------------------------------------------
   Laptop to Tablet — wide tablet adjustments (max-width: 992px)
   -------------------------------------------------------------------------- */
@media (max-width: 992px) {
.employees-header {
        align-items: flex-start;
    }.employees-header > .btn{width: 100%}
}
@media(max-width:760px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;flex:0 0 40px;padding:0;border:1px solid var(--border-color);border-radius:12px;background:var(--ds-surface,#fff);color:var(--ds-text,#374151);cursor:pointer;transition:.2s;margin-right:0}.mobile-menu-btn:hover{background:var(--ds-surface-muted,#f8fafc)}.module-switcher .module-switcher-btn{width:40px;min-width:40px;min-height:40px;height:40px;justify-content:center;padding:0}.messages-btn,.theme-toggle-btn,.notification-btn{width:40px;min-width:40px;min-height:40px;height:40px;flex:0 0 40px}.user-dropdown-btn{min-height:40px;height:40px;padding:3px 8px;gap:7px;border-radius:12px}.sidebar-collapse-btn{display:none}}

/* --------------------------------------------------------------------------
   Laptop to Tablet — shell reflow (max-width: 1180px)
   -------------------------------------------------------------------------- */
@media (max-width: 1180px) {
.dashboard-wrapper {
        display:block;
        min-height:100dvh;
    }

    .dashboard-main {
        width: 100%;
        min-width:0;
        margin-inline:0;
    }

    .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Tablet: shared component state from portrait through landscape. */
@media (min-width:769px) and (max-width:1180px) {
    .dashboard-content{min-width:0;padding:clamp(20px,2.6vw,30px)}
    .dashboard-content>*,.dashboard-grid>*,.card-grid>*,.form-grid>*,.details-grid>*{min-width:0}
    .global-header{gap:8px;padding-inline:clamp(14px,2vw,24px)}.global-header .module-switcher,.command-palette-trigger{min-width:42px}.global-header .module-switcher-btn{min-width:42px}
    .global-header .module-switcher-content,.global-header .module-arrow,
    .command-palette-trigger span,.command-palette-trigger kbd,.user-name{display:none}.command-palette-trigger{width:42px;height:42px;min-height:42px;padding:0;justify-content:center}.global-header .module-switcher-btn,.messages-btn,.theme-toggle-btn,.notification-btn{width:42px}
    .header-right{margin-inline-start:auto;gap:6px}
    .header-quick-nav{min-width:0;flex:1 1 auto}
    .header-quick-nav-link{max-width:150px}
    .form-grid,.details-grid,.dashboard-grid,.card-grid,.communications-grid,
    .stats-grid,.statistics-grid,.communications-stats-grid,.board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .table-toolbar,.filter-bar,.search-bar,.tasks-toolbar,.board-filters,
    .page-header,.employees-header,.tasks-header,.page-actions,.form-actions{flex-wrap:wrap}
    .table-toolbar-actions,.filter-bar-actions,.tasks-toolbar-actions,.page-actions,.form-actions{max-width:100%}
    input,select,textarea,.form-control,.ui-control{min-width:0;max-width:100%}
    .ui-table-wrap,.table-responsive,.employees-table-wrapper,.resource-list-wrap,.table-card>.table{
        width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch
    }
    .table-card>.table{display:block}
    .table th,.table td,.data-table th,.data-table td{overflow-wrap:anywhere}
    .table-actions,.task-actions,.resource-actions,.employee-actions{flex-wrap:wrap}
    .ui-modal-overlay,.drawer-overlay,.modal-overlay,.task-modal-overlay{padding:clamp(16px,3vw,28px)}
    .ui-modal,.drawer,.modal,.task-modal{width:min(720px,100%);max-width:100%;max-height:calc(100dvh - 32px);overflow:auto}
    .dropdown-menu,.user-dropdown-menu,.notification-menu,.messages-menu,.task-actions-dropdown{
        max-width:calc(100vw - 32px);max-height:calc(100dvh - 84px);overflow:auto
    }[role="button"],input[type="checkbox"],input[type="radio"]{touch-action:manipulation}button{touch-action:manipulation}.btn{touch-action:manipulation}
}

@media (min-width:769px) and (max-width:1024px) {
    .header-quick-nav{display:none}
    .page-header,.employees-header,.tasks-header{align-items:flex-start}
}

/* --------------------------------------------------------------------------
   Tablet Landscape — stacked toolbars and filters (max-width: 900px)
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
.page-header,
    .employees-header,
    .tasks-header{
        align-items:flex-start;
    }

    .table-toolbar,
    .filter-bar,
    .search-bar,
    .tasks-toolbar,
    .board-filters{
        align-items:stretch;
        flex-direction:column;
    }

    .table-toolbar-actions,
    .filter-bar-actions,
    .tasks-toolbar-actions{
        width:100%;
    }

    .search-input,
    .tasks-toolbar input{
        width:100%;
    }
}

/* --------------------------------------------------------------------------
   Tablet and Mobile — navigation and component reflow (max-width: 768px)
   -------------------------------------------------------------------------- */
@media (max-width: 768px) {
/* ===============================
       Layout
    =============================== */

    .dashboard-wrapper {

        display: block;

    }

    .dashboard-main {

        width: 100%;
        margin-left: 0;

    }

    /* ===============================
       Header
    =============================== */

    .global-header {

        display: flex;

        justify-content: flex-start;

        align-items: center;

                gap: 6px;

padding: 10px 12px;

        overflow: visible;

    }

    .header-left {

        display: flex;

        align-items: center;

        flex: 0 0 auto;

        min-width: 0;

        gap: 6px;

    }

    /* Keep employee header actions aligned with the right edge on narrow screens. */
    .employee-shell .header-right {
        margin-inline-start: auto;
    }
    .header-right {

        display: flex;

        align-items: center;

        flex-shrink: 0;

        gap: 6px;

    }

    .header-divider,
    .header-page-title,
    .user-name,
    .module-switcher-label {

        display: none;

    }

    .header-right > .language-dropdown {
        display:none;
    }

    .user-dropdown-mobile-language {
        display:block;
        border-top:1px solid var(--ds-border);
    }

    .user-dropdown-mobile-language-label {
        display:flex;
        align-items:center;
        gap:9px;
        padding:12px 18px 8px;
        color:var(--ds-text-muted);
        font-size:12px;
        font-weight:700;
    }

    .user-dropdown-mobile-language-options {
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:7px;
        padding:0 12px 12px;
    }

    .user-dropdown-menu .user-dropdown-mobile-language-option {
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        min-width:0;
        padding:10px;
        border:1px solid var(--ds-border);
        border-radius:10px;
        background:var(--ds-surface-muted);
        font-size:12px;
        font-weight:700;
        text-align:center;
    }

    .user-dropdown-menu .user-dropdown-mobile-language-option:hover,
    .user-dropdown-menu .user-dropdown-mobile-language-option.is-active {
        border-color:var(--primary-color);
        background:color-mix(in srgb, var(--primary-color) 12%, var(--ds-surface));
        color:var(--primary-color);
    }

/* ===============================
   Workspace Switcher
=============================== */

.global-header .module-switcher{

    width:40px;
    max-width:40px;
    flex:0 0 40px;

}.global-header .module-switcher .module-switcher-btn{width:40px;min-width:40px}

.global-header .module-switcher-content,
.global-header .module-arrow{
    display:none;
}

.module-switcher-menu{

    z-index:var(--ds-z-dropdown);

}


    /* ===============================
       Notifications & User Menu
    =============================== */

    .messages-dropdown,
    .notification-dropdown,
    .user-dropdown {

        position: relative;

    }

    .messages-menu,
    .notification-menu,
    .user-dropdown-menu {

        z-index: var(--ds-z-dropdown);

    }

    .messages-menu {
        width:min(360px, calc(100vw - 24px));
        right:-56px;
    }

    .transactions-filter-bar{
        align-items:stretch;
    }

    .filter-control,
    .filter-control-search{
        flex:1 1 100%;
    }.transactions-filter-bar > .advanced-filter-drawer,.advanced-filter-drawer > summary{
        width:100%;
    }.transactions-filter-bar > .btn{width:100%}

    .advanced-filter-panel{
        position:fixed;
        inset:0;
        width:100vw;
        overflow-y:auto;
        border:0;
        border-radius:0;
    }

    /* ===============================
       Sidebar
    =============================== */

    .sidebar {

        position: fixed;

        top: 0;
        left: -280px;

        width: 260px;
        height: 100vh;

        z-index: 1300;

        transition: left .3s ease;

        overflow-y: auto;

    }

    .sidebar-compact .sidebar {

        width: 260px;
        padding-left: 24px;
        padding-right: 24px;

    }

    .sidebar.show {

        left: 0;

    }

    /* ===============================
       Overlay
    =============================== */

    .sidebar-overlay {

        position: fixed;

        inset: 0;

        display: none;

        background: rgba(0,0,0,.45);

        z-index: 1250;

    }

    .sidebar-overlay.show {

        display: block;

    }/* ===============================
       Mobile Menu Button
    =============================== */

    .mobile-menu-btn{width: 40px;min-width: 40px;flex: 0 0 40px;margin-right: 0}

body.app-launcher-open{
        overflow:hidden;
    }.module-switcher .module-switcher-btn{width:40px;min-width:40px}

    .module-switcher .module-switcher-content,
    .module-switcher .module-arrow{
        display:none;
    }

    .module-switcher .module-switcher-menu{
        position:fixed;
        inset:0;
        width:100vw;
        max-height:none;
        margin:0;
        border:0;
        border-radius:0;
        transform:translateY(20px);
        transform-origin:center bottom;
    }

    .module-switcher.open .module-switcher-menu{
        transform:translateY(0);
    }

    .module-switcher.is-closing .module-switcher-menu{
        transform:translateY(20px);
    }

    .app-launcher-header{
        padding-top:max(20px, env(safe-area-inset-top));
    }

    .app-launcher-scroll{
        padding-bottom:max(24px, env(safe-area-inset-bottom));
    }

.command-palette-trigger span,
    .command-palette-trigger kbd{
        display:none;
    }

    .command-palette-trigger{
        width:40px;
        min-width:40px;
        min-height:40px;
        height:40px;
        flex:0 0 40px;
        justify-content:center;
        padding:0;
    }

    .messages-dropdown,
    .notification-dropdown{
        flex:0 0 40px;
    }.messages-btn,.theme-toggle-btn,.notification-btn{width:40px;min-width:40px;flex:0 0 40px}.app-launcher-button-icon,.command-palette-trigger i{
        font-size:17px;
    }

    .user-avatar{
        width:32px;
        height:32px;
        flex:0 0 32px;
    }

    .command-palette-overlay{
        align-items:stretch;
        padding:0;
    }

    .command-palette{
        width:100vw;
        max-height:none;
        border:0;
        border-radius:0;
        transform:translateY(18px);
    }

    .command-palette-overlay.is-open .command-palette{
        transform:translateY(0);
    }

    .command-palette-search{
        padding-top:env(safe-area-inset-top);
    }

    .command-palette-results{
        flex:1;
    }

    .command-palette-footer{
        padding-bottom:env(safe-area-inset-bottom);
    }

.form-grid {
        grid-template-columns: 1fr;
    }

.details-grid {
        grid-template-columns: 1fr;
    }

.toast-message {
        top: 15px;
        right: 15px;
        left: 15px;
        max-width: none;
        min-width: auto;
    }

.backup-grid{
        grid-template-columns:1fr;
    }

    .backup-card{
        padding:22px;
    }

.stats-grid{

        grid-template-columns:1fr;
    }

    .stat-card strong{

        font-size:26px;
    }

    .contract-header{

        padding:25px;
    }

    .contract-header h2{

        font-size:26px;
    }

.dashboard-content{
        padding:var(--ds-space-5);
    }

    .description-block,
    .communications-header-card,
    .card,
    .dashboard-card,
    .content-card,
    .communications-card,
    .form-card,
    .table-card{
        padding:var(--ds-space-5);
        border-radius:16px;
    }

    .form-grid,
    .dashboard-grid,
    .card-grid,
    .communications-grid{
        grid-template-columns:1fr;
    }

    .form-actions{
        align-items:stretch;
        flex-direction:column;
    }.form-actions .btn{width:100%}

    .drawer-overlay,
    .modal-overlay,
    .task-modal-overlay{
        align-items:flex-end;
        padding:0;
    }

    .drawer,
    .modal,
    .task-modal{
        width:100%;
        max-height:100dvh;
        border-radius:18px 18px 0 0;
    }

.notification-top{

        flex-direction:column;
        gap:8px;
    }

    .notification-date{

        white-space:normal;
    }

    .notification-icon{

        width:50px;
        height:50px;
        min-width:50px;
    }
}

/* --------------------------------------------------------------------------
   Mobile Landscape — single-column launcher content (max-width: 640px)
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
.app-launcher-grid{
        grid-template-columns:1fr;
    }
}

/* --------------------------------------------------------------------------
   Mobile — compact shell spacing (max-width: 576px)
   -------------------------------------------------------------------------- */
@media (max-width: 576px) {
.dashboard-content {
        padding: 20px;
    }

    .stats-grid {
        grid-template-columns: 1fr;
    }
}

/* --------------------------------------------------------------------------
   Small Mobile — full-width actions and pagination (max-width: 480px)
   -------------------------------------------------------------------------- */
@media (max-width: 480px) {
.stats-grid,
    .statistics-grid,
    .communications-stats-grid,
    .board-stats{
        grid-template-columns:1fr;
    }.page-header > .btn,.employees-header > .btn,.tasks-header > .btn,.action-bar > .btn,.page-actions > .btn{width:100%}

    .pagination{
        justify-content:center;
    }

.command-palette-footer{
        justify-content:center;
    }

    .command-palette-footer span:first-child{
        display:none;
    }
}

/* --------------------------------------------------------------------------
   Accessibility — reduced motion (prefers-reduced-motion: reduce)
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
.module-switcher .module-switcher-menu,
    .app-launcher-card{
        transition:none;
    }

.command-palette-overlay,
    .command-palette{
        transition:none;
    }
}

/* Shared responsive data tables and header popovers */
@media (min-width:761px) and (max-width:1180px){
    .table-card,
    .table-responsive,
    .resource-list-wrap{
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }

    table.responsive-card-table{
        min-width:780px;
    }
}

@media (max-width:760px){
    .module-switcher .module-switcher-menu{
        width:min(275px, calc(100vw - 24px));
        max-width:calc(100vw - 24px);
    }

    table.responsive-card-table,
    table.responsive-card-table tbody,
    table.responsive-card-table tr,
    table.responsive-card-table td{
        display:block;
        width:100%;
    }

    table.responsive-card-table thead{
        display:none;
    }

    table.responsive-card-table tbody{
        display:grid;
        gap:14px;
    }

    table.responsive-card-table tbody tr{
        overflow:hidden;
        border:1px solid var(--ds-border);
        border-radius:16px;
        background:var(--ds-surface);
        box-shadow:0 8px 22px rgba(15,23,42,.06);
    }

    table.responsive-card-table tbody td{
        display:grid;
        grid-template-columns:minmax(88px,34%) minmax(0,1fr);
        gap:12px;
        align-items:start;
        padding:11px 14px;
        border:0;
        border-bottom:1px solid var(--ds-border-subtle);
        overflow-wrap:anywhere;
        text-align:left;
    }

    table.responsive-card-table tbody td::before{
        content:attr(data-responsive-label);
        color:var(--ds-text-muted);
        font-size:11px;
        font-weight:800;
        letter-spacing:.06em;
        line-height:1.45;
        text-transform:uppercase;
    }

    table.responsive-card-table tbody td:last-child{
        border-bottom:0;
    }

    table.responsive-card-table tbody td[colspan]{
        display:block;
        padding:24px 14px;
        text-align:center;
    }

    table.responsive-card-table tbody td[colspan]::before{
        display:none;
    }

    table.responsive-card-table td .table-actions,
    table.responsive-card-table td .task-actions,
    table.responsive-card-table td .resource-actions{
        justify-content:flex-start;
        flex-wrap:wrap;
        margin-top:0;
    }

    table.responsive-card-table td .task-actions-dropdown{
        right:auto;
        left:0;
    }

    .messages-dropdown.open .messages-menu,
    .notification-dropdown.open .notification-menu{
        position:fixed;
        top:68px;
        right:12px;
        left:12px;
        width:auto;
        max-height:calc(100dvh - 84px);
        overflow-y:auto;
        border-radius:18px;
    }

    .user-dropdown:hover .user-dropdown-menu{
        display:none;
    }

    .user-dropdown.open .user-dropdown-menu{
        position:absolute;
        top:calc(100% + 8px);
        right:0;
        left:auto;
        display:block;
        width:220px;
        max-width:calc(100vw - 24px);
        max-height:calc(100dvh - 84px);
        overflow-y:auto;
        border-radius:16px;
    }

    .messages-menu .messages-list{
        max-height:calc(100dvh - 180px);
    }
}
.responsive-section-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:20px;
}

@media (max-width:760px){
    .responsive-section-heading{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }
}
/* Mobile task-card corner action */
@media (max-width:760px){
    table.tasks-mobile-table.responsive-card-table tbody tr{
        position:relative;
    }

    table.tasks-mobile-table.responsive-card-table .task-actions-menu{
        position:absolute;
        top:10px;
        inset-inline-end:10px;
        z-index:2;
    }

    table.tasks-mobile-table.responsive-card-table tbody td:first-child{
        padding-inline-end:56px;
    }
}
/* Mobile transaction actions stay on one row. */
@media (max-width:760px){
    table.responsive-card-table td .transaction-table-actions{
        flex-wrap:nowrap;
        gap:6px;
        white-space:nowrap;
    }table.responsive-card-table td .transaction-table-actions .btn{min-width:0;margin-inline:0}
}
/* Header trigger with a desktop bottom messaging panel */
@media (min-width:761px){
    .messages-dropdown.open .messages-menu{
        position:fixed;
        top:auto;
        right:auto;
        bottom:0;
        left:auto;
        inset-inline-end:24px;
        width:min(360px,calc(100vw - 32px));
        max-height:min(500px,calc(100dvh - 90px));
        overflow:hidden;
        border-color:var(--ds-border);
        border-radius:15px 15px 0 0;
        box-shadow:0 -18px 44px rgba(15,23,42,.16);
    }

    .messages-menu .messages-list{
        max-height:min(360px,calc(100dvh - 170px));
    }
}

@media (max-width:760px){
    .messages-dropdown.open .messages-menu{
        position:fixed;
        top:68px;
        right:auto;
        left:auto;
        inset-inline-end:12px;
        inset-inline-start:auto;
        width:min(320px,calc(100vw - 24px));
        max-width:calc(100vw - 24px);
        max-height:calc(100dvh - 84px);
        border-radius:16px;
    }
}
/* Conversation pop-out beside the desktop messaging panel */
.conversation-popout{
    position:fixed;
    right:auto;
    bottom:0;
    left:auto;
    inset-inline-end:400px;
    z-index:var(--ds-z-modal);
    display:flex;
    width:min(520px,calc(100vw - 440px));
    height:min(700px,calc(100dvh - 90px));
    overflow:hidden;
    flex-direction:column;
    background:var(--ds-surface);
    border-radius:15px 15px 0 0;
    box-shadow:0 -18px 46px rgba(15,23,42,.18);
}

.conversation-popout-header{
    display:flex;
    min-height:56px;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:10px 14px;
    border-bottom:1px solid var(--ds-border);
    background:var(--ds-surface);
}

.conversation-popout-identity{
    display:flex;
    min-width:0;
    align-items:center;
    gap:10px;
}

.conversation-popout-identity strong{
    overflow:hidden;
    color:var(--ds-text);
    font-size:14px;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.conversation-popout-avatar{
    display:grid;
    width:36px;
    height:36px;
    flex:0 0 36px;
    place-items:center;
    border-radius:50%;
    background:var(--primary-soft);
    color:var(--primary-color);
    font-size:13px;
    font-weight:800;
}

.conversation-popout-actions{
    display:flex;
    align-items:center;
    gap:4px;
}

.conversation-popout-action{
    display:grid;
    width:34px;
    height:34px;
    padding:0!important;
    place-items:center;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#111827!important;
    box-shadow:none!important;
    font-size:17px;
    text-decoration:none;
}

.conversation-popout-action:hover,
.conversation-popout-action:focus-visible{
    background:transparent!important;
    color:#000!important;
    outline:0;
}

.conversation-popout-frame{
    width:100%;
    min-height:0;
    flex:1;
    border:0;
    background:var(--ds-surface);
}

@media (max-width:900px){
    .conversation-popout{
        inset-inline-end:8px;
        bottom:0;
        z-index:var(--ds-z-modal);
        width:calc(100vw - 16px);
        height:calc(100dvh - 68px);
    }
}
/* Mobile sidebar: keep the navigation itself as the touch-scroll region. */
@media (max-width: 768px) {
    .sidebar.global-admin-sidebar {
        height: 100dvh;
        min-height: 100dvh;
        max-height: 100dvh;
        overflow: hidden;
        overscroll-behavior: contain;
    }
    .sidebar.global-admin-sidebar .global-sidebar-scroll {
        min-height: 0;
        padding-bottom: calc(28px + env(safe-area-inset-bottom));
        overflow-y: scroll;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y;
    }
}

/* Phones and tablets: keep the application sidebar off-canvas in either orientation.
   The coarse-pointer branch also covers mobile browsers that expose a desktop-like
   viewport after rotation or when "Request Desktop Site" is enabled. */
@media (max-width: 1180px) {
    .dashboard-wrapper {
        display: block;
        min-height: 100dvh;
    }

    .dashboard-main {
        width: 100%;
        min-width: 0;
        margin-inline: 0;
    }

    .sidebar,
    .sidebar.global-admin-sidebar,
    body.sidebar-is-collapsed .sidebar {
        position: fixed;
        inset-block: 0;
        inset-inline-start: -280px;
        inset-inline-end: auto;
        width: min(280px, 86vw);
        max-width: 86vw;
        height: 100dvh;
        min-height: 100dvh;
        max-height: 100dvh;
        padding-inline: 24px;
        z-index: 1300;
        overflow: hidden;
        transition: inset-inline-start .3s ease;
    }

    .sidebar.global-admin-sidebar,
    body.sidebar-is-collapsed .sidebar.global-admin-sidebar {
        padding-inline: 0;
    }

    .sidebar.show,
    .sidebar.global-admin-sidebar.show,
    body.sidebar-is-collapsed .sidebar.show {
        inset-inline-start: 0;
    }

    body.sidebar-is-collapsed .sidebar-logo,
    body.sidebar-is-collapsed .global-sidebar-brand {
        min-height: 0;
        margin-bottom: 25px;
        padding-bottom: 22px;
    }

    body.sidebar-is-collapsed .sidebar-logo::after,
    body.sidebar-is-collapsed .sidebar-logo > img,
    body.sidebar-is-collapsed .sidebar-logo > strong,
    body.sidebar-is-collapsed .sidebar-logo > span,
    body.sidebar-is-collapsed .sidebar-nav-label,
    body.sidebar-is-collapsed .global-sidebar-brand > strong,
    body.sidebar-is-collapsed .global-sidebar-brand > span,
    body.sidebar-is-collapsed .global-sidebar-label,
    body.sidebar-is-collapsed .global-sidebar-dashboard > span,
    body.sidebar-is-collapsed .global-sidebar-module-main > span,
    body.sidebar-is-collapsed .global-sidebar-chevron {
        display: initial;
    }

    body.sidebar-is-collapsed .global-sidebar-children {
        display: grid;
    }

    body.sidebar-is-collapsed .sidebar-nav a,
    body.sidebar-is-collapsed .global-sidebar-dashboard,
    body.sidebar-is-collapsed .global-sidebar-module > summary {
        justify-content: flex-start;
    }

    .sidebar-overlay {
        position: fixed;
        inset: 0;
        z-index: 1250;
    }

    .sidebar-overlay.show {
        display: block;
    }

    .sidebar.global-admin-sidebar .global-sidebar-scroll {
        min-height: 0;
        overflow-y: auto;
        padding-bottom: calc(28px + env(safe-area-inset-bottom));
        -webkit-overflow-scrolling: touch;
    }
}