/* /Components/Layout/Drawer.razor.rz.scp.css */
/* Occupa lo spazio rimasto sotto l'header (non 100%, altrimenti sfora di quanto è alto l'header) */
.drawer-container[b-3gvn26x8nl] {
    flex: 1 1 0;
    min-height: 0;
}

.navigation-drawer-shading[b-3gvn26x8nl] {
    height: 100%;
    position: absolute;
    transition: ease 300ms;
    transition-property: opacity, visibility;
    visibility: visible;
    width: 100%;
    z-index: 99;
    background-color: var(--dxds-color-surface-backdrop-default-rest);
}

.navigation-drawer.mobile.panel-closed .navigation-drawer-shading[b-3gvn26x8nl] {
    opacity: 0;
    visibility: hidden;
}

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

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

.navigation-drawer-shading[b-3gvn26x8nl] {
    display: none;
}

[b-3gvn26x8nl] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
    display: none;
}

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

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

    .navigation-drawer-shading[b-3gvn26x8nl] {
        display: block;
    }

    [b-3gvn26x8nl] .panel-open:not(.mobile) .nav-buttons-container .menu-button {
        display: flex;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-igakwjza4z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.app-header[b-igakwjza4z] {
    align-items: center;
    background: #F2F2F2;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    position: relative;
    width: 100%;
    z-index: 1;
}

.app-header-brand[b-igakwjza4z] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

.app-header-logo[b-igakwjza4z] {
    height: 48px;
    width: auto;
}

[b-igakwjza4z] .app-header a {
    color: #333333;
    text-decoration: none;
}

[b-igakwjza4z] .app-header a:hover {
    text-decoration: underline;
}


[b-igakwjza4z] .navigation-drawer {
    --dxbl-drawer-panel-body-padding-x: 0;
    --dxbl-drawer-panel-body-padding-y: 1rem;
    --dxbl-drawer-panel-footer-bg: none;
    --dxbl-drawer-panel-header-bg: none;
    --dxbl-drawer-separator-border-width: 0;
}

[b-igakwjza4z] .navigation-drawer > .dxbl-drawer-panel {
    background-image: linear-gradient(180deg, var(--dxds-color-surface-primary-default-rest) 0%, var(--dxds-primary-170) 150%);
}

.navigation-drawer-header[b-igakwjza4z] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.375rem 0.375rem;
    width: 100%;
}

.drawer-content[b-igakwjza4z] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.nav-buttons-container[b-igakwjza4z] {
    align-items: center;
    display: flex;
    gap: 0.625rem;
    min-height: 2rem;
}

[b-igakwjza4z] .nav-buttons-container > a {
    color: inherit;
}

[b-igakwjza4z] .nav-buttons-container .back-button {
    padding-left: 0;
    padding-right: 0.25rem;
}

/* Cresce con il contenuto (no shrink) così .drawer-content mostra la scrollbar verticale */
.page-content-container[b-igakwjza4z] {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.app-header-title[b-igakwjza4z] {
    font-size: 1.5rem;
    font-weight: 600;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
[b-2etjqrl3b2] .menu {
    --dxbl-menu-bottom-left-border-radius: 0;
    --dxbl-menu-bottom-right-border-radius: 0;
    --dxbl-menu-top-left-border-radius: 0;
    --dxbl-menu-top-right-border-radius: 0;
    --dxbl-menu-item-padding-x: 1.125rem;
    --dxbl-menu-item-padding-y: 0.5rem;
    --dxbl-menu-item-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-image-color: var(--dxds-color-content-neutral-default-static-dark-rest);
    --dxbl-menu-item-hover-bg: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.15);
    --dxbl-menu-item-hover-color: var(--dxds-color-content-neutral-default-static-dark-hovered);
    --dxbl-menu-item-hover-image-color: var(--dxds-color-content-neutral-default-static-dark-hovered);

    background: none;
}

[b-2etjqrl3b2] .menu.display-mobile {
    margin-bottom: 2rem;
}

[b-2etjqrl3b2] .menu-item-active {
    background-color: rgb(from var(--dxds-color-surface-neutral-default-static-light-rest) r g b / 0.05);
}
/* /Components/Pages/GestioneMenu/PiattiMenu.razor.rz.scp.css */
.piatti-menu[b-mysw9h11ev] {
    padding: 0.5rem 0.25rem;
}

.piatti-menu-header[b-mysw9h11ev] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.piatti-menu-title[b-mysw9h11ev] {
    font-weight: 600;
}

.piatti-menu-aggiungi[b-mysw9h11ev] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.piatti-menu-aggiungi[b-mysw9h11ev]  .piatti-menu-tagbox {
    flex: 1;
}

.piatti-menu-vuoto[b-mysw9h11ev] {
    padding: 1rem;
    text-align: center;
    opacity: 0.7;
}
/* /Components/Pages/Login/Login.razor.rz.scp.css */
.login-card[b-dir5x6mtln] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 360px;
    max-width: 90vw;
    padding: 2rem;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.login-header[b-dir5x6mtln] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
    margin-bottom: 0.5rem;
}

.login-title[b-dir5x6mtln] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1f2937;
}

.login-subtitle[b-dir5x6mtln] {
    font-size: 0.875rem;
    color: #6b7280;
}

.login-field[b-dir5x6mtln] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.login-label[b-dir5x6mtln] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #374151;
}

[b-dir5x6mtln] .login-input {
    width: 100%;
}

[b-dir5x6mtln] .login-button {
    width: 100%;
    margin-top: 0.5rem;
}
/* /Components/Pages/Login/LoginLayout.razor.rz.scp.css */
.login-layout[b-z9o26ehhmt] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    width: 100%;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4ebf5 100%);
}