@import '_content/Medora.Common/Medora.Common.694osv867b.bundle.scp.css';

/* /Components/Layout/Drawer.razor.rz.scp.css */
[b-j5f4rtmbo8] .navigation-drawer {
    --dxbl-drawer-panel-footer-justify-content: center;
}

    [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-panel {
        background-image: linear-gradient(180deg, #ff0000 0%, #4cff00 150%);
    }

    [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-content {
        overflow: auto;
    }

    [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header {
        border-bottom: none;
        padding: 2rem 1rem;
        background: none;
    }

        [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-header > .navigation-drawer-header {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

    [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-body {
        --dxbl-drawer-panel-body-padding-x: 0;
        --dxbl-drawer-panel-body-padding-y: 1rem;
    }

    [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-panel > .dxbl-drawer-footer {
        --dxbl-drawer-panel-footer-justify-content: center;
        border-top: none;
        padding-bottom: 1.5rem;
        background: none;
    }

    [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-panel {
        display: flex;
    }

    [b-j5f4rtmbo8] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: none;
    }

    [b-j5f4rtmbo8] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: none;
    }

@media (max-width: 768px) {
    [b-j5f4rtmbo8] .navigation-drawer > .dxbl-drawer-panel {
        display: none;
    }

    [b-j5f4rtmbo8] .navigation-drawer.mobile > .dxbl-drawer-panel {
        display: flex;
    }

    [b-j5f4rtmbo8] .navigation-drawer.mobile > .dxbl-drawer-shading {
        display: block;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-2n12ycmmb6] {
    height: 100%;
    font-family: var(--bs-font-sans-serif, var(--DS-font-family-sans-serif));
    min-height: 0;
    overflow: hidden;
}

[b-2n12ycmmb6] .sidebar {
    height: 100%;
    overflow: hidden;
}

[b-2n12ycmmb6] .page-scroll {
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

[b-2n12ycmmb6] .body-content {
    height: calc(100vh - 140px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

    [b-2n12ycmmb6] .body-content.no-toolbar {
        height: calc(100vh - 92px);
    }

[b-2n12ycmmb6] .logo {
    height: 48px;
    flex-shrink: 0;
}

/* Su desktop il logo esteso (con testo), su schermi stretti il logo compatto (icona) per
   liberare spazio orizzontale. Se una sola delle due immagini e' configurata, quella singola
   resta visibile a qualsiasi larghezza grazie a :only-child. */
[b-2n12ycmmb6] .logo-link {
    display: inline-flex;
    align-items: center;
}

[b-2n12ycmmb6] .logo-compact {
    display: none;
}

[b-2n12ycmmb6] .logo-link > .logo:only-child {
    display: block;
}

@media (max-width: 900px) {
    [b-2n12ycmmb6] .logo-full {
        display: none;
    }

    [b-2n12ycmmb6] .logo-compact {
        display: block;
    }

    [b-2n12ycmmb6] .logo-link > .logo:only-child {
        display: block;
    }
}

[b-2n12ycmmb6] .dxbl-drawer {
    position: relative;
}

[b-2n12ycmmb6] .dxbl-drawer-panel {
    z-index: 1000 !important;
}

[b-2n12ycmmb6] .dxbl-drawer-shading {
    z-index: 999 !important;
}

[b-2n12ycmmb6] .dxbl-drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    z-index: 998 !important;
}

    [b-2n12ycmmb6] .dxbl-drawer-content > .body-content,
    [b-2n12ycmmb6] .dxbl-drawer-content > .dxbl-scroll-view {
        flex: 1;
        min-height: 0;
    }

/* Card header (top navigation bar) must sit below popup overlays (z-index 9000+) */
[b-2n12ycmmb6] .card-header {
    position: relative;
    z-index: 100;
}

/* ============================================
   MENU
   ============================================ */

[b-2n12ycmmb6] .menu {
    z-index: 1;
}

    [b-2n12ycmmb6] .menu .dxbl-menu-item-text {
        font-size: large;
    }

[b-2n12ycmmb6] .left-menu {
    flex-grow: 1;
    min-width: 0;
}

[b-2n12ycmmb6] .right-menu-container {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
}

[b-2n12ycmmb6] .menu.right-menu {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
}

/* NB: le regole per tenere sempre visibile la barra del right-menu (icona utente + carrello) e
   nasconderne l'hamburger su dispositivi touch stanno in wwwroot/css/site.css (globali, non
   scoped) — vedi commento la'. Qui restano solo gli stili non critici. */

[b-2n12ycmmb6] .icon-menu {
    --icon-mask-image: var(--icon-menu-mask-image);
}

[b-2n12ycmmb6] .icon-application {
    --icon-mask-image: var(--icon-application-mask-image);
}

/* ============================================
   TOOLBAR
   ============================================ */

[b-2n12ycmmb6] .toolbar {
    height: 48px;
    min-height: 48px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

    [b-2n12ycmmb6] .toolbar .toolbar-title {
        height: 32px;
        font-size: xx-large;
        align-content: center;
    }

    [b-2n12ycmmb6] .toolbar .dxbl-btn-toolbar {
        height: 32px;
        margin: 8px;
    }

    [b-2n12ycmmb6] .toolbar .dxbl-toolbar-item {
        margin-left: 1px;
        margin-right: 1px;
    }

[b-2n12ycmmb6] .toolbar-icon {
    width: 32px;
    height: 32px;
    margin-right: 8px;
}