/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.login-layout[b-38xt1u3kms] {
    position: relative;
    isolation: isolate;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    overflow: hidden;
    background: #1f2224;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xjoyjfsqjr] {
    width: 100%;
    height: 100vh;
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);
    overflow: hidden;
    background: #e7e9ec;
}

.sidebar[b-xjoyjfsqjr] {
    position: relative;
    z-index: 50;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: visible;
    background: #363839;
    border-right: 1px solid #2c2e2f;
}

.workspace[b-xjoyjfsqjr] {
    position: relative;
    /* Non creare uno stacking context qui: i modal fixed delle pagine
       devono poter superare la sidebar (z-index: 50). */
    z-index: auto;
    min-width: 0;
    height: 100vh;
    display: grid;
    grid-template-rows: 49px minmax(0, 1fr);
    overflow: hidden;
}

.tabs[b-xjoyjfsqjr] {
    display: flex;
    align-items: stretch;
    gap: 3px;
    min-width: 0;
    height: 49px;
    padding: 0 8px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    background: #e7e9ec;
    border-bottom: 1px solid #cdd1d6;
    scrollbar-width: none;
}

.tabs[b-xjoyjfsqjr]::-webkit-scrollbar {
    display: none;
}

[b-xjoyjfsqjr] .tab-button {
    height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    flex-shrink: 0;
    padding: 0 13px;
    border: 1px solid transparent;
    border-top: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #5f6772;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

    [b-xjoyjfsqjr] .tab-button:hover {
        background: #f4f5f6;
        color: #c92f2f;
    }

    [b-xjoyjfsqjr] .tab-button.active {
        background: #ffffff;
        color: #c92f2f;
        border-left-color: #cdd1d6;
        border-right-color: #cdd1d6;
        border-bottom-color: #c92f2f;
    }

.tab-icon[b-xjoyjfsqjr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
}

.page-content[b-xjoyjfsqjr] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    padding: 10px 18px 14px;
    background: #e7e9ec;
}

#blazor-error-ui[b-xjoyjfsqjr] {
    display: none;
}

@media (max-width: 1100px) {
    .page[b-xjoyjfsqjr] {
        grid-template-columns: 195px minmax(0, 1fr);
    }

    .page-content[b-xjoyjfsqjr] {
        padding: 8px 12px 12px;
    }

    [b-xjoyjfsqjr] .tab-button {
        padding: 0 10px;
    }
}


/* Barra superiore: tutti i tab visibili senza scorrimento */
.tabs[b-xjoyjfsqjr] {
    gap: 1px !important;
    overflow: visible !important;
    position: relative;
    z-index: 100;
    padding: 0 4px !important;
}

[b-xjoyjfsqjr] .tab-button {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    padding: 0 7px !important;
    gap: 5px !important;
    font-size: 12.2px !important;
}

[b-xjoyjfsqjr] .tab-button .tab-icon,
.tab-icon[b-xjoyjfsqjr] {
    font-size: 14px !important;
}

[b-xjoyjfsqjr] .tab-button span:last-child {
    white-space: nowrap;
}

@media (max-width: 1180px) {
    [b-xjoyjfsqjr] .tab-button {
        padding: 0 5px !important;
        gap: 4px !important;
        font-size: 11.7px !important;
    }

    [b-xjoyjfsqjr] .tab-button .tab-icon,
    .tab-icon[b-xjoyjfsqjr] {
        font-size: 13px !important;
    }
}


/* Un solo tab Cataloghi con menu interno per i cataloghi disponibili. */
.catalogs-menu[b-xjoyjfsqjr] {
    position: relative;
    flex: 0 0 auto;
    height: 49px;
    margin: 0;
    padding: 0;
}

.catalogs-menu > summary[b-xjoyjfsqjr] {
    list-style: none;
}

.catalogs-menu > summary[b-xjoyjfsqjr]::-webkit-details-marker {
    display: none;
}

.catalogs-summary[b-xjoyjfsqjr] {
    height: 49px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 7px;
    border: 1px solid transparent;
    border-top: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #5f6772;
    font-size: 12.2px;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
}

.catalogs-summary:hover[b-xjoyjfsqjr],
.catalogs-menu[open] > .catalogs-summary[b-xjoyjfsqjr] {
    background: #f4f5f6;
    color: #c92f2f;
}

.catalogs-summary.active[b-xjoyjfsqjr] {
    background: #ffffff;
    color: #c92f2f;
    border-left-color: #cdd1d6;
    border-right-color: #cdd1d6;
    border-bottom-color: #c92f2f;
}

.catalogs-chevron[b-xjoyjfsqjr] {
    margin-left: 1px;
    font-size: 9px;
    transition: transform .15s ease;
}

.catalogs-menu[open] .catalogs-chevron[b-xjoyjfsqjr] {
    transform: rotate(180deg);
}

.catalogs-dropdown[b-xjoyjfsqjr] {
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 1000;
    width: 205px;
    padding: 6px;
    border: 1px solid #cdd1d6;
    border-radius: 0 0 8px 8px;
    background: #ffffff;
    box-shadow: 0 9px 24px rgba(31, 41, 55, .18);
}

[b-xjoyjfsqjr] .catalog-item {
    min-height: 43px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 9px;
    border-radius: 6px;
    color: #3f4750;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

[b-xjoyjfsqjr] .catalog-item:hover {
    background: #f1f4f6;
    color: #c92f2f;
}

[b-xjoyjfsqjr] .catalog-item.active {
    background: #eef5f8;
    color: #0b628e;
}

.catalog-item-badge[b-xjoyjfsqjr] {
    min-width: 42px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .2px;
}

.catalog-item-badge.sdf[b-xjoyjfsqjr] {
    background: #eef3ed;
    color: #2e6a34;
}

.catalog-item-badge.cnh[b-xjoyjfsqjr] {
    background: #e8f1f7;
    color: #075d8b;
}

.catalog-item-badge.husq[b-xjoyjfsqjr] {
    background: #fff0e4;
    color: #c65d12;
}

@media (max-width: 1180px) {
    .catalogs-summary[b-xjoyjfsqjr] {
        padding: 0 5px;
        gap: 4px;
        font-size: 11.7px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.sidebar-header[b-9znw3bm0pv] {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 6px 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.company-logo[b-9znw3bm0pv] {
    width: 168px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .company-logo img[b-9znw3bm0pv] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.user-card[b-9znw3bm0pv] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 11px 10px 10px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.055);
    text-align: center;
}

.user-info[b-9znw3bm0pv] {
    width: 100%;
    min-width: 0;
}

.user-name[b-9znw3bm0pv] {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
}

.user-role[b-9znw3bm0pv] {
    margin-top: 4px;
    color: #cfd1d2;
    font-size: 11.5px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
}

.sidebar-section[b-9znw3bm0pv] {
    padding: 5px 10px 9px;
}

.section-title[b-9znw3bm0pv] {
    margin: 8px 4px;
    color: #b6b8ba;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.global-search[b-9znw3bm0pv] {
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.07);
}

.search-icon[b-9znw3bm0pv] {
    flex-shrink: 0;
    color: #d2d3d4;
    font-size: 16px;
    line-height: 1;
}

.global-search input[b-9znw3bm0pv] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #ffffff;
    font-size: 11.5px;
}

    .global-search input[b-9znw3bm0pv]::placeholder {
        color: #b9bbbd;
    }

.shortcut-button[b-9znw3bm0pv] {
    width: 100%;
    min-height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    padding: 8px 9px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    color: #f4f4f4;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

    .shortcut-button:hover[b-9znw3bm0pv] {
        background: rgba(201, 47, 47, 0.18);
        border-color: rgba(201, 47, 47, 0.45);
        transform: translateX(2px);
    }

.shortcut-icon[b-9znw3bm0pv] {
    width: 20px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ef7676;
    font-size: 15px;
    line-height: 1;
}

.sidebar-spacer[b-9znw3bm0pv] {
    flex: 1;
    min-height: 16px;
}

.services-section[b-9znw3bm0pv] {
    padding-bottom: 11px;
}

.service-row[b-9znw3bm0pv] {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    padding: 0 3px;
}

.service-name[b-9znw3bm0pv] {
    min-width: 0;
    overflow: hidden;
    color: #e7e7e7;
    font-size: 10.5px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-status[b-9znw3bm0pv] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #c9cbcd;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
}

.service-dot[b-9znw3bm0pv] {
    width: 6px;
    height: 6px;
    flex-shrink: 0;
    border-radius: 50%;
}

    .service-dot.online[b-9znw3bm0pv] {
        background: #22c55e;
        box-shadow: 0 0 6px rgba(34, 197, 94, 0.7);
    }

    .service-dot.warning[b-9znw3bm0pv] {
        background: #f59e0b;
        box-shadow: 0 0 6px rgba(245, 158, 11, 0.65);
    }

    .service-dot.offline[b-9znw3bm0pv] {
        background: #ef4444;
        box-shadow: 0 0 6px rgba(239, 68, 68, 0.65);
    }

.sidebar-footer[b-9znw3bm0pv] {
    padding: 9px 10px 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.09);
}

.footer-button[b-9znw3bm0pv] {
    width: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 4px;
    padding: 8px 8px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #e4e4e4;
    font-size: 11.5px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

    .footer-button:hover[b-9znw3bm0pv] {
        background: rgba(255, 255, 255, 0.07);
        color: #ffffff;
    }

.footer-icon[b-9znw3bm0pv] {
    width: 16px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.footer-button.logout[b-9znw3bm0pv] {
    color: #ff7777;
}

    .footer-button.logout:hover[b-9znw3bm0pv] {
        background: rgba(201, 47, 47, 0.15);
        color: #ff9a9a;
    }

@media (max-height: 760px) {
    .sidebar-header[b-9znw3bm0pv] {
        min-height: 76px;
        padding-top: 5px;
        padding-bottom: 4px;
    }

    .company-logo[b-9znw3bm0pv] {
        height: 58px;
    }

    .user-card[b-9znw3bm0pv] {
        margin-top: 7px;
        margin-bottom: 7px;
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .shortcut-button[b-9znw3bm0pv] {
        min-height: 32px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 11.5px;
    }

    .service-row[b-9znw3bm0pv] {
        min-height: 24px;
    }

    .sidebar-footer[b-9znw3bm0pv] {
        padding-top: 6px;
        padding-bottom: 8px;
    }
}


/* RICERCA GLOBALE */
.global-search-section[b-9znw3bm0pv] {
    position: relative;
    z-index: 30;
}

.global-search-wrapper[b-9znw3bm0pv] {
    position: relative;
}

.global-search[b-9znw3bm0pv] {
    position: relative;
}

.global-search.active[b-9znw3bm0pv] {
    border-color: rgba(239, 118, 118, 0.55);
    background: rgba(255, 255, 255, 0.095);
}

.global-search input[b-9znw3bm0pv] {
    padding-right: 22px;
}

.global-search-clear[b-9znw3bm0pv] {
    width: 22px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: -4px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #d4d5d6;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}

.global-search-clear:hover[b-9znw3bm0pv] {
    color: #ffffff;
}

.global-results[b-9znw3bm0pv] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: auto;
    z-index: 1000;
    width: min(430px, calc(100vw - 24px));
    max-height: 420px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.26);
}

.global-result[b-9znw3bm0pv] {
    width: 100%;
    min-height: 53px;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    grid-template-rows: auto;
    column-gap: 9px;
    align-items: center;
    padding: 7px 8px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #34383c;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.global-result:hover[b-9znw3bm0pv],
.global-result:focus-visible[b-9znw3bm0pv] {
    outline: none;
    background: #fff5f5;
}

.global-result-icon[b-9znw3bm0pv] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #f1f2f3;
    font-size: 13px;
}

.global-result-text[b-9znw3bm0pv] {
    min-width: 0;
}

.global-result-text strong[b-9znw3bm0pv] {
    display: block;
    overflow: hidden;
    color: #303438;
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-result-text small[b-9znw3bm0pv] {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #72787e;
    font-size: 9px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-result-type[b-9znw3bm0pv] {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    justify-self: end;
    margin-top: 0;
    padding: 2px 5px;
    border-radius: 999px;
    background: #f2f3f4;
    color: #777d82;
    font-size: 7.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
}

.global-result-message[b-9znw3bm0pv] {
    padding: 14px 9px;
    color: #6d7379;
    font-size: 8.5px;
    line-height: 1.35;
    text-align: center;
}

.global-result-message.error[b-9znw3bm0pv] {
    color: #a92d2d;
}

.global-spinner[b-9znw3bm0pv] {
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 5px;
    border: 2px solid #d7dade;
    border-top-color: #c92f2f;
    border-radius: 50%;
    vertical-align: -2px;
    animation: globalSearchSpin-b-9znw3bm0pv .7s linear infinite;
}

.global-results-footer[b-9znw3bm0pv] {
    padding: 5px 8px;
    background: #f7f8f9;
    color: #83888d;
    font-size: 7px;
    text-align: right;
}

@keyframes globalSearchSpin-b-9znw3bm0pv {
    to { transform: rotate(360deg); }
}
/* /Components/Layout/OfficinaLayout.razor.rz.scp.css */
.officina-shell[b-wgg0bturz0] {
    min-height: 100dvh;
    background: #eef0f2;
    color: #232629;
}

.officina-topbar[b-wgg0bturz0] {
    position: sticky;
    top: 0;
    z-index: 100;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 18px;
    background: #343637;
    border-bottom: 1px solid #282a2b;
    box-shadow: 0 2px 10px rgba(0,0,0,.12);
}

.brand[b-wgg0bturz0] {
    height: 48px;
    display: inline-flex;
    align-items: center;
}

.brand img[b-wgg0bturz0] {
    width: 112px;
    max-height: 46px;
    object-fit: contain;
}

.officina-user[b-wgg0bturz0] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.user-dot[b-wgg0bturz0] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #54b86a;
    box-shadow: 0 0 0 3px rgba(84,184,106,.15);
}

.officina-content[b-wgg0bturz0] {
    width: min(1180px, 100%);
    margin: 0 auto;
    padding: 18px 20px 90px;
}

.officina-bottom-nav[b-wgg0bturz0] {
    position: fixed;
    left: 50%;
    bottom: 14px;
    z-index: 120;
    width: min(560px, calc(100% - 28px));
    min-height: 62px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    transform: translateX(-50%);
    overflow: hidden;
    border: 1px solid #d0d4d8;
    border-radius: 18px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
}

[b-wgg0bturz0] .bottom-link {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 8px 4px;
    color: #747a80;
    font-size: 10.5px;
    font-weight: 700;
    text-decoration: none;
}

[b-wgg0bturz0] .bottom-link.active {
    color: #c92f2f;
    background: #fff6f6;
}

.bottom-icon[b-wgg0bturz0] {
    font-size: 20px;
    line-height: 1;
}

@media (min-width: 900px) {
    .officina-topbar[b-wgg0bturz0] {
        height: 72px;
        padding-inline: 28px;
    }

    .brand img[b-wgg0bturz0] {
        width: 132px;
    }

    .officina-content[b-wgg0bturz0] {
        padding: 26px 28px 100px;
    }

    .officina-bottom-nav[b-wgg0bturz0] {
        bottom: 18px;
    }
}

@media (max-width: 520px) {
    .officina-topbar[b-wgg0bturz0] {
        height: 58px;
        padding: 6px 12px;
    }

    .brand[b-wgg0bturz0] {
        height: 42px;
    }

    .brand img[b-wgg0bturz0] {
        width: 94px;
        max-height: 40px;
    }

    .officina-user[b-wgg0bturz0] {
        max-width: 48%;
        padding: 7px 9px;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .officina-content[b-wgg0bturz0] {
        padding: 14px 12px 88px;
    }

    .officina-bottom-nav[b-wgg0bturz0] {
        bottom: max(10px, env(safe-area-inset-bottom));
        width: calc(100% - 20px);
        min-height: 60px;
        border-radius: 16px;
    }
}
/* /Components/Layout/PrintLayout.razor.rz.scp.css */
.print-layout-shell[b-cljepsbxsk] {
    min-height: 100vh;
    box-sizing: border-box;
    padding: 24px;
    background: #e3e5e7;
}

@media print {
    .print-layout-shell[b-cljepsbxsk] {
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        background: #ffffff;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-hv7i4fwufz],
.components-reconnect-repeated-attempt-visible[b-hv7i4fwufz],
.components-reconnect-failed-visible[b-hv7i4fwufz],
.components-pause-visible[b-hv7i4fwufz],
.components-resume-failed-visible[b-hv7i4fwufz],
.components-rejoining-animation[b-hv7i4fwufz] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-retrying[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-failed[b-hv7i4fwufz],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-hv7i4fwufz] {
    display: block;
}


#components-reconnect-modal[b-hv7i4fwufz] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-hv7i4fwufz 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-hv7i4fwufz 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-hv7i4fwufz 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-hv7i4fwufz]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-hv7i4fwufz 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-hv7i4fwufz {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-hv7i4fwufz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-hv7i4fwufz {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-hv7i4fwufz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-hv7i4fwufz] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-hv7i4fwufz] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-hv7i4fwufz] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-hv7i4fwufz] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-hv7i4fwufz] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-hv7i4fwufz] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-hv7i4fwufz 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-hv7i4fwufz] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-hv7i4fwufz {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AccessoNegato.razor.rz.scp.css */
.access-denied[b-l4n2pi0k9z] {
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 30px;
    border: 1px solid #d8dbde;
    border-radius: 11px;
    background: #ffffff;
    color: #313539;
    text-align: center;
}

.access-icon[b-l4n2pi0k9z] {
    margin-bottom: 10px;
    font-size: 34px;
}

.access-denied h1[b-l4n2pi0k9z] {
    margin: 0;
    font-size: 20px;
}

.access-denied p[b-l4n2pi0k9z] {
    max-width: 390px;
    margin: 9px 0 20px;
    color: #777d82;
    font-size: 11px;
}

.access-denied button[b-l4n2pi0k9z] {
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #393d40;
    border-radius: 7px;
    background: #393d40;
    color: #ffffff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}
/* /Components/Pages/BancoRicambi.razor.rz.scp.css */
.module-page[b-qq4aso1aht] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-description[b-qq4aso1aht] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.primary-button[b-qq4aso1aht],
.search-button[b-qq4aso1aht],
.secondary-button[b-qq4aso1aht] {
    border-radius: 7px;
    font-weight: 600;
    cursor: pointer;
}

.toolbar-card[b-qq4aso1aht] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.search-box[b-qq4aso1aht] {
    min-width: 260px;
    min-height: 38px;
    display: flex;
    flex: 1 1 480px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box span[b-qq4aso1aht] {
        flex-shrink: 0;
        color: #7b8085;
        font-size: 17px;
    }

    .search-box input[b-qq4aso1aht] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-family: inherit;
        font-size: 12px;
    }

.filter-select[b-qq4aso1aht] {
    min-width: 180px;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #ffffff;
    color: #34383c;
    font-family: inherit;
    font-size: 11px;
}

    .search-box:focus-within[b-qq4aso1aht],
    .filter-select:focus[b-qq4aso1aht] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
    }

.search-button[b-qq4aso1aht] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #3b3d3f;
    color: #ffffff;
    font-family: inherit;
    font-size: 11px;
}

    .search-button:hover[b-qq4aso1aht] {
        background: #292b2d;
    }

.secondary-button[b-qq4aso1aht] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
    font-family: inherit;
    font-size: 11px;
}

    .secondary-button:hover[b-qq4aso1aht] {
        background: #e9ebed;
    }

.primary-button[b-qq4aso1aht] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #c92f2f;
    color: #ffffff;
    font-family: inherit;
    font-size: 11px;
    white-space: nowrap;
}

    .primary-button:hover[b-qq4aso1aht] {
        background: #af2929;
    }

button:disabled[b-qq4aso1aht] {
    cursor: not-allowed;
    opacity: 0.55;
}

.records-info[b-qq4aso1aht] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.message-card[b-qq4aso1aht],
.table-card[b-qq4aso1aht] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-qq4aso1aht] {
    padding: 18px;
    color: #555b60;
    font-size: 12px;
}

    .message-card.error[b-qq4aso1aht] {
        border-color: #e8b6b6;
        background: #fff4f4;
        color: #a82828;
    }

.table-card[b-qq4aso1aht] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-qq4aso1aht] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    background: #ffffff;
}

.data-table[b-qq4aso1aht] {
    width: 100%;
    min-width: 780px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 11px;
}

    .data-table thead[b-qq4aso1aht] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-qq4aso1aht] {
        padding: 10px 11px;
        border-bottom: 1px solid #cfd3d7;
        color: #45494d;
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .data-table td[b-qq4aso1aht] {
        height: 46px;
        padding: 9px 11px;
        overflow: hidden;
        border-bottom: 1px solid #e5e7e9;
        color: #34383c;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    .data-table tbody tr[b-qq4aso1aht] {
        cursor: pointer;
    }

        .data-table tbody tr:hover[b-qq4aso1aht] {
            background: #faf2f2;
        }

        .data-table tbody tr:last-child td[b-qq4aso1aht] {
            border-bottom: 0;
        }

    .data-table th:nth-child(1)[b-qq4aso1aht],
    .data-table td:nth-child(1)[b-qq4aso1aht] {
        width: 110px;
    }

    .data-table th:nth-child(2)[b-qq4aso1aht],
    .data-table td:nth-child(2)[b-qq4aso1aht] {
        width: auto;
    }

    .data-table th:nth-child(3)[b-qq4aso1aht],
    .data-table td:nth-child(3)[b-qq4aso1aht] {
        width: 130px;
    }

    .data-table th:nth-child(4)[b-qq4aso1aht],
    .data-table td:nth-child(4)[b-qq4aso1aht] {
        width: 120px;
    }

    .data-table th:nth-child(5)[b-qq4aso1aht],
    .data-table td:nth-child(5)[b-qq4aso1aht] {
        width: 100px;
    }

.number-cell[b-qq4aso1aht] {
    font-weight: 700;
}

.customer-name[b-qq4aso1aht] {
    font-weight: 600;
}

.amount-cell[b-qq4aso1aht] {
    text-align: right;
}

.empty-row[b-qq4aso1aht] {
    height: 170px !important;
    color: #747a7f !important;
    font-weight: 400 !important;
    text-align: center;
}

.status-badge[b-qq4aso1aht] {
    display: inline-flex;
    min-width: 48px;
    min-height: 23px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

    .status-badge.delivery[b-qq4aso1aht] {
        background: #eef0f2;
        color: #50575d;
    }

    .status-badge.invoice[b-qq4aso1aht] {
        background: #e7f0fc;
        color: #2868aa;
    }

/* MODALE DETTAGLIO */

.modal-overlay[b-qq4aso1aht] {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(23, 26, 29, 0.52);
}

.detail-modal[b-qq4aso1aht] {
    width: min(900px, 96vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd3d6;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.26);
}

.modal-header[b-qq4aso1aht] {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 18px 13px;
    border-bottom: 1px solid #dfe2e4;
}

    .modal-header h2[b-qq4aso1aht] {
        margin: 7px 0 0;
        color: #2f3337;
        font-size: 17px;
    }

.close-button[b-qq4aso1aht] {
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    border: 1px solid #d0d4d7;
    border-radius: 7px;
    background: #ffffff;
    color: #575d62;
    font-family: inherit;
    font-size: 20px;
    cursor: pointer;
}

    .close-button:hover[b-qq4aso1aht] {
        background: #f1f2f3;
    }

.document-summary[b-qq4aso1aht] {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: 1.5fr 0.6fr 0.7fr 0.8fr;
    gap: 8px;
    padding: 11px 18px;
    background: #f8f9f9;
}

    .document-summary div[b-qq4aso1aht] {
        min-width: 0;
        padding: 8px 9px;
        border: 1px solid #d9dcdf;
        border-radius: 7px;
        background: #ffffff;
    }

    .document-summary span[b-qq4aso1aht],
    .modal-footer span[b-qq4aso1aht] {
        display: block;
        color: #777d82;
        font-size: 7px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .document-summary strong[b-qq4aso1aht] {
        display: block;
        margin-top: 4px;
        overflow: hidden;
        color: #303438;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.detail-error[b-qq4aso1aht] {
    margin: 10px 18px 0;
    padding: 9px 10px;
    border: 1px solid #e8b7b7;
    border-radius: 7px;
    background: #fff2f2;
    color: #a72b2b;
    font-size: 9px;
}

.detail-table-shell[b-qq4aso1aht] {
    min-height: 230px;
    flex: 1;
    overflow: auto;
}

.detail-table[b-qq4aso1aht] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 10px;
}

    .detail-table thead[b-qq4aso1aht] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .detail-table th[b-qq4aso1aht] {
        padding: 9px 10px;
        border-bottom: 1px solid #cfd3d7;
        color: #45494d;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
    }

    .detail-table td[b-qq4aso1aht] {
        padding: 9px 10px;
        border-bottom: 1px solid #e7e9eb;
    }

        .detail-table th:nth-child(1)[b-qq4aso1aht],
        .detail-table td:nth-child(1)[b-qq4aso1aht] {
            width: 145px;
        }

        .detail-table th:nth-child(3)[b-qq4aso1aht],
        .detail-table td:nth-child(3)[b-qq4aso1aht] {
            width: 95px;
        }

        .detail-table th:nth-child(4)[b-qq4aso1aht],
        .detail-table td:nth-child(4)[b-qq4aso1aht],
        .detail-table th:nth-child(5)[b-qq4aso1aht],
        .detail-table td:nth-child(5)[b-qq4aso1aht] {
            width: 115px;
        }

.code-cell[b-qq4aso1aht] {
    font-weight: 700;
}

.quantity-cell[b-qq4aso1aht] {
    text-align: right;
}

.empty-cell[b-qq4aso1aht] {
    height: 170px;
    color: #777d82;
    text-align: center;
}

.modal-footer[b-qq4aso1aht] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 22px;
    padding: 11px 18px;
    border-top: 1px solid #dfe2e4;
    background: #fafafa;
}

    .modal-footer > div[b-qq4aso1aht] {
        margin-right: auto;
    }

    .modal-footer strong[b-qq4aso1aht] {
        display: block;
        margin-top: 3px;
        color: #b52d2d;
        font-size: 15px;
    }

@media (max-width: 900px) {
    .toolbar-card[b-qq4aso1aht] {
        flex-wrap: wrap;
    }

    .search-box[b-qq4aso1aht] {
        flex-basis: 100%;
    }

    .document-summary[b-qq4aso1aht] {
        grid-template-columns: 1fr 1fr;
    }
}


/* Banco ricambi: dettaglio più leggibile e modificabile */
.detail-modal[b-qq4aso1aht] {
    width: min(1080px, 96vw) !important;
}
.detail-table th[b-qq4aso1aht] { font-size: 11.5px !important; }
.detail-table td[b-qq4aso1aht] { font-size: 13px !important; }
.document-summary span[b-qq4aso1aht],
.modal-footer span[b-qq4aso1aht] { font-size: 10.5px !important; }
.document-summary strong[b-qq4aso1aht],
.modal-footer strong[b-qq4aso1aht] { font-size: 14px !important; }
.edit-description[b-qq4aso1aht],
.edit-number[b-qq4aso1aht] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    padding: 6px 8px;
    background: #fff;
    font-size: 13px;
}
.edit-number[b-qq4aso1aht] {
    min-width: 95px;
    text-align: right;
}
.detail-actions[b-qq4aso1aht] {
    display:flex;
    gap:8px;
    align-items:center;
}


/* Modifica documento nello stile Vendita */
.detail-modal[b-qq4aso1aht] {
    width: min(1180px, calc(100vw - 36px)) !important;
}
.document-summary[b-qq4aso1aht] {
    background:#fff;
    border:1px solid #d7dade;
    border-radius:8px;
    padding:10px;
    gap:8px;
}
.detail-table-shell[b-qq4aso1aht] {
    border:1px solid #d7dade;
    border-radius:8px;
    overflow:hidden;
    margin-top:10px;
}
.detail-table thead[b-qq4aso1aht] {
    background:#eef0f2;
}
.detail-table th[b-qq4aso1aht] {
    font-size:12px !important;
    padding:10px 9px !important;
}
.detail-table td[b-qq4aso1aht] {
    font-size:13px !important;
    padding:9px !important;
}
.edit-description[b-qq4aso1aht],
.edit-number[b-qq4aso1aht] {
    min-height:39px !important;
    border:1px solid #cfd3d7 !important;
    border-radius:7px !important;
    background:#fff !important;
    font-size:13px !important;
}
.modal-footer[b-qq4aso1aht] {
    padding-top:12px !important;
    border-top:1px solid #e2e4e6;
}
.modal-footer span[b-qq4aso1aht] { font-size:11px !important; }
.modal-footer strong[b-qq4aso1aht] { font-size:16px !important; }


/* Modifica buono/fattura come schermata Vendita */
.sale-edit-banner[b-qq4aso1aht] {
    margin: 10px 10px 0;
    padding: 10px 12px;
    border: 1px solid #d8dde2;
    border-radius: 8px;
    background: #f7f8f9;
}

.sale-edit-banner strong[b-qq4aso1aht] {
    display: block;
    font-size: 14px;
    color: #252b32;
}

.sale-edit-banner span[b-qq4aso1aht] {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: #68717c;
}

.detail-table-shell[b-qq4aso1aht] {
    margin: 10px !important;
}

.detail-table[b-qq4aso1aht] {
    table-layout: fixed;
}

.detail-table th:nth-child(1)[b-qq4aso1aht],
.detail-table td:nth-child(1)[b-qq4aso1aht] {
    width: 13%;
}

.detail-table th:nth-child(2)[b-qq4aso1aht],
.detail-table td:nth-child(2)[b-qq4aso1aht] {
    width: auto;
}

.detail-table th:nth-child(3)[b-qq4aso1aht],
.detail-table td:nth-child(3)[b-qq4aso1aht] {
    width: 12%;
}

.detail-table th:nth-child(4)[b-qq4aso1aht],
.detail-table td:nth-child(4)[b-qq4aso1aht] {
    width: 13%;
}

.detail-table th:nth-child(5)[b-qq4aso1aht],
.detail-table td:nth-child(5)[b-qq4aso1aht] {
    width: 11%;
}

.detail-table .action-column[b-qq4aso1aht] {
    width: 46px !important;
    text-align: center;
}

.edit-code[b-qq4aso1aht],
.edit-description[b-qq4aso1aht],
.edit-number[b-qq4aso1aht] {
    width: 100%;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    border: 1px solid #c9cfd5 !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #1f252b !important;
    font-size: 13px !important;
    box-sizing: border-box;
}

.edit-code[b-qq4aso1aht] {
    font-weight: 700;
}

.edit-number[b-qq4aso1aht] {
    text-align: right;
}

.delete-row-button[b-qq4aso1aht] {
    width: 34px;
    height: 34px;
    border: 1px solid #e1b9b9;
    border-radius: 7px;
    background: #fff5f5;
    color: #c92727;
    font-size: 18px !important;
    line-height: 1;
    cursor: pointer;
}

.delete-row-button.restore[b-qq4aso1aht] {
    border-color: #b9c9dc;
    background: #f3f7fb;
    color: #2d5f91;
}

.row-marked-delete td[b-qq4aso1aht] {
    opacity: .48;
    background: #faf2f2;
}

.row-marked-delete .action-column[b-qq4aso1aht] {
    opacity: 1;
}

.detail-actions .primary-button[b-qq4aso1aht],
.detail-actions .secondary-button[b-qq4aso1aht] {
    min-height: 40px;
    padding: 0 16px;
    font-size: 13px !important;
}


/* Editor documento identico al flusso Vendita */
.sale-document-editor[b-qq4aso1aht] {
    margin: 10px;
    border: 1px solid #d7dade;
    border-radius: 9px;
    background: #fff;
    overflow: visible;
}

.sale-document-editor-title[b-qq4aso1aht] {
    padding: 9px 12px;
    border-bottom: 1px solid #e0e3e6;
    font-size: 14px;
    font-weight: 800;
}

.sale-document-editor-title span[b-qq4aso1aht] {
    margin-left: 8px;
    font-size: 11px;
    font-weight: 500;
    color: #69717a;
}

.edit-article-entry[b-qq4aso1aht] {
    display: grid;
    grid-template-columns: minmax(280px, 2.2fr) 90px 180px 125px 110px 100px 92px;
    gap: 8px;
    align-items: end;
    padding: 10px 12px 12px;
    overflow: visible;
}

.edit-article-entry .field[b-qq4aso1aht] {
    min-width: 0;
}

.edit-article-entry .field > span[b-qq4aso1aht],
.edit-article-entry .field > label[b-qq4aso1aht],
.edit-article-entry label > span[b-qq4aso1aht],
.edit-article-entry .article-search-field > label[b-qq4aso1aht] {
    display: block;
    margin-bottom: 5px;
    font-size: 11px !important;
    font-weight: 700;
    color: #5e646b;
    text-transform: uppercase;
}

.edit-article-entry input[b-qq4aso1aht],
.edit-article-entry select[b-qq4aso1aht] {
    width: 100%;
    min-height: 39px;
    border: 1px solid #cbd0d5;
    border-radius: 7px;
    padding: 0 9px;
    background: #fff;
    font-size: 13px !important;
    box-sizing: border-box;
}

.edit-article-entry .article-autocomplete[b-qq4aso1aht] {
    position: relative;
}

.edit-article-entry .autocomplete-menu[b-qq4aso1aht] {
    position: absolute;
    z-index: 120;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #cfd4d9;
    border-radius: 7px;
    box-shadow: 0 8px 18px rgba(0,0,0,.14);
}

.edit-article-entry .autocomplete-menu button[b-qq4aso1aht] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #edf0f2;
    background: #fff;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
}

.edit-article-entry .autocomplete-menu button:hover[b-qq4aso1aht] {
    background: #f4f6f8;
}

.edit-article-entry .article-result-main[b-qq4aso1aht] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.linked-edit-box[b-qq4aso1aht] {
    margin-top: 6px;
    border: 1px solid #d7dade;
    border-radius: 7px;
    background: #f8f9fa;
    padding: 6px;
}

.linked-edit-box > strong[b-qq4aso1aht] {
    display: block;
    padding: 2px 4px 5px;
    font-size: 10px;
    color: #6a7179;
    text-transform: uppercase;
}

.linked-edit-box button[b-qq4aso1aht] {
    width: 100%;
    border: 0;
    border-top: 1px solid #e3e6e9;
    background: transparent;
    padding: 6px 4px;
    display: flex;
    justify-content: space-between;
    text-align: left;
    cursor: pointer;
}

.apply-row-button[b-qq4aso1aht] {
    min-height: 39px;
    border: 0;
    border-radius: 7px;
    padding: 0 12px;
    background: #d02e2e;
    color: #fff;
    font-size: 12px !important;
    font-weight: 800;
    cursor: pointer;
}

.detail-table tr.selected-edit-row td[b-qq4aso1aht] {
    background: #fff2d8 !important;
}

.detail-table tbody tr[b-qq4aso1aht] {
    cursor: pointer;
}

@media (max-width: 1150px) {
    .edit-article-entry[b-qq4aso1aht] {
        grid-template-columns: minmax(260px, 2fr) 85px 160px 110px 95px 90px 85px;
        gap: 6px;
    }
}


/* Editor documento: listini caricati dall'articolo selezionato */
.edit-article-entry .listino-edit-field select[b-qq4aso1aht] {
    font-weight: 650;
}


/* Banco ricambi: scorrimento righe nel dettaglio/modifica */
.detail-modal[b-qq4aso1aht] {
    max-height: calc(100vh - 40px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.detail-modal .modal-body[b-qq4aso1aht] {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.sale-document-editor[b-qq4aso1aht] {
    flex: 0 0 auto;
}

.detail-table-shell[b-qq4aso1aht] {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: none !important;
}

.detail-table[b-qq4aso1aht] {
    width: 100%;
}

.detail-table thead th[b-qq4aso1aht] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #eef0f2;
}

.modal-footer[b-qq4aso1aht] {
    flex: 0 0 auto;
}


/* Articolo manuale nella modifica documento */
.manual-edit-fields[b-qq4aso1aht] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 6px;
    margin-top: 6px;
}

.manual-edit-fields input[b-qq4aso1aht] {
    min-height: 38px !important;
}

.manual-article-result[b-qq4aso1aht] {
    background: #fff7f7 !important;
    color: #bd2727;
}


.manual-article-result[b-qq4aso1aht] {
    position: sticky;
    bottom: 0;
    border-top: 1px solid #e3bcbc !important;
    background: #fff7f7 !important;
    color: #c82626 !important;
    font-weight: 700;
}
/* /Components/Pages/BuonoStampa.razor.rz.scp.css */
.print-status[b-sw97fnsq7e] {
    max-width: 900px;
    margin: 40px auto;
    padding: 18px 20px;
    border: 1px solid #d5d9dd;
    border-radius: 8px;
    background: #ffffff;
    color: #34383c;
    font-size: 14px;
}

    .print-status.error[b-sw97fnsq7e] {
        border-color: #e4afaf;
        background: #fff4f4;
        color: #a52929;
    }

.print-toolbar[b-sw97fnsq7e] {
    width: 210mm;
    max-width: calc(100vw - 24px);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 14px auto 10px;
}

.toolbar-button[b-sw97fnsq7e] {
    min-height: 38px;
    padding: 0 18px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

    .toolbar-button.primary[b-sw97fnsq7e] {
        border: 1px solid #c72d2d;
        background: #c72d2d;
        color: #ffffff;
    }

    .toolbar-button.secondary[b-sw97fnsq7e] {
        border: 1px solid #cbd0d4;
        background: #ffffff;
        color: #42474b;
    }

.print-page[b-sw97fnsq7e] {
    position: relative;
    box-sizing: border-box;
    width: 210mm;
    min-height: 297mm;
    margin: 0 auto 30px;
    padding: 6mm 8mm 8mm 13mm;
    overflow: hidden;
    background: #ffffff;
    color: #111111;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9.5px;
}

.original-copy[b-sw97fnsq7e] {
    position: absolute;
    top: 139mm;
    left: 2.5mm;
    color: #111111;
    font-size: 7.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.top-header[b-sw97fnsq7e] {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 4mm;
    min-height: 47mm;
}

.company-header[b-sw97fnsq7e] {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.company-header-image[b-sw97fnsq7e] {
    display: block;
    width: 100%;
    height: auto;
    max-height: 49mm;
    object-fit: contain;
    object-position: left top;
}

.recipient-header[b-sw97fnsq7e] {
    min-width: 0;
}

.document-title[b-sw97fnsq7e] {
    margin-bottom: 4mm;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.22em;
    text-align: center;
}

.recipient-box[b-sw97fnsq7e] {
    min-height: 36mm;
    padding: 4mm;
    border: 0.25mm solid #111111;
    border-radius: 2.5mm;
    font-family: "Courier New", Courier, monospace;
    font-size: 11px;
    line-height: 1.65;
}

.recipient-label[b-sw97fnsq7e] {
    margin-bottom: 2mm;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6.5px;
    font-weight: 700;
}

.recipient-name[b-sw97fnsq7e] {
    margin-bottom: 1.5mm;
    font-size: 12px;
    font-weight: 700;
}

.document-strip[b-sw97fnsq7e] {
    display: grid;
    margin-top: 3mm;
    border: 0.25mm solid #111111;
    border-radius: 2mm;
    overflow: hidden;
}

.first-strip[b-sw97fnsq7e] {
    grid-template-columns: 15mm 11mm 47mm 45mm 23mm 25mm 10mm;
}

.second-strip[b-sw97fnsq7e] {
    grid-template-columns: 79mm 29mm 37mm 40mm;
}

.strip-cell[b-sw97fnsq7e] {
    min-width: 0;
    min-height: 10mm;
    padding: 1.4mm 2mm;
    border-right: 0.25mm solid #111111;
}

    .strip-cell:last-child[b-sw97fnsq7e] {
        border-right: 0;
    }

    .strip-cell span[b-sw97fnsq7e] {
        display: block;
        margin-bottom: 0.8mm;
        font-size: 6.6px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .strip-cell strong[b-sw97fnsq7e] {
        display: block;
        overflow: hidden;
        font-family: "Courier New", Courier, monospace;
        font-size: 9.5px;
        font-weight: 600;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .strip-cell.numero strong[b-sw97fnsq7e],
    .strip-cell.data strong[b-sw97fnsq7e],
    .strip-cell.pagina strong[b-sw97fnsq7e] {
        font-size: 10.5px;
        text-align: center;
    }

.rows-section[b-sw97fnsq7e] {
    margin-top: 2mm;
    overflow: hidden;
    border: 0.25mm solid #111111;
    border-radius: 2mm;
}

.print-table[b-sw97fnsq7e] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .print-table th[b-sw97fnsq7e] {
        height: 8mm;
        padding: 1mm 0.7mm;
        border-right: 0.2mm solid #111111;
        border-bottom: 0.25mm solid #111111;
        font-size: 7.3px;
        line-height: 1.05;
        text-align: center;
        text-transform: uppercase;
    }

        .print-table th:last-child[b-sw97fnsq7e] {
            border-right: 0;
        }

    .print-table td[b-sw97fnsq7e] {
        height: 7.5mm;
        padding: 1.4mm 0.9mm 0.7mm;
        overflow: hidden;
        border-right: 0.18mm solid #777777;
        border-bottom: 0;
        font-family: "Courier New", Courier, monospace;
        font-size: 8.8px;
        font-weight: 600;
        line-height: 1.2;
        text-overflow: ellipsis;
        vertical-align: top;
    }

        .print-table td:last-child[b-sw97fnsq7e] {
            border-right: 0;
        }

.code-column[b-sw97fnsq7e] {
    width: 18%;
}

.description-column[b-sw97fnsq7e] {
    width: 48%;
}

.quantity-column[b-sw97fnsq7e] {
    width: 9%;
}

.price-column[b-sw97fnsq7e] {
    width: 12%;
}

.total-column[b-sw97fnsq7e] {
    width: 13%;
}

.number[b-sw97fnsq7e] {
    text-align: right;
}

.empty-print-row[b-sw97fnsq7e] {
    height: 18mm !important;
    text-align: center;
    vertical-align: middle !important;
}

.table-filler-row td[b-sw97fnsq7e] {
    box-sizing: border-box;
    padding: 0 !important;
    border-right: 0.18mm solid #777777;
    border-bottom: 0 !important;
    vertical-align: top;
}

    .table-filler-row td:last-child[b-sw97fnsq7e] {
        border-right: 0;
    }

.summary-section[b-sw97fnsq7e] {
    display: grid;
    grid-template-columns: 1fr 60mm;
    margin-top: 2mm;
    overflow: hidden;
    border: 0.25mm solid #111111;
    border-radius: 2mm;
}

.customer-summary[b-sw97fnsq7e] {
    min-height: 25mm;
    padding: 3mm;
    border-right: 0.25mm solid #111111;
}

    .customer-summary span[b-sw97fnsq7e],
    .totals-summary span[b-sw97fnsq7e] {
        display: block;
        margin-bottom: 1mm;
        font-size: 6.7px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .customer-summary strong[b-sw97fnsq7e] {
        display: block;
        font-size: 13px;
    }

.totals-summary[b-sw97fnsq7e] {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
}

    .totals-summary > div[b-sw97fnsq7e] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 3mm;
        min-height: 8mm;
        padding: 1.3mm 2mm;
        border-bottom: 0.2mm solid #111111;
    }

        .totals-summary > div:last-child[b-sw97fnsq7e] {
            border-bottom: 0;
        }

    .totals-summary span[b-sw97fnsq7e] {
        margin: 0;
    }

    .totals-summary strong[b-sw97fnsq7e] {
        font-family: "Courier New", Courier, monospace;
        font-size: 9.5px;
    }

    .totals-summary .grand-total[b-sw97fnsq7e] {
        font-weight: 700;
    }

        .totals-summary .grand-total strong[b-sw97fnsq7e] {
            font-size: 11px;
        }

.signature-section[b-sw97fnsq7e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12mm;
    min-height: 18mm;
    margin-top: 2mm;
    padding: 4mm 5mm 2mm;
    border: 0.25mm solid #111111;
    border-radius: 2mm;
    font-size: 7px;
}

    .signature-section > div[b-sw97fnsq7e] {
        display: flex;
        align-items: flex-end;
        gap: 3mm;
    }

    .signature-section span[b-sw97fnsq7e] {
        flex: 1;
        border-bottom: 0.2mm solid #111111;
    }

@media print {
    @page {
        size: A4 portrait;
        margin: 0;
    }

    .no-print[b-sw97fnsq7e] {
        display: none !important;
    }

    .print-page[b-sw97fnsq7e] {
        width: 210mm;
        min-height: 297mm;
        margin: 0;
        padding: 6mm 8mm 8mm 13mm;
        box-shadow: none;
        page-break-after: avoid;
    }

    .top-header[b-sw97fnsq7e],
    .document-strip[b-sw97fnsq7e],
    .rows-section[b-sw97fnsq7e],
    .summary-section[b-sw97fnsq7e],
    .signature-section[b-sw97fnsq7e],
    .print-table tr[b-sw97fnsq7e] {
        break-inside: avoid;
    }
}
/* /Components/Pages/CambiaPassword.razor.rz.scp.css */
.module-page[b-lqalhtt30k] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 0;
    color: #303438;
}

.page-description[b-lqalhtt30k] {
    font-size: 15px;
    font-weight: 700;
}

.password-card[b-lqalhtt30k] {
    width: min(520px, 100%);
    padding: 20px;
    border: 1px solid #d8dbde;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

    .password-card h1[b-lqalhtt30k] {
        margin: 0;
        font-size: 16px;
    }

    .password-card > p[b-lqalhtt30k] {
        margin: 5px 0 18px;
        color: #777d82;
        font-size: 10px;
    }

.password-form[b-lqalhtt30k] {
    display: flex;
    flex-direction: column;
}

    .password-form label[b-lqalhtt30k] {
        margin-bottom: 5px;
        color: #555b60;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
    }

.password-field[b-lqalhtt30k] {
    position: relative;
    margin-bottom: 13px;
}

    .password-field input[b-lqalhtt30k] {
        width: 100%;
        min-height: 40px;
        margin: 0;
        padding: 0 46px 0 11px;
        border: 1px solid #cfd3d6;
        border-radius: 7px;
        background: #ffffff;
        color: #303438;
        font-family: inherit;
        font-size: 11px;
        outline: none;
    }

        .password-field input:focus[b-lqalhtt30k] {
            border-color: #c93030;
            box-shadow: 0 0 0 3px rgba(201, 48, 48, 0.10);
        }

.password-toggle[b-lqalhtt30k] {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 34px;
    height: 31px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #60666b;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

    .password-toggle:hover[b-lqalhtt30k] {
        background: #f0f1f2;
    }

    .password-toggle:focus-visible[b-lqalhtt30k] {
        outline: 2px solid rgba(201, 48, 48, 0.45);
        outline-offset: 1px;
    }

.password-form > button[type="submit"][b-lqalhtt30k] {
    min-height: 40px;
    margin-top: 3px;
    border: 1px solid #c93030;
    border-radius: 7px;
    background: #c93030;
    color: #ffffff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

    .password-form > button[type="submit"]:hover[b-lqalhtt30k] {
        background: #a92323;
    }

.message[b-lqalhtt30k] {
    margin-bottom: 15px;
    padding: 9px 11px;
    border-radius: 7px;
    font-size: 10px;
}

    .message.success[b-lqalhtt30k] {
        border: 1px solid #b9ddc7;
        background: #effaf3;
        color: #287348;
    }

    .message.error[b-lqalhtt30k] {
        border: 1px solid #e2b7b7;
        background: #fff0f0;
        color: #a32929;
    }
/* /Components/Pages/CatalogoCnh.razor.rz.scp.css */
.cnh-online[b-kfavcitkan]{padding:10px;font-size:13px}.cnh-online header[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #dce4ea;border-radius:9px;padding:10px 14px}.cnh-online header strong[b-kfavcitkan]{color:#064b7d;font-size:16px}.cnh-online header small[b-kfavcitkan]{font-size:9px;color:#667085}.cnh-online header span[b-kfavcitkan]{background:#e7f8ee;color:#18794e;border-radius:14px;padding:4px 9px;font-size:10px;font-weight:800}.model-search[b-kfavcitkan]{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px}.model-search input[b-kfavcitkan],.parts input[b-kfavcitkan]{border:1px solid #ccd6df;border-radius:7px;padding:9px}.drawing-title button[b-kfavcitkan]{border:0;border-radius:7px;background:#0868ac;color:#fff;font-weight:800;padding:0 12px}.message[b-kfavcitkan]{margin-top:7px;padding:8px;border-radius:7px;background:#eaf7ee}.message.error[b-kfavcitkan]{background:#fff0ed;color:#b42318}

.model-results[b-kfavcitkan]{margin-top:8px;background:#fff;border:1px solid #dce4ea;border-radius:8px;padding:8px;min-height:420px}.results-title[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;padding:2px 3px 7px}.results-title span[b-kfavcitkan]{color:#667085;font-size:11px}.model-sections[b-kfavcitkan]{max-height:calc(100vh - 255px);overflow:auto;padding-right:3px}.model-section[b-kfavcitkan]{border-top:1px solid #e5e7eb;padding:8px 2px 11px}.model-section:first-child[b-kfavcitkan]{border-top:0}.section-head[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px;color:#7a4f42}.section-head strong[b-kfavcitkan]{font-size:13px;font-weight:700}.section-head span[b-kfavcitkan]{font-size:10px;color:#667085}.base-model-grid[b-kfavcitkan]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:2px}.base-model-block[b-kfavcitkan]{min-width:0}.base-model[b-kfavcitkan]{width:100%;border:0;background:transparent;padding:4px 0;text-align:left;display:flex;align-items:baseline;gap:7px;color:#1f2937;cursor:pointer}.base-model:hover strong[b-kfavcitkan]{color:#0868ac;text-decoration:underline}.base-model strong[b-kfavcitkan]{font-size:12px;font-weight:800;line-height:1.15}.base-model small[b-kfavcitkan]{font-size:9px;color:#98a2b3;white-space:nowrap}.variant-list[b-kfavcitkan]{margin:1px 0 6px;padding:2px 0 3px 10px;border-left:2px solid #d9e7f1;display:flex;flex-direction:column;gap:1px}.variant-item[b-kfavcitkan]{border:0;background:transparent;text-align:left;padding:3px 5px;color:#475467;font-size:10.5px;line-height:1.25;cursor:pointer;border-radius:4px}.variant-item:hover[b-kfavcitkan]{background:#eef6fb;color:#065f99}.variant-item:disabled[b-kfavcitkan],.base-model:disabled[b-kfavcitkan]{opacity:.55;cursor:wait}

.model-head[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;margin-top:9px;background:#064b7d;color:#fff;padding:9px 12px;border-radius:8px}.model-head div[b-kfavcitkan]{display:flex;gap:10px;align-items:center}.model-head small[b-kfavcitkan]{opacity:.7}.browser[b-kfavcitkan]{display:grid;grid-template-columns:230px 1fr;gap:8px;margin-top:8px;min-height:420px}.browser aside[b-kfavcitkan]{background:#fff;border:1px solid #dce4ea;border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:4px}.browser aside button[b-kfavcitkan]{text-align:left;border:0;background:#f4f7f9;border-radius:6px;padding:9px;font-weight:700;color:#344054}.browser aside button.active[b-kfavcitkan]{background:#0868ac;color:#fff}.browser main[b-kfavcitkan]{background:#fff;border:1px solid #dce4ea;border-radius:8px;padding:8px}.group-title[b-kfavcitkan],.drawing-title[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;padding:5px 3px 9px}.assemblies[b-kfavcitkan]{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:7px}.assembly[b-kfavcitkan]{border:1px solid #dce4ea;background:#fff;border-radius:8px;padding:7px;text-align:left;min-height:120px}.assembly img[b-kfavcitkan]{width:100%;height:95px;object-fit:contain}.assembly span[b-kfavcitkan]{display:block;font-weight:700;margin-top:5px}.empty[b-kfavcitkan]{text-align:center;padding:60px;color:#667085}.drawing[b-kfavcitkan]{position:relative;background:#eef3f6;padding:0;margin-top:8px}.drawing-title[b-kfavcitkan]{background:#fff;border-radius:8px;padding:8px}.drawing-title button[b-kfavcitkan]{padding:7px 10px}.drawing-body[b-kfavcitkan]{display:grid;grid-template-columns:58% 42%;gap:8px;margin-top:8px;height:calc(100vh - 285px);min-height:430px}.exploded[b-kfavcitkan],.parts[b-kfavcitkan]{background:#fff;border-radius:8px;overflow:auto;padding:8px}.exploded img[b-kfavcitkan]{width:100%;height:100%;object-fit:contain}.parts input[b-kfavcitkan]{width:100%;box-sizing:border-box;margin-bottom:6px}.parts table[b-kfavcitkan]{width:100%;border-collapse:collapse}.parts th[b-kfavcitkan],.parts td[b-kfavcitkan]{padding:6px;border-bottom:1px solid #e8edf1;text-align:left}.parts tr.stock[b-kfavcitkan]{background:#eefaf2}.back-models[b-kfavcitkan]{border:0;background:#fff;color:#064b7d;border-radius:5px;padding:5px 8px;font-weight:800;cursor:pointer}.model-search.single input[b-kfavcitkan]{width:100%;box-sizing:border-box}

@media(max-width:1000px){.base-model-grid[b-kfavcitkan]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.browser[b-kfavcitkan]{grid-template-columns:170px 1fr}.drawing-body[b-kfavcitkan]{grid-template-columns:55% 45%}.model-search[b-kfavcitkan]{grid-template-columns:1fr}.base-model-grid[b-kfavcitkan]{grid-template-columns:1fr}}


/* CNH - navigazione gruppi in stile Catalogo SDF */
.group-overview[b-kfavcitkan]{margin-top:8px;display:flex;flex-direction:column;gap:9px}.sdf-group-card[b-kfavcitkan]{width:100%;border:1px solid #dce4ea;background:#fff;border-radius:9px;padding:0;display:grid;grid-template-columns:92px 1fr;min-height:86px;text-align:left;cursor:pointer;overflow:hidden}.sdf-group-card:hover[b-kfavcitkan]{border-color:#a8c8dc;box-shadow:0 2px 7px rgba(15,57,82,.08)}.sdf-group-card:disabled[b-kfavcitkan]{opacity:.6;cursor:wait}.sdf-group-icon[b-kfavcitkan]{display:flex;align-items:center;justify-content:center;background:#f7fafc;color:#0a67a3;font-size:22px;font-weight:900;border-right:1px solid #e5edf2}.sdf-group-content[b-kfavcitkan]{padding:15px 16px;display:flex;flex-direction:column;justify-content:center;gap:8px}.sdf-group-head[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;gap:15px}.sdf-group-head strong[b-kfavcitkan]{font-size:15px;color:#8a4d3d;font-weight:700}.sdf-group-head span[b-kfavcitkan]{font-size:11px;color:#8a4d3d;font-style:italic;white-space:nowrap}.sdf-group-hint[b-kfavcitkan]{font-size:11px;color:#667085}.group-browser[b-kfavcitkan]{margin-top:8px;background:#fff;border:1px solid #dce4ea;border-radius:9px;padding:9px}.group-toolbar[b-kfavcitkan]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:3px 2px 10px;border-bottom:1px solid #e7edf1;margin-bottom:8px}.group-toolbar strong[b-kfavcitkan]{font-size:14px;color:#344054}.group-toolbar span[b-kfavcitkan]{font-size:11px;color:#667085}.back-groups[b-kfavcitkan]{border:0;background:#0868ac;color:#fff;border-radius:6px;padding:6px 9px;font-weight:800;cursor:pointer}.assemblies[b-kfavcitkan]{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.assembly[b-kfavcitkan]{min-height:140px}.assembly span[b-kfavcitkan]{font-size:11px;line-height:1.25}.assembly img[b-kfavcitkan]{height:108px}.model-head[b-kfavcitkan]{margin-bottom:0}
@media(max-width:1050px){.assemblies[b-kfavcitkan]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.sdf-group-card[b-kfavcitkan]{grid-template-columns:64px 1fr;min-height:72px}.sdf-group-icon[b-kfavcitkan]{font-size:17px}.sdf-group-content[b-kfavcitkan]{padding:11px}.sdf-group-head strong[b-kfavcitkan]{font-size:13px}.assemblies[b-kfavcitkan]{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Titoli tavole sotto le anteprime */
.assembly[b-kfavcitkan]{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;padding:0;background:#fff;}
.assembly img[b-kfavcitkan]{width:100%;height:112px;object-fit:contain;padding:7px 7px 2px;box-sizing:border-box;}
.assembly-title[b-kfavcitkan]{display:block;margin:0;padding:6px 8px 7px;border-top:1px solid #edf1f4;font-size:11px;line-height:1.25;font-weight:700;color:#344054;text-align:left;min-height:34px;background:#fff;}
.assembly:hover .assembly-title[b-kfavcitkan]{color:#0868ac;}

/* Ricerca globale CNH nell'intestazione */
.cnh-header[b-kfavcitkan]{display:grid!important;grid-template-columns:auto minmax(320px,1fr) auto;gap:14px;align-items:center}
.cnh-brand[b-kfavcitkan]{white-space:nowrap}.online-badge[b-kfavcitkan]{justify-self:end}
.cnh-global-search[b-kfavcitkan]{display:block;min-width:0}
.cnh-global-search input[b-kfavcitkan]{width:100%;box-sizing:border-box;border:1px solid #cbd6df;border-radius:7px;padding:8px 10px;font-size:12px;outline:none}
.cnh-global-search input:focus[b-kfavcitkan]{border-color:#1880bd;box-shadow:0 0 0 2px rgba(24,128,189,.10)}
.search-results-panel[b-kfavcitkan]{margin-top:8px;background:#fff;border:1px solid #dce4ea;border-radius:8px;padding:9px;min-height:120px}.search-results-panel.compact[b-kfavcitkan]{min-height:0}
.search-hint[b-kfavcitkan]{padding:22px 10px;color:#667085;text-align:center}
.part-search-list[b-kfavcitkan]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.part-search-hit[b-kfavcitkan]{border:1px solid #e0e7ec;background:#fff;border-radius:7px;padding:8px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;cursor:pointer}
.part-search-hit:hover[b-kfavcitkan]{border-color:#9cc5dc;background:#f8fcff}.part-search-hit strong[b-kfavcitkan]{color:#0868ac}.part-search-hit span[b-kfavcitkan]{color:#344054}.part-search-hit small[b-kfavcitkan]{grid-column:1/-1;color:#7b8794;font-size:9.5px}
@media(max-width:900px){.cnh-header[b-kfavcitkan]{grid-template-columns:1fr auto}.cnh-global-search[b-kfavcitkan]{grid-column:1/-1;grid-row:2}.part-search-list[b-kfavcitkan]{grid-template-columns:1fr}}

/* Applicabilità ricerca codice ricambio */
.applicability-panel .results-title > div[b-kfavcitkan] {
    display: flex;
    align-items: baseline;
    gap: .65rem;
    min-width: 0;
}
.part-summary[b-kfavcitkan] {
    font-weight: 500;
    color: #5c6670;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.application-groups[b-kfavcitkan] {
    display: grid;
    gap: .55rem;
    padding: .45rem;
}
.application-model[b-kfavcitkan] {
    border: 1px solid #d9e1e6;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
}
.application-model-head[b-kfavcitkan] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    padding: .55rem .7rem;
    background: #f5f8fa;
    border-bottom: 1px solid #e3e8ec;
}
.application-model-head strong[b-kfavcitkan] { font-size: .92rem; }
.application-model-head span[b-kfavcitkan] { font-size: .76rem; color: #68737c; white-space: nowrap; }
.application-drawings[b-kfavcitkan] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .4rem;
    padding: .45rem;
}
.application-hit[b-kfavcitkan] {
    text-align: left;
    border: 1px solid #e0e5e9;
    border-radius: 5px;
    background: #fff;
    padding: .5rem .6rem;
    min-width: 0;
}
.application-hit:hover[b-kfavcitkan] { background: #f3f8fb; border-color: #9fc3d7; }
.application-hit strong[b-kfavcitkan],
.application-hit span[b-kfavcitkan],
.application-hit small[b-kfavcitkan] { display: block; }
.application-hit strong[b-kfavcitkan] { margin: .12rem 0; font-size: .82rem; }
.application-hit small[b-kfavcitkan] { color: #6d777f; font-size: .72rem; }
.application-group-name[b-kfavcitkan] { color: #00679d; font-size: .73rem; font-weight: 700; }
@media (max-width: 900px) {
    .application-drawings[b-kfavcitkan] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Ricerca codice -> verifica applicazione sul modello, mantenendo un solo campo ricerca */
.fitment-mode-card[b-kfavcitkan]{margin-top:8px;background:#fff;border:1px solid #dce4ea;border-radius:8px;padding:9px}.fitment-product-head[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:3px 3px 8px}.fitment-product-head>div[b-kfavcitkan]{min-width:0;display:flex;flex-direction:column;gap:2px}.fitment-product-head small[b-kfavcitkan],.fitment-figures-head small[b-kfavcitkan]{font-size:9px;font-weight:800;color:#7b8794;letter-spacing:.04em}.fitment-product-head strong[b-kfavcitkan]{font-size:14px;color:#064b7d}.fitment-product-head span[b-kfavcitkan]{font-size:10.5px;color:#667085}.fitment-reset[b-kfavcitkan],.fitment-change-model[b-kfavcitkan]{border:0;background:#eef5f9;color:#0868ac;border-radius:6px;padding:7px 9px;font-weight:800;font-size:10.5px;cursor:pointer;white-space:nowrap}.fitment-reset:hover[b-kfavcitkan],.fitment-change-model:hover[b-kfavcitkan]{background:#e0eef6}.fitment-model-picker[b-kfavcitkan]{margin-top:7px}.fitment-figures-head[b-kfavcitkan]{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e7edf1;margin-top:7px;padding:10px 3px 7px}.fitment-figures-head>div[b-kfavcitkan]{display:flex;flex-direction:column;gap:2px}.fitment-figures-head strong[b-kfavcitkan]{font-size:12px;color:#344054}.fitment-figures[b-kfavcitkan]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fitment-figure[b-kfavcitkan]{border:1px solid #dce4ea;background:#fff;border-radius:8px;padding:0;text-align:left;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-height:150px}.fitment-figure:hover[b-kfavcitkan]{border-color:#9fc3d7;box-shadow:0 2px 7px rgba(15,57,82,.08)}.fitment-figure:disabled[b-kfavcitkan]{cursor:not-allowed;opacity:.65}.fitment-figure img[b-kfavcitkan]{width:100%;height:105px;object-fit:contain;padding:6px;box-sizing:border-box;background:#fff}.fitment-figure span[b-kfavcitkan]{font-size:9.5px;color:#0868ac;font-weight:800;padding:5px 8px 0;border-top:1px solid #edf1f4}.fitment-figure strong[b-kfavcitkan]{font-size:11px;color:#344054;line-height:1.25;padding:3px 8px 7px}.fitment-figure small[b-kfavcitkan]{font-size:9px;color:#b42318;padding:0 8px 7px}@media(max-width:1000px){.fitment-figures[b-kfavcitkan]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.fitment-product-head[b-kfavcitkan]{align-items:flex-start}.fitment-figures[b-kfavcitkan]{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* CNH - due ricerche separate: Modello/VIN + Codice ricambio */
.cnh-header[b-kfavcitkan]{grid-template-columns:auto minmax(520px,1fr) auto!important;gap:12px}
.cnh-searches[b-kfavcitkan]{display:grid;grid-template-columns:minmax(280px,1.25fr) minmax(220px,.75fr);gap:8px;min-width:0;align-items:end}
.cnh-global-search[b-kfavcitkan]{display:flex;flex-direction:column;gap:3px;min-width:0}
.cnh-global-search label[b-kfavcitkan]{font-size:8.5px;line-height:1;font-weight:800;letter-spacing:.045em;color:#667085;padding-left:2px}
.cnh-global-search input[b-kfavcitkan]{height:34px;padding:7px 9px}
.parts th:last-child[b-kfavcitkan],.parts td.part-price[b-kfavcitkan]{white-space:nowrap;text-align:right}
.parts td.part-price[b-kfavcitkan]{font-weight:700;color:#344054}
@media(max-width:1050px){
  .cnh-header[b-kfavcitkan]{grid-template-columns:auto minmax(420px,1fr) auto!important}
  .cnh-searches[b-kfavcitkan]{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
  .cnh-header[b-kfavcitkan]{grid-template-columns:1fr auto!important}
  .cnh-searches[b-kfavcitkan]{grid-column:1/-1;grid-row:2;grid-template-columns:1fr}
}
.cnh-searches .cnh-global-search[b-kfavcitkan]{grid-column:auto;grid-row:auto}
/* Selettore marca CNH: New Holland / Case IH / Steyr */
.cnh-brand-picker[b-kfavcitkan]{
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
}
.cnh-brand-picker select[b-kfavcitkan]{
    min-width:150px;
    height:34px;
    padding:0 28px 0 10px;
    border:1px solid #cbd6df;
    border-radius:7px;
    background:#fff;
    color:#064b7d;
    font:inherit;
    font-size:13px;
    font-weight:800;
    outline:none;
    cursor:pointer;
}
.cnh-brand-picker select:focus[b-kfavcitkan]{
    border-color:#1880bd;
    box-shadow:0 0 0 2px rgba(24,128,189,.10);
}
.cnh-brand-picker select:disabled[b-kfavcitkan]{
    opacity:.65;
    cursor:wait;
}
.cnh-brand-picker small[b-kfavcitkan]{
    color:#667085!important;
    font-size:9px!important;
    font-weight:800;
}

/* CNH - esploso interattivo come Husqvarna */
.drawing-title-right[b-kfavcitkan]{
    display:flex;
    align-items:center;
    gap:7px;
    flex-shrink:0;
}
.drawing-title-right > span[b-kfavcitkan],
.cnh-zoom-badge[b-kfavcitkan]{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 8px;
    border-radius:999px;
    background:#eef2f5;
    color:#5f6972;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}
.exploded[b-kfavcitkan]{
    position:relative;
    overflow:hidden!important;
    padding:0!important;
    cursor:grab;
    user-select:none;
    touch-action:none;
}
.exploded.is-panning[b-kfavcitkan]{
    cursor:grabbing;
}
.exploded[b-kfavcitkan]::-webkit-scrollbar{
    display:none;
}
.cnh-drawing-canvas[b-kfavcitkan]{
    position:absolute;
    inset:0 auto auto 0;
    width:100%;
    transform-origin:top left;
    will-change:transform;
}
.cnh-drawing-canvas > img[b-kfavcitkan]{
    display:block;
    width:100%;
    height:auto;
    max-width:none;
    object-fit:initial;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
}


/* Rif. tavola CNH: collegamento visivo tra numeri dell'esploso e ricambi */
.parts th.ref-head[b-kfavcitkan],
.parts td.part-ref[b-kfavcitkan] {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    text-align: center;
    white-space: nowrap;
}
.parts td.part-ref[b-kfavcitkan] {
    color: #c45d17;
    font-weight: 800;
}
/* /Components/Pages/CatalogoHusqvarna.razor.rz.scp.css */
.hq-catalog[b-wedea1zg0w] {
    height: 100%;
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #34383c;
    overflow: hidden;
}

.hq-header[b-wedea1zg0w] {
    display: grid;
    grid-template-columns: 205px minmax(540px, 1fr);
    align-items: end;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid #d4d7da;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
}

.hq-brand[b-wedea1zg0w] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.hq-brand-mark[b-wedea1zg0w] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 10px;
    object-fit: contain;
    background: #273a60;
}

.hq-brand-copy strong[b-wedea1zg0w] {
    display: block;
    color: #153f68;
    font-size: 23px;
    line-height: 1;
    letter-spacing: .4px;
}

.search-pair[b-wedea1zg0w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.search-field[b-wedea1zg0w] {
    position: relative;
    min-width: 0;
}

.search-field > span[b-wedea1zg0w] {
    display: block;
    margin: 0 0 5px 2px;
    color: #5f666c;
    font-size: 14px;
    font-weight: 800;
}

.search-input-wrap[b-wedea1zg0w] {
    position: relative;
}

.search-field input[b-wedea1zg0w] {
    width: 100%;
    min-height: 46px;
    padding: 0 48px 0 14px;
    border: 1px solid #cfd4d8;
    border-radius: 9px;
    outline: none;
    background: #fff;
    color: #2e3439;
    font: inherit;
    font-size: 11px;
}

.search-field input:focus[b-wedea1zg0w] {
    border-color: #7ca2c5;
    box-shadow: 0 0 0 2px rgba(30,91,139,.08);
}

.part-search input:focus[b-wedea1zg0w] {
    border-color: #e2a36c;
    box-shadow: 0 0 0 2px rgba(244,123,32,.08);
}

.clear-search[b-wedea1zg0w] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #edf1f4;
    color: #52606b;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.clear-search:hover[b-wedea1zg0w] {
    background: #dfe6ea;
}

.search-field em[b-wedea1zg0w] {
    position: absolute;
    right: 48px;
    bottom: 13px;
    color: #7f868b;
    font-size: 11px;
    font-style: normal;
}

.message[b-wedea1zg0w] {
    padding: 10px 12px;
    border: 1px solid #cbd9e6;
    border-radius: 8px;
    background: #f2f7fb;
    color: #355d7d;
    font-size: 13px;
}

.message.error[b-wedea1zg0w] {
    border-color: #e3b9b9;
    background: #fff3f3;
    color: #a13030;
}

.browser-panel[b-wedea1zg0w],
.results-panel[b-wedea1zg0w],
.application-panel[b-wedea1zg0w],
.product-view[b-wedea1zg0w] {
    min-height: 0;
    flex: 1;
    border: 1px solid #d5d9dc;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.035);
}

.browser-panel-flat[b-wedea1zg0w] {
    display: flex;
    flex-direction: column;
    padding: 12px;
}

.panel-title[b-wedea1zg0w],
.applications-title[b-wedea1zg0w],
.drawing-head[b-wedea1zg0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #e0e3e5;
    background: #fafafa;
}

.panel-title strong[b-wedea1zg0w],
.panel-title small[b-wedea1zg0w],
.applications-title strong[b-wedea1zg0w],
.applications-title small[b-wedea1zg0w],
.drawing-head strong[b-wedea1zg0w],
.drawing-head small[b-wedea1zg0w] {
    display: block;
}

.panel-title strong[b-wedea1zg0w],
.applications-title strong[b-wedea1zg0w],
.drawing-head strong[b-wedea1zg0w] {
    font-size: 16px;
}

.panel-title small[b-wedea1zg0w],
.applications-title small[b-wedea1zg0w],
.drawing-head small[b-wedea1zg0w] {
    margin-top: 3px;
    color: #83898e;
    font-size: 11px;
}

.panel-title > span[b-wedea1zg0w],
.applications-title > span[b-wedea1zg0w],
.drawing-head > span[b-wedea1zg0w],
.drawing-head-right > span[b-wedea1zg0w],
.zoom-badge[b-wedea1zg0w],
.product-actions > span[b-wedea1zg0w] {
    flex-shrink: 0;
    padding: 5px 9px;
    border-radius: 999px;
    background: #eceff1;
    color: #646b71;
    font-size: 11px;
    font-weight: 800;
}

.drawing-head-right[b-wedea1zg0w] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.category-grid[b-wedea1zg0w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    min-height: 0;
    overflow: auto;
    padding-right: 2px;
}

.category-card[b-wedea1zg0w] {
    min-height: 108px;
    display: grid;
    grid-template-columns: 126px minmax(0,1fr) 18px;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #dce0e3;
    border-radius: 10px;
    background: #fff;
    color: #34383c;
    text-align: left;
    cursor: pointer;
}

.category-card:hover[b-wedea1zg0w] {
    border-color: #9eb7cd;
    background: #f7fbfe;
}

.category-image-wrap[b-wedea1zg0w] {
    height: 86px;
    border-radius: 10px;
    overflow: hidden;
    background: #edf1f4;
}

.category-image[b-wedea1zg0w] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    background: #fff;
}

.category-symbol[b-wedea1zg0w] {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #173f66;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
}

.category-copy strong[b-wedea1zg0w] {
    display: block;
    color: #163f68;
    font-size: 16px;
}

.category-copy small[b-wedea1zg0w] {
    display: block;
    margin-top: 5px;
    color: #7d868c;
    font-size: 11px;
}

.category-card em[b-wedea1zg0w] {
    font-size: 19px;
    font-style: normal;
    color: #365a77;
}

.model-grid[b-wedea1zg0w] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    padding: 12px;
    overflow: auto;
}

.model-card[b-wedea1zg0w] {
    min-height: 106px;
    display: grid;
    grid-template-columns: 96px minmax(0,1fr);
    gap: 12px;
    padding: 10px;
    border: 1px solid #dcdfe2;
    border-radius: 9px;
    background: #fff;
    color: #34383c;
    text-align: left;
    cursor: pointer;
}

.model-card:hover[b-wedea1zg0w] {
    border-color: #9bb8d0;
    background: #f8fbfd;
}

.model-image[b-wedea1zg0w] {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    background: #f4f5f6;
}

.model-image img[b-wedea1zg0w] {
    width: 100%;
    height: 84px;
    object-fit: contain;
}

.model-image span[b-wedea1zg0w] {
    color: #174267;
    font-size: 30px;
    font-weight: 900;
}

.model-copy[b-wedea1zg0w] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.model-copy small[b-wedea1zg0w],
.model-copy strong[b-wedea1zg0w],
.model-copy span[b-wedea1zg0w],
.model-copy em[b-wedea1zg0w] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.model-copy small[b-wedea1zg0w] {
    color: #d66719;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
    white-space: nowrap;
}

.model-copy strong[b-wedea1zg0w] {
    margin-top: 4px;
    color: #1a466b;
    font-size: 16px;
    white-space: nowrap;
}

.model-copy span[b-wedea1zg0w] {
    margin-top: 4px;
    color: #636b71;
    font-size: 13px;
    line-height: 1.35;
}

.model-copy em[b-wedea1zg0w] {
    margin-top: 5px;
    color: #8a9094;
    font-size: 11px;
    font-style: normal;
    white-space: nowrap;
}

.empty-state[b-wedea1zg0w],
.loading-state[b-wedea1zg0w] {
    padding: 40px 14px;
    color: #7b8287;
    font-size: 13px;
    text-align: center;
}

.part-results-table-wrap[b-wedea1zg0w],
.parts-table-wrap[b-wedea1zg0w] {
    overflow: auto;
    min-height: 0;
}

.part-results-table[b-wedea1zg0w],
.parts-table[b-wedea1zg0w] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.part-results-table[b-wedea1zg0w] {
    font-size: 13px;
}

.part-results-table th[b-wedea1zg0w],
.part-results-table td[b-wedea1zg0w],
.parts-table th[b-wedea1zg0w],
.parts-table td[b-wedea1zg0w] {
    padding: 9px 10px;
    border-bottom: 1px solid #e8eaec;
    vertical-align: middle;
}

.part-results-table th[b-wedea1zg0w],
.parts-table th[b-wedea1zg0w] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f1f2f3;
    color: #555d63;
    font-size: 12px;
    text-align: left;
}

.part-results-table tbody tr[b-wedea1zg0w],
.parts-table tbody tr[b-wedea1zg0w] {
    cursor: pointer;
}

.part-results-table tbody tr:hover[b-wedea1zg0w],
.parts-table tbody tr:hover[b-wedea1zg0w],
.parts-table tbody tr.selected[b-wedea1zg0w] {
    background: #fff7f0;
}

.part-results-table tbody tr.dr-local[b-wedea1zg0w],
.parts-table tbody tr.dr-local[b-wedea1zg0w] {
    background: #ecfaf0;
}

.part-results-table tbody tr.dr-local:hover[b-wedea1zg0w],
.parts-table tbody tr.dr-local:hover[b-wedea1zg0w],
.parts-table tbody tr.dr-local.selected[b-wedea1zg0w] {
    background: #dff5e6;
}

.part-results-table td strong[b-wedea1zg0w],
.part-results-table td small[b-wedea1zg0w],
.parts-table td strong[b-wedea1zg0w],
.parts-table td small[b-wedea1zg0w] {
    display: block;
}

.part-results-table td strong[b-wedea1zg0w],
.parts-table td strong[b-wedea1zg0w] {
    font-size: 13px;
}

.part-results-table td small[b-wedea1zg0w],
.parts-table td small[b-wedea1zg0w] {
    margin-top: 3px;
    color: #83898e;
    font-size: 11px;
}

.dr-pill[b-wedea1zg0w] {
    display: inline-block;
    width: fit-content;
    margin-top: 5px;
    padding: 3px 7px;
    border-radius: 999px;
    background: #dff1e5;
    color: #287247 !important;
    font-size: 10px !important;
    font-weight: 800;
}

.part-results-table th:nth-child(1)[b-wedea1zg0w] { width: 175px; }
.part-results-table th:nth-child(3)[b-wedea1zg0w] { width: 110px; }
.part-results-table th:nth-child(4)[b-wedea1zg0w] { width: 110px; }
.part-results-table th:nth-child(5)[b-wedea1zg0w] { width: 48px; }

.numeric[b-wedea1zg0w] {
    text-align: right !important;
    white-space: nowrap;
}

.price-cell[b-wedea1zg0w] {
    color: #1f6b43;
    font-weight: 750;
}

.open-arrow[b-wedea1zg0w] {
    width: 31px;
    height: 31px;
    border: 0;
    border-radius: 7px;
    background: #edf1f4;
    color: #355d7e;
    cursor: pointer;
    font-size: 18px;
}

.application-head[b-wedea1zg0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #e1e4e6;
}

.part-identification[b-wedea1zg0w] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.part-identification img[b-wedea1zg0w] {
    width: 76px;
    height: 66px;
    object-fit: contain;
    border: 1px solid #e0e3e5;
    border-radius: 8px;
    background: #fff;
}

.part-identification small[b-wedea1zg0w],
.part-identification strong[b-wedea1zg0w],
.part-identification span[b-wedea1zg0w],
.part-identification p[b-wedea1zg0w] {
    display: block;
    margin: 0;
}

.part-identification small[b-wedea1zg0w] {
    color: #d56418;
    font-size: 11px;
    font-weight: 850;
}

.part-identification strong[b-wedea1zg0w] {
    margin-top: 3px;
    color: #1d4769;
    font-size: 18px;
}

.part-identification span[b-wedea1zg0w] {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 700;
}

.part-identification p[b-wedea1zg0w] {
    margin-top: 4px;
    color: #7b8287;
    font-size: 13px;
}

.secondary-button[b-wedea1zg0w],
.text-back[b-wedea1zg0w] {
    border: 0;
    background: transparent;
    color: #c65e17;
    font-family: inherit;
    font-weight: 800;
    cursor: pointer;
}

.secondary-button[b-wedea1zg0w] {
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid #d7dade;
    border-radius: 7px;
    background: #fff;
    font-size: 13px;
}

.text-back[b-wedea1zg0w] {
    padding: 0;
    font-size: 14px;
}

.category-panel-title .text-back[b-wedea1zg0w] {
    display: block;
    margin-bottom: 4px;
}

.product-view[b-wedea1zg0w] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-head[b-wedea1zg0w] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-bottom: 1px solid #dde0e3;
    background: #fff;
}

.product-head small[b-wedea1zg0w],
.product-head strong[b-wedea1zg0w],
.product-head span[b-wedea1zg0w] {
    display: block;
}

.product-head small[b-wedea1zg0w] {
    margin-top: 4px;
    color: #d36215;
    font-size: 12px;
    font-weight: 850;
}

.product-head strong[b-wedea1zg0w] {
    margin-top: 2px;
    color: #153f68;
    font-size: 21px;
}

.product-head span[b-wedea1zg0w] {
    margin-top: 3px;
    color: #747b80;
    font-size: 14px;
}

.product-actions[b-wedea1zg0w] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.product-actions a[b-wedea1zg0w] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 11px;
    border-radius: 7px;
    background: #173f66;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.ipl-layout[b-wedea1zg0w] {
    min-height: 0;
    display: grid;
    grid-template-columns: 285px minmax(0, 1fr);
    flex: 1;
    overflow: hidden;
}

.ipl-list[b-wedea1zg0w] {
    min-height: 0;
    overflow: auto;
    border-right: 1px solid #dde1e3;
    background: #fbfbfb;
}

.ipl-title[b-wedea1zg0w] {
    padding: 10px 12px;
    border-bottom: 1px solid #e2e5e7;
}

.ipl-title strong[b-wedea1zg0w],
.ipl-title small[b-wedea1zg0w] {
    display: block;
}

.ipl-title strong[b-wedea1zg0w] {
    font-size: 15px;
}

.ipl-title small[b-wedea1zg0w] {
    margin-top: 3px;
    color: #858b90;
    font-size: 12px;
}

.ipl-section[b-wedea1zg0w] {
    width: 100%;
    min-height: 54px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 14px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 0;
    border-bottom: 1px solid #ebedef;
    background: #fff;
    color: #394047;
    text-align: left;
    cursor: pointer;
}

.ipl-section:hover[b-wedea1zg0w] {
    background: #f7fbfe;
}

.ipl-section.active[b-wedea1zg0w] {
    background: #edf5fb;
    color: #1d557f;
}

.ipl-section > span[b-wedea1zg0w] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #e9edf0;
    color: #5e6972;
    font-size: 12px;
    font-weight: 850;
}

.ipl-section strong[b-wedea1zg0w],
.ipl-section small[b-wedea1zg0w] {
    display: block;
}

.ipl-section strong[b-wedea1zg0w] {
    font-size: 14px;
}

.ipl-section small[b-wedea1zg0w] {
    margin-top: 3px;
    color: #8a9094;
    font-size: 12px;
}

.ipl-section em[b-wedea1zg0w] {
    font-size: 16px;
    font-style: normal;
}

.ipl-detail[b-wedea1zg0w] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #f3f4f5;
}

.ipl-placeholder[b-wedea1zg0w] {
    min-height: 320px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 12px;
    padding: 28px;
    border: 1px solid #d9dde0;
    border-radius: 10px;
    background: #fff;
    text-align: center;
}

.hq-placeholder-logo[b-wedea1zg0w] {
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: #163f68;
    color: #fff;
    font-size: 34px;
    font-weight: 900;
    box-shadow: inset 0 -7px 0 #f47b20;
}

.ipl-placeholder strong[b-wedea1zg0w] {
    margin-top: 14px;
    color: #273039;
    font-size: 20px;
}

.ipl-placeholder p[b-wedea1zg0w] {
    max-width: 560px;
    margin: 7px auto 0;
    color: #737a80;
    font-size: 13px;
    line-height: 1.5;
}

.drawing-workspace[b-wedea1zg0w] {
    min-height: 0;
    display: grid;
    grid-template-columns: minmax(420px, 1.05fr) minmax(500px, .95fr);
    gap: 8px;
    flex: 1;
    padding: 8px;
    overflow: hidden;
}

.drawing-pane[b-wedea1zg0w],
.parts-pane[b-wedea1zg0w] {
    min-width: 0;
    min-height: 0;
    border: 1px solid #d7dadd;
    border-radius: 8px;
    background: #fff;
}

.drawing-pane[b-wedea1zg0w] {
    position: relative;
    overflow: hidden;
    padding: 0;
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.drawing-loading[b-wedea1zg0w] {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 5;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(23,63,102,.9);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.drawing-canvas-viewport[b-wedea1zg0w] {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.drawing-canvas[b-wedea1zg0w] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform-origin: top left;
    will-change: transform;
}

.drawing-canvas > img[b-wedea1zg0w] {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    pointer-events: none;
    -webkit-user-drag: none;
}

.drawing-pane.is-panning[b-wedea1zg0w] {
    cursor: grabbing;
}

.hotspot[b-wedea1zg0w] {
    position: absolute;
    z-index: 3;
    min-width: 5px;
    min-height: 5px;
    padding: 0;
    border: 1px solid rgba(205,63,40,.22);
    border-radius: 2px;
    background: rgba(244,123,32,.06);
    cursor: pointer;
}

.hotspot:hover[b-wedea1zg0w],
.hotspot.selected[b-wedea1zg0w] {
    z-index: 4;
    border: 2px solid #d9482c;
    background: rgba(244,123,32,.23);
}

.parts-pane[b-wedea1zg0w] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.parts-table[b-wedea1zg0w] {
    font-size: 12.5px;
}

.parts-table th:nth-child(1)[b-wedea1zg0w] { width: 52px; }
.parts-table th:nth-child(2)[b-wedea1zg0w] { width: 135px; }
.parts-table th:nth-child(4)[b-wedea1zg0w] { width: 55px; }
.parts-table th:nth-child(5)[b-wedea1zg0w] { width: 90px; }
.parts-table th:nth-child(6)[b-wedea1zg0w] { width: 70px; }

.position-cell[b-wedea1zg0w] {
    color: #c45d17;
    font-weight: 900;
    text-align: center;
}

.code-cell strong[b-wedea1zg0w] {
    color: #174b73;
}

.documents-box[b-wedea1zg0w] {
    flex-shrink: 0;
    margin: 0 8px 8px;
    border: 1px solid #d7dadd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.documents-box summary[b-wedea1zg0w] {
    padding: 10px 12px;
    background: #fafafa;
    color: #434a50;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.documents-list[b-wedea1zg0w] {
    max-height: 220px;
    overflow: auto;
}

.documents-list a[b-wedea1zg0w] {
    min-height: 42px;
    display: grid;
    grid-template-columns: 46px minmax(0,1fr) 150px 18px;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-top: 1px solid #eceeef;
    color: #3b4248;
    text-decoration: none;
}

.documents-list a:hover[b-wedea1zg0w] {
    background: #f8fbfd;
}

.documents-list span[b-wedea1zg0w] {
    padding: 4px 5px;
    border-radius: 4px;
    background: #edf1f4;
    color: #355c7b;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
}

.documents-list strong[b-wedea1zg0w] {
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.documents-list small[b-wedea1zg0w] {
    overflow: hidden;
    color: #83898e;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.documents-list em[b-wedea1zg0w] {
    font-size: 14px;
    font-style: normal;
}


/* Rifinitura Husqvarna: caratteri compatti e navigazione esploso interattiva */
.hq-header[b-wedea1zg0w] { padding: 11px 14px; }
.search-field input[b-wedea1zg0w] { min-height: 42px; }
.panel-title[b-wedea1zg0w], .applications-title[b-wedea1zg0w], .drawing-head[b-wedea1zg0w] { padding: 10px 12px; }
.product-head[b-wedea1zg0w] { min-height: 66px; padding: 8px 12px; }
.drawing-head strong[b-wedea1zg0w] { font-size: 16px; }
.drawing-head small[b-wedea1zg0w] { font-size: 10.5px; }
.parts-table th[b-wedea1zg0w], .parts-table td[b-wedea1zg0w] { padding: 7px 8px; }
.parts-table th[b-wedea1zg0w] { font-size: 11.5px; }
.part-results-table th[b-wedea1zg0w], .part-results-table td[b-wedea1zg0w] { padding: 8px 9px; }
.category-image-wrap[b-wedea1zg0w] { border: 1px solid #edf0f2; }
@media (max-width: 1500px) {
    .category-grid[b-wedea1zg0w],
    .model-grid[b-wedea1zg0w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1200px) {
    .hq-catalog[b-wedea1zg0w] {
        height: auto;
        min-height: 0;
        overflow: visible;
    }

    .hq-header[b-wedea1zg0w] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .search-pair[b-wedea1zg0w] {
        grid-template-columns: 1fr;
    }

    .ipl-layout[b-wedea1zg0w],
    .drawing-workspace[b-wedea1zg0w] {
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .ipl-list[b-wedea1zg0w] {
        max-height: 260px;
        border-right: 0;
        border-bottom: 1px solid #dde1e3;
    }

    .drawing-pane[b-wedea1zg0w],
    .parts-pane[b-wedea1zg0w] {
        min-height: 420px;
    }
}

@media (max-width: 760px) {
    .category-grid[b-wedea1zg0w],
    .model-grid[b-wedea1zg0w] {
        grid-template-columns: 1fr;
    }

    .category-card[b-wedea1zg0w],
    .model-card[b-wedea1zg0w] {
        grid-template-columns: 1fr;
    }

    .product-head[b-wedea1zg0w],
    .application-head[b-wedea1zg0w] {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Compattazione richiesta utente */
.hq-catalog[b-wedea1zg0w] {
    gap: 10px;
}

.hq-header[b-wedea1zg0w] {
    grid-template-columns: 210px minmax(520px, 1fr);
    gap: 14px;
    padding: 12px 14px;
}

.hq-brand-mark[b-wedea1zg0w] {
    width: 50px;
    height: 50px;
}

.hq-brand-copy strong[b-wedea1zg0w] {
    font-size: 20px;
}

.search-field > span[b-wedea1zg0w] {
    font-size: 12px;
}

.search-field input[b-wedea1zg0w] {
    min-height: 42px;
    font-size: 10.5px;
}

.browser-panel-flat[b-wedea1zg0w] {
    padding: 10px;
}

.category-grid[b-wedea1zg0w] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.category-card[b-wedea1zg0w] {
    min-height: 96px;
    grid-template-columns: 132px minmax(0, 1fr) 16px;
    gap: 10px;
    padding: 10px;
}

.category-image-wrap[b-wedea1zg0w] {
    height: 74px;
    background: #f4f5f6;
}

.category-image[b-wedea1zg0w] {
    object-fit: cover;
}

.category-copy strong[b-wedea1zg0w] {
    font-size: 14px;
}

.category-copy small[b-wedea1zg0w] {
    font-size: 10px;
}

.model-grid[b-wedea1zg0w] {
    gap: 10px;
    padding: 10px;
}

.model-card[b-wedea1zg0w] {
    min-height: 96px;
}

.model-copy small[b-wedea1zg0w] {
    font-size: 10px;
}

.model-copy strong[b-wedea1zg0w] {
    font-size: 15px;
}

.model-copy span[b-wedea1zg0w] {
    font-size: 12px;
}

.model-copy em[b-wedea1zg0w] {
    font-size: 10px;
}

.part-results-table[b-wedea1zg0w] {
    font-size: 12px;
}

.part-results-table th[b-wedea1zg0w],
.parts-table th[b-wedea1zg0w] {
    font-size: 11px;
}

.part-results-table td strong[b-wedea1zg0w],
.parts-table td strong[b-wedea1zg0w] {
    font-size: 12px;
}

.part-results-table td small[b-wedea1zg0w],
.parts-table td small[b-wedea1zg0w] {
    font-size: 10px;
}

.product-head.compact[b-wedea1zg0w] {
    min-height: 0;
    padding: 8px 12px 6px;
    align-items: flex-start;
}

.product-head-main[b-wedea1zg0w] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-head.compact strong[b-wedea1zg0w] {
    margin-top: 0;
    font-size: 19px;
    line-height: 1.1;
}

.ipl-layout[b-wedea1zg0w] {
    grid-template-columns: 270px minmax(0, 1fr);
}

.ipl-layout.collapsed[b-wedea1zg0w] {
    grid-template-columns: 0 minmax(0, 1fr);
}

.ipl-layout.collapsed .ipl-list[b-wedea1zg0w] {
    overflow: hidden;
    border-right: 0;
    opacity: 0;
    pointer-events: none;
}

.ipl-title strong[b-wedea1zg0w] {
    font-size: 14px;
}

.ipl-title small[b-wedea1zg0w],
.ipl-section small[b-wedea1zg0w] {
    font-size: 11px;
}

.ipl-section strong[b-wedea1zg0w] {
    font-size: 13px;
}

.drawing-head.compact[b-wedea1zg0w] {
    padding: 8px 10px;
}

.drawing-head-main[b-wedea1zg0w] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.drawing-head strong[b-wedea1zg0w] {
    font-size: 14px;
}

.drawing-head small[b-wedea1zg0w] {
    font-size: 10px;
}

.toggle-nav-button[b-wedea1zg0w] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #d7dade;
    border-radius: 7px;
    background: #fff;
    color: #355c7b;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.toggle-nav-button:hover[b-wedea1zg0w] {
    background: #f5f8fa;
}

.drawing-head-right > span[b-wedea1zg0w],
.zoom-badge[b-wedea1zg0w] {
    font-size: 10px;
    padding: 5px 8px;
}

.drawing-workspace[b-wedea1zg0w] {
    grid-template-columns: minmax(360px, 1.05fr) minmax(420px, 1.1fr);
    gap: 8px;
    padding: 8px;
}

.drawing-workspace.wide[b-wedea1zg0w] {
    grid-template-columns: minmax(400px, 1.15fr) minmax(470px, 1.2fr);
}

.drawing-pane[b-wedea1zg0w],
.parts-pane[b-wedea1zg0w],
.documents-box[b-wedea1zg0w] {
    border-radius: 7px;
}

.drawing-pane[b-wedea1zg0w] {
    overflow: hidden !important;
}

.drawing-canvas-viewport[b-wedea1zg0w] {
    overflow: hidden !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.drawing-canvas-viewport[b-wedea1zg0w]::-webkit-scrollbar,
.drawing-pane[b-wedea1zg0w]::-webkit-scrollbar {
    display: none;
}

.parts-table[b-wedea1zg0w] {
    font-size: 11.5px;
}

.parts-table th:nth-child(1)[b-wedea1zg0w] { width: 46px; }
.parts-table th:nth-child(2)[b-wedea1zg0w] { width: 128px; }
.parts-table th:nth-child(4)[b-wedea1zg0w] { width: 48px; }
.parts-table th:nth-child(5)[b-wedea1zg0w] { width: 86px; }
.parts-table th:nth-child(6)[b-wedea1zg0w] { width: 60px; }

.documents-box summary[b-wedea1zg0w] {
    padding: 8px 10px;
    font-size: 12px;
}

.documents-list strong[b-wedea1zg0w] {
    font-size: 10.5px;
}

.documents-list small[b-wedea1zg0w] {
    font-size: 11px;
}


/* Ultimi ritocchi: header compatto, zoom default 100%, documenti più leggibili */
.hq-header[b-wedea1zg0w] {
    grid-template-columns: 190px minmax(500px, 1fr);
    gap: 12px;
    padding: 9px 12px;
}

.hq-brand[b-wedea1zg0w] {
    gap: 9px;
}

.hq-brand-mark[b-wedea1zg0w] {
    width: 42px;
    height: 42px;
    border-radius: 9px;
}

.hq-brand-copy strong[b-wedea1zg0w] {
    font-size: 18px;
}

.search-pair[b-wedea1zg0w] {
    gap: 10px;
}

.search-field > span[b-wedea1zg0w] {
    margin-bottom: 4px;
    font-size: 11px;
}

.search-field input[b-wedea1zg0w] {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10.5px;
}

.clear-search[b-wedea1zg0w] {
    width: 26px;
    height: 26px;
    right: 8px;
}

.documents-box summary[b-wedea1zg0w] {
    padding: 10px 12px;
    font-size: 15px;
    font-weight: 850;
}

.documents-list a[b-wedea1zg0w] {
    min-height: 48px;
    padding: 8px 11px;
}

.documents-list span[b-wedea1zg0w] {
    font-size: 12px;
}

.documents-list strong[b-wedea1zg0w] {
    font-size: 13px;
}

.documents-list small[b-wedea1zg0w] {
    font-size: 12.5px;
}

.documents-list em[b-wedea1zg0w] {
    font-size: 16px;
}
/* /Components/Pages/CatalogoSdf.razor.rz.scp.css */
.sdf-page[b-tyqh034hze]{padding:20px;max-width:1680px;margin:0 auto}.sdf-header[b-tyqh034hze]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.sdf-header h1[b-tyqh034hze]{margin:0 0 4px;font-size:28px}.sdf-header p[b-tyqh034hze]{margin:0;color:#667085;font-size:15px}.sdf-status[b-tyqh034hze]{padding:9px 14px;border-radius:999px;font-weight:700;font-size:13px;background:#f2f4f7}.sdf-status.ok[b-tyqh034hze]{background:#ecfdf3;color:#027a48}.sdf-status.ko[b-tyqh034hze]{background:#fef3f2;color:#b42318}.sdf-card[b-tyqh034hze]{background:#fff;border:1px solid #e4e7ec;border-radius:12px;padding:17px 18px;box-shadow:0 2px 8px rgba(16,24,40,.04);margin-bottom:12px}.sdf-warning[b-tyqh034hze]{max-width:720px}.sdf-toolbar[b-tyqh034hze]{display:flex;align-items:center;gap:12px}.sdf-toolbar label[b-tyqh034hze]{font-weight:700}.sdf-toolbar select[b-tyqh034hze],.drawing-head select[b-tyqh034hze]{min-width:240px;padding:9px 11px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px}.sdf-button[b-tyqh034hze]{border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.sdf-nav-card[b-tyqh034hze]{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.sdf-breadcrumb[b-tyqh034hze]{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#667085}.sdf-breadcrumb .link[b-tyqh034hze]{border:0;background:transparent;padding:0;color:#344054;font-weight:700;cursor:pointer}.search-card[b-tyqh034hze]{padding:14px 18px}.search-row[b-tyqh034hze]{display:flex;align-items:center;justify-content:space-between;gap:20px}.search-row h2[b-tyqh034hze]{margin:0 0 3px;font-size:22px}.search-row p[b-tyqh034hze]{margin:0;color:#667085}.sdf-search[b-tyqh034hze]{width:min(430px,45vw);padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px}.family-section[b-tyqh034hze],.group-section[b-tyqh034hze]{padding:13px 16px}.family-title[b-tyqh034hze],.group-title[b-tyqh034hze]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:2px solid #d8eadc;margin-bottom:8px}.family-title h3[b-tyqh034hze],.group-title h3[b-tyqh034hze]{margin:0;font-size:18px;color:#2f6e43}.family-title span[b-tyqh034hze],.group-title span[b-tyqh034hze]{color:#667085;font-size:12px}.model-list[b-tyqh034hze]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:2px}.model-link[b-tyqh034hze],.subgroup-link[b-tyqh034hze]{border:0;background:transparent;text-align:left;cursor:pointer;padding:5px 7px;border-radius:6px;color:#344054}.model-link:hover[b-tyqh034hze],.subgroup-link:hover[b-tyqh034hze]{background:#f2f4f7}.model-link strong[b-tyqh034hze]{display:block;font-size:13px;font-weight:650}.model-link small[b-tyqh034hze]{display:block;margin-top:1px;color:#667085;font-size:11px}.subgroup-list[b-tyqh034hze]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:1px}.subgroup-link[b-tyqh034hze]{display:flex;gap:7px;align-items:baseline;font-size:13px}.subgroup-link strong[b-tyqh034hze]{min-width:45px;color:#667085;font-size:11px}.drawing-head[b-tyqh034hze]{display:flex;align-items:center;justify-content:space-between;gap:16px}.drawing-head h2[b-tyqh034hze]{margin:0 0 3px}.sdf-drawing-layout[b-tyqh034hze]{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(620px,1.25fr);gap:14px;align-items:start}.image-card[b-tyqh034hze]{position:sticky;top:12px;min-height:560px;display:flex;align-items:center;justify-content:center}.image-card img[b-tyqh034hze]{display:block;width:100%;max-width:900px;max-height:78vh;margin:0 auto;object-fit:contain}.parts-card h2[b-tyqh034hze]{margin-top:0}.parts-table-wrap[b-tyqh034hze]{overflow:auto;max-height:78vh}.parts-table[b-tyqh034hze]{width:100%;border-collapse:collapse;font-size:13px}.parts-table th[b-tyqh034hze]{position:sticky;top:0;background:#f9fafb;z-index:1;text-align:left;padding:9px;border-bottom:1px solid #d0d5dd}.parts-table td[b-tyqh034hze]{padding:9px;border-bottom:1px solid #eaecf0;vertical-align:top}.parts-table tr.in-stock[b-tyqh034hze]{background:#ecfdf3}.parts-table td:nth-child(1)[b-tyqh034hze],.parts-table td:nth-child(4)[b-tyqh034hze],.parts-table td:nth-child(5)[b-tyqh034hze],.parts-table td:nth-child(6)[b-tyqh034hze]{white-space:nowrap}@media(max-width:1150px){.model-list[b-tyqh034hze],.subgroup-list[b-tyqh034hze]{grid-template-columns:repeat(2,minmax(0,1fr))}.sdf-drawing-layout[b-tyqh034hze]{grid-template-columns:1fr}.image-card[b-tyqh034hze]{position:static;min-height:auto}.parts-table-wrap[b-tyqh034hze]{max-height:none}}@media(max-width:760px){.sdf-page[b-tyqh034hze]{padding:12px}.search-row[b-tyqh034hze]{align-items:stretch;flex-direction:column}.sdf-search[b-tyqh034hze]{width:100%}.model-list[b-tyqh034hze],.subgroup-list[b-tyqh034hze]{grid-template-columns:1fr}.sdf-header[b-tyqh034hze]{flex-direction:column}.sdf-nav-card[b-tyqh034hze]{align-items:flex-start}.sdf-toolbar select[b-tyqh034hze]{min-width:190px}}

/* FIX18 - miniature ufficiali SDF per i gruppi */
.group-body[b-tyqh034hze]{display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;align-items:start}
.group-figure[b-tyqh034hze]{min-height:88px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px}
.group-figure img[b-tyqh034hze]{display:block;width:92px;height:82px;object-fit:contain}
.group-content[b-tyqh034hze]{min-width:0}
@media(max-width:760px){.group-body[b-tyqh034hze]{grid-template-columns:72px minmax(0,1fr);gap:9px}.group-figure img[b-tyqh034hze]{width:66px;height:60px}.group-figure[b-tyqh034hze]{min-height:64px}}

/* FIX19 - immagini SDF tramite sessione server + zoom tavola */
.image-card[b-tyqh034hze]{display:block;overflow:hidden}
.zoom-toolbar[b-tyqh034hze]{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-bottom:8px}
.zoom-toolbar button[b-tyqh034hze]{border:1px solid #d0d5dd;background:#fff;border-radius:7px;min-width:34px;height:32px;padding:0 9px;font-weight:700;cursor:pointer}
.zoom-toolbar span[b-tyqh034hze]{min-width:48px;text-align:center;font-size:12px;font-weight:700;color:#475467}
.image-viewport[b-tyqh034hze]{width:100%;height:calc(78vh - 55px);min-height:500px;overflow:auto;display:flex;align-items:center;justify-content:center}
.image-viewport img[b-tyqh034hze]{display:block;width:100%;max-width:900px;max-height:78vh;object-fit:contain;transform-origin:center center;transition:transform .12s ease}
@media(max-width:1150px){.image-viewport[b-tyqh034hze]{height:auto;min-height:520px}}

/* FIX20 - layout tavola compatto: niente scroll orizzontale, magazzino sempre visibile */
.sdf-page[b-tyqh034hze]{width:100%;max-width:none;box-sizing:border-box;overflow-x:hidden}
.sdf-card[b-tyqh034hze]{min-width:0;box-sizing:border-box}
.sdf-drawing-layout[b-tyqh034hze]{width:100%;grid-template-columns:minmax(0,46%) minmax(0,54%);gap:12px;box-sizing:border-box}
.image-card[b-tyqh034hze],.parts-card[b-tyqh034hze]{min-width:0;width:100%;box-sizing:border-box}
.image-viewport[b-tyqh034hze]{min-width:0;width:100%;overflow:auto}
.image-viewport img[b-tyqh034hze]{max-width:100%;height:auto}
.parts-table-wrap[b-tyqh034hze]{width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden}
.parts-table[b-tyqh034hze]{width:100%;table-layout:fixed;font-size:12px}
.parts-table th[b-tyqh034hze],.parts-table td[b-tyqh034hze]{padding:8px 6px;box-sizing:border-box}
.parts-table th:nth-child(1)[b-tyqh034hze],.parts-table td:nth-child(1)[b-tyqh034hze]{width:7%}
.parts-table th:nth-child(2)[b-tyqh034hze],.parts-table td:nth-child(2)[b-tyqh034hze]{width:18%}
.parts-table th:nth-child(3)[b-tyqh034hze],.parts-table td:nth-child(3)[b-tyqh034hze]{width:39%;white-space:normal;overflow-wrap:anywhere}
.parts-table th:nth-child(4)[b-tyqh034hze],.parts-table td:nth-child(4)[b-tyqh034hze]{width:8%;text-align:center}
.parts-table th:nth-child(5)[b-tyqh034hze],.parts-table td:nth-child(5)[b-tyqh034hze]{width:13%;text-align:right}
.parts-table th:nth-child(6)[b-tyqh034hze],.parts-table td:nth-child(6)[b-tyqh034hze]{width:15%;text-align:right}

@media(max-width:1050px){
  .sdf-drawing-layout[b-tyqh034hze]{grid-template-columns:1fr}
  .image-card[b-tyqh034hze]{position:static}
  .parts-table[b-tyqh034hze]{font-size:13px}
  .parts-table-wrap[b-tyqh034hze]{max-height:none}
}

/* FIX21 - galleria tavole, hotspot cliccabili e dettaglio ricambio */
.gallery-head[b-tyqh034hze]{display:flex;align-items:center;justify-content:space-between;gap:15px}.gallery-head h2[b-tyqh034hze]{margin:0 0 3px}.gallery-head p[b-tyqh034hze]{margin:0;color:#667085}.gallery-head>span[b-tyqh034hze]{font-size:12px;color:#667085}.drawing-gallery[b-tyqh034hze]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.drawing-tile[b-tyqh034hze]{border:1px solid #d0d5dd;background:#fff;border-radius:10px;padding:8px;text-align:left;cursor:pointer;min-width:0;transition:.12s ease}.drawing-tile:hover[b-tyqh034hze]{border-color:#98a2b3;box-shadow:0 3px 10px rgba(16,24,40,.1);transform:translateY(-1px)}.drawing-thumb[b-tyqh034hze]{height:145px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border-radius:7px;margin-bottom:7px;overflow:hidden}.drawing-thumb img[b-tyqh034hze]{max-width:100%;max-height:100%;object-fit:contain}.drawing-tile strong[b-tyqh034hze]{display:block;font-size:12px;line-height:1.25;color:#344054}.drawing-tile small[b-tyqh034hze]{display:block;color:#667085;margin-top:3px}.back-gallery[b-tyqh034hze]{border:0;background:transparent;padding:0;margin:0 0 5px;color:#2f6e43;font-weight:700;cursor:pointer}.exploded-stage[b-tyqh034hze]{position:relative;width:100%;transform-origin:center center;transition:transform .12s ease}.exploded-stage>img[b-tyqh034hze]{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain}.hotspot[b-tyqh034hze]{position:absolute;border:2px solid transparent;background:transparent;cursor:pointer;padding:0;border-radius:3px;z-index:3}.hotspot:hover[b-tyqh034hze],.hotspot.selected[b-tyqh034hze]{border-color:#e31b23;background:rgba(227,27,35,.12);box-shadow:0 0 0 1px rgba(255,255,255,.8)}.parts-table tbody tr[b-tyqh034hze]{cursor:pointer}.parts-table tbody tr:hover[b-tyqh034hze]{background:#f2f4f7}.parts-table tr.selected-part[b-tyqh034hze]{outline:2px solid #e31b23;outline-offset:-2px;background:#fff1f2}.part-modal-backdrop[b-tyqh034hze]{position:fixed;inset:0;background:rgba(16,24,40,.45);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.part-modal[b-tyqh034hze]{position:relative;width:min(560px,95vw);background:#fff;border-radius:14px;padding:22px;box-shadow:0 20px 60px rgba(16,24,40,.25)}.part-modal-close[b-tyqh034hze]{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;color:#667085}.part-modal-pos[b-tyqh034hze]{font-size:11px;font-weight:800;color:#667085}.part-modal h2[b-tyqh034hze]{margin:4px 35px 5px 0;font-size:24px}.part-desc[b-tyqh034hze]{margin:0 0 16px;color:#475467}.part-info-grid[b-tyqh034hze]{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.part-info-grid>div[b-tyqh034hze],.warehouse-desc[b-tyqh034hze],.part-note[b-tyqh034hze]{border:1px solid #eaecf0;background:#f9fafb;border-radius:9px;padding:11px}.part-info-grid span[b-tyqh034hze],.warehouse-desc span[b-tyqh034hze]{display:block;font-size:11px;color:#667085;margin-bottom:3px}.part-info-grid strong[b-tyqh034hze],.warehouse-desc strong[b-tyqh034hze]{font-size:15px}.part-note[b-tyqh034hze],.warehouse-desc[b-tyqh034hze]{margin-top:10px}.part-note p[b-tyqh034hze]{white-space:pre-line;margin:5px 0 0;color:#475467;font-size:13px}
@media(max-width:1450px){.drawing-gallery[b-tyqh034hze]{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.drawing-gallery[b-tyqh034hze]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.drawing-gallery[b-tyqh034hze]{grid-template-columns:repeat(2,minmax(0,1fr))}.drawing-thumb[b-tyqh034hze]{height:120px}.part-info-grid[b-tyqh034hze]{grid-template-columns:1fr}}

.part-actions[b-tyqh034hze] { display:flex; justify-content:flex-end; margin-top:14px; padding-top:12px; border-top:1px solid #e4e8e6; }
.part-actions .sdf-button[b-tyqh034hze] { min-width:150px; }

/* FIX23 - tema per marca, figure complete SDF, gruppi legacy e pan dello zoom */
.sdf-page[b-tyqh034hze]{
  --sdf-accent:#2f7d43;
  --sdf-accent-soft:#eaf6ee;
  --sdf-accent-border:#b8dec4;
}
.sdf-page.brand-deutz[b-tyqh034hze]{
  --sdf-accent:#25833e;
  --sdf-accent-soft:#edf8f0;
  --sdf-accent-border:#b8ddc1;
}
.sdf-page.brand-same[b-tyqh034hze]{
  --sdf-accent:#d71920;
  --sdf-accent-soft:#fff0f1;
  --sdf-accent-border:#f0b6b9;
}
.sdf-page.brand-lamborghini[b-tyqh034hze]{
  --sdf-accent:#666a70;
  --sdf-accent-soft:#f5f5f5;
  --sdf-accent-border:#d6d7da;
}
.family-title[b-tyqh034hze],.group-title[b-tyqh034hze]{border-bottom-color:var(--sdf-accent-border)}
.family-title h3[b-tyqh034hze],.group-title h3[b-tyqh034hze],.back-gallery[b-tyqh034hze]{color:var(--sdf-accent)}
.drawing-tile:hover[b-tyqh034hze]{border-color:var(--sdf-accent);box-shadow:0 3px 12px color-mix(in srgb,var(--sdf-accent) 16%,transparent)}
.hotspot:hover[b-tyqh034hze],.hotspot.selected[b-tyqh034hze]{border-color:var(--sdf-accent);background:color-mix(in srgb,var(--sdf-accent) 13%,transparent)}
.parts-table tr.selected-part[b-tyqh034hze]{outline-color:var(--sdf-accent);background:var(--sdf-accent-soft)}
.sdf-page.brand-lamborghini .sdf-toolbar select[b-tyqh034hze]{background:#fff;color:#30343a;border-color:#aeb1b5}

/* eParts usa BASE_IMAGE_URL + IMAGE_URL sovrapposti: trattore completo + zona evidenziata */
.group-body[b-tyqh034hze]{grid-template-columns:132px minmax(0,1fr);gap:17px}
.group-figure[b-tyqh034hze]{width:126px;min-height:105px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center}
.group-figure-stack[b-tyqh034hze]{position:relative;display:block;width:122px;height:98px;flex:0 0 122px}
.group-figure-stack img[b-tyqh034hze]{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.group-base-image[b-tyqh034hze]{z-index:1}
.group-overlay-image[b-tyqh034hze]{z-index:2}
.group-open-button[b-tyqh034hze]{border:0;background:transparent;border-radius:8px}
.group-section.generic-only .group-open-button[b-tyqh034hze],.group-section.generic-only .group-title-button[b-tyqh034hze]{cursor:pointer}
.group-section.generic-only .group-open-button:hover[b-tyqh034hze]{background:var(--sdf-accent-soft)}
.group-title-button[b-tyqh034hze]{border:0;background:transparent;padding:0;text-align:left;cursor:default}
.group-title-button h3[b-tyqh034hze]{margin:0}
.group-title-actions[b-tyqh034hze]{display:flex;align-items:center;gap:12px}
.all-tables-button[b-tyqh034hze],.generic-direct-link[b-tyqh034hze]{border:0;background:transparent;color:var(--sdf-accent);font-weight:700;cursor:pointer}
.all-tables-button[b-tyqh034hze]{font-size:12px;font-style:italic;padding:3px 5px}
.generic-direct-link[b-tyqh034hze]{padding:6px 7px;border-radius:6px;font-size:13px}
.generic-direct-link:hover[b-tyqh034hze],.all-tables-button:hover[b-tyqh034hze]{background:var(--sdf-accent-soft)}
.group-section.generic-only[b-tyqh034hze]{border-top:3px solid var(--sdf-accent)}
.group-section.generic-only .group-title[b-tyqh034hze]{margin-bottom:2px}

/* Lo zoom ora aumenta realmente la superficie della tavola: scroll + trascinamento tipo mappa. */
.image-viewport.sdf-pan-viewport[b-tyqh034hze]{
  justify-content:flex-start;
  align-items:flex-start;
  overscroll-behavior:contain;
  cursor:grab;
  user-select:none;
  touch-action:pan-x pan-y;
  scrollbar-gutter:stable;
}
.image-viewport.sdf-pan-viewport.is-dragging[b-tyqh034hze]{cursor:grabbing}
.image-viewport .exploded-stage[b-tyqh034hze]{
  flex:0 0 auto;
  min-width:100%;
  transform:none!important;
  transform-origin:0 0;
  transition:width .12s ease;
}
.image-viewport .exploded-stage>img[b-tyqh034hze]{width:100%;height:auto;pointer-events:none}
.image-viewport .hotspot[b-tyqh034hze]{pointer-events:auto}
.zoom-toolbar[b-tyqh034hze]{position:sticky;top:0;z-index:5;background:#fff;padding:2px 0 7px}
.zoom-toolbar span[b-tyqh034hze]::after{content:"  · trascina per spostarti";font-weight:500;color:#98a2b3}

@media(max-width:760px){
  .group-body[b-tyqh034hze]{grid-template-columns:94px minmax(0,1fr);gap:10px}
  .group-figure[b-tyqh034hze]{width:90px;min-height:78px}
  .group-figure-stack[b-tyqh034hze]{width:88px;height:72px;flex-basis:88px}
  .zoom-toolbar span[b-tyqh034hze]::after{content:""}
}

/* FIX24 */
.parts-table th[b-tyqh034hze],.parts-table td[b-tyqh034hze]{line-height:1.35;vertical-align:top}
.parts-table th:nth-child(2)[b-tyqh034hze],.parts-table td:nth-child(2)[b-tyqh034hze]{width:20%;white-space:normal;overflow-wrap:anywhere}
.parts-table th:nth-child(3)[b-tyqh034hze],.parts-table td:nth-child(3)[b-tyqh034hze]{width:37%;white-space:normal;overflow-wrap:anywhere}
.group-title-actions[b-tyqh034hze]{display:flex;align-items:center;gap:10px}
.group-figure-stack:has(.group-overlay-image):not(:has(.group-base-image))[b-tyqh034hze]::before{content:"";position:absolute;inset:0;background:var(--sdf-accent-soft);border-radius:10px;opacity:.25}
.sdf-pan-viewport[b-tyqh034hze]{overscroll-behavior:contain}

/* FIX26 - interfaccia compatta, ricerca sempre visibile e tavola a schermo fisso */
.sdf-page[b-tyqh034hze]{padding:10px 14px 18px}
.sdf-command-shell[b-tyqh034hze]{position:sticky;top:0;z-index:40;background:#eef1f3;padding:0 0 8px;margin:0 0 8px}
.sdf-command-bar[b-tyqh034hze]{height:48px;background:#fff;border:1px solid #dde2e7;border-radius:10px;display:grid;grid-template-columns:42px 190px minmax(260px,1fr) 18px;align-items:center;gap:8px;padding:5px 9px;box-shadow:0 2px 8px rgba(16,24,40,.05)}
.sdf-back-button[b-tyqh034hze]{width:36px;height:36px;border:1px solid #d5d9de;background:#fff;border-radius:8px;font-size:22px;line-height:1;cursor:pointer;color:var(--sdf-accent);font-weight:700}
.sdf-back-button:disabled[b-tyqh034hze]{opacity:.3;cursor:default}
.brand-select[b-tyqh034hze]{height:36px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;padding:0 10px;font-weight:700;color:#344054;min-width:0}
.sdf-global-search-wrap[b-tyqh034hze]{position:relative;min-width:0}
.sdf-search-icon[b-tyqh034hze]{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:20px;color:#667085;pointer-events:none}
.sdf-global-search[b-tyqh034hze]{width:100%;height:36px;border:1px solid #cfd4da;border-radius:8px;padding:0 38px 0 36px;font-size:14px;background:#fff;box-sizing:border-box}
.sdf-global-search:focus[b-tyqh034hze]{outline:2px solid color-mix(in srgb,var(--sdf-accent) 22%,transparent);border-color:var(--sdf-accent)}
.sdf-clear-search[b-tyqh034hze]{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:22px;color:#667085;cursor:pointer;width:28px;height:28px;line-height:25px}
.sdf-mini-status[b-tyqh034hze]{width:11px;height:11px;border-radius:50%;display:block;background:#f79009}.sdf-mini-status.ok[b-tyqh034hze]{background:#12b76a}.sdf-mini-status.ko[b-tyqh034hze]{background:#f04438}
.sdf-compact-nav[b-tyqh034hze]{min-height:30px;display:flex;align-items:center;gap:6px;padding:5px 8px 0;font-size:12px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sdf-compact-nav .link[b-tyqh034hze]{border:0;background:transparent;padding:2px 3px;color:#475467;cursor:pointer;font-weight:600;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sdf-compact-nav .model-crumb[b-tyqh034hze]{color:var(--sdf-accent);font-weight:800}
.sdf-search-message[b-tyqh034hze]{margin:3px 8px 0;font-size:12px;color:var(--sdf-accent);font-weight:700}
.sdf-loading-card[b-tyqh034hze]{padding:11px 14px}

/* Elenco famiglie: niente codici interni #xx, modello evidente e matricola sotto */
.family-list-wrap[b-tyqh034hze]{display:block}
.family-section[b-tyqh034hze]{padding:11px 16px}
.family-title[b-tyqh034hze]{margin-bottom:5px;padding-bottom:6px}
.family-title h3[b-tyqh034hze]{font-size:17px}
.model-list[b-tyqh034hze]{row-gap:3px;column-gap:18px}
.model-link[b-tyqh034hze]{padding:7px 8px;border:1px solid transparent}
.model-link:hover[b-tyqh034hze]{border-color:var(--sdf-accent-border);background:var(--sdf-accent-soft)}
.model-link .model-name[b-tyqh034hze]{font-size:14px;font-weight:800;color:#25324a;letter-spacing:.01em}
.model-link .model-serial[b-tyqh034hze]{font-size:11px;color:#697386;margin-top:2px;line-height:1.25;overflow-wrap:anywhere}
.groups-head[b-tyqh034hze]{display:flex;align-items:center;justify-content:space-between;padding:3px 4px 8px;color:#475467;font-size:12px}.groups-head strong[b-tyqh034hze]{font-size:16px;color:#25324a}

/* Figure gruppo: più leggibili e con base+overlay centrati */
.group-body[b-tyqh034hze]{grid-template-columns:142px minmax(0,1fr)}
.group-figure[b-tyqh034hze]{width:136px;min-height:112px}
.group-figure-stack[b-tyqh034hze]{width:132px;height:105px;flex-basis:132px}
.group-figure-stack img[b-tyqh034hze]{object-fit:contain;object-position:center}
.group-base-image[b-tyqh034hze]{opacity:.9}.group-overlay-image[b-tyqh034hze]{opacity:1}

/* Navigazione e testata tavola più compatte */
.compact-drawing-head[b-tyqh034hze]{padding:8px 12px;margin-bottom:8px;min-height:44px}
.compact-drawing-head h2[b-tyqh034hze]{font-size:18px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-drawing-head select[b-tyqh034hze]{height:34px;padding:5px 8px;min-width:280px;max-width:45%;font-size:12px}
.gallery-head[b-tyqh034hze]{padding:10px 13px}.gallery-head h2[b-tyqh034hze]{font-size:19px}.gallery-head p[b-tyqh034hze]{font-size:12px}

/* Nella tavola niente scroll dell'intera pagina: scorrono solo esploso e ricambi. */
.sdf-page.drawing-mode[b-tyqh034hze]{height:calc(100vh - 55px);max-height:calc(100vh - 55px);overflow:hidden;display:flex;flex-direction:column;padding-bottom:8px}
.sdf-page.drawing-mode .sdf-command-shell[b-tyqh034hze]{flex:0 0 auto;margin-bottom:4px;padding-bottom:4px}
.sdf-page.drawing-mode .sdf-compact-nav[b-tyqh034hze]{min-height:25px;padding-top:2px}
.sdf-page.drawing-mode .compact-drawing-head[b-tyqh034hze]{flex:0 0 auto}
.sdf-page.drawing-mode .sdf-drawing-layout[b-tyqh034hze]{flex:1 1 auto;min-height:0;height:auto;align-items:stretch;overflow:hidden}
.sdf-page.drawing-mode .image-card[b-tyqh034hze],.sdf-page.drawing-mode .parts-card[b-tyqh034hze]{height:100%;min-height:0;margin-bottom:0;overflow:hidden}
.sdf-page.drawing-mode .image-card[b-tyqh034hze]{display:flex;flex-direction:column;position:static}
.sdf-page.drawing-mode .zoom-toolbar[b-tyqh034hze]{flex:0 0 auto;margin:0;padding:2px 0 6px}
.sdf-page.drawing-mode .image-viewport[b-tyqh034hze]{flex:1 1 auto;min-height:0;height:auto;max-height:none;overflow:auto}
.sdf-page.drawing-mode .parts-card[b-tyqh034hze]{display:flex;flex-direction:column;padding-bottom:8px}
.sdf-page.drawing-mode .parts-card h2[b-tyqh034hze]{flex:0 0 auto;margin:0 0 6px;font-size:21px}
.sdf-page.drawing-mode .parts-table-wrap[b-tyqh034hze]{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden}

/* Tabella: descrizioni su più righe senza sovrapposizioni */
.parts-table td[b-tyqh034hze]{line-height:1.42;min-height:34px;overflow:visible}
.parts-table td:nth-child(2)[b-tyqh034hze]{font-size:11.5px}
.parts-table td:nth-child(3)[b-tyqh034hze]{word-break:normal;overflow-wrap:break-word;hyphens:auto}
.parts-table tbody tr[b-tyqh034hze]{height:auto}

@media(max-width:900px){
  .sdf-command-bar[b-tyqh034hze]{grid-template-columns:40px 145px minmax(160px,1fr) 14px}
  .group-body[b-tyqh034hze]{grid-template-columns:105px minmax(0,1fr)}
  .group-figure[b-tyqh034hze]{width:100px;min-height:88px}.group-figure-stack[b-tyqh034hze]{width:96px;height:82px;flex-basis:96px}
}
.sdf-page.drawing-mode[b-tyqh034hze]{box-sizing:border-box;height:calc(100dvh - 55px);max-height:calc(100dvh - 55px)}


/* FIX27 - pagina piena, modelli più compatti, anteprime e ricerca globale */
.sdf-page[b-tyqh034hze]{padding:8px 0 10px;margin:0;width:100%;max-width:none}
.sdf-command-shell[b-tyqh034hze],.family-list-wrap[b-tyqh034hze],.groups-head[b-tyqh034hze],.group-section[b-tyqh034hze],.gallery-head[b-tyqh034hze],.drawing-gallery[b-tyqh034hze],.compact-drawing-head[b-tyqh034hze],.sdf-drawing-layout[b-tyqh034hze],.sdf-loading-card[b-tyqh034hze],.sdf-warning[b-tyqh034hze]{margin-left:0;margin-right:0}
.sdf-command-shell[b-tyqh034hze]{padding-left:0;padding-right:0}
.model-link .model-name[b-tyqh034hze]{font-size:12.5px;line-height:1.18;font-weight:750}
.model-link .model-serial[b-tyqh034hze]{font-size:10.5px}
.model-link[b-tyqh034hze]{padding:5px 7px}
.family-title h3[b-tyqh034hze]{font-size:16px}

/* Il trattore base deve rimanere visibile anche nei cataloghi recenti. */
.group-figure-stack.missing-base[b-tyqh034hze]::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f3f4f6,#fff);border-radius:8px;z-index:0}
.group-base-image[b-tyqh034hze]{z-index:1!important;display:block!important}.group-overlay-image[b-tyqh034hze]{z-index:2!important}

/* Galleria: l'immagine deve occupare davvero la parte alta della tessera. */
.drawing-gallery[b-tyqh034hze]{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.drawing-tile[b-tyqh034hze]{min-height:210px;padding:8px;display:flex;flex-direction:column;text-align:left}
.drawing-thumb[b-tyqh034hze]{height:145px;min-height:145px;background:#f7f8fa;border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:7px}
.drawing-thumb img[b-tyqh034hze]{display:block;width:100%;height:100%;object-fit:contain}
.drawing-tile strong[b-tyqh034hze]{font-size:12px;line-height:1.2}.drawing-tile small[b-tyqh034hze]{font-size:10.5px;margin-top:3px}

/* Risultati della ricerca globale SDF. */
.sdf-global-results[b-tyqh034hze]{position:absolute;left:250px;right:28px;top:48px;z-index:80;background:#fff;border:1px solid #d6dbe1;border-radius:0 0 10px 10px;box-shadow:0 12px 28px rgba(16,24,40,.18);max-height:430px;overflow:auto;padding:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.global-result[b-tyqh034hze]{border:1px solid #edf0f2;background:#fff;border-radius:7px;padding:8px 10px;text-align:left;cursor:pointer;min-width:0}.global-result:hover[b-tyqh034hze]{background:var(--sdf-accent-soft);border-color:var(--sdf-accent-border)}
.global-result-type[b-tyqh034hze]{display:block;font-size:9px;font-weight:800;color:var(--sdf-accent);margin-bottom:2px}.global-result strong[b-tyqh034hze]{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-result small[b-tyqh034hze]{display:block;font-size:10.5px;color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Dettaglio: nessuno scroll della pagina esterna. */
.sdf-page.drawing-mode[b-tyqh034hze]{height:100%;max-height:100%;min-height:0;overflow:hidden;padding-bottom:0}
.sdf-page.drawing-mode .sdf-drawing-layout[b-tyqh034hze]{min-height:0;height:calc(100vh - 202px)}
.sdf-page.drawing-mode .image-card[b-tyqh034hze],.sdf-page.drawing-mode .parts-card[b-tyqh034hze]{height:100%;min-height:0}

@media(max-width:1200px){.drawing-gallery[b-tyqh034hze]{grid-template-columns:repeat(4,minmax(0,1fr))}.sdf-global-results[b-tyqh034hze]{left:205px}}


/* FIX28 - sottocategorie più chiare: niente codici numerici e riquadri distinti */
.subgroup-list[b-tyqh034hze]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin-top:8px}
.subgroup-link[b-tyqh034hze]{display:flex;align-items:center;min-height:42px;padding:9px 11px;border:1px solid #d9dee7;background:#fff;border-radius:8px;box-shadow:0 1px 2px rgba(16,24,40,.03);font-size:13px;font-weight:650;line-height:1.25;color:#25324a}
.subgroup-link:hover[b-tyqh034hze]{border-color:var(--sdf-accent);background:var(--sdf-accent-soft);box-shadow:0 2px 5px rgba(16,24,40,.06)}
.subgroup-link span[b-tyqh034hze]{display:block;width:100%;overflow-wrap:anywhere}
.subgroup-link strong[b-tyqh034hze]{display:none!important}
@media(max-width:1150px){.subgroup-list[b-tyqh034hze]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.subgroup-list[b-tyqh034hze]{grid-template-columns:1fr}.subgroup-link[b-tyqh034hze]{min-height:38px}}

/* SDF Store - test integrazione carrello reale */
.sdf-cart-box[b-tyqh034hze]{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.sdf-cart-copy span[b-tyqh034hze]{display:block;font-size:13px;font-weight:800;color:#344054}.sdf-cart-copy small[b-tyqh034hze]{display:block;margin-top:2px;color:#667085;font-size:11px}.sdf-cart-qty[b-tyqh034hze]{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#475467;white-space:nowrap}.sdf-cart-qty input[b-tyqh034hze]{width:72px;padding:8px 7px;border:1px solid #d0d5dd;border-radius:8px;font-size:14px;text-align:center}.sdf-cart-button[b-tyqh034hze]{background:var(--sdf-accent,#2f7d43);color:#fff;min-width:190px}.sdf-cart-button:disabled[b-tyqh034hze]{opacity:.55;cursor:default}.sdf-cart-message[b-tyqh034hze]{margin-top:8px;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:700}.sdf-cart-message.ok[b-tyqh034hze]{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.sdf-cart-message.ko[b-tyqh034hze]{background:#fef3f2;color:#b42318;border:1px solid #fecdca}@media(max-width:760px){.sdf-cart-box[b-tyqh034hze]{grid-template-columns:1fr}.sdf-cart-qty[b-tyqh034hze]{justify-content:space-between}.sdf-cart-button[b-tyqh034hze]{width:100%}}

.sdf-order-link-row[b-tyqh034hze]{display:flex;justify-content:flex-end;margin-top:8px}.sdf-order-link-row a[b-tyqh034hze]{font-size:12px;font-weight:800;color:#b6252a;text-decoration:none}.sdf-order-link-row a:hover[b-tyqh034hze]{text-decoration:underline}
/* /Components/Pages/Clienti.razor.rz.scp.css */
.module-page[b-gx4l2aedkr] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-description[b-gx4l2aedkr] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.primary-button[b-gx4l2aedkr],
.search-button[b-gx4l2aedkr],
.secondary-button[b-gx4l2aedkr],
.cancel-button[b-gx4l2aedkr],
.confirm-delete-button[b-gx4l2aedkr] {
    border-radius: 7px;
    font-weight: 600;
    cursor: pointer;
}

.toolbar-card[b-gx4l2aedkr] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.search-box[b-gx4l2aedkr] {
    min-width: 260px;
    min-height: 38px;
    display: flex;
    flex: 1 1 480px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box span[b-gx4l2aedkr] {
        flex-shrink: 0;
        color: #7b8085;
        font-size: 17px;
    }

    .search-box input[b-gx4l2aedkr] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-size: 12px;
    }

.search-button[b-gx4l2aedkr] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #3b3d3f;
    color: #ffffff;
    font-size: 11px;
}

    .search-button:hover[b-gx4l2aedkr] {
        background: #292b2d;
    }

.secondary-button[b-gx4l2aedkr] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
    font-size: 11px;
}

    .secondary-button:hover[b-gx4l2aedkr] {
        background: #e9ebed;
    }

.primary-button[b-gx4l2aedkr] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #c92f2f;
    color: #ffffff;
    font-size: 11px;
    white-space: nowrap;
}

    .primary-button:hover[b-gx4l2aedkr] {
        background: #af2929;
    }

button:disabled[b-gx4l2aedkr] {
    opacity: 0.55;
    cursor: not-allowed;
}

.records-info[b-gx4l2aedkr] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.message-card[b-gx4l2aedkr],
.table-card[b-gx4l2aedkr] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-gx4l2aedkr] {
    padding: 18px;
    color: #555b60;
    font-size: 12px;
}

    .message-card.error[b-gx4l2aedkr] {
        border-color: #e8b6b6;
        background: #fff4f4;
        color: #a82828;
    }

.table-card[b-gx4l2aedkr] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-gx4l2aedkr] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    background: #ffffff;
}

.data-table[b-gx4l2aedkr] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 11px;
}

    .data-table thead[b-gx4l2aedkr] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-gx4l2aedkr] {
        padding: 10px 11px;
        border-bottom: 1px solid #cfd3d7;
        color: #45494d;
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .data-table td[b-gx4l2aedkr] {
        padding: 8px 11px;
        overflow: hidden;
        border-bottom: 1px solid #eceeef;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .data-table th:nth-child(1)[b-gx4l2aedkr],
        .data-table td:nth-child(1)[b-gx4l2aedkr] {
            width: 90px;
        }

        .data-table th:nth-child(2)[b-gx4l2aedkr],
        .data-table td:nth-child(2)[b-gx4l2aedkr] {
            width: 29%;
        }

        .data-table th:nth-child(3)[b-gx4l2aedkr],
        .data-table td:nth-child(3)[b-gx4l2aedkr] {
            width: 24%;
        }

        .data-table th:nth-child(4)[b-gx4l2aedkr],
        .data-table td:nth-child(4)[b-gx4l2aedkr],
        .data-table th:nth-child(5)[b-gx4l2aedkr],
        .data-table td:nth-child(5)[b-gx4l2aedkr] {
            width: 17%;
        }

    .data-table tbody tr[b-gx4l2aedkr] {
        cursor: pointer;
    }

        .data-table tbody tr:nth-child(even)[b-gx4l2aedkr] {
            background: #fafafa;
        }

        .data-table tbody tr:hover[b-gx4l2aedkr] {
            background: #f6eded;
        }

.customer-name[b-gx4l2aedkr] {
    color: #24272a;
    font-weight: 650;
}

.empty-row[b-gx4l2aedkr] {
    height: 90px;
    color: #777c80;
    text-align: center;
}

.delete-column[b-gx4l2aedkr] {
    width: 70px;
    text-align: center !important;
}

.delete-cell[b-gx4l2aedkr] {
    text-align: center;
}

.delete-icon-button[b-gx4l2aedkr] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #c92f2f;
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

    .delete-icon-button:hover[b-gx4l2aedkr] {
        background: #fff0f0;
        color: #a91f1f;
    }

.modal-backdrop[b-gx4l2aedkr] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(20, 22, 24, 0.58);
    backdrop-filter: blur(2px);
}

/* DETTAGLIO CLIENTE */

.detail-modal[b-gx4l2aedkr] {
    width: min(820px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    padding: 14px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #dadde0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

.detail-header[b-gx4l2aedkr],
.form-header[b-gx4l2aedkr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.detail-header[b-gx4l2aedkr] {
    padding-bottom: 9px;
    border-bottom: 1px solid #e2e4e6;
}

    .detail-header h2[b-gx4l2aedkr],
    .form-header h2[b-gx4l2aedkr] {
        margin: 0;
        color: #25282b;
        font-size: 16px;
        line-height: 1.2;
    }

    .detail-header span[b-gx4l2aedkr] {
        display: block;
        margin-top: 3px;
        color: #74797e;
        font-size: 8px;
    }

.modal-close[b-gx4l2aedkr] {
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    border: 0;
    border-radius: 7px;
    background: #f0f1f2;
    color: #5b6065;
    font-size: 19px;
    cursor: pointer;
}

    .modal-close:hover[b-gx4l2aedkr] {
        background: #e4e6e8;
    }

.detail-grid[b-gx4l2aedkr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 9px;
}

.detail-field[b-gx4l2aedkr] {
    min-width: 0;
    min-height: 47px;
    padding: 7px 8px;
    border: 1px solid #e0e2e4;
    border-radius: 6px;
    background: #fafafa;
}

    .detail-field.full-width[b-gx4l2aedkr] {
        grid-column: 1 / -1;
        min-height: 44px;
    }

    .detail-field label[b-gx4l2aedkr] {
        display: block;
        margin-bottom: 3px;
        color: #7a7f84;
        font-size: 7px;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .detail-field span[b-gx4l2aedkr] {
        display: block;
        overflow-wrap: anywhere;
        color: #2f3337;
        font-size: 9px;
        font-weight: 600;
        line-height: 1.2;
    }

.detail-actions[b-gx4l2aedkr] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #e2e4e6;
}

/* FORM NUOVO E MODIFICA CLIENTE */

.form-modal[b-gx4l2aedkr] {
    width: min(780px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dadde0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

.form-header[b-gx4l2aedkr] {
    flex-shrink: 0;
    padding: 15px 18px 11px;
}

.form-tabs[b-gx4l2aedkr] {
    display: flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 0 17px;
    border-top: 1px solid #e3e5e7;
    border-bottom: 1px solid #d7dade;
    background: #fafafa;
}

.form-tab-button[b-gx4l2aedkr] {
    min-height: 37px;
    padding: 0 13px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #666b70;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

    .form-tab-button:hover[b-gx4l2aedkr] {
        color: #c92f2f;
    }

    .form-tab-button.active[b-gx4l2aedkr] {
        border-bottom-color: #c92f2f;
        color: #c92f2f;
    }

.form-scroll[b-gx4l2aedkr] {
    min-height: 0;
    flex: 1;
    padding: 13px 18px;
    overflow-y: auto;
}

.form-grid[b-gx4l2aedkr] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
}

.grid-break[b-gx4l2aedkr] {
    height: 0;
    grid-column: 1 / -1;
}

.form-field[b-gx4l2aedkr] {
    min-width: 0;
}

    .form-field.span-1[b-gx4l2aedkr] {
        grid-column: span 1;
    }

    .form-field.span-2[b-gx4l2aedkr] {
        grid-column: span 2;
    }

    .form-field.span-3[b-gx4l2aedkr] {
        grid-column: span 3;
    }

    .form-field.span-4[b-gx4l2aedkr] {
        grid-column: span 4;
    }

    .form-field.span-5[b-gx4l2aedkr] {
        grid-column: span 5;
    }

    .form-field.span-6[b-gx4l2aedkr] {
        grid-column: span 6;
    }

    .form-field.span-8[b-gx4l2aedkr] {
        grid-column: span 8;
    }

    .form-field.span-12[b-gx4l2aedkr] {
        grid-column: 1 / -1;
    }

    .form-field label[b-gx4l2aedkr] {
        display: block;
        margin: 0 0 5px 1px;
        color: #6b7075;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-field input[b-gx4l2aedkr],
    .form-field select[b-gx4l2aedkr],
    .form-field textarea[b-gx4l2aedkr] {
        width: 100%;
        min-height: 37px;
        padding: 7px 9px;
        border: 1px solid #cfd3d7;
        border-radius: 6px;
        outline: 0;
        background: #ffffff;
        color: #292d31;
        font-family: inherit;
        font-size: 11px;
    }

        .form-field input[readonly][b-gx4l2aedkr] {
            background: #f0f1f2;
            color: #555b60;
            cursor: default;
        }

    .form-field textarea[b-gx4l2aedkr] {
        min-height: 82px;
        resize: vertical;
    }

        .form-field input:focus[b-gx4l2aedkr],
        .form-field select:focus[b-gx4l2aedkr],
        .form-field textarea:focus[b-gx4l2aedkr] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.09);
        }

.autocomplete[b-gx4l2aedkr] {
    position: relative;
}

    .autocomplete > input[b-gx4l2aedkr] {
        padding-right: 32px;
    }

.autocomplete-clear[b-gx4l2aedkr] {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8a8f94;
    font-size: 17px;
    cursor: pointer;
    transform: translateY(-50%);
}

    .autocomplete-clear:hover[b-gx4l2aedkr] {
        background: #f0f1f2;
        color: #c92f2f;
    }

.autocomplete-menu[b-gx4l2aedkr] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 50;
    max-height: 225px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.autocomplete-option[b-gx4l2aedkr] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #313539;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-option:last-child[b-gx4l2aedkr] {
        border-bottom: 0;
    }

    .autocomplete-option:hover[b-gx4l2aedkr] {
        background: #f6eded;
        color: #a92323;
    }

    .autocomplete-option span[b-gx4l2aedkr] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-option small[b-gx4l2aedkr] {
        flex-shrink: 0;
        color: #858a8f;
        font-size: 9px;
    }

.autocomplete-empty[b-gx4l2aedkr] {
    padding: 13px 10px;
    color: #777c80;
    font-size: 10px;
    text-align: center;
}

.required-note[b-gx4l2aedkr] {
    margin-top: 10px;
    color: #777c80;
    font-size: 9px;
}

.form-error[b-gx4l2aedkr] {
    margin-top: 10px;
    padding: 9px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10px;
    line-height: 1.5;
}

.form-actions[b-gx4l2aedkr] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 9px;
    padding: 11px 18px 13px;
    border-top: 1px solid #e2e4e6;
    background: #ffffff;
}

/* CONFERMA ELIMINAZIONE */

.confirm-modal[b-gx4l2aedkr] {
    width: min(430px, calc(100vw - 32px));
    padding: 24px;
    border: 1px solid #dadde0;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
    text-align: center;
}

.confirm-icon[b-gx4l2aedkr] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #fff0f0;
    color: #c92f2f;
    font-size: 24px;
    font-weight: 800;
}

.confirm-modal h2[b-gx4l2aedkr] {
    margin: 0;
    color: #25282b;
    font-size: 19px;
}

.confirm-modal p[b-gx4l2aedkr] {
    margin: 12px 0 0;
    color: #5c6166;
    font-size: 12px;
    line-height: 1.6;
}

.confirm-warning[b-gx4l2aedkr] {
    margin-top: 13px;
    padding: 9px 10px;
    border-radius: 7px;
    background: #f5f6f7;
    color: #777c80;
    font-size: 10px;
}

.delete-error[b-gx4l2aedkr] {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10px;
    line-height: 1.5;
    text-align: left;
}

.modal-actions[b-gx4l2aedkr] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 20px;
}

.cancel-button[b-gx4l2aedkr] {
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #45494d;
    font-size: 11px;
}

    .cancel-button:hover[b-gx4l2aedkr] {
        background: #f2f3f4;
    }

.confirm-delete-button[b-gx4l2aedkr] {
    min-width: 105px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #c92f2f;
    background: #c92f2f;
    color: #ffffff;
    font-size: 11px;
}

    .confirm-delete-button:hover[b-gx4l2aedkr] {
        background: #ae2929;
    }

.toast-success[b-gx4l2aedkr] {
    position: fixed;
    top: 65px;
    right: 22px;
    z-index: 1200;
    padding: 11px 16px;
    border: 1px solid #9fd8ae;
    border-radius: 8px;
    background: #ecf9ef;
    color: #24713a;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    font-size: 11px;
    font-weight: 600;
}

@media (max-width: 900px) {
    .detail-modal[b-gx4l2aedkr] {
        width: min(760px, calc(100vw - 26px));
    }

    .detail-grid[b-gx4l2aedkr] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .toolbar-card[b-gx4l2aedkr] {
        flex-wrap: wrap;
    }

    .search-box[b-gx4l2aedkr] {
        flex-basis: 100%;
    }

    .records-info[b-gx4l2aedkr] {
        margin-left: auto;
    }

    .detail-grid[b-gx4l2aedkr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-grid[b-gx4l2aedkr] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-field[b-gx4l2aedkr],
    .form-field.span-1[b-gx4l2aedkr],
    .form-field.span-2[b-gx4l2aedkr],
    .form-field.span-3[b-gx4l2aedkr],
    .form-field.span-4[b-gx4l2aedkr],
    .form-field.span-5[b-gx4l2aedkr],
    .form-field.span-6[b-gx4l2aedkr],
    .form-field.span-8[b-gx4l2aedkr] {
        grid-column: span 1;
    }

        .form-field.span-12[b-gx4l2aedkr],
        .grid-break[b-gx4l2aedkr] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 520px) {
    .detail-grid[b-gx4l2aedkr] {
        grid-template-columns: 1fr;
    }

    .detail-field.full-width[b-gx4l2aedkr] {
        grid-column: auto;
    }
}
.detail-field.span-3[b-gx4l2aedkr] {
    grid-column: span 3;
}

/* Uniformazione leggibilità */
.page-description[b-gx4l2aedkr] { font-size:18px !important; }
input[b-gx4l2aedkr], select[b-gx4l2aedkr], textarea[b-gx4l2aedkr], button[b-gx4l2aedkr] { font-size:13px !important; }
label span[b-gx4l2aedkr], .field-label[b-gx4l2aedkr], .modal-kicker[b-gx4l2aedkr] { font-size:11.5px !important; }
table[b-gx4l2aedkr] { font-size:13px !important; }
table th[b-gx4l2aedkr] { font-size:11px !important; }
.modal-header h2[b-gx4l2aedkr], .detail-modal h2[b-gx4l2aedkr] { font-size:20px !important; }
.detail-modal[b-gx4l2aedkr], .client-modal[b-gx4l2aedkr], .supplier-modal[b-gx4l2aedkr], .commessa-modal[b-gx4l2aedkr] { font-size:13.5px; }


/* Dettaglio anagrafica più leggibile */
.detail-modal[b-gx4l2aedkr] {
    width:min(980px, calc(100vw - 36px)) !important;
}
.detail-header h2[b-gx4l2aedkr],
.form-header h2[b-gx4l2aedkr] {
    font-size:21px !important;
}
.detail-header span[b-gx4l2aedkr],
.form-subtitle[b-gx4l2aedkr] {
    font-size:11px !important;
}
.detail-field[b-gx4l2aedkr] {
    min-height:58px !important;
    padding:9px 10px !important;
}
.detail-field label[b-gx4l2aedkr] {
    font-size:9.5px !important;
    margin-bottom:5px !important;
}
.detail-field span[b-gx4l2aedkr] {
    font-size:13px !important;
    line-height:1.3 !important;
}
.form-grid label[b-gx4l2aedkr],
.editor-grid label[b-gx4l2aedkr] {
    font-size:11px !important;
}
.form-grid input[b-gx4l2aedkr],
.form-grid select[b-gx4l2aedkr],
.form-grid textarea[b-gx4l2aedkr],
.editor-grid input[b-gx4l2aedkr],
.editor-grid select[b-gx4l2aedkr],
.editor-grid textarea[b-gx4l2aedkr] {
    min-height:40px !important;
    font-size:13px !important;
}
/* /Components/Pages/Commesse.razor.rz.scp.css */
.module-page[b-nzmjhkehc1] {
    min-height: 100%;
    padding: 14px 18px 22px;
    color: #2f3337;
}

.page-heading[b-nzmjhkehc1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 10px;
}

    .page-heading h1[b-nzmjhkehc1] {
        margin: 0;
        color: #2a2d30;
        font-size: 16px;
        line-height: 1.25;
    }

    .page-heading p[b-nzmjhkehc1] {
        margin: 3px 0 0;
        color: #72777c;
        font-size: 10px;
    }

.toolbar-card[b-nzmjhkehc1] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d9dcdf;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.search-box[b-nzmjhkehc1] {
    position: relative;
    min-width: 260px;
    flex: 1;
}

    .search-box input[b-nzmjhkehc1] {
        width: 100%;
        min-height: 39px;
        padding: 8px 11px 8px 34px;
        border: 1px solid #cfd3d7;
        border-radius: 7px;
        outline: 0;
        color: #2f3337;
        font-family: inherit;
        font-size: 11px;
    }

        .search-box input:focus[b-nzmjhkehc1],
        .filter-select:focus[b-nzmjhkehc1] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
        }

.search-icon[b-nzmjhkehc1] {
    position: absolute;
    top: 50%;
    left: 11px;
    z-index: 1;
    color: #7c8287;
    font-size: 17px;
    transform: translateY(-50%);
}

.filter-select[b-nzmjhkehc1] {
    min-width: 180px;
    min-height: 39px;
    padding: 7px 9px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #ffffff;
    color: #34383c;
    font-family: inherit;
    font-size: 11px;
}

.primary-button[b-nzmjhkehc1],
.dark-button[b-nzmjhkehc1],
.secondary-button[b-nzmjhkehc1],
.history-button[b-nzmjhkehc1] {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.primary-button[b-nzmjhkehc1] {
    border: 1px solid #cb2f2f;
    background: #cb2f2f;
    color: #ffffff;
}

    .primary-button:hover:not(:disabled)[b-nzmjhkehc1] {
        background: #ad2727;
    }

.dark-button[b-nzmjhkehc1] {
    border: 1px solid #383b3f;
    background: #383b3f;
    color: #ffffff;
}

    .dark-button:hover:not(:disabled)[b-nzmjhkehc1] {
        background: #25282b;
    }

.secondary-button[b-nzmjhkehc1] {
    border: 1px solid #cdd1d5;
    background: #ffffff;
    color: #454a4e;
}

    .secondary-button:hover:not(:disabled)[b-nzmjhkehc1] {
        background: #f3f4f5;
    }

.history-button[b-nzmjhkehc1] {
    border: 1px solid #656b71;
    background: #656b71;
    color: #ffffff;
}

    .history-button:hover:not(:disabled)[b-nzmjhkehc1] {
        background: #4d5257;
    }

button:disabled[b-nzmjhkehc1],
select:disabled[b-nzmjhkehc1],
input:disabled[b-nzmjhkehc1],
textarea:disabled[b-nzmjhkehc1] {
    cursor: not-allowed;
    opacity: 0.65;
}

.records-info[b-nzmjhkehc1] {
    margin-left: auto;
    color: #666c71;
    font-size: 10px;
    white-space: nowrap;
}

    .records-info strong[b-nzmjhkehc1] {
        color: #303438;
    }

.success-message[b-nzmjhkehc1],
.error-message[b-nzmjhkehc1] {
    margin-top: 9px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.4;
}

.success-message[b-nzmjhkehc1] {
    border: 1px solid #b8dec0;
    background: #effaf1;
    color: #286538;
}

.error-message[b-nzmjhkehc1] {
    border: 1px solid #e8b7b7;
    background: #fff2f2;
    color: #a72b2b;
}

.table-card[b-nzmjhkehc1] {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 10px;
    background: #ffffff;
}

.table-wrapper[b-nzmjhkehc1] {
    max-height: calc(100vh - 250px);
    overflow: auto;
}

.commesse-table[b-nzmjhkehc1] {
    width: 100%;
    min-width: 950px;
    border-collapse: collapse;
    font-size: 10px;
}

    .commesse-table thead[b-nzmjhkehc1] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .commesse-table th[b-nzmjhkehc1] {
        padding: 9px 10px;
        border-bottom: 1px solid #cfd3d7;
        color: #454a4e;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .commesse-table td[b-nzmjhkehc1] {
        padding: 9px 10px;
        border-bottom: 1px solid #eceeef;
        color: #34383c;
        vertical-align: middle;
    }

    .commesse-table tbody tr[b-nzmjhkehc1] {
        cursor: pointer;
    }

        .commesse-table tbody tr:hover[b-nzmjhkehc1] {
            background: #faf2f2;
        }

        .commesse-table tbody tr:last-child td[b-nzmjhkehc1] {
            border-bottom: 0;
        }

.number-cell[b-nzmjhkehc1] {
    width: 70px;
    font-weight: 700;
}

.customer-cell[b-nzmjhkehc1] {
    min-width: 210px;
    font-weight: 600;
}

.machine-cell[b-nzmjhkehc1] {
    min-width: 220px;
}

.center-cell[b-nzmjhkehc1] {
    text-align: center;
}

.loading-state[b-nzmjhkehc1],
.empty-state[b-nzmjhkehc1] {
    padding: 35px 20px;
    color: #747a7f;
    font-size: 11px;
    text-align: center;
}

.status-badge[b-nzmjhkehc1],
.yes-badge[b-nzmjhkehc1],
.no-badge[b-nzmjhkehc1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 21px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

    .status-badge.accepted[b-nzmjhkehc1] {
        background: #e8f0fb;
        color: #315f94;
    }

    .status-badge.working[b-nzmjhkehc1] {
        background: #fff1d9;
        color: #8b5c08;
    }

    .status-badge.waiting[b-nzmjhkehc1] {
        background: #f5e8ff;
        color: #735190;
    }

    .status-badge.finished[b-nzmjhkehc1] {
        background: #e6f7eb;
        color: #276d3a;
    }

    .status-badge.historic[b-nzmjhkehc1] {
        background: #eceff2;
        color: #5c6267;
    }

    .status-badge.neutral[b-nzmjhkehc1] {
        background: #f0f1f2;
        color: #565c61;
    }

.yes-badge[b-nzmjhkehc1] {
    background: #e6f7eb;
    color: #276d3a;
}

.no-badge[b-nzmjhkehc1] {
    background: #f0f1f2;
    color: #777d82;
}

.modal-backdrop[b-nzmjhkehc1] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(20, 22, 24, 0.58);
    backdrop-filter: blur(2px);
}

.form-modal[b-nzmjhkehc1] {
    width: min(900px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.25);
}

.form-header[b-nzmjhkehc1] {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 18px 11px;
}

    .form-header h2[b-nzmjhkehc1] {
        margin: 0;
        color: #26292c;
        font-size: 16px;
        line-height: 1.2;
    }

.form-subtitle[b-nzmjhkehc1] {
    display: block;
    margin-top: 3px;
    color: #747a7f;
    font-size: 9px;
}

.modal-close[b-nzmjhkehc1] {
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    border: 0;
    border-radius: 7px;
    background: #f0f1f2;
    color: #5c6166;
    font-size: 19px;
    cursor: pointer;
}

    .modal-close:hover[b-nzmjhkehc1] {
        background: #e4e6e8;
    }

.form-tabs[b-nzmjhkehc1] {
    display: flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 0 17px;
    border-top: 1px solid #e3e5e7;
    border-bottom: 1px solid #d7dade;
    background: #fafafa;
}

.form-tab-button[b-nzmjhkehc1] {
    min-height: 38px;
    padding: 0 13px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #666c71;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

    .form-tab-button:hover[b-nzmjhkehc1] {
        color: #c92f2f;
    }

    .form-tab-button.active[b-nzmjhkehc1] {
        border-bottom-color: #c92f2f;
        color: #c92f2f;
    }

.form-body[b-nzmjhkehc1] {
    min-height: 0;
    flex: 1;
    padding: 13px 18px;
    overflow-y: auto;
}

.general-card[b-nzmjhkehc1] {
    padding: 12px;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #fafafa;
}

.form-grid[b-nzmjhkehc1] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
}

.form-field[b-nzmjhkehc1] {
    min-width: 0;
}

    .form-field.span-2[b-nzmjhkehc1] {
        grid-column: span 2;
    }

    .form-field.span-3[b-nzmjhkehc1] {
        grid-column: span 3;
    }

    .form-field.span-7[b-nzmjhkehc1] {
        grid-column: span 7;
    }

    .form-field.span-12[b-nzmjhkehc1] {
        grid-column: 1 / -1;
    }

    .form-field label[b-nzmjhkehc1] {
        display: block;
        margin: 0 0 5px 1px;
        color: #6c7176;
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-field input[b-nzmjhkehc1],
    .form-field select[b-nzmjhkehc1],
    .form-field textarea[b-nzmjhkehc1] {
        width: 100%;
        min-height: 37px;
        padding: 7px 9px;
        border: 1px solid #cfd3d7;
        border-radius: 6px;
        outline: 0;
        background: #ffffff;
        color: #292d31;
        font-family: inherit;
        font-size: 10px;
    }

    .form-field textarea[b-nzmjhkehc1] {
        min-height: 78px;
        resize: vertical;
    }

        .form-field input:focus[b-nzmjhkehc1],
        .form-field select:focus[b-nzmjhkehc1],
        .form-field textarea:focus[b-nzmjhkehc1] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
        }

        .form-field input[readonly][b-nzmjhkehc1],
        .form-field textarea[readonly][b-nzmjhkehc1] {
            background: #f0f1f2;
            color: #555b60;
        }

.checkbox-field[b-nzmjhkehc1] {
    display: flex;
    flex-direction: column;
}

.checkbox-card[b-nzmjhkehc1] {
    min-height: 37px;
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 7px 10px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #ffffff;
    color: #34383c !important;
    font-size: 10px !important;
    text-transform: none !important;
}

    .checkbox-card input[b-nzmjhkehc1] {
        width: 15px;
        min-height: 15px;
        margin: 0;
    }

.status-summary[b-nzmjhkehc1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 11px;
}

    .status-summary > div[b-nzmjhkehc1] {
        padding: 8px 10px;
        border: 1px solid #e0e2e4;
        border-radius: 7px;
        background: #ffffff;
    }

    .status-summary span[b-nzmjhkehc1] {
        display: block;
        margin-bottom: 3px;
        color: #7b8085;
        font-size: 7px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .status-summary strong[b-nzmjhkehc1] {
        color: #303438;
        font-size: 10px;
    }

.autocomplete[b-nzmjhkehc1] {
    position: relative;
}

    .autocomplete > input[b-nzmjhkehc1] {
        padding-right: 32px;
    }

.autocomplete-clear[b-nzmjhkehc1] {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8a8f94;
    font-size: 17px;
    cursor: pointer;
    transform: translateY(-50%);
}

    .autocomplete-clear:hover[b-nzmjhkehc1] {
        background: #f0f1f2;
        color: #c92f2f;
    }

.autocomplete-menu[b-nzmjhkehc1] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 50;
    max-height: 225px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.article-menu[b-nzmjhkehc1] {
    min-width: 430px;
}

.autocomplete-option[b-nzmjhkehc1] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #313539;
    font-family: inherit;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-option:last-child[b-nzmjhkehc1] {
        border-bottom: 0;
    }

    .autocomplete-option:hover[b-nzmjhkehc1] {
        background: #f8eeee;
        color: #a92323;
    }

    .autocomplete-option span[b-nzmjhkehc1] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-option small[b-nzmjhkehc1] {
        flex-shrink: 0;
        color: #858b90;
        font-size: 8px;
    }

.autocomplete-empty[b-nzmjhkehc1] {
    padding: 13px 10px;
    color: #777d82;
    font-size: 9px;
    text-align: center;
}

.article-entry-card[b-nzmjhkehc1] {
    padding: 12px;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #fafafa;
}

.article-grid[b-nzmjhkehc1] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: end;
    gap: 8px;
}

.article-field[b-nzmjhkehc1] {
    grid-column: span 4;
}

.listino-field[b-nzmjhkehc1] {
    grid-column: span 3;
}

.quantity-field[b-nzmjhkehc1] {
    grid-column: span 1;
}

.price-field[b-nzmjhkehc1] {
    grid-column: span 2;
}

.discount-field[b-nzmjhkehc1] {
    grid-column: span 1;
}

.iva-field[b-nzmjhkehc1] {
    grid-column: span 1;
}

.preview-field[b-nzmjhkehc1] {
    grid-column: span 8;
}

.add-line-field[b-nzmjhkehc1] {
    grid-column: span 4;
}

.preview-field[b-nzmjhkehc1] {
    min-width: 0;
}

.line-preview[b-nzmjhkehc1] {
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 7px 9px;
    border: 1px solid #d3d7da;
    border-radius: 6px;
    background: #ffffff;
    color: #303438;
    font-size: 10px;
    font-weight: 700;
}

.add-line-field .primary-button[b-nzmjhkehc1] {
    width: 100%;
}

.lines-editor[b-nzmjhkehc1] {
    margin-top: 12px;
}

.lines-table-wrapper[b-nzmjhkehc1] {
    max-height: 310px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #ffffff;
}

.lines-table[b-nzmjhkehc1] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 9px;
}

    .lines-table thead[b-nzmjhkehc1] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .lines-table th[b-nzmjhkehc1] {
        padding: 8px 9px;
        border-bottom: 1px solid #cfd3d7;
        color: #454a4e;
        font-size: 8px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .lines-table td[b-nzmjhkehc1] {
        padding: 8px 9px;
        border-bottom: 1px solid #eceeef;
        color: #34383c;
    }

    .lines-table tbody tr:last-child td[b-nzmjhkehc1] {
        border-bottom: 0;
    }

    .lines-table th:nth-child(n+3)[b-nzmjhkehc1],
    .lines-table td:nth-child(n+3)[b-nzmjhkehc1] {
        text-align: right;
    }

    .lines-table th:last-child[b-nzmjhkehc1],
    .lines-table td:last-child[b-nzmjhkehc1] {
        text-align: center;
    }


    .lines-table .col-code[b-nzmjhkehc1] {
        width: 13%;
    }

    .lines-table .col-description[b-nzmjhkehc1] {
        width: 27%;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .lines-table .col-quantity[b-nzmjhkehc1] {
        width: 8%;
    }

    .lines-table .col-price[b-nzmjhkehc1] {
        width: 10%;
    }

    .lines-table .col-discount[b-nzmjhkehc1] {
        width: 8%;
    }

    .lines-table .col-taxable[b-nzmjhkehc1] {
        width: 11%;
    }

    .lines-table .col-vat[b-nzmjhkehc1] {
        width: 7%;
    }

    .lines-table .col-total[b-nzmjhkehc1] {
        width: 11%;
    }

    .lines-table .col-delete[b-nzmjhkehc1] {
        width: 5%;
    }

    .lines-table td[b-nzmjhkehc1],
    .lines-table th[b-nzmjhkehc1] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.empty-row[b-nzmjhkehc1] {
    padding: 24px !important;
    color: #777d82 !important;
    text-align: center !important;
}

.delete-cell[b-nzmjhkehc1] {
    width: 62px;
}

.delete-icon-button[b-nzmjhkehc1] {
    width: 27px;
    height: 27px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #cc3131;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
}

    .delete-icon-button:hover:not(:disabled)[b-nzmjhkehc1] {
        background: #fff0f0;
    }

.editor-summary[b-nzmjhkehc1] {
    display: flex;
    justify-content: flex-end;
    gap: 18px;
    margin-top: 9px;
    color: #464b50;
    font-size: 10px;
}

    .editor-summary strong[b-nzmjhkehc1] {
        margin-left: 4px;
        color: #272b2e;
    }

.form-error[b-nzmjhkehc1] {
    margin-top: 10px;
    padding: 9px 10px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 9px;
    line-height: 1.45;
}

.form-actions[b-nzmjhkehc1] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 8px;
    padding: 11px 18px 13px;
    border-top: 1px solid #e2e4e6;
    background: #ffffff;
}

@media (max-width: 1100px) {
    .toolbar-card[b-nzmjhkehc1] {
        flex-wrap: wrap;
    }

    .search-box[b-nzmjhkehc1] {
        flex-basis: 100%;
    }

    .records-info[b-nzmjhkehc1] {
        margin-left: auto;
    }

    .article-grid[b-nzmjhkehc1] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .article-field[b-nzmjhkehc1],
    .listino-field[b-nzmjhkehc1] {
        grid-column: span 3;
    }

    .quantity-field[b-nzmjhkehc1],
    .price-field[b-nzmjhkehc1],
    .discount-field[b-nzmjhkehc1],
    .iva-field[b-nzmjhkehc1] {
        grid-column: span 1;
    }

    .preview-field[b-nzmjhkehc1] {
        grid-column: span 4;
    }

    .add-line-field[b-nzmjhkehc1] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .module-page[b-nzmjhkehc1] {
        padding: 12px;
    }

    .form-grid[b-nzmjhkehc1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-field[b-nzmjhkehc1],
    .form-field.span-2[b-nzmjhkehc1],
    .form-field.span-3[b-nzmjhkehc1],
    .form-field.span-7[b-nzmjhkehc1] {
        grid-column: span 1;
    }

        .form-field.span-12[b-nzmjhkehc1] {
            grid-column: 1 / -1;
        }

    .article-grid[b-nzmjhkehc1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .article-field[b-nzmjhkehc1],
    .listino-field[b-nzmjhkehc1],
    .preview-field[b-nzmjhkehc1],
    .add-line-field[b-nzmjhkehc1] {
        grid-column: 1 / -1;
    }

    .quantity-field[b-nzmjhkehc1],
    .price-field[b-nzmjhkehc1],
    .discount-field[b-nzmjhkehc1],
    .iva-field[b-nzmjhkehc1] {
        grid-column: span 1;
    }

    .article-menu[b-nzmjhkehc1] {
        min-width: 100%;
    }

    .status-summary[b-nzmjhkehc1] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-nzmjhkehc1] {
        flex-wrap: wrap;
    }
}

/* ==========================================================
   ALLINEAMENTO PAGINA ALLO STILE DDT
   ========================================================== */

.module-page[b-nzmjhkehc1] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    overflow: hidden;
    color: #2f3337;
}

.page-description[b-nzmjhkehc1] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.toolbar-card[b-nzmjhkehc1] {
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border-color: #d7dade;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.search-box[b-nzmjhkehc1] {
    min-width: 260px;
    flex: 1 1 430px;
}

    .search-box input[b-nzmjhkehc1],
    .filter-select[b-nzmjhkehc1] {
        min-height: 38px;
        font-size: 11px;
    }

.primary-button[b-nzmjhkehc1],
.dark-button[b-nzmjhkehc1],
.secondary-button[b-nzmjhkehc1],
.history-button[b-nzmjhkehc1] {
    min-height: 38px;
    font-size: 10px;
}

.success-message[b-nzmjhkehc1],
.error-message[b-nzmjhkehc1] {
    flex-shrink: 0;
    margin-top: 0;
}

.table-card[b-nzmjhkehc1] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-top: 0;
    overflow: hidden;
    border-color: #d7dade;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.table-wrapper[b-nzmjhkehc1] {
    min-height: 0;
    flex: 1;
    max-height: none;
    overflow: auto;
}

.commesse-table[b-nzmjhkehc1] {
    min-width: 950px;
    table-layout: fixed;
    font-size: 10px;
}

.loading-state[b-nzmjhkehc1],
.empty-state[b-nzmjhkehc1] {
    min-height: 100%;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}


/* Uniformazione leggibilità */
.page-description[b-nzmjhkehc1] { font-size:18px !important; }
input[b-nzmjhkehc1], select[b-nzmjhkehc1], textarea[b-nzmjhkehc1], button[b-nzmjhkehc1] { font-size:13px !important; }
label span[b-nzmjhkehc1], .field-label[b-nzmjhkehc1], .modal-kicker[b-nzmjhkehc1] { font-size:11.5px !important; }
table[b-nzmjhkehc1] { font-size:13px !important; }
table th[b-nzmjhkehc1] { font-size:11px !important; }
.modal-header h2[b-nzmjhkehc1], .detail-modal h2[b-nzmjhkehc1] { font-size:20px !important; }
.detail-modal[b-nzmjhkehc1], .client-modal[b-nzmjhkehc1], .supplier-modal[b-nzmjhkehc1], .commessa-modal[b-nzmjhkehc1] { font-size:13.5px; }


/* =========================================================
   COMMESSE - Articoli come Vendita / Banco / DDT
   ========================================================= */
.form-modal[b-nzmjhkehc1] {
    width: min(1180px, calc(100vw - 36px)) !important;
    max-width: 1180px !important;
    overflow: hidden !important;
}

.form-modal .form-body[b-nzmjhkehc1] {
    overflow-x: hidden !important;
}

.sale-like-commessa-editor[b-nzmjhkehc1] {
    width: 100%;
    padding: 0 !important;
    box-sizing: border-box;
    border: 1px solid #d4d8dd !important;
    border-radius: 8px !important;
    background: #fff !important;
    overflow: visible !important;
}

.commessa-sale-entry[b-nzmjhkehc1] {
    display: grid;
    grid-template-columns:
        minmax(300px, 2.7fr)
        82px
        minmax(160px, 1.2fr)
        112px
        96px
        90px
        96px;
    gap: 7px;
    align-items: end;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    overflow: visible;
}

.commessa-sale-entry > *[b-nzmjhkehc1] {
    min-width: 0;
}

.commessa-sale-field > label[b-nzmjhkehc1] {
    display: block;
    margin-bottom: 5px;
    color: #59616b;
    font-size: 11px !important;
    font-weight: 750;
}

.commessa-sale-field input[b-nzmjhkehc1],
.commessa-sale-field select[b-nzmjhkehc1] {
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    border: 1px solid #cbd1d7;
    border-radius: 7px;
    background: #fff;
    padding: 0 9px;
    font-size: 13px !important;
}

.commessa-sale-article .autocomplete[b-nzmjhkehc1] {
    position: relative;
}

.commessa-sale-article .autocomplete-menu[b-nzmjhkehc1] {
    min-width: 430px;
    width: min(520px, calc(100vw - 80px));
    max-height: 280px;
    z-index: 220;
}

.commessa-article-result[b-nzmjhkehc1] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    text-align: left;
}

.commessa-article-result strong[b-nzmjhkehc1] {
    font-size: 13px;
}

.commessa-article-result span[b-nzmjhkehc1] {
    font-size: 12px;
}

.manual-commessa-result[b-nzmjhkehc1] {
    background: #fff7f7 !important;
    color: #c72828 !important;
    border-top: 1px solid #e5bebe !important;
}

.commessa-manual-fields[b-nzmjhkehc1] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 6px;
    margin-top: 6px;
}

.commessa-manual-fields input[b-nzmjhkehc1] {
    min-height: 38px !important;
}

.commessa-linked-box[b-nzmjhkehc1] {
    margin-top: 6px;
    border: 1px solid #d8dde2;
    border-radius: 8px;
    background: #f8f9fa;
    overflow: hidden;
}

.commessa-linked-box > strong[b-nzmjhkehc1] {
    display: block;
    padding: 7px 9px;
    color: #626b75;
    font-size: 10.5px;
    text-transform: uppercase;
}

.commessa-linked-box button[b-nzmjhkehc1] {
    width: 100%;
    border: 0;
    border-top: 1px solid #e1e5e8;
    background: #fff;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    font-size: 12.5px !important;
}

.commessa-linked-box button:hover[b-nzmjhkehc1] {
    background: #f2f5f7;
}

.commessa-sale-add[b-nzmjhkehc1] {
    width: 100%;
    min-height: 40px;
    border: 0;
    border-radius: 7px;
    background: #cf2f2f;
    color: #fff;
    padding: 0 9px;
    font-size: 12.5px !important;
    font-weight: 800;
    cursor: pointer;
}

.commessa-sale-add:disabled[b-nzmjhkehc1] {
    opacity: .55;
    cursor: default;
}

.commessa-row-preview[b-nzmjhkehc1] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 8px 12px 10px;
    border-top: 1px solid #e4e7ea;
    color: #66707a;
    font-size: 11px;
}

.commessa-row-preview strong[b-nzmjhkehc1] {
    color: #20262d;
    font-size: 14px;
}

.lines-editor[b-nzmjhkehc1] {
    margin-top: 10px !important;
}

@media (max-width: 1100px) {
    .form-modal[b-nzmjhkehc1] {
        width: calc(100vw - 20px) !important;
        max-width: none !important;
    }

    .commessa-sale-entry[b-nzmjhkehc1] {
        grid-template-columns:
            minmax(260px, 2.4fr)
            76px
            145px
            102px
            88px
            84px
            90px;
        gap: 5px;
    }
}


/* Commesse - righe compatte su una sola linea */
.commesse-table[b-nzmjhkehc1] {
    min-width: 0 !important;
    width: 100% !important;
    table-layout: fixed !important;
}

.commesse-table th[b-nzmjhkehc1],
.commesse-table td[b-nzmjhkehc1] {
    padding: 7px 9px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    vertical-align: middle !important;
}

.commesse-table th:nth-child(1)[b-nzmjhkehc1],
.commesse-table td:nth-child(1)[b-nzmjhkehc1] {
    width: 10%;
}

.commesse-table th:nth-child(2)[b-nzmjhkehc1],
.commesse-table td:nth-child(2)[b-nzmjhkehc1] {
    width: 12%;
}

.commesse-table th:nth-child(3)[b-nzmjhkehc1],
.commesse-table td:nth-child(3)[b-nzmjhkehc1] {
    width: 20%;
}

.commesse-table th:nth-child(4)[b-nzmjhkehc1],
.commesse-table td:nth-child(4)[b-nzmjhkehc1] {
    width: 18%;
}

.commesse-table th:nth-child(5)[b-nzmjhkehc1],
.commesse-table td:nth-child(5)[b-nzmjhkehc1] {
    width: 13%;
}

.commesse-table th:nth-child(6)[b-nzmjhkehc1],
.commesse-table td:nth-child(6)[b-nzmjhkehc1] {
    width: 13%;
}

.commesse-table th:nth-child(7)[b-nzmjhkehc1],
.commesse-table td:nth-child(7)[b-nzmjhkehc1],
.commesse-table th:nth-child(8)[b-nzmjhkehc1],
.commesse-table td:nth-child(8)[b-nzmjhkehc1] {
    width: 7%;
    text-align: center;
}

.customer-cell[b-nzmjhkehc1],
.machine-cell[b-nzmjhkehc1] {
    min-width: 0 !important;
    max-width: none !important;
}

.customer-cell[b-nzmjhkehc1] {
    font-weight: 600;
}

.commesse-table tbody tr[b-nzmjhkehc1] {
    height: 42px;
}

.commesse-table .status-badge[b-nzmjhkehc1],
.commesse-table .yes-badge[b-nzmjhkehc1],
.commesse-table .no-badge[b-nzmjhkehc1] {
    max-width: 100%;
    min-height: 20px;
    padding: 2px 7px;
    line-height: 1;
}


/* Anteprima fattura elettronica */
.invoice-preview-backdrop[b-nzmjhkehc1] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(15, 23, 42, 0.52);
}

.invoice-preview-modal[b-nzmjhkehc1] {
    width: min(1040px, 96vw);
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
}

.invoice-preview-header[b-nzmjhkehc1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px 16px;
    border-bottom: 1px solid #e5e7eb;
}

.invoice-preview-header h2[b-nzmjhkehc1] {
    margin: 0 0 4px;
    font-size: 22px;
}

.invoice-preview-header span[b-nzmjhkehc1] {
    color: #64748b;
    font-size: 13px;
}

.invoice-preview-body[b-nzmjhkehc1] {
    overflow: auto;
    padding: 18px 24px 20px;
}

.invoice-preview-notice[b-nzmjhkehc1] {
    margin-bottom: 16px;
    padding: 11px 13px;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    background: #eff6ff;
    color: #1e3a8a;
    font-size: 13px;
    line-height: 1.45;
}

.invoice-preview-grid[b-nzmjhkehc1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.invoice-preview-field[b-nzmjhkehc1] {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
}

.invoice-preview-field.span-2[b-nzmjhkehc1] {
    grid-column: span 2;
}

.invoice-preview-field label[b-nzmjhkehc1],
.invoice-preview-field small[b-nzmjhkehc1],
.invoice-preview-field strong[b-nzmjhkehc1] {
    display: block;
}

.invoice-preview-field label[b-nzmjhkehc1] {
    margin-bottom: 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.invoice-preview-field strong[b-nzmjhkehc1] {
    color: #0f172a;
    font-size: 14px;
}

.invoice-preview-field small[b-nzmjhkehc1] {
    margin-top: 4px;
    color: #64748b;
    font-size: 12px;
}

.invoice-preview-field input[b-nzmjhkehc1],
.invoice-preview-field select[b-nzmjhkehc1] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #fff;
    padding: 7px 9px;
    font: inherit;
}

.invoice-preview-lines[b-nzmjhkehc1] {
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.invoice-preview-lines table[b-nzmjhkehc1] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.invoice-preview-lines th[b-nzmjhkehc1],
.invoice-preview-lines td[b-nzmjhkehc1] {
    padding: 9px 10px;
    border-bottom: 1px solid #eef2f7;
    text-align: left;
    font-size: 12px;
}

.invoice-preview-lines th[b-nzmjhkehc1] {
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    text-transform: uppercase;
}

.invoice-preview-lines tbody tr:last-child td[b-nzmjhkehc1] {
    border-bottom: 0;
}

.invoice-preview-totals[b-nzmjhkehc1] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 15px;
}

.invoice-preview-totals > div[b-nzmjhkehc1] {
    min-width: 135px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #f8fafc;
}

.invoice-preview-totals span[b-nzmjhkehc1],
.invoice-preview-totals strong[b-nzmjhkehc1] {
    display: block;
}

.invoice-preview-totals span[b-nzmjhkehc1] {
    margin-bottom: 3px;
    color: #64748b;
    font-size: 11px;
}

.invoice-preview-totals strong[b-nzmjhkehc1] {
    font-size: 16px;
}

.invoice-preview-totals .grand-total[b-nzmjhkehc1] {
    background: #0f172a;
    color: #fff;
}

.invoice-preview-totals .grand-total span[b-nzmjhkehc1] {
    color: #cbd5e1;
}

.invoice-preview-error[b-nzmjhkehc1] {
    margin-top: 14px;
}

.invoice-preview-actions[b-nzmjhkehc1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 24px 18px;
    border-top: 1px solid #e5e7eb;
    background: #fff;
}

@media (max-width: 800px) {
    .invoice-preview-backdrop[b-nzmjhkehc1] {
        padding: 10px;
    }

    .invoice-preview-modal[b-nzmjhkehc1] {
        width: 100%;
        max-height: 96vh;
    }

    .invoice-preview-grid[b-nzmjhkehc1] {
        grid-template-columns: 1fr;
    }

    .invoice-preview-field.span-2[b-nzmjhkehc1] {
        grid-column: span 1;
    }

    .invoice-preview-totals[b-nzmjhkehc1] {
        flex-direction: column;
    }

    .invoice-preview-totals > div[b-nzmjhkehc1] {
        width: 100%;
    }
}
/* /Components/Pages/Contratti.razor.rz.scp.css */
.contracts-page[b-yvuybrly1x] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px 16px;
    box-sizing: border-box;
    color: #25292d;
}

.page-header[b-yvuybrly1x] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
}

.page-header h1[b-yvuybrly1x] {
    margin: 0;
    color: #25292d;
    font-size: 20px;
    line-height: 1.15;
}

.page-header p[b-yvuybrly1x] {
    margin: 4px 0 0;
    color: #6b7075;
    font-size: 11px;
}

.header-counter[b-yvuybrly1x] {
    min-width: 82px;
    padding: 7px 11px;
    border: 1px solid #d7dade;
    border-radius: 8px;
    background: #ffffff;
    text-align: right;
}

.header-counter span[b-yvuybrly1x] {
    display: block;
    color: #73787d;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.header-counter strong[b-yvuybrly1x] {
    display: block;
    margin-top: 1px;
    color: #c72d2d;
    font-size: 18px;
}

.toolbar-card[b-yvuybrly1x] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border: 1px solid #d7dade;
    border-radius: 9px;
    background: #ffffff;
}

.search-box[b-yvuybrly1x] {
    position: relative;
    width: min(420px, 48vw);
}

.search-box input[b-yvuybrly1x] {
    width: 100%;
    height: 34px;
    padding: 0 34px 0 32px;
    box-sizing: border-box;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: none;
    background: #ffffff;
    color: #272b2f;
    font-size: 11px;
}

.search-box input:focus[b-yvuybrly1x] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 2px rgba(201, 47, 47, 0.08);
}

.search-icon[b-yvuybrly1x] {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #73787c;
    font-size: 16px;
    pointer-events: none;
}

.clear-search[b-yvuybrly1x] {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #7b8085;
    cursor: pointer;
    font-size: 17px;
}

.clear-search:hover[b-yvuybrly1x] {
    background: #f0f1f2;
    color: #25292d;
}

.toolbar-spacer[b-yvuybrly1x] {
    flex: 1;
}

.records-info[b-yvuybrly1x] {
    flex-shrink: 0;
    color: #656a6f;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
}

.summary-grid[b-yvuybrly1x] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: 170px 150px minmax(220px, 1fr);
    gap: 9px;
}

.summary-card[b-yvuybrly1x] {
    min-width: 0;
    padding: 9px 11px;
    border: 1px solid #d7dade;
    border-radius: 9px;
    background: #ffffff;
}

.summary-card span[b-yvuybrly1x] {
    display: block;
    overflow: hidden;
    color: #6e7378;
    font-size: 9px;
    font-weight: 700;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.summary-card strong[b-yvuybrly1x] {
    display: block;
    margin-top: 3px;
    color: #25292d;
    font-size: 18px;
    line-height: 1;
}

.summary-card.amount strong[b-yvuybrly1x] {
    color: #c72d2d;
}

.message-card[b-yvuybrly1x],
.table-card[b-yvuybrly1x] {
    border: 1px solid #d7dade;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.035);
}

.message-card[b-yvuybrly1x] {
    flex-shrink: 0;
    padding: 9px 12px;
    font-size: 10px;
}

.message-card.error[b-yvuybrly1x] {
    border-color: #e7b4b4;
    background: #fff4f4;
    color: #a72828;
}

.table-card[b-yvuybrly1x] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-yvuybrly1x] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.contracts-table[b-yvuybrly1x] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
}

.contracts-table thead[b-yvuybrly1x] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f0f1f2;
}

.contracts-table th[b-yvuybrly1x],
.contracts-table td[b-yvuybrly1x] {
    padding: 9px 10px;
    border-bottom: 1px solid #e5e7e9;
    vertical-align: middle;
}

.contracts-table th[b-yvuybrly1x] {
    color: #45494d;
    font-size: 9px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}

.contracts-table td[b-yvuybrly1x] {
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contracts-table tbody tr:hover[b-yvuybrly1x] {
    background: #faf4f4;
}

.contracts-table th:nth-child(1)[b-yvuybrly1x],
.contracts-table td:nth-child(1)[b-yvuybrly1x] {
    width: 14%;
}

.contracts-table th:nth-child(2)[b-yvuybrly1x],
.contracts-table td:nth-child(2)[b-yvuybrly1x] {
    width: 10%;
}

.contracts-table th:nth-child(3)[b-yvuybrly1x],
.contracts-table td:nth-child(3)[b-yvuybrly1x] {
    width: 22%;
}

.contracts-table th:nth-child(4)[b-yvuybrly1x],
.contracts-table td:nth-child(4)[b-yvuybrly1x] {
    width: 23%;
}

.contracts-table th:nth-child(5)[b-yvuybrly1x],
.contracts-table td:nth-child(5)[b-yvuybrly1x] {
    width: 12%;
}

.contracts-table th:nth-child(6)[b-yvuybrly1x],
.contracts-table td:nth-child(6)[b-yvuybrly1x] {
    width: 9%;
}

.contracts-table th:nth-child(7)[b-yvuybrly1x],
.contracts-table td:nth-child(7)[b-yvuybrly1x] {
    width: 150px;
}

.document-number[b-yvuybrly1x] {
    color: #b82929;
    font-weight: 800;
}

.customer-cell[b-yvuybrly1x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.customer-cell strong[b-yvuybrly1x],
.customer-cell small[b-yvuybrly1x] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-cell strong[b-yvuybrly1x] {
    font-size: 10px;
}

.customer-cell small[b-yvuybrly1x] {
    color: #777c81;
    font-size: 9px;
}

.subject-cell[b-yvuybrly1x] {
    color: #4b5055;
}

.numeric[b-yvuybrly1x] {
    text-align: right !important;
}

.total-cell[b-yvuybrly1x] {
    color: #25292d;
    font-weight: 800;
}

.status-badge[b-yvuybrly1x] {
    display: inline-flex;
    min-height: 23px;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.status-badge.accepted[b-yvuybrly1x] {
    background: #e8f5ec;
    color: #287142;
}

.actions-column[b-yvuybrly1x] {
    text-align: right !important;
}

.row-actions[b-yvuybrly1x] {
    text-align: right;
}

.generate-button[b-yvuybrly1x] {
    min-height: 30px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #f7f8f8;
    color: #777c80;
    font-size: 9px;
    font-weight: 700;
}

.generate-button:disabled[b-yvuybrly1x] {
    cursor: not-allowed;
    opacity: 0.68;
}

.empty-row[b-yvuybrly1x],
.loading-state[b-yvuybrly1x] {
    color: #73787d;
    font-size: 11px;
    text-align: center;
}

.empty-row[b-yvuybrly1x] {
    height: 90px !important;
}

.loading-state[b-yvuybrly1x] {
    display: flex;
    min-height: 120px;
    flex: 1;
    align-items: center;
    justify-content: center;
}

@media (max-width: 900px) {
    .contracts-page[b-yvuybrly1x] {
        padding: 12px;
    }

    .summary-grid[b-yvuybrly1x] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .search-box[b-yvuybrly1x] {
        width: min(360px, 55vw);
    }
}


/* ============================================================
   FASE 2 - contratti generati + preventivi pronti
   ============================================================ */

.contracts-page[b-yvuybrly1x] {
    gap: 8px;
}

.message-card.success[b-yvuybrly1x] {
    border-color: #b8ddc3;
    background: #f1faf4;
    color: #25653b;
}

.section-title[b-yvuybrly1x] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-top: 1px;
    padding: 0 2px;
}

.section-title h2[b-yvuybrly1x] {
    margin: 0;
    color: #292d31;
    font-size: 12px;
    line-height: 1.15;
}

.section-title p[b-yvuybrly1x] {
    margin: 2px 0 0;
    color: #777c81;
    font-size: 9px;
}

.ready-title[b-yvuybrly1x] {
    margin-top: 3px;
}

.ready-count[b-yvuybrly1x] {
    display: inline-flex;
    min-width: 26px;
    height: 24px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    background: #fce8e8;
    color: #bd2929;
    font-size: 10px;
    font-weight: 800;
}

.generated-table[b-yvuybrly1x] {
    flex: 0 1 48%;
    min-height: 150px;
}

.ready-table[b-yvuybrly1x] {
    flex: 1 1 45%;
    min-height: 150px;
}

.source-document[b-yvuybrly1x] {
    color: #666c71;
    font-weight: 700;
}

.status-badge.contract[b-yvuybrly1x] {
    background: #edf0f3;
    color: #4c545b;
}

.generate-button.active[b-yvuybrly1x] {
    border-color: #c92f2f;
    background: #c92f2f;
    color: #ffffff;
    cursor: pointer;
    opacity: 1;
}

.generate-button.active:hover:not(:disabled)[b-yvuybrly1x] {
    border-color: #ad2525;
    background: #ad2525;
}

.generate-button.active:disabled[b-yvuybrly1x] {
    cursor: wait;
    opacity: 0.58;
}

/* Tabella contratti generati */
.generated-table .contracts-table th:nth-child(1)[b-yvuybrly1x],
.generated-table .contracts-table td:nth-child(1)[b-yvuybrly1x] {
    width: 13%;
}

.generated-table .contracts-table th:nth-child(2)[b-yvuybrly1x],
.generated-table .contracts-table td:nth-child(2)[b-yvuybrly1x] {
    width: 9%;
}

.generated-table .contracts-table th:nth-child(3)[b-yvuybrly1x],
.generated-table .contracts-table td:nth-child(3)[b-yvuybrly1x] {
    width: 21%;
}

.generated-table .contracts-table th:nth-child(4)[b-yvuybrly1x],
.generated-table .contracts-table td:nth-child(4)[b-yvuybrly1x] {
    width: 22%;
}

.generated-table .contracts-table th:nth-child(5)[b-yvuybrly1x],
.generated-table .contracts-table td:nth-child(5)[b-yvuybrly1x] {
    width: 13%;
}

.generated-table .contracts-table th:nth-child(6)[b-yvuybrly1x],
.generated-table .contracts-table td:nth-child(6)[b-yvuybrly1x] {
    width: 13%;
}

.generated-table .contracts-table th:nth-child(7)[b-yvuybrly1x],
.generated-table .contracts-table td:nth-child(7)[b-yvuybrly1x] {
    width: 9%;
}

/* Tabella preventivi pronti */
.ready-table .contracts-table th:nth-child(1)[b-yvuybrly1x],
.ready-table .contracts-table td:nth-child(1)[b-yvuybrly1x] {
    width: 14%;
}

.ready-table .contracts-table th:nth-child(2)[b-yvuybrly1x],
.ready-table .contracts-table td:nth-child(2)[b-yvuybrly1x] {
    width: 10%;
}

.ready-table .contracts-table th:nth-child(3)[b-yvuybrly1x],
.ready-table .contracts-table td:nth-child(3)[b-yvuybrly1x] {
    width: 21%;
}

.ready-table .contracts-table th:nth-child(4)[b-yvuybrly1x],
.ready-table .contracts-table td:nth-child(4)[b-yvuybrly1x] {
    width: 22%;
}

.ready-table .contracts-table th:nth-child(5)[b-yvuybrly1x],
.ready-table .contracts-table td:nth-child(5)[b-yvuybrly1x] {
    width: 12%;
}

.ready-table .contracts-table th:nth-child(6)[b-yvuybrly1x],
.ready-table .contracts-table td:nth-child(6)[b-yvuybrly1x] {
    width: 9%;
}

.ready-table .contracts-table th:nth-child(7)[b-yvuybrly1x],
.ready-table .contracts-table td:nth-child(7)[b-yvuybrly1x] {
    width: 150px;
}

@media (max-height: 760px) {
    .generated-table[b-yvuybrly1x],
    .ready-table[b-yvuybrly1x] {
        min-height: 120px;
    }

    .summary-card[b-yvuybrly1x] {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .contracts-table th[b-yvuybrly1x],
    .contracts-table td[b-yvuybrly1x] {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .contracts-table td[b-yvuybrly1x] {
        height: 39px;
    }
}


/* ============================================================
   FASE 3 - dettaglio / modifica contratto
   ============================================================ */

.clickable-row[b-yvuybrly1x] {
    cursor: pointer;
}

.clickable-row:hover[b-yvuybrly1x] {
    background: #faeeee !important;
}

.contract-modal-backdrop[b-yvuybrly1x] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    box-sizing: border-box;
    background: rgba(20, 22, 24, 0.54);
}

.contract-modal[b-yvuybrly1x] {
    width: min(1050px, 94vw);
    height: min(720px, 88vh);
    min-height: 560px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd3d7;
    border-radius: 12px;
    background: #f3f4f5;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.28);
}

.contract-modal-header[b-yvuybrly1x] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 15px 17px 12px;
    border-bottom: 1px solid #d9dcdf;
    background: #ffffff;
}

.modal-eyebrow[b-yvuybrly1x] {
    display: block;
    margin-bottom: 3px;
    color: #b42929;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
}

.modal-title-row[b-yvuybrly1x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-title-row h2[b-yvuybrly1x] {
    margin: 0;
    color: #25292d;
    font-size: 20px;
    line-height: 1.1;
}

.contract-modal-header small[b-yvuybrly1x] {
    display: block;
    margin-top: 4px;
    color: #72777c;
    font-size: 9px;
}

.modal-close[b-yvuybrly1x] {
    width: 31px;
    height: 31px;
    flex-shrink: 0;
    border: 1px solid #d2d5d8;
    border-radius: 7px;
    background: #ffffff;
    color: #5d6267;
    cursor: pointer;
    font-size: 19px;
    line-height: 1;
}

.modal-close:hover[b-yvuybrly1x] {
    border-color: #c42b2b;
    background: #fff5f5;
    color: #b92727;
}

.modal-message[b-yvuybrly1x] {
    flex-shrink: 0;
    margin: 8px 14px 0;
    padding: 8px 10px;
    border-radius: 7px;
    font-size: 10px;
}

.modal-message.error[b-yvuybrly1x] {
    border: 1px solid #e5b1b1;
    background: #fff1f1;
    color: #a62828;
}

.contract-tabs[b-yvuybrly1x] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    gap: 4px;
    padding: 8px 14px 0;
    border-bottom: 1px solid #d9dcdf;
    background: #ffffff;
}

.contract-tab[b-yvuybrly1x] {
    min-width: 105px;
    height: 34px;
    padding: 0 13px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #63686d;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
}

.contract-tab:hover[b-yvuybrly1x] {
    color: #b72a2a;
}

.contract-tab.active[b-yvuybrly1x] {
    border-bottom-color: #d22f2f;
    color: #c12929;
}

.contract-modal-body[b-yvuybrly1x] {
    min-height: 0;
    flex: 1;
    padding: 12px 14px;
    overflow: auto;
}

.contract-form-section[b-yvuybrly1x] {
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #ffffff;
}

.contract-form-section:last-child[b-yvuybrly1x] {
    margin-bottom: 0;
}

.fill-section[b-yvuybrly1x] {
    min-height: calc(100% - 2px);
    box-sizing: border-box;
}

.form-section-heading[b-yvuybrly1x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.form-section-heading h3[b-yvuybrly1x] {
    margin: 0;
    color: #2e3236;
    font-size: 12px;
}

.form-section-heading p[b-yvuybrly1x] {
    margin: 2px 0 0;
    color: #777c81;
    font-size: 9px;
}

.contract-form-grid[b-yvuybrly1x] {
    display: grid;
    gap: 9px 10px;
}

.contract-form-grid.document-grid[b-yvuybrly1x] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.contract-form-grid.customer-grid[b-yvuybrly1x] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.contract-form-grid label[b-yvuybrly1x],
.conditions-grid label[b-yvuybrly1x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contract-form-grid label.wide[b-yvuybrly1x],
.conditions-grid label.wide[b-yvuybrly1x] {
    grid-column: span 2;
}

.contract-form-grid label > span[b-yvuybrly1x],
.conditions-grid label > span[b-yvuybrly1x] {
    color: #5e6368;
    font-size: 9px;
    font-weight: 700;
}

.contract-form-grid input[b-yvuybrly1x],
.conditions-grid input[b-yvuybrly1x],
.conditions-grid textarea[b-yvuybrly1x] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: none;
    background: #ffffff;
    color: #292d31;
    font: inherit;
    font-size: 10px;
}

.contract-form-grid input[b-yvuybrly1x],
.conditions-grid input[b-yvuybrly1x] {
    height: 34px;
    padding: 0 9px;
}

.conditions-grid textarea[b-yvuybrly1x] {
    min-height: 70px;
    padding: 8px 9px;
    resize: vertical;
}

.contract-form-grid input:focus[b-yvuybrly1x],
.conditions-grid input:focus[b-yvuybrly1x],
.conditions-grid textarea:focus[b-yvuybrly1x],
.contract-lines-table input:focus[b-yvuybrly1x],
.trade-editor-row input:focus[b-yvuybrly1x] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 2px rgba(201, 47, 47, 0.07);
}

.contract-form-grid input:disabled[b-yvuybrly1x] {
    background: #f1f2f3;
    color: #74797e;
}

.secondary-button[b-yvuybrly1x],
.primary-button[b-yvuybrly1x] {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
}

.secondary-button[b-yvuybrly1x] {
    border: 1px solid #cdd1d5;
    background: #ffffff;
    color: #4d5257;
    cursor: pointer;
}

.secondary-button:hover:not(:disabled)[b-yvuybrly1x] {
    background: #f4f5f6;
}

.primary-button[b-yvuybrly1x] {
    border: 1px solid #c92e2e;
    background: #c92e2e;
    color: #ffffff;
    cursor: pointer;
}

.primary-button:hover:not(:disabled)[b-yvuybrly1x] {
    background: #ae2727;
}

.secondary-button:disabled[b-yvuybrly1x],
.primary-button:disabled[b-yvuybrly1x] {
    cursor: not-allowed;
    opacity: .55;
}

.contract-lines-wrapper[b-yvuybrly1x] {
    min-height: 0;
    max-height: 315px;
    overflow: auto;
    border: 1px solid #d9dcdf;
    border-radius: 7px;
}

.contract-lines-table[b-yvuybrly1x] {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 9px;
}

.contract-lines-table thead[b-yvuybrly1x] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #eef0f1;
}

.contract-lines-table th[b-yvuybrly1x],
.contract-lines-table td[b-yvuybrly1x] {
    padding: 6px;
    border-bottom: 1px solid #e1e3e5;
}

.contract-lines-table th[b-yvuybrly1x] {
    color: #50555a;
    font-size: 8px;
    text-align: left;
    text-transform: uppercase;
}

.contract-lines-table input[b-yvuybrly1x] {
    width: 100%;
    height: 30px;
    min-width: 0;
    padding: 0 7px;
    box-sizing: border-box;
    border: 1px solid #d1d4d7;
    border-radius: 5px;
    outline: none;
    font-size: 9px;
}

.contract-lines-table input[type="number"][b-yvuybrly1x] {
    text-align: right;
    appearance: textfield;
}

.contract-lines-table input[type="number"][b-yvuybrly1x]::-webkit-inner-spin-button,
.contract-lines-table input[type="number"][b-yvuybrly1x]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.line-code[b-yvuybrly1x] {
    width: 14%;
}

.line-qty[b-yvuybrly1x] {
    width: 9%;
}

.line-price[b-yvuybrly1x] {
    width: 14%;
}

.line-discount[b-yvuybrly1x] {
    width: 10%;
}

.line-total[b-yvuybrly1x] {
    width: 13%;
    text-align: right !important;
}

.line-delete[b-yvuybrly1x] {
    width: 38px;
}

.line-total-value[b-yvuybrly1x] {
    font-weight: 800;
    text-align: right;
}

.money-editor[b-yvuybrly1x] {
    position: relative;
}

.money-editor > span[b-yvuybrly1x] {
    position: absolute;
    top: 50%;
    left: 8px;
    z-index: 1;
    transform: translateY(-50%);
    color: #64696e;
    font-size: 9px;
    pointer-events: none;
}

.money-editor input[b-yvuybrly1x] {
    padding-left: 21px;
}

.line-delete-button[b-yvuybrly1x] {
    width: 28px;
    height: 28px;
    border: 1px solid #e0b8b8;
    border-radius: 5px;
    background: #fff5f5;
    color: #bd2929;
    cursor: pointer;
    font-size: 16px;
}

.line-delete-button:hover[b-yvuybrly1x] {
    background: #fce7e7;
}

.contract-summary[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.contract-summary > div[b-yvuybrly1x] {
    min-width: 0;
    display: flex;
    min-height: 51px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid #d9dcdf;
    border-radius: 7px;
    background: #f7f8f8;
}

.contract-summary span[b-yvuybrly1x] {
    color: #61666b;
    font-size: 9px;
    font-weight: 700;
}

.contract-summary strong[b-yvuybrly1x] {
    color: #25292d;
    font-size: 12px;
}

.percent-editor[b-yvuybrly1x] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.percent-editor input[b-yvuybrly1x] {
    width: 72px;
    height: 29px;
    padding: 0 7px;
    border: 1px solid #ced2d5;
    border-radius: 5px;
    text-align: right;
}

.conditions-layout[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: 10px;
}

.conditions-layout .contract-form-section:first-child[b-yvuybrly1x] {
    grid-column: 1 / 2;
}

.conditions-layout .contract-form-section:nth-child(2)[b-yvuybrly1x] {
    grid-column: 2 / 3;
}

.conditions-grid[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.trade-editor-list[b-yvuybrly1x] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.trade-editor-row[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px 32px;
    gap: 7px;
}

.trade-editor-row input[b-yvuybrly1x] {
    width: 100%;
    height: 32px;
    min-width: 0;
    padding: 0 8px;
    box-sizing: border-box;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: none;
    font-size: 9px;
}

.trade-money input[b-yvuybrly1x] {
    padding-left: 21px;
    text-align: right;
}

.empty-inline[b-yvuybrly1x] {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #d4d7da;
    border-radius: 7px;
    color: #7a7f84;
    font-size: 9px;
}

.contract-total-card[b-yvuybrly1x] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #ffffff;
}

.contract-total-card > div[b-yvuybrly1x] {
    min-width: 0;
    padding: 10px 11px;
    border-right: 1px solid #e1e3e5;
}

.contract-total-card > div:last-child[b-yvuybrly1x] {
    border-right: 0;
}

.contract-total-card span[b-yvuybrly1x],
.contract-total-card strong[b-yvuybrly1x] {
    display: block;
}

.contract-total-card span[b-yvuybrly1x] {
    color: #6d7277;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.contract-total-card strong[b-yvuybrly1x] {
    margin-top: 3px;
    color: #292d31;
    font-size: 12px;
}

.contract-total-card .grand-total[b-yvuybrly1x] {
    background: #fff1f1;
}

.contract-total-card .grand-total strong[b-yvuybrly1x] {
    color: #bf2929;
    font-size: 14px;
}

.contract-modal-footer[b-yvuybrly1x] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border-top: 1px solid #d9dcdf;
    background: #ffffff;
}

.footer-left[b-yvuybrly1x],
.footer-right[b-yvuybrly1x] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.print-contract-button[b-yvuybrly1x] {
    min-width: 120px;
}

@media (max-width: 900px) {
    .contract-modal[b-yvuybrly1x] {
        width: 97vw;
        height: 92vh;
    }

    .contract-form-grid.customer-grid[b-yvuybrly1x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .conditions-layout[b-yvuybrly1x] {
        grid-template-columns: 1fr;
    }

    .conditions-layout .contract-form-section:first-child[b-yvuybrly1x],
    .conditions-layout .contract-form-section:nth-child(2)[b-yvuybrly1x] {
        grid-column: 1;
    }

    .contract-total-card[b-yvuybrly1x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* ============================================================
   ALLINEAMENTO VISIVO CON CLIENTI / DDT
   ============================================================ */

.contracts-page[b-yvuybrly1x] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 18px 14px;
    box-sizing: border-box;
}

.page-title[b-yvuybrly1x] {
    flex-shrink: 0;
    margin: 0;
    color: #24282c;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

.toolbar-card[b-yvuybrly1x] {
    min-height: 58px;
    padding: 9px 12px;
    border: 1px solid #d3d7db;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .025);
}

.search-box[b-yvuybrly1x] {
    width: min(690px, 65vw);
}

.search-box input[b-yvuybrly1x] {
    height: 38px;
    font-size: 11px;
}

.compact-stats[b-yvuybrly1x] {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #4f555a;
    font-size: 10px;
    white-space: nowrap;
}

.compact-stats span[b-yvuybrly1x] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.compact-stats strong[b-yvuybrly1x] {
    color: #262a2e;
    font-size: 11px;
}

.compact-stats .compact-total strong[b-yvuybrly1x] {
    color: #c92e2e;
    font-size: 12px;
}

.summary-grid[b-yvuybrly1x],
.header-counter[b-yvuybrly1x],
.page-header[b-yvuybrly1x] {
    display: none !important;
}

.section-title[b-yvuybrly1x] {
    min-height: 20px;
    margin: 0;
    padding: 0 2px;
    align-items: center;
}

.section-title h2[b-yvuybrly1x] {
    margin: 0;
    color: #303438;
    font-size: 11px;
    font-weight: 700;
}

.section-title p[b-yvuybrly1x],
.ready-count[b-yvuybrly1x] {
    display: none !important;
}

.generated-table[b-yvuybrly1x] {
    flex: 1 1 58%;
    min-height: 185px;
}

.ready-title[b-yvuybrly1x] {
    margin-top: 1px;
}

.ready-table[b-yvuybrly1x] {
    flex: 0 1 33%;
    min-height: 145px;
}

.table-card[b-yvuybrly1x] {
    border: 1px solid #d4d8dc;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: none;
}

.contracts-table[b-yvuybrly1x] {
    font-size: 10px;
}

.contracts-table thead[b-yvuybrly1x] {
    background: #f0f1f2;
}

.contracts-table th[b-yvuybrly1x] {
    height: 31px;
    padding: 0 10px;
    font-size: 9px;
    vertical-align: middle;
}

.contracts-table td[b-yvuybrly1x] {
    height: 46px;
    padding: 0 10px;
}

.contracts-table tbody tr:hover[b-yvuybrly1x] {
    background: #fafafa;
}

.clickable-row:hover[b-yvuybrly1x] {
    background: #fff4f4 !important;
}

.message-card[b-yvuybrly1x] {
    margin: 0;
}

@media (max-width: 1050px) {
    .compact-stats[b-yvuybrly1x] {
        gap: 8px;
    }

    .compact-total[b-yvuybrly1x] {
        display: none !important;
    }
}


/* ============================================================
   ALLINEAMENTO ESATTO ALLE ALTRE PAGINE DEL GESTIONALE
   Il page-content del MainLayout gestisce già i margini.
   ============================================================ */

.contracts-page[b-yvuybrly1x] {
    padding: 0 !important;
}

.page-title[b-yvuybrly1x] {
    margin: 0 0 10px !important;
}

.toolbar-card[b-yvuybrly1x] {
    margin: 0 !important;
}



/* ============================================================
   VENDITA MEZZI - FLUSSO AMMINISTRATIVO ADRIANA
   ============================================================ */

.admin-sale-modal[b-yvuybrly1x] {
    width: min(1080px, 95vw);
}

.contract-form-grid select[b-yvuybrly1x],
.contract-form-grid textarea[b-yvuybrly1x] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: none;
    background: #ffffff;
    color: #292d31;
    font: inherit;
    font-size: 10px;
}

.contract-form-grid select[b-yvuybrly1x] {
    height: 34px;
    padding: 0 8px;
}

.contract-form-grid textarea[b-yvuybrly1x] {
    min-height: 86px;
    padding: 8px 9px;
    resize: vertical;
}

.contract-form-grid select:focus[b-yvuybrly1x],
.contract-form-grid textarea:focus[b-yvuybrly1x] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 2px rgba(201, 47, 47, 0.07);
}

.admin-grid-4[b-yvuybrly1x] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.admin-grid-2[b-yvuybrly1x] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-mezzo-head[b-yvuybrly1x] {
    margin-bottom: 11px;
}

.admin-readonly-lines[b-yvuybrly1x] {
    max-height: 330px;
}

.admin-readonly-lines td[b-yvuybrly1x] {
    height: 36px;
    padding: 6px 8px;
}

.checkbox-field[b-yvuybrly1x] {
    justify-content: flex-end;
}

.checkbox-line[b-yvuybrly1x] {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 9px;
    box-sizing: border-box;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #ffffff;
}

.checkbox-line input[b-yvuybrly1x] {
    width: 15px !important;
    height: 15px !important;
    margin: 0;
    padding: 0;
}

.checkbox-line span[b-yvuybrly1x] {
    color: #454a4f;
    font-size: 10px;
    font-weight: 500;
}

.admin-payment-layout[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(250px, .65fr);
    gap: 10px;
}

.admin-balance-card[b-yvuybrly1x] {
    align-self: start;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #ffffff;
}

.admin-balance-card > div[b-yvuybrly1x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 14px;
    border-bottom: 1px solid #e3e5e7;
}

.admin-balance-card > div:last-child[b-yvuybrly1x] {
    border-bottom: 0;
}

.admin-balance-card span[b-yvuybrly1x] {
    color: #646a6f;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.admin-balance-card strong[b-yvuybrly1x] {
    color: #282c30;
    font-size: 13px;
}

.admin-balance-card .grand-total[b-yvuybrly1x] {
    background: #fff1f1;
}

.admin-balance-card .grand-total strong[b-yvuybrly1x] {
    color: #c62929;
    font-size: 17px;
}

.admin-money-editor input[b-yvuybrly1x] {
    width: 100%;
    height: 34px;
    box-sizing: border-box;
}

.admin-delivery-layout[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 10px;
}

.admin-delivery-layout .contract-form-section:first-child[b-yvuybrly1x] {
    grid-row: span 2;
}

.admin-trade-list[b-yvuybrly1x] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.admin-trade-row[b-yvuybrly1x] {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 10px;
    border: 1px solid #d9dcdf;
    border-radius: 6px;
    background: #f7f8f8;
}

.admin-trade-row span[b-yvuybrly1x] {
    min-width: 0;
    overflow: hidden;
    color: #3f4449;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-trade-row strong[b-yvuybrly1x] {
    flex-shrink: 0;
    color: #292d31;
    font-size: 11px;
}

.readonly-note[b-yvuybrly1x] {
    min-height: 55px;
    padding: 9px 10px;
    box-sizing: border-box;
    border: 1px solid #d9dcdf;
    border-radius: 6px;
    background: #f7f8f8;
    color: #4f555a;
    font-size: 10px;
    line-height: 1.45;
    white-space: pre-wrap;
}

.sale-status.draft[b-yvuybrly1x] {
    background: #eceff1;
    color: #566069;
}

.sale-status.to-sign[b-yvuybrly1x] {
    background: #fff1c9;
    color: #8a6400;
}

.sale-status.signed[b-yvuybrly1x] {
    background: #e5f5ea;
    color: #246d3c;
}

.sale-status.ordered[b-yvuybrly1x] {
    background: #e8effb;
    color: #315f9a;
}

.sale-status.preparing[b-yvuybrly1x] {
    background: #ede9fa;
    color: #624f98;
}

.sale-status.delivered[b-yvuybrly1x] {
    background: #dff4e5;
    color: #1f7139;
}

.sale-status.cancelled[b-yvuybrly1x] {
    background: #fde7e7;
    color: #a92c2c;
}

@media (max-width: 900px) {
    .admin-grid-4[b-yvuybrly1x] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-payment-layout[b-yvuybrly1x],
    .admin-delivery-layout[b-yvuybrly1x] {
        grid-template-columns: 1fr;
    }

    .admin-delivery-layout .contract-form-section:first-child[b-yvuybrly1x] {
        grid-row: auto;
    }
}


/* ============================================================
   FASE OPERATIVA: DDT, CONSEGNA, CHIUSURA
   ============================================================ */

.delivery-document-card[b-yvuybrly1x] {
    align-self: start;
}

.linked-document[b-yvuybrly1x] {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 10px;
    border: 1px solid #d7dadd;
    border-radius: 7px;
    background: #f7f8f8;
}

.linked-document-icon[b-yvuybrly1x] {
    width: 42px;
    height: 36px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #e9ecee;
    color: #555d63;
    font-size: 10px;
    font-weight: 800;
}

.linked-document-data[b-yvuybrly1x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.linked-document-data strong[b-yvuybrly1x] {
    color: #272c30;
    font-size: 11px;
}

.linked-document-data span[b-yvuybrly1x] {
    color: #6a7075;
    font-size: 9px;
}

.delivery-document-empty[b-yvuybrly1x] {
    min-height: 52px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 7px 9px;
    border: 1px dashed #cfd3d6;
    border-radius: 7px;
    background: #fafafa;
}

.delivery-document-empty strong[b-yvuybrly1x] {
    color: #373c40;
    font-size: 10px;
}

.delivery-document-empty span[b-yvuybrly1x] {
    color: #71777c;
    font-size: 9px;
    line-height: 1.4;
}

.generate-ddt-button[b-yvuybrly1x] {
    width: 100%;
    margin-top: 8px;
}

.delivery-action-row[b-yvuybrly1x] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
}

.ddt-print-link[b-yvuybrly1x] {
    text-decoration: none;
}

.sale-completion-card[b-yvuybrly1x] {
    align-self: start;
}

.sale-progress-list[b-yvuybrly1x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sale-progress-step[b-yvuybrly1x] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 4px 7px;
    border-bottom: 1px solid #eceeef;
}

.sale-progress-step:last-child[b-yvuybrly1x] {
    border-bottom: 0;
}

.progress-dot[b-yvuybrly1x] {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border: 2px solid #b8bdc1;
    border-radius: 50%;
    background: #ffffff;
}

.sale-progress-step.completed .progress-dot[b-yvuybrly1x] {
    border-color: #2d7c47;
    background: #2d7c47;
}

.sale-progress-step > div[b-yvuybrly1x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.sale-progress-step strong[b-yvuybrly1x] {
    color: #34393d;
    font-size: 9.5px;
}

.sale-progress-step small[b-yvuybrly1x] {
    color: #787e83;
    font-size: 8.5px;
}

.sale-progress-step.completed strong[b-yvuybrly1x] {
    color: #255f37;
}

.completion-actions[b-yvuybrly1x] {
    padding-top: 5px;
    border-top: 1px solid #eceeef;
}

.completion-actions button[b-yvuybrly1x] {
    flex: 1;
}

.delivery-hint[b-yvuybrly1x] {
    margin-top: 7px;
    padding: 6px 8px;
    border-radius: 5px;
    background: #fff7df;
    color: #765b0d;
    font-size: 8.7px;
    line-height: 1.35;
}

.sale-status.closed[b-yvuybrly1x] {
    background: #dfeee3;
    color: #205f35;
}

@media (max-width: 900px) {
    .delivery-action-row[b-yvuybrly1x] {
        flex-wrap: wrap;
    }

    .completion-actions button[b-yvuybrly1x] {
        min-width: 150px;
    }
}


/* ============================================================
   CLIENTE PRATICA - AUTOCOMPLETE + ANAGRAFICA
   ============================================================ */

.customer-practice-section[b-yvuybrly1x] {
    overflow: visible;
}

.customer-heading[b-yvuybrly1x] {
    align-items: flex-start;
}

.customer-link-badge[b-yvuybrly1x] {
    flex-shrink: 0;
    padding: 5px 8px;
    border-radius: 999px;
    font-size: 8.5px;
    font-weight: 800;
    text-transform: uppercase;
}

.customer-link-badge.linked[b-yvuybrly1x] {
    background: #e4f4e8;
    color: #22643a;
}

.customer-link-badge.new[b-yvuybrly1x] {
    background: #fff1d7;
    color: #805d0d;
}

.practice-document-grid[b-yvuybrly1x] {
    margin-bottom: 10px;
}

.customer-admin-block[b-yvuybrly1x] {
    position: relative;
    padding-top: 10px;
    border-top: 1px solid #e1e4e6;
}

.customer-search-row[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px;
    gap: 9px;
    align-items: end;
    margin-bottom: 8px;
}

.customer-search-label[b-yvuybrly1x] {
    min-width: 0;
}

.contract-customer-autocomplete[b-yvuybrly1x] {
    position: relative;
}

.contract-customer-autocomplete > input[b-yvuybrly1x] {
    padding-right: 34px !important;
}

.customer-autocomplete-clear[b-yvuybrly1x] {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #7a8085;
    font-size: 16px;
    cursor: pointer;
}

.customer-autocomplete-clear:hover[b-yvuybrly1x] {
    background: #eceeef;
    color: #c52b2b;
}

.contract-customer-menu[b-yvuybrly1x] {
    position: absolute;
    z-index: 100;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .14);
}

.contract-customer-option[b-yvuybrly1x],
.contract-customer-create[b-yvuybrly1x] {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #2d3236;
    text-align: left;
    cursor: pointer;
}

.contract-customer-option:hover[b-yvuybrly1x] {
    background: #fff4f4;
}

.customer-option-main[b-yvuybrly1x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.customer-option-main strong[b-yvuybrly1x] {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-option-main small[b-yvuybrly1x] {
    color: #757b80;
    font-size: 8.5px;
}

.customer-option-contact[b-yvuybrly1x] {
    flex-shrink: 0;
    color: #666c71;
    font-size: 9px;
}

.contract-customer-empty[b-yvuybrly1x] {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    color: #70767b;
    font-size: 9px;
}

.contract-customer-create[b-yvuybrly1x] {
    min-height: 52px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    border-bottom: 0;
    background: #fff9ed;
}

.contract-customer-create:hover:not(:disabled)[b-yvuybrly1x] {
    background: #fff1d3;
}

.contract-customer-create strong[b-yvuybrly1x] {
    color: #8a5d00;
    font-size: 9.5px;
}

.contract-customer-create span[b-yvuybrly1x] {
    max-width: 100%;
    overflow: hidden;
    color: #7b6d50;
    font-size: 8.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-code-box[b-yvuybrly1x] {
    min-height: 34px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4px 9px;
    box-sizing: border-box;
    border: 1px solid #d2d6d9;
    border-radius: 6px;
    background: #f4f5f5;
}

.customer-code-box span[b-yvuybrly1x],
.selected-customer-strip span[b-yvuybrly1x] {
    color: #73797e;
    font-size: 7.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.customer-code-box strong[b-yvuybrly1x] {
    margin-top: 2px;
    color: #31363a;
    font-size: 10px;
}

.selected-customer-strip[b-yvuybrly1x] {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 9px;
    padding: 0 9px;
    border: 1px solid #d8dcdf;
    border-radius: 6px;
    background: #f8f9f9;
}

.selected-customer-strip strong[b-yvuybrly1x] {
    color: #2e3337;
    font-size: 10px;
}

.customer-type-row[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr) minmax(0, 1fr);
    gap: 9px;
    margin-bottom: 9px;
}

.customer-type-row .customer-main-name[b-yvuybrly1x] {
    grid-column: span 2;
}

.customer-details-grid .span-2[b-yvuybrly1x] {
    grid-column: span 2;
}

@media (max-width: 850px) {
    .customer-search-row[b-yvuybrly1x] {
        grid-template-columns: 1fr;
    }

    .customer-type-row[b-yvuybrly1x] {
        grid-template-columns: 1fr 1fr;
    }

    .customer-type-row .customer-main-name[b-yvuybrly1x] {
        grid-column: auto;
    }
}


/* ===== Vendita mezzi - cliente stile Preventivi ===== */
.customer-practice-section[b-yvuybrly1x] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.contract-customer-box[b-yvuybrly1x] {
    border: 1px solid #d8dce2;
    border-radius: 12px;
    background: #fff;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.customer-compact-heading[b-yvuybrly1x] {
    margin-bottom: 0;
}

.customer-compact-heading h3[b-yvuybrly1x] {
    margin: 0;
}

.customer-compact-heading p[b-yvuybrly1x] {
    margin: 4px 0 0;
}

.customer-mode-badge[b-yvuybrly1x] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.customer-mode-badge.manual[b-yvuybrly1x] {
    background: #f0dfac;
    color: #8a6500;
}

.customer-mode-badge.linked[b-yvuybrly1x] {
    background: #dff2e6;
    color: #1f7a46;
}

.contract-client-main-grid[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.contract-client-contact-grid[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: 0.7fr 1.1fr 1fr 1fr 1.2fr;
    gap: 10px;
}

.contract-client-secondary-grid[b-yvuybrly1x] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 12px;
}

.customer-name-field[b-yvuybrly1x] {
    position: relative;
}

.contract-customer-note[b-yvuybrly1x] {
    border-radius: 10px;
    border: 1px solid #e8dfc8;
    background: #f7f1df;
    color: #8a6a14;
    padding: 10px 12px;
    font-size: 12px;
    line-height: 1.45;
}

.contract-customer-autocomplete[b-yvuybrly1x] {
    position: relative;
}

.contract-customer-autocomplete input[b-yvuybrly1x] {
    padding-right: 34px;
}

.customer-autocomplete-clear[b-yvuybrly1x] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    color: #8a8f98;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.customer-autocomplete-clear:hover[b-yvuybrly1x] {
    color: #32363c;
}

.contract-customer-menu[b-yvuybrly1x] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 40;
    background: #fff;
    border: 1px solid #d8dce2;
    border-radius: 10px;
    box-shadow: 0 12px 28px rgba(16, 24, 40, 0.12);
    overflow: hidden;
}

.contract-customer-option[b-yvuybrly1x],
.contract-customer-empty[b-yvuybrly1x] {
    width: 100%;
    padding: 10px 12px;
    font-size: 12px;
}

.contract-customer-option[b-yvuybrly1x] {
    border: none;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    cursor: pointer;
}

.contract-customer-option + .contract-customer-option[b-yvuybrly1x] {
    border-top: 1px solid #eef1f5;
}

.contract-customer-option:hover[b-yvuybrly1x] {
    background: #f7f9fc;
}

.contract-customer-empty[b-yvuybrly1x] {
    color: #667085;
    background: #fff;
}

.customer-option-main[b-yvuybrly1x] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.customer-option-main small[b-yvuybrly1x],
.customer-option-contact[b-yvuybrly1x] {
    color: #667085;
}

@media (max-width: 1100px) {
    .contract-client-main-grid[b-yvuybrly1x],
    .contract-client-contact-grid[b-yvuybrly1x],
    .contract-client-secondary-grid[b-yvuybrly1x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ContrattoStampa.razor.rz.scp.css */
.print-message[b-2l0cjyvygk] {
    max-width: 720px;
    margin: 80px auto;
    padding: 18px 20px;
    border: 1px solid #d6dadd;
    border-radius: 8px;
    background: #ffffff;
    color: #33383c;
    font: 14px Arial, sans-serif;
}

.print-message.error[b-2l0cjyvygk] {
    border-color: #e4b2b2;
    background: #fff4f4;
    color: #a72a2a;
}

.print-toolbar[b-2l0cjyvygk] {
    width: 194mm;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 auto 14px;
}

.toolbar-button[b-2l0cjyvygk] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 7px;
    font: 700 13px Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
}

.toolbar-button.secondary[b-2l0cjyvygk] {
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #44494d;
}

.toolbar-button.primary[b-2l0cjyvygk] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

.contract-sheet[b-2l0cjyvygk] {
    width: 194mm;
    min-height: 277mm;
    margin: 0 auto;
    box-sizing: border-box;
    border: .3mm solid #1d1d1d;
    background: #ffffff;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.4pt;
    line-height: 1.18;
}

.document-header[b-2l0cjyvygk] {
    display: grid;
    grid-template-columns: 57% 43%;
    gap: 4mm;
    padding: 4mm 5mm 2.5mm;
}

.company-heading img[b-2l0cjyvygk] {
    width: 100%;
    height: auto;
    display: block;
}

.contract-heading[b-2l0cjyvygk] {
    align-self: end;
    border: .25mm solid #222222;
}

.contract-heading h1[b-2l0cjyvygk] {
    margin: 0;
    padding: 2mm 2mm;
    background: #c92f2f;
    color: #ffffff;
    font-size: 13pt;
    text-align: center;
    letter-spacing: .3mm;
}

.heading-row[b-2l0cjyvygk] {
    min-height: 5.2mm;
    display: grid;
    grid-template-columns: 31mm minmax(0, 1fr);
    align-items: center;
    border-top: .2mm solid #bbbbbb;
}

.heading-row strong[b-2l0cjyvygk] {
    padding: 0 1.5mm;
    color: #a3310f;
    font-size: 7.7pt;
    text-transform: uppercase;
}

.heading-row span[b-2l0cjyvygk] {
    min-width: 0;
    padding: 0 1.5mm;
    overflow: hidden;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.section-caption[b-2l0cjyvygk] {
    padding: 1.2mm 2mm;
    background: #eeeeee;
    color: #a3310f;
    font-size: 7.8pt;
    font-weight: 700;
    text-transform: uppercase;
}

.customer-section[b-2l0cjyvygk],
.vehicle-section[b-2l0cjyvygk],
.notes-section[b-2l0cjyvygk] {
    margin: 0 5mm 2.5mm;
    border: .25mm solid #222222;
}

.customer-grid[b-2l0cjyvygk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.field-line[b-2l0cjyvygk] {
    min-height: 5.1mm;
    display: grid;
    grid-template-columns: 24mm minmax(0, 1fr);
    align-items: center;
    padding: 0 1.5mm;
    border-top: .2mm solid #cccccc;
}

.field-line:nth-child(even):not(.wide)[b-2l0cjyvygk] {
    border-left: .2mm solid #cccccc;
}

.field-line.wide[b-2l0cjyvygk] {
    grid-column: 1 / -1;
}

.field-line strong[b-2l0cjyvygk] {
    color: #a3310f;
    font-size: 7.6pt;
    text-transform: uppercase;
}

.field-line span[b-2l0cjyvygk] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vehicle-grid[b-2l0cjyvygk] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, .75fr);
}

.field-box[b-2l0cjyvygk] {
    min-height: 9mm;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.2mm 2mm;
    border-top: .2mm solid #cccccc;
}

.field-box + .field-box[b-2l0cjyvygk] {
    border-left: .2mm solid #cccccc;
}

.field-box strong[b-2l0cjyvygk] {
    margin-bottom: .7mm;
    color: #a3310f;
    font-size: 7.4pt;
    text-transform: uppercase;
}

.field-box span[b-2l0cjyvygk] {
    font-size: 9pt;
    font-weight: 700;
}

.items-table[b-2l0cjyvygk] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.items-table th[b-2l0cjyvygk] {
    padding: 1.2mm 1mm;
    border: .25mm solid #111111;
    background: #c92f2f;
    color: #ffffff;
    font-size: 7.5pt;
    text-align: center;
    text-transform: uppercase;
}

.items-table td[b-2l0cjyvygk] {
    height: 5.2mm;
    padding: .6mm 1mm;
    overflow: hidden;
    border: .25mm solid #222222;
    font-size: 7.7pt;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.items-table .qty[b-2l0cjyvygk] {
    width: 12mm;
}

.items-table .code[b-2l0cjyvygk] {
    width: 29mm;
}

.items-table .price[b-2l0cjyvygk] {
    width: 27mm;
}

.items-table .discount[b-2l0cjyvygk] {
    width: 14mm;
}

.items-table .total[b-2l0cjyvygk] {
    width: 29mm;
}

.center[b-2l0cjyvygk] {
    text-align: center;
}

.money[b-2l0cjyvygk] {
    text-align: right;
    white-space: nowrap;
}

.financial-area[b-2l0cjyvygk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 78mm;
    margin: 2.5mm 5mm;
    gap: 3mm;
    break-inside: avoid;
}

.trade-box[b-2l0cjyvygk],
.totals-box[b-2l0cjyvygk],
.condition-box[b-2l0cjyvygk] {
    border: .25mm solid #222222;
}

.trade-line[b-2l0cjyvygk] {
    min-height: 5.2mm;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 31mm;
    align-items: center;
    border-top: .2mm solid #cccccc;
}

.trade-line span[b-2l0cjyvygk] {
    padding: 0 1.5mm;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.trade-line strong[b-2l0cjyvygk] {
    padding: 0 1.5mm;
    text-align: right;
}

.total-line[b-2l0cjyvygk] {
    min-height: 5mm;
    display: grid;
    grid-template-columns: 1fr 31mm;
    align-items: center;
    border-bottom: .2mm solid #cccccc;
}

.total-line:last-child[b-2l0cjyvygk] {
    border-bottom: 0;
}

.total-line strong[b-2l0cjyvygk] {
    padding-right: 1.5mm;
    color: #a3310f;
    font-size: 7.3pt;
    text-align: right;
    text-transform: uppercase;
}

.total-line span[b-2l0cjyvygk] {
    padding-right: 1.5mm;
    font-weight: 700;
    text-align: right;
}

.total-line.final[b-2l0cjyvygk] {
    min-height: 6.2mm;
    background: #f5eaea;
    font-size: 9pt;
}

.total-line.final strong[b-2l0cjyvygk],
.total-line.final span[b-2l0cjyvygk] {
    color: #a72727;
}

.conditions-grid[b-2l0cjyvygk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3mm;
    margin: 0 5mm 2.5mm;
    break-inside: avoid;
}

.condition-line[b-2l0cjyvygk] {
    min-height: 5mm;
    display: grid;
    grid-template-columns: 29mm minmax(0, 1fr);
    align-items: center;
    padding: 0 1.5mm;
    border-top: .2mm solid #cccccc;
}

.condition-line strong[b-2l0cjyvygk] {
    color: #a3310f;
    font-size: 7.3pt;
    text-transform: uppercase;
}

.condition-line span[b-2l0cjyvygk] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.condition-line.balance[b-2l0cjyvygk] {
    background: #f7eeee;
}

.condition-line.balance span[b-2l0cjyvygk] {
    color: #a72727;
    font-size: 9pt;
    font-weight: 700;
}

.notes-content[b-2l0cjyvygk] {
    min-height: 9mm;
    padding: 1.5mm 2mm;
    border-top: .2mm solid #cccccc;
    white-space: pre-wrap;
}

.acceptance-text[b-2l0cjyvygk] {
    margin: 2mm 8mm;
    font-size: 7.5pt;
    font-style: italic;
    text-align: center;
}

.signature-area[b-2l0cjyvygk] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8mm;
    margin: 3mm 10mm 5mm;
    break-inside: avoid;
}

.signature-box[b-2l0cjyvygk] {
    min-height: 20mm;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5mm 2mm;
    border: .25mm solid #222222;
    text-align: center;
}

.signature-box strong[b-2l0cjyvygk] {
    color: #333333;
    font-size: 8pt;
    text-transform: uppercase;
}

.signature-space[b-2l0cjyvygk] {
    height: 12mm;
    border-bottom: .2mm solid #777777;
}

@page {
    size: A4 portrait;
    margin: 8mm;
}

@media print {
    .no-print[b-2l0cjyvygk] {
        display: none !important;
    }

    .contract-sheet[b-2l0cjyvygk] {
        width: 100%;
        min-height: 0;
        margin: 0;
    }

    .financial-area[b-2l0cjyvygk],
    .conditions-grid[b-2l0cjyvygk],
    .notes-section[b-2l0cjyvygk],
    .signature-area[b-2l0cjyvygk] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/Ddt.razor.rz.scp.css */
.module-page[b-mi3tp8zgk2] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-description[b-mi3tp8zgk2] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.primary-button[b-mi3tp8zgk2],
.search-button[b-mi3tp8zgk2],
.secondary-button[b-mi3tp8zgk2],
.cancel-button[b-mi3tp8zgk2],
.confirm-delete-button[b-mi3tp8zgk2] {
    border-radius: 7px;
    font-weight: 600;
    cursor: pointer;
}

.toolbar-card[b-mi3tp8zgk2] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.search-box[b-mi3tp8zgk2] {
    min-width: 260px;
    min-height: 38px;
    display: flex;
    flex: 1 1 480px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box span[b-mi3tp8zgk2] {
        flex-shrink: 0;
        color: #7b8085;
        font-size: 17px;
    }

    .search-box input[b-mi3tp8zgk2] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-size: 12px;
    }

.search-button[b-mi3tp8zgk2] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #3b3d3f;
    color: #ffffff;
    font-size: 11px;
}

    .search-button:hover[b-mi3tp8zgk2] {
        background: #292b2d;
    }

.secondary-button[b-mi3tp8zgk2] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
    font-size: 11px;
}

    .secondary-button:hover[b-mi3tp8zgk2] {
        background: #e9ebed;
    }

.primary-button[b-mi3tp8zgk2] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #c92f2f;
    color: #ffffff;
    font-size: 11px;
    white-space: nowrap;
}

    .primary-button:hover[b-mi3tp8zgk2] {
        background: #af2929;
    }

button:disabled[b-mi3tp8zgk2] {
    opacity: 0.55;
    cursor: not-allowed;
}

.records-info[b-mi3tp8zgk2] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.message-card[b-mi3tp8zgk2],
.table-card[b-mi3tp8zgk2] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-mi3tp8zgk2] {
    padding: 18px;
    color: #555b60;
    font-size: 12px;
}

    .message-card.error[b-mi3tp8zgk2] {
        border-color: #e8b6b6;
        background: #fff4f4;
        color: #a82828;
    }

.table-card[b-mi3tp8zgk2] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-mi3tp8zgk2] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    background: #ffffff;
}

.data-table[b-mi3tp8zgk2] {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 11px;
}

    .data-table thead[b-mi3tp8zgk2] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-mi3tp8zgk2] {
        padding: 10px 11px;
        border-bottom: 1px solid #cfd3d7;
        color: #45494d;
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .data-table td[b-mi3tp8zgk2] {
        padding: 8px 11px;
        overflow: hidden;
        border-bottom: 1px solid #eceeef;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .data-table th:nth-child(1)[b-mi3tp8zgk2],
        .data-table td:nth-child(1)[b-mi3tp8zgk2] {
            width: 80px;
        }

        .data-table th:nth-child(2)[b-mi3tp8zgk2],
        .data-table td:nth-child(2)[b-mi3tp8zgk2] {
            width: 26%;
        }

        .data-table th:nth-child(3)[b-mi3tp8zgk2],
        .data-table td:nth-child(3)[b-mi3tp8zgk2] {
            width: 100px;
        }

        .data-table th:nth-child(4)[b-mi3tp8zgk2],
        .data-table td:nth-child(4)[b-mi3tp8zgk2] {
            width: 24%;
        }

        .data-table th:nth-child(5)[b-mi3tp8zgk2],
        .data-table td:nth-child(5)[b-mi3tp8zgk2] {
            width: 115px;
        }

        .data-table th:nth-child(6)[b-mi3tp8zgk2],
        .data-table td:nth-child(6)[b-mi3tp8zgk2] {
            width: 100px;
        }

        .data-table th:nth-child(7)[b-mi3tp8zgk2],
        .data-table td:nth-child(7)[b-mi3tp8zgk2] {
            width: 70px;
        }

    .data-table tbody tr[b-mi3tp8zgk2] {
        cursor: pointer;
    }

        .data-table tbody tr:nth-child(even)[b-mi3tp8zgk2] {
            background: #fafafa;
        }

        .data-table tbody tr:hover[b-mi3tp8zgk2] {
            background: #f6eded;
        }

.document-name[b-mi3tp8zgk2] {
    color: #24272a;
    font-weight: 650;
}

.amount-cell[b-mi3tp8zgk2] {
    text-align: right;
    font-weight: 650;
}

.empty-row[b-mi3tp8zgk2] {
    height: 90px;
    color: #777c80;
    text-align: center;
}

.delete-column[b-mi3tp8zgk2] {
    width: 70px;
    text-align: center !important;
}

.delete-cell[b-mi3tp8zgk2] {
    text-align: center;
}

.delete-icon-button[b-mi3tp8zgk2] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #c92f2f;
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

    .delete-icon-button:hover[b-mi3tp8zgk2] {
        background: #fff0f0;
        color: #a91f1f;
    }

.not-available[b-mi3tp8zgk2] {
    color: #a4a8ac;
    font-size: 14px;
}

.status-badge[b-mi3tp8zgk2] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

    .status-badge.draft[b-mi3tp8zgk2] {
        background: #fff4d8;
        color: #8a6500;
    }

    .status-badge.confirmed[b-mi3tp8zgk2] {
        background: #e7f7eb;
        color: #26713a;
    }

    .status-badge.cancelled[b-mi3tp8zgk2] {
        background: #fff0f0;
        color: #a82828;
    }

    .status-badge.historic[b-mi3tp8zgk2] {
        background: #eceff2;
        color: #5b6167;
    }

.modal-backdrop[b-mi3tp8zgk2] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(20, 22, 24, 0.58);
    backdrop-filter: blur(2px);
}

.detail-modal[b-mi3tp8zgk2] {
    width: min(1080px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    padding: 14px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #dadde0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

.detail-header[b-mi3tp8zgk2],
.form-header[b-mi3tp8zgk2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.detail-header[b-mi3tp8zgk2] {
    padding-bottom: 9px;
    border-bottom: 1px solid #e2e4e6;
}

    .detail-header h2[b-mi3tp8zgk2],
    .form-header h2[b-mi3tp8zgk2] {
        margin: 0;
        color: #25282b;
        font-size: 16px;
        line-height: 1.2;
    }

    .detail-header span[b-mi3tp8zgk2],
    .form-subtitle[b-mi3tp8zgk2] {
        display: block;
        margin-top: 3px;
        color: #74797e;
        font-size: 9px;
    }

.modal-close[b-mi3tp8zgk2] {
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    border: 0;
    border-radius: 7px;
    background: #f0f1f2;
    color: #5b6065;
    font-size: 19px;
    cursor: pointer;
}

    .modal-close:hover[b-mi3tp8zgk2] {
        background: #e4e6e8;
    }

.detail-grid[b-mi3tp8zgk2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 9px;
}

.detail-field[b-mi3tp8zgk2] {
    min-width: 0;
    min-height: 47px;
    padding: 7px 8px;
    border: 1px solid #e0e2e4;
    border-radius: 6px;
    background: #fafafa;
}

    .detail-field.detail-wide[b-mi3tp8zgk2] {
        grid-column: span 2;
    }

    .detail-field.full-width[b-mi3tp8zgk2] {
        grid-column: 1 / -1;
        min-height: 44px;
    }

    .detail-field label[b-mi3tp8zgk2] {
        display: block;
        margin-bottom: 3px;
        color: #7a7f84;
        font-size: 7px;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .detail-field span[b-mi3tp8zgk2] {
        display: block;
        overflow-wrap: anywhere;
        color: #2f3337;
        font-size: 9px;
        font-weight: 600;
        line-height: 1.2;
    }

.detail-lines[b-mi3tp8zgk2] {
    margin-top: 12px;
}

.section-title[b-mi3tp8zgk2] {
    margin-bottom: 7px;
    color: #34383c;
    font-size: 11px;
    font-weight: 700;
}

.lines-table-wrapper[b-mi3tp8zgk2] {
    overflow: auto;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #ffffff;
}

.lines-table[b-mi3tp8zgk2] {
    width: 100%;
    min-width: 740px;
    border-collapse: collapse;
    font-size: 10px;
}

    .lines-table thead[b-mi3tp8zgk2] {
        background: #f0f1f2;
    }

    .lines-table th[b-mi3tp8zgk2] {
        padding: 8px 9px;
        border-bottom: 1px solid #cfd3d7;
        color: #45494d;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .lines-table td[b-mi3tp8zgk2] {
        padding: 8px 9px;
        border-bottom: 1px solid #eceeef;
        color: #34383c;
    }

    .lines-table tbody tr:last-child td[b-mi3tp8zgk2] {
        border-bottom: 0;
    }

    .lines-table th:nth-child(1)[b-mi3tp8zgk2],
    .lines-table td:nth-child(1)[b-mi3tp8zgk2] {
        width: 120px;
    }

    .lines-table th:nth-child(2)[b-mi3tp8zgk2],
    .lines-table td:nth-child(2)[b-mi3tp8zgk2] {
        min-width: 260px;
    }

    .lines-table th:nth-child(n+3)[b-mi3tp8zgk2],
    .lines-table td:nth-child(n+3)[b-mi3tp8zgk2] {
        text-align: right;
    }

    .lines-table th:last-child[b-mi3tp8zgk2],
    .lines-table td:last-child[b-mi3tp8zgk2] {
        text-align: center;
    }

.detail-total[b-mi3tp8zgk2],
.editor-total[b-mi3tp8zgk2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
    color: #43484d;
    font-size: 11px;
}

    .detail-total strong[b-mi3tp8zgk2],
    .editor-total strong[b-mi3tp8zgk2] {
        color: #25282b;
        font-size: 12px;
    }

.detail-actions[b-mi3tp8zgk2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #e2e4e6;
}

.form-modal[b-mi3tp8zgk2] {
    width: min(860px, calc(100vw - 32px));
    height: auto;
    max-height: calc(100vh - 20px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dadde0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

.form-header[b-mi3tp8zgk2] {
    flex-shrink: 0;
    padding: 11px 16px 8px;
}

.form-tabs[b-mi3tp8zgk2] {
    display: flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 0 17px;
    border-top: 1px solid #e3e5e7;
    border-bottom: 1px solid #d7dade;
    background: #fafafa;
}

.form-tab-button[b-mi3tp8zgk2] {
    min-height: 33px;
    padding: 0 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #666b70;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

    .form-tab-button:hover[b-mi3tp8zgk2] {
        color: #c92f2f;
    }

    .form-tab-button.active[b-mi3tp8zgk2] {
        border-bottom-color: #c92f2f;
        color: #c92f2f;
    }

.form-scroll[b-mi3tp8zgk2] {
    min-height: 0;
    flex: 0 0 auto;
    padding: 9px 16px;
    overflow: visible;
}

.form-grid[b-mi3tp8zgk2] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 7px;
}

.form-field[b-mi3tp8zgk2] {
    min-width: 0;
}

    .form-field.span-1[b-mi3tp8zgk2] {
        grid-column: span 1;
    }

    .form-field.span-2[b-mi3tp8zgk2] {
        grid-column: span 2;
    }

    .form-field.span-3[b-mi3tp8zgk2] {
        grid-column: span 3;
    }

    .form-field.span-4[b-mi3tp8zgk2] {
        grid-column: span 4;
    }

    .form-field.span-5[b-mi3tp8zgk2] {
        grid-column: span 5;
    }

    .form-field.span-6[b-mi3tp8zgk2] {
        grid-column: span 6;
    }

    .form-field.span-7[b-mi3tp8zgk2] {
        grid-column: span 7;
    }

    .form-field.span-8[b-mi3tp8zgk2] {
        grid-column: span 8;
    }

    .form-field.span-12[b-mi3tp8zgk2] {
        grid-column: 1 / -1;
    }

    .form-field label[b-mi3tp8zgk2] {
        display: block;
        margin: 0 0 5px 1px;
        color: #6b7075;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-field input[b-mi3tp8zgk2],
    .form-field select[b-mi3tp8zgk2],
    .form-field textarea[b-mi3tp8zgk2] {
        width: 100%;
        min-height: 33px;
        padding: 5px 8px;
        border: 1px solid #cfd3d7;
        border-radius: 6px;
        outline: 0;
        background: #ffffff;
        color: #292d31;
        font-family: inherit;
        font-size: 11px;
    }

        .form-field input[readonly][b-mi3tp8zgk2] {
            background: #f0f1f2;
            color: #555b60;
            cursor: default;
        }

    .form-field textarea[b-mi3tp8zgk2] {
        min-height: 50px;
        resize: vertical;
    }

        .form-field input:focus[b-mi3tp8zgk2],
        .form-field select:focus[b-mi3tp8zgk2],
        .form-field textarea:focus[b-mi3tp8zgk2] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.09);
        }

.autocomplete[b-mi3tp8zgk2] {
    position: relative;
}

    .autocomplete > input[b-mi3tp8zgk2] {
        padding-right: 32px;
    }

.autocomplete-clear[b-mi3tp8zgk2] {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8a8f94;
    font-size: 17px;
    cursor: pointer;
    transform: translateY(-50%);
}

    .autocomplete-clear:hover[b-mi3tp8zgk2] {
        background: #f0f1f2;
        color: #c92f2f;
    }

.autocomplete-menu[b-mi3tp8zgk2] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 50;
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.article-menu[b-mi3tp8zgk2] {
    min-width: 520px;
}

.autocomplete-option[b-mi3tp8zgk2] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #313539;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-option:last-child[b-mi3tp8zgk2] {
        border-bottom: 0;
    }

    .autocomplete-option:hover[b-mi3tp8zgk2] {
        background: #f6eded;
        color: #a92323;
    }

    .autocomplete-option span[b-mi3tp8zgk2] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-option small[b-mi3tp8zgk2] {
        flex-shrink: 0;
        color: #858a8f;
        font-size: 9px;
    }

.autocomplete-empty[b-mi3tp8zgk2] {
    padding: 13px 10px;
    color: #777c80;
    font-size: 10px;
    text-align: center;
}

.required-note[b-mi3tp8zgk2] {
    margin-top: 10px;
    color: #777c80;
    font-size: 9px;
}

.form-error[b-mi3tp8zgk2] {
    margin-top: 10px;
    padding: 9px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10px;
    line-height: 1.5;
}

.form-actions[b-mi3tp8zgk2] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 9px;
    padding: 8px 16px 10px;
    border-top: 1px solid #e2e4e6;
    background: #ffffff;
}

.article-entry-card[b-mi3tp8zgk2] {
    padding: 12px;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #fafafa;
}

.preview-field[b-mi3tp8zgk2] {
    justify-content: flex-end;
}

.line-preview[b-mi3tp8zgk2] {
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 7px 10px;
    border: 1px solid #d4d7da;
    border-radius: 6px;
    background: #ffffff;
    color: #2f3337;
    font-size: 11px;
    font-weight: 700;
}

.add-line-field[b-mi3tp8zgk2] {
    justify-content: flex-end;
}

    .add-line-field .primary-button[b-mi3tp8zgk2] {
        width: 100%;
    }

.lines-editor[b-mi3tp8zgk2] {
    margin-top: 12px;
}

.confirm-modal[b-mi3tp8zgk2] {
    width: min(430px, calc(100vw - 32px));
    padding: 24px;
    border: 1px solid #dadde0;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
    text-align: center;
}

.confirm-icon[b-mi3tp8zgk2] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #fff0f0;
    color: #c92f2f;
    font-size: 24px;
    font-weight: 800;
}

.confirm-modal h2[b-mi3tp8zgk2] {
    margin: 0;
    color: #25282b;
    font-size: 19px;
}

.confirm-modal p[b-mi3tp8zgk2] {
    margin: 12px 0 0;
    color: #5c6166;
    font-size: 12px;
    line-height: 1.6;
}

.confirm-warning[b-mi3tp8zgk2] {
    margin-top: 13px;
    padding: 9px 10px;
    border-radius: 7px;
    background: #f5f6f7;
    color: #777c80;
    font-size: 10px;
}

.delete-error[b-mi3tp8zgk2] {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10px;
    line-height: 1.5;
    text-align: left;
}

.modal-actions[b-mi3tp8zgk2] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 20px;
}

.cancel-button[b-mi3tp8zgk2] {
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #45494d;
    font-size: 11px;
}

    .cancel-button:hover[b-mi3tp8zgk2] {
        background: #f2f3f4;
    }

.confirm-delete-button[b-mi3tp8zgk2] {
    min-width: 105px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #c92f2f;
    background: #c92f2f;
    color: #ffffff;
    font-size: 11px;
}

    .confirm-delete-button:hover[b-mi3tp8zgk2] {
        background: #ae2929;
    }

.toast-success[b-mi3tp8zgk2] {
    position: fixed;
    top: 65px;
    right: 22px;
    z-index: 1200;
    padding: 11px 16px;
    border: 1px solid #9fd8ae;
    border-radius: 8px;
    background: #ecf9ef;
    color: #24713a;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    font-size: 11px;
    font-weight: 600;
}

@media (max-width: 1000px) {
    .detail-grid[b-mi3tp8zgk2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .detail-field.detail-wide[b-mi3tp8zgk2] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .toolbar-card[b-mi3tp8zgk2] {
        flex-wrap: wrap;
    }

    .search-box[b-mi3tp8zgk2] {
        flex-basis: 100%;
    }

    .records-info[b-mi3tp8zgk2] {
        margin-left: auto;
    }

    .detail-grid[b-mi3tp8zgk2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-grid[b-mi3tp8zgk2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-field[b-mi3tp8zgk2],
    .form-field.span-1[b-mi3tp8zgk2],
    .form-field.span-2[b-mi3tp8zgk2],
    .form-field.span-3[b-mi3tp8zgk2],
    .form-field.span-4[b-mi3tp8zgk2],
    .form-field.span-5[b-mi3tp8zgk2],
    .form-field.span-6[b-mi3tp8zgk2],
    .form-field.span-7[b-mi3tp8zgk2],
    .form-field.span-8[b-mi3tp8zgk2] {
        grid-column: span 1;
    }

        .form-field.span-12[b-mi3tp8zgk2] {
            grid-column: 1 / -1;
        }

    .article-menu[b-mi3tp8zgk2] {
        min-width: 100%;
    }
}

@media (max-width: 520px) {
    .detail-grid[b-mi3tp8zgk2] {
        grid-template-columns: 1fr;
    }

    .detail-field.detail-wide[b-mi3tp8zgk2],
    .detail-field.full-width[b-mi3tp8zgk2] {
        grid-column: auto;
    }
}

/* MODAL DDT COMPATTO E UNIFORME */

.form-section[b-mi3tp8zgk2] {
    padding: 7px 9px;
    border: 1px solid #dfe2e5;
    border-radius: 8px;
    background: #fafafa;
}

    .form-section + .form-section[b-mi3tp8zgk2] {
        margin-top: 7px;
    }

.form-section-title[b-mi3tp8zgk2] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-bottom: 6px;
    color: #34383c;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

    .form-section-title span[b-mi3tp8zgk2] {
        color: #8a8f94;
        font-size: 8px;
        font-weight: 600;
        text-transform: none;
    }

.form-section .form-grid[b-mi3tp8zgk2] {
    gap: 7px;
}

.article-grid[b-mi3tp8zgk2] {
    gap: 9px;
}

.article-entry-card[b-mi3tp8zgk2] {
    padding: 10px;
}

.article-menu[b-mi3tp8zgk2] {
    min-width: 430px;
}

.detail-summary[b-mi3tp8zgk2],
.editor-summary[b-mi3tp8zgk2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 26px;
    margin-top: 8px;
    color: #43484d;
    font-size: 11px;
}

    .detail-summary strong[b-mi3tp8zgk2],
    .editor-summary strong[b-mi3tp8zgk2] {
        margin-left: 5px;
        color: #25282b;
        font-size: 12px;
    }

    .detail-summary .detail-total[b-mi3tp8zgk2],
    .editor-summary .editor-total[b-mi3tp8zgk2] {
        display: block;
        margin-top: 0;
    }

.editor-iva[b-mi3tp8zgk2] {
    white-space: nowrap;
}

/* Nasconde le frecce degli input numerici. */

.form-field input[type="number"][b-mi3tp8zgk2] {
    appearance: textfield;
    -moz-appearance: textfield;
}

    .form-field input[type="number"][b-mi3tp8zgk2]::-webkit-outer-spin-button,
    .form-field input[type="number"][b-mi3tp8zgk2]::-webkit-inner-spin-button {
        margin: 0;
        -webkit-appearance: none;
    }

/* Note più compatte nel DDT. */

.form-section textarea[b-mi3tp8zgk2] {
    min-height: 44px;
}

/* Il modal non usa uno scroll interno. */

.form-scroll[b-mi3tp8zgk2] {
    overflow: visible;
}

@media (max-width: 900px) {
    .form-modal[b-mi3tp8zgk2] {
        width: min(820px, calc(100vw - 24px));
        height: min(650px, calc(100vh - 24px));
    }
}

@media (max-width: 760px) {
    .form-modal[b-mi3tp8zgk2] {
        width: min(100%, calc(100vw - 20px));
        height: calc(100vh - 20px);
    }

    .form-section[b-mi3tp8zgk2] {
        padding: 9px;
    }

    .article-menu[b-mi3tp8zgk2] {
        min-width: 100%;
    }

    .detail-summary[b-mi3tp8zgk2],
    .editor-summary[b-mi3tp8zgk2] {
        align-items: flex-end;
        flex-direction: column;
        gap: 5px;
    }
}


/* Niente scroll nel modal; solo la tabella articoli scorre se diventa lunga. */

.lines-table-wrapper[b-mi3tp8zgk2] {
    max-height: 235px;
    overflow: auto;
}

@media (min-width: 761px) {
    .form-modal[b-mi3tp8zgk2] {
        overflow: visible;
    }
}

@media (max-height: 760px) {
    .form-modal[b-mi3tp8zgk2] {
        max-height: calc(100vh - 16px);
        overflow: hidden;
    }

    .form-scroll[b-mi3tp8zgk2] {
        overflow-y: auto;
    }
}


.print-link[b-mi3tp8zgk2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

    .print-link:hover[b-mi3tp8zgk2] {
        color: #44484c;
        text-decoration: none;
    }

/* Riga DDT manuale e descrizione libera */
.manual-line-button[b-mi3tp8zgk2] {
    width: 100%;
    min-height: 27px;
    margin-top: 5px;
    border: 1px dashed #cfd3d7;
    border-radius: 6px;
    background: #fafafa;
    color: #565c61;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.manual-line-button:hover[b-mi3tp8zgk2] {
    border-color: #c92f2f;
    background: #fff4f4;
    color: #b32929;
}


/* DDT: dettaglio e modifica più leggibili */
.detail-modal[b-mi3tp8zgk2],
.editor-modal[b-mi3tp8zgk2] {
    width:min(1120px, calc(100vw - 36px)) !important;
}
.detail-header h2[b-mi3tp8zgk2],
.form-header h2[b-mi3tp8zgk2] {
    font-size:21px !important;
}
.detail-header span[b-mi3tp8zgk2],
.form-subtitle[b-mi3tp8zgk2] {
    font-size:11px !important;
}
.detail-field[b-mi3tp8zgk2] {
    min-height:58px !important;
    padding:9px 10px !important;
}
.detail-field label[b-mi3tp8zgk2] {
    font-size:9.5px !important;
}
.detail-field span[b-mi3tp8zgk2] {
    font-size:13px !important;
}
.section-title[b-mi3tp8zgk2] {
    font-size:13px !important;
}
.lines-table[b-mi3tp8zgk2] {
    font-size:13px !important;
}
.lines-table th[b-mi3tp8zgk2] {
    font-size:11px !important;
    padding:9px !important;
}
.lines-table td[b-mi3tp8zgk2] {
    font-size:13px !important;
    padding:9px !important;
}
.editor-modal input[b-mi3tp8zgk2],
.editor-modal select[b-mi3tp8zgk2],
.editor-modal textarea[b-mi3tp8zgk2],
.editor-modal button[b-mi3tp8zgk2] {
    font-size:13px !important;
}
.editor-modal label[b-mi3tp8zgk2],
.editor-modal .field-label[b-mi3tp8zgk2] {
    font-size:10.5px !important;
}
.editor-section-title[b-mi3tp8zgk2],
.editor-modal legend[b-mi3tp8zgk2] {
    font-size:12px !important;
}


/* DDT: alternativi/sostitutivi come vendita banco */
.ddt-linked-box[b-mi3tp8zgk2] {
    grid-column: 1 / -1;
    margin-top: 4px;
    border: 1px solid #d8dde2;
    border-radius: 8px;
    background: #f8f9fa;
    overflow: hidden;
}

.ddt-linked-box > strong[b-mi3tp8zgk2] {
    display: block;
    padding: 7px 9px;
    font-size: 10.5px;
    color: #626b75;
    text-transform: uppercase;
}

.ddt-linked-box button[b-mi3tp8zgk2] {
    width: 100%;
    border: 0;
    border-top: 1px solid #e1e5e8;
    background: #fff;
    padding: 8px 10px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
    cursor: pointer;
    font-size: 12.5px !important;
}

.ddt-linked-box button:hover[b-mi3tp8zgk2] {
    background: #f2f5f7;
}

.ddt-linked-box small[b-mi3tp8zgk2] {
    white-space: nowrap;
    color: #68717a;
}

.manual-line-button[b-mi3tp8zgk2] {
    font-size: 12px !important;
    font-weight: 700;
}


/* DDT - editor articoli uguale al flusso Vendita/Banco */
.sale-like-ddt-editor[b-mi3tp8zgk2] {
    padding: 0 !important;
    border: 1px solid #d4d8dd !important;
    border-radius: 8px !important;
    background: #fff !important;
    overflow: visible !important;
}

.ddt-sale-entry[b-mi3tp8zgk2] {
    display: grid;
    grid-template-columns:
        minmax(280px, 2.5fr)
        90px
        minmax(175px, 1.3fr)
        125px
        110px
        105px
        105px;
    gap: 8px;
    align-items: end;
    padding: 12px;
    overflow: visible;
}

.ddt-sale-field[b-mi3tp8zgk2] {
    min-width: 0;
}

.ddt-sale-field > label[b-mi3tp8zgk2] {
    display: block;
    margin: 0 0 5px;
    font-size: 11px !important;
    font-weight: 750;
    color: #5a626c;
}

.ddt-sale-field input[b-mi3tp8zgk2],
.ddt-sale-field select[b-mi3tp8zgk2] {
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    border: 1px solid #cbd1d7;
    border-radius: 7px;
    background: #fff;
    padding: 0 9px;
    font-size: 13px !important;
}

.ddt-sale-article .autocomplete[b-mi3tp8zgk2] {
    position: relative;
}

.ddt-sale-article .autocomplete-menu[b-mi3tp8zgk2] {
    top: calc(100% + 4px);
    max-height: 280px;
    z-index: 200;
}

.ddt-article-result[b-mi3tp8zgk2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ddt-article-result strong[b-mi3tp8zgk2] {
    font-size: 13px;
}

.ddt-article-result span[b-mi3tp8zgk2] {
    font-size: 12px;
}

.manual-ddt-result[b-mi3tp8zgk2] {
    position: sticky;
    bottom: 0;
    background: #fff7f7 !important;
    color: #c72828 !important;
    border-top: 1px solid #e5bebe !important;
}

.ddt-manual-fields[b-mi3tp8zgk2] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 6px;
    margin-top: 6px;
}

.ddt-manual-fields input[b-mi3tp8zgk2] {
    min-height: 38px !important;
}

.ddt-sale-add[b-mi3tp8zgk2] {
    min-height: 40px;
    border: 0;
    border-radius: 7px;
    padding: 0 14px;
    background: #cf2f2f;
    color: #fff;
    font-size: 12.5px !important;
    font-weight: 800;
    cursor: pointer;
}

.ddt-sale-add:disabled[b-mi3tp8zgk2] {
    opacity: .55;
    cursor: default;
}

.ddt-row-preview[b-mi3tp8zgk2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    align-items: center;
    padding: 8px 12px 10px;
    border-top: 1px solid #e4e7ea;
    font-size: 11px;
    color: #66707a;
}

.ddt-row-preview strong[b-mi3tp8zgk2] {
    font-size: 14px;
    color: #20262d;
}

.sale-like-ddt-editor .ddt-linked-box[b-mi3tp8zgk2] {
    margin-top: 6px;
}

.lines-editor[b-mi3tp8zgk2] {
    margin-top: 10px !important;
}

.lines-editor .lines-table th[b-mi3tp8zgk2] {
    font-size: 11px !important;
}

.lines-editor .lines-table td[b-mi3tp8zgk2] {
    font-size: 13px !important;
}

@media (max-width: 1180px) {
    .ddt-sale-entry[b-mi3tp8zgk2] {
        grid-template-columns:
            minmax(250px, 2.2fr)
            82px
            160px
            110px
            95px
            90px
            92px;
        gap: 6px;
    }
}


/* DDT - mantieni tutta la riga articoli dentro il modal */
.editor-modal[b-mi3tp8zgk2] {
    width: min(1180px, calc(100vw - 40px)) !important;
    max-width: 1180px !important;
    overflow: hidden !important;
}

.editor-modal .modal-body[b-mi3tp8zgk2] {
    overflow-x: hidden !important;
}

.sale-like-ddt-editor[b-mi3tp8zgk2] {
    width: 100%;
    box-sizing: border-box;
    overflow: visible !important;
}

.ddt-sale-entry[b-mi3tp8zgk2] {
    width: 100%;
    box-sizing: border-box;
    grid-template-columns:
        minmax(0, 2.4fr)
        minmax(78px, .65fr)
        minmax(145px, 1.15fr)
        minmax(105px, .9fr)
        minmax(95px, .8fr)
        minmax(88px, .72fr)
        minmax(92px, .78fr) !important;
}

.ddt-sale-entry > *[b-mi3tp8zgk2] {
    min-width: 0 !important;
}

.ddt-sale-add[b-mi3tp8zgk2] {
    width: 100%;
    min-width: 0;
    padding-left: 8px;
    padding-right: 8px;
}

@media (max-width: 1100px) {
    .editor-modal[b-mi3tp8zgk2] {
        width: calc(100vw - 24px) !important;
    }

    .ddt-sale-entry[b-mi3tp8zgk2] {
        grid-template-columns:
            minmax(0, 2fr)
            78px
            145px
            105px
            92px
            86px
            88px !important;
        gap: 6px !important;
    }
}


/* DDT - correzione finale larghezza modal e campo articolo */
.form-modal[b-mi3tp8zgk2] {
    width: min(1140px, calc(100vw - 32px)) !important;
    max-width: 1140px !important;
}

.form-modal .form-body[b-mi3tp8zgk2] {
    overflow-x: hidden !important;
}

.ddt-sale-entry[b-mi3tp8zgk2] {
    grid-template-columns:
        minmax(310px, 2.8fr)
        82px
        minmax(160px, 1.25fr)
        112px
        96px
        90px
        96px !important;
    gap: 7px !important;
}

.ddt-sale-article[b-mi3tp8zgk2] {
    min-width: 0 !important;
}

.ddt-sale-article .autocomplete[b-mi3tp8zgk2],
.ddt-sale-article .autocomplete > input[b-mi3tp8zgk2] {
    width: 100% !important;
}

.ddt-sale-article .autocomplete-menu[b-mi3tp8zgk2] {
    min-width: 430px;
    width: min(520px, calc(100vw - 80px));
}

@media (max-width: 1050px) {
    .form-modal[b-mi3tp8zgk2] {
        width: calc(100vw - 20px) !important;
        max-width: none !important;
    }

    .ddt-sale-entry[b-mi3tp8zgk2] {
        grid-template-columns:
            minmax(260px, 2.4fr)
            76px
            145px
            102px
            88px
            84px
            90px !important;
        gap: 5px !important;
    }
}
/* /Components/Pages/DDTStampa.razor.rz.scp.css */
.print-status[b-dxy6yhzlit] {
    max-width: 900px;
    margin: 40px auto;
    padding: 18px 20px;
    border: 1px solid #d5d9dd;
    border-radius: 8px;
    background: #ffffff;
    color: #34383c;
    font-size: 14px;
}

    .print-status.error[b-dxy6yhzlit] {
        border-color: #e4afaf;
        background: #fff4f4;
        color: #a52929;
    }

.print-toolbar[b-dxy6yhzlit] {
    width: 210mm;
    max-width: calc(100vw - 24px);
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 14px auto 10px;
}

.toolbar-button[b-dxy6yhzlit] {
    min-height: 38px;
    padding: 0 18px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

    .toolbar-button.primary[b-dxy6yhzlit] {
        border: 1px solid #c72d2d;
        background: #c72d2d;
        color: #ffffff;
    }

    .toolbar-button.secondary[b-dxy6yhzlit] {
        border: 1px solid #cbd0d4;
        background: #ffffff;
        color: #42474b;
    }

.print-page[b-dxy6yhzlit] {
    position: relative;
    box-sizing: border-box;
    width: 210mm;
    min-height: 297mm;
    margin: 0 auto 30px;
    padding: 6mm 8mm 8mm 13mm;
    overflow: hidden;
    background: #ffffff;
    color: #111111;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.15);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9.5px;
}

.original-copy[b-dxy6yhzlit] {
    position: absolute;
    top: 131mm;
    left: 2.5mm;
    color: #111111;
    font-size: 7.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.top-header[b-dxy6yhzlit] {
    display: grid;
    grid-template-columns: 1.08fr 0.92fr;
    gap: 4mm;
    min-height: 47mm;
}

.company-header[b-dxy6yhzlit] {
    min-width: 0;
}

.company-top[b-dxy6yhzlit] {
    display: grid;
    grid-template-columns: 36mm 1fr 24mm;
    align-items: start;
    gap: 3mm;
}

.company-logo[b-dxy6yhzlit] {
    width: 36mm;
    height: 27mm;
    object-fit: contain;
    object-position: left top;
}

.activity-list[b-dxy6yhzlit] {
    padding-top: 3mm;
    font-size: 9px;
    line-height: 1.15;
}

.brand-list[b-dxy6yhzlit] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5mm;
    padding-top: 1mm;
    font-size: 7px;
    line-height: 1;
}

    .brand-list strong:nth-child(2)[b-dxy6yhzlit] {
        font-size: 10px;
    }

.company-data[b-dxy6yhzlit] {
    margin-top: 1.5mm;
    font-size: 7.7px;
    line-height: 1.28;
}

    .company-data > strong[b-dxy6yhzlit] {
        display: block;
        margin-bottom: 0.5mm;
        font-size: 10px;
    }

.recipient-header[b-dxy6yhzlit] {
    min-width: 0;
}

.document-title[b-dxy6yhzlit] {
    margin-bottom: 4mm;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.23em;
    text-align: center;
}

.recipient-box[b-dxy6yhzlit] {
    min-height: 36mm;
    padding: 4mm;
    border: 0.25mm solid #111111;
    border-radius: 2.5mm;
    font-family: "Courier New", Courier, monospace;
    font-size: 10px;
    line-height: 1.65;
}

.recipient-label[b-dxy6yhzlit] {
    margin-bottom: 2mm;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 6.5px;
    font-weight: 700;
}

.recipient-name[b-dxy6yhzlit] {
    margin-bottom: 1.5mm;
    font-size: 10.5px;
    font-weight: 700;
}

.document-strip[b-dxy6yhzlit] {
    display: grid;
    margin-top: 3mm;
    border: 0.25mm solid #111111;
    border-radius: 2mm;
    overflow: hidden;
}

.first-strip[b-dxy6yhzlit] {
    grid-template-columns: 15mm 11mm 47mm 45mm 23mm 25mm 10mm;
}

.second-strip[b-dxy6yhzlit] {
    grid-template-columns: 79mm 29mm 37mm 40mm;
}

.strip-cell[b-dxy6yhzlit] {
    min-width: 0;
    min-height: 10mm;
    padding: 1.4mm 2mm;
    border-right: 0.25mm solid #111111;
}

    .strip-cell:last-child[b-dxy6yhzlit] {
        border-right: 0;
    }

    .strip-cell span[b-dxy6yhzlit],
    .transport-cell span[b-dxy6yhzlit] {
        display: block;
        margin-bottom: 0.8mm;
        font-size: 6.6px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .strip-cell strong[b-dxy6yhzlit] {
        display: block;
        overflow: hidden;
        font-family: "Courier New", Courier, monospace;
        font-size: 9.5px;
        font-weight: 600;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .strip-cell.numero strong[b-dxy6yhzlit],
    .strip-cell.data strong[b-dxy6yhzlit],
    .strip-cell.pagina strong[b-dxy6yhzlit] {
        font-size: 10.5px;
        text-align: center;
    }

.rows-section[b-dxy6yhzlit] {
    margin-top: 2mm;
    border: 0.25mm solid #111111;
    border-radius: 2mm 2mm 0 0;
    overflow: hidden;
}

.print-table[b-dxy6yhzlit] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .print-table th[b-dxy6yhzlit] {
        height: 8mm;
        padding: 1mm 0.7mm;
        border-right: 0.2mm solid #111111;
        border-bottom: 0.25mm solid #111111;
        font-size: 7px;
        line-height: 1.05;
        text-align: center;
        text-transform: uppercase;
    }

        .print-table th:last-child[b-dxy6yhzlit] {
            border-right: 0;
        }

    .print-table td[b-dxy6yhzlit] {
        height: 7mm;
        padding: 1mm 0.8mm;
        border-right: 0.15mm solid #8d8d8d;
        border-bottom: 0.15mm solid #b7b7b7;
        overflow: hidden;
        font-family: "Courier New", Courier, monospace;
        font-size: 8.5px;
        line-height: 1.2;
        text-overflow: ellipsis;
        vertical-align: top;
    }

        .print-table td:last-child[b-dxy6yhzlit] {
            border-right: 0;
        }

    .print-table tbody tr:last-child td[b-dxy6yhzlit] {
        border-bottom: 0;
    }

.code-column[b-dxy6yhzlit] {
    width: 17%;
}

.description-column[b-dxy6yhzlit] {
    width: 39%;
}

.unit-column[b-dxy6yhzlit] {
    width: 4%;
}

.quantity-column[b-dxy6yhzlit] {
    width: 8%;
}

.price-column[b-dxy6yhzlit] {
    width: 10%;
}

.discount-column[b-dxy6yhzlit] {
    width: 5%;
}

.net-column[b-dxy6yhzlit] {
    width: 10%;
}

.vat-column[b-dxy6yhzlit] {
    width: 4%;
}

.center[b-dxy6yhzlit] {
    text-align: center;
}

.number[b-dxy6yhzlit] {
    text-align: right;
}

.empty-print-row[b-dxy6yhzlit] {
    height: 18mm !important;
    text-align: center;
    vertical-align: middle !important;
}

.transport-grid[b-dxy6yhzlit] {
    display: grid;
    grid-template-columns: 22mm 1fr 34mm;
    margin-top: 2mm;
    border: 0.25mm solid #111111;
    border-radius: 2mm;
    overflow: hidden;
}

.transport-cell[b-dxy6yhzlit] {
    min-height: 11mm;
    padding: 1.8mm 2mm;
    border-right: 0.2mm solid #111111;
    border-bottom: 0.2mm solid #111111;
}

    .transport-cell:nth-child(3)[b-dxy6yhzlit] {
        border-right: 0;
    }

    .transport-cell.full[b-dxy6yhzlit] {
        grid-column: 1 / -1;
        border-right: 0;
    }

    .transport-cell:last-child[b-dxy6yhzlit] {
        border-bottom: 0;
    }

    .transport-cell strong[b-dxy6yhzlit] {
        display: block;
        overflow-wrap: anywhere;
        font-family: "Courier New", Courier, monospace;
        font-size: 8.5px;
        font-weight: 600;
        line-height: 1.3;
    }

.notes-cell[b-dxy6yhzlit] {
    min-height: 15mm;
}

.signature-section[b-dxy6yhzlit] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12mm;
    min-height: 18mm;
    margin-top: 2mm;
    padding: 4mm 5mm 2mm;
    border: 0.25mm solid #111111;
    border-radius: 2mm;
    font-size: 7px;
}

    .signature-section > div[b-dxy6yhzlit] {
        display: flex;
        align-items: flex-end;
        gap: 3mm;
    }

    .signature-section span[b-dxy6yhzlit] {
        flex: 1;
        border-bottom: 0.2mm solid #111111;
    }

@media print {
    @page {
        size: A4 portrait;
        margin: 0;
    }

    .no-print[b-dxy6yhzlit] {
        display: none !important;
    }

    .print-page[b-dxy6yhzlit] {
        width: 210mm;
        min-height: 297mm;
        margin: 0;
        padding: 6mm 8mm 8mm 13mm;
        box-shadow: none;
        page-break-after: avoid;
    }

    .top-header[b-dxy6yhzlit],
    .document-strip[b-dxy6yhzlit],
    .rows-section[b-dxy6yhzlit],
    .transport-grid[b-dxy6yhzlit],
    .signature-section[b-dxy6yhzlit],
    .print-table tr[b-dxy6yhzlit] {
        break-inside: avoid;
    }
}


/* Intestazione completa fornita dall'utente. */

.company-header[b-dxy6yhzlit] {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.company-header-image[b-dxy6yhzlit] {
    display: block;
    width: 100%;
    height: auto;
    max-height: 46mm;
    object-fit: contain;
    object-position: left top;
}


/* Area articoli libera: una sola riga di riempimento, senza righe orizzontali. */

.table-filler-row td[b-dxy6yhzlit] {
    padding: 0;
    border-right: 0.18mm solid #777777;
    border-bottom: 0;
    vertical-align: top;
}

    .table-filler-row td:last-child[b-dxy6yhzlit] {
        border-right: 0;
    }

/* Testi principali più leggibili in stampa. */

.recipient-box[b-dxy6yhzlit] {
    font-size: 11px;
}

.recipient-name[b-dxy6yhzlit] {
    font-size: 12px;
}

.company-header-image[b-dxy6yhzlit] {
    max-height: 49mm;
}

.print-table tbody tr:not(.table-filler-row) td[b-dxy6yhzlit] {
    font-weight: 600;
}


/* CORREZIONE DEFINITIVA AREA ARTICOLI:
   celle alte, nessuna griglia orizzontale, sole colonne verticali. */

.print-table tbody td[b-dxy6yhzlit] {
    border-bottom: 0 !important;
}

.print-table tbody tr:not(.table-filler-row) td[b-dxy6yhzlit] {
    height: 7.5mm;
    padding-top: 1.4mm;
    padding-bottom: 0.7mm;
    vertical-align: top;
}

.table-filler-row[b-dxy6yhzlit] {
    height: auto;
}

    .table-filler-row td[b-dxy6yhzlit] {
        box-sizing: border-box;
        padding: 0 !important;
        border-right: 0.18mm solid #777777;
        border-bottom: 0 !important;
        vertical-align: top;
    }

        .table-filler-row td:last-child[b-dxy6yhzlit] {
            border-right: 0;
        }

/* La base dell'area articoli resta chiusa dal bordo esterno. */

.rows-section[b-dxy6yhzlit] {
    border-bottom: 0.25mm solid #111111;
}
/* /Components/Pages/DettaglioArticolo.razor.rz.scp.css */
.article-page[b-wtiuji8407] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #303438;
}

.article-header[b-wtiuji8407] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.article-kicker[b-wtiuji8407] {
    color: #c92f2f;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
}

.article-header h1[b-wtiuji8407] {
    margin: 3px 0 0;
    font-size: 23px;
    font-weight: 700;
}

.article-header p[b-wtiuji8407] {
    margin: 4px 0 0;
    color: #70767b;
    font-size: 11px;
}

.primary-button[b-wtiuji8407],
.secondary-button[b-wtiuji8407],
.warning-button[b-wtiuji8407] {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.primary-button[b-wtiuji8407] {
    border: 1px solid #c92f2f;
    background: #c92f2f;
    color: #ffffff;
}

.secondary-button[b-wtiuji8407] {
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #44484c;
}

.warning-button[b-wtiuji8407] {
    border: 1px solid #d4a33f;
    background: #f4bd4d;
    color: #352a14;
}

button:disabled[b-wtiuji8407] {
    cursor: not-allowed;
    opacity: .58;
}

.message-card[b-wtiuji8407],
.article-card[b-wtiuji8407],
.article-summary[b-wtiuji8407] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
}

.message-card[b-wtiuji8407] {
    padding: 11px 13px;
    font-size: 10px;
}

.message-card.error[b-wtiuji8407] {
    border-color: #e8b6b6;
    background: #fff4f4;
    color: #a82828;
}

.message-card.success[b-wtiuji8407] {
    border-color: #b8dec6;
    background: #f1fbf4;
    color: #21733d;
}

.article-summary[b-wtiuji8407] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    overflow: hidden;
}

.article-summary > div[b-wtiuji8407] {
    min-width: 0;
    padding: 11px 13px;
    border-right: 1px solid #e3e5e7;
}

.article-summary > div:last-child[b-wtiuji8407] {
    border-right: 0;
}

.article-summary span[b-wtiuji8407],
.cost-grid span[b-wtiuji8407] {
    display: block;
    color: #777d82;
    font-size: 7px;
    font-weight: 800;
    text-transform: uppercase;
}

.article-summary strong[b-wtiuji8407],
.cost-grid strong[b-wtiuji8407] {
    display: block;
    margin-top: 5px;
    overflow: hidden;
    color: #2d3135;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.article-card[b-wtiuji8407] {
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.article-tabs[b-wtiuji8407] {
    display: flex;
    padding: 0 16px;
    border-bottom: 1px solid #dfe2e4;
    background: #fafafa;
}

.article-tabs button[b-wtiuji8407] {
    min-height: 40px;
    padding: 0 15px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #60666b;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.article-tabs button.active[b-wtiuji8407] {
    border-bottom-color: #c92f2f;
    color: #c92f2f;
}

.article-body[b-wtiuji8407] {
    min-height: 0;
    padding: 16px;
}

.form-grid[b-wtiuji8407] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.form-grid label[b-wtiuji8407],
.price-grid label[b-wtiuji8407],
.adjustment-card label[b-wtiuji8407] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.form-grid label > span[b-wtiuji8407],
.price-grid label > span[b-wtiuji8407],
.adjustment-card label > span[b-wtiuji8407] {
    color: #696f74;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.form-grid input[b-wtiuji8407],
.form-grid select[b-wtiuji8407],
.price-grid input[b-wtiuji8407],
.adjustment-card input[b-wtiuji8407] {
    width: 100%;
    min-height: 38px;
    padding: 7px 9px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    color: #303438;
    font-family: inherit;
    font-size: 11px;
    outline: 0;
}

.form-grid input:focus[b-wtiuji8407],
.form-grid select:focus[b-wtiuji8407],
.price-grid input:focus[b-wtiuji8407],
.adjustment-card input:focus[b-wtiuji8407] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 3px rgba(201, 47, 47, .08);
}

.form-grid input:disabled[b-wtiuji8407] {
    background: #f1f2f3;
    color: #62686d;
}

.wide-field[b-wtiuji8407] {
    grid-column: span 2;
}

.adjustment-card[b-wtiuji8407] {
    display: grid;
    grid-template-columns: 1.2fr 140px 1.5fr auto;
    align-items: end;
    gap: 10px;
    margin-top: 15px;
    padding: 12px;
    border: 1px solid #e3d2ab;
    border-radius: 9px;
    background: #fffaf0;
}

.adjustment-card > div[b-wtiuji8407] {
    align-self: center;
}

.adjustment-card strong[b-wtiuji8407],
.adjustment-card > div > span[b-wtiuji8407] {
    display: block;
}

.adjustment-card strong[b-wtiuji8407] {
    font-size: 10px;
}

.adjustment-card > div > span[b-wtiuji8407] {
    margin-top: 3px;
    color: #786b50;
    font-size: 8px;
}

.cost-grid[b-wtiuji8407] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.cost-grid > div[b-wtiuji8407] {
    padding: 11px;
    border: 1px solid #dfe2e4;
    border-radius: 8px;
    background: #fafafa;
}

.price-grid[b-wtiuji8407] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.history-shell[b-wtiuji8407] {
    max-height: 470px;
    overflow: auto;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

.history-shell table[b-wtiuji8407] {
    width: 100%;
    min-width: 850px;
    border-collapse: collapse;
    font-size: 10px;
}

.history-shell thead[b-wtiuji8407] {
    position: sticky;
    top: 0;
    background: #f0f1f2;
}

.history-shell th[b-wtiuji8407],
.history-shell td[b-wtiuji8407] {
    padding: 9px 10px;
    border-bottom: 1px solid #e6e8ea;
    text-align: left;
}

.history-shell th[b-wtiuji8407] {
    color: #4a4f53;
    font-size: 9px;
}

.history-shell .amount[b-wtiuji8407] {
    text-align: right;
}

.empty-row[b-wtiuji8407] {
    height: 100px;
    color: #777d82;
    text-align: center !important;
}

.article-actions[b-wtiuji8407] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    padding: 11px 16px;
    border-top: 1px solid #dfe2e4;
    background: #fafafa;
}

@media (max-width: 980px) {
    .article-summary[b-wtiuji8407] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .article-summary > div[b-wtiuji8407] {
        border-bottom: 1px solid #e3e5e7;
    }

    .adjustment-card[b-wtiuji8407] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 720px) {
    .article-header[b-wtiuji8407] {
        flex-direction: column;
    }

    .article-summary[b-wtiuji8407],
    .form-grid[b-wtiuji8407],
    .cost-grid[b-wtiuji8407],
    .price-grid[b-wtiuji8407],
    .adjustment-card[b-wtiuji8407] {
        grid-template-columns: 1fr;
    }

    .wide-field[b-wtiuji8407] {
        grid-column: auto;
    }

    .article-tabs[b-wtiuji8407] {
        overflow-x: auto;
    }
}

.cost-grid.single-cost[b-wtiuji8407] {
    grid-template-columns: minmax(220px, 1fr);
}

.cost-grid.single-cost > div[b-wtiuji8407] {
    max-width: 360px;
}

.price-discount-grid[b-wtiuji8407] {
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.price-discount-grid label[b-wtiuji8407] { display:flex; flex-direction:column; gap:6px; }
.price-discount-grid label span[b-wtiuji8407] { font-size:11.5px; font-weight:700; }
.price-discount-grid input[b-wtiuji8407] { min-height:40px; font-size:13.5px; }
@media(max-width:1000px){.price-discount-grid[b-wtiuji8407]{grid-template-columns:repeat(2,minmax(0,1fr));}}

.detail-listini-sections[b-wtiuji8407] { display:flex; flex-direction:column; gap:10px; }
.detail-listini-sections .listini-section-title[b-wtiuji8407] { font-size:12px; font-weight:800; color:#5e6876; text-transform:uppercase; }
.detail-listini-sections .secondary-title[b-wtiuji8407] { margin-top:8px; padding-top:12px; border-top:1px solid #e2e5e9; }
.detail-listini-sections .listini-pairs-grid[b-wtiuji8407] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 16px; }
.detail-listini-sections .listino-pair-card[b-wtiuji8407] { display:grid; grid-template-columns:minmax(0,1fr) 140px; gap:10px; padding:10px; border:1px solid #dde1e6; border-radius:8px; background:#fafbfc; }
.detail-listini-sections .listino-pair-card label[b-wtiuji8407],
.detail-listini-sections .other-listini-grid > label[b-wtiuji8407] { display:flex; flex-direction:column; gap:5px; }
.detail-listini-sections .other-listini-grid[b-wtiuji8407] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:end; }
@media(max-width:1050px){.detail-listini-sections .listini-pairs-grid[b-wtiuji8407]{grid-template-columns:1fr}.detail-listini-sections .other-listini-grid[b-wtiuji8407]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /Components/Pages/EstrattoConto.razor.rz.scp.css */
.module-page[b-he3ed0w8bg] {
    min-height: 100%;
    padding: 14px 18px 22px;
    color: #2f3337;
}

.page-heading[b-he3ed0w8bg] {
    margin-bottom: 10px;
}

    .page-heading h1[b-he3ed0w8bg] {
        margin: 0;
        color: #2a2d30;
        font-size: 16px;
        line-height: 1.25;
    }

    .page-heading p[b-he3ed0w8bg] {
        margin: 3px 0 0;
        color: #72777c;
        font-size: 10px;
    }

.content-card[b-he3ed0w8bg] {
    overflow: visible;
    border: 1px solid #d9dcdf;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.section-tabs[b-he3ed0w8bg] {
    display: flex;
    gap: 18px;
    padding: 0 14px;
    border-bottom: 1px solid #d9dcdf;
}

    .section-tabs button[b-he3ed0w8bg] {
        min-height: 43px;
        padding: 0 2px;
        border: 0;
        border-bottom: 2px solid transparent;
        background: transparent;
        color: #4a4f54;
        font-family: inherit;
        font-size: 11px;
        cursor: pointer;
    }

        .section-tabs button.active[b-he3ed0w8bg] {
            border-bottom-color: #cb2f2f;
            color: #bd2929;
            font-weight: 700;
        }

.filters-row[b-he3ed0w8bg] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    padding: 12px 14px 9px;
}

.subject-field[b-he3ed0w8bg] {
    width: min(430px, 100%);
}

    .subject-field > label[b-he3ed0w8bg] {
        display: block;
        margin-bottom: 5px;
        color: #555b60;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
    }

.autocomplete[b-he3ed0w8bg] {
    position: relative;
}

    .autocomplete input[b-he3ed0w8bg] {
        box-sizing: border-box;
        width: 100%;
        min-height: 39px;
        padding: 8px 36px 8px 11px;
        border: 1px solid #cfd3d7;
        border-radius: 7px;
        outline: 0;
        color: #33383c;
        font-family: inherit;
        font-size: 11px;
    }

        .autocomplete input:focus[b-he3ed0w8bg] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
        }

.clear-subject[b-he3ed0w8bg] {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #70767b;
    font-size: 18px;
    line-height: 1;
    transform: translateY(-50%);
    cursor: pointer;
}

    .clear-subject:hover[b-he3ed0w8bg] {
        background: #f0f1f2;
    }

.autocomplete-menu[b-he3ed0w8bg] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 20;
    width: 100%;
    max-height: 270px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14);
}

.autocomplete-item[b-he3ed0w8bg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 36px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #31363a;
    font-family: inherit;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-item:last-child[b-he3ed0w8bg] {
        border-bottom: 0;
    }

    .autocomplete-item:hover[b-he3ed0w8bg] {
        background: #f5f6f7;
    }

    .autocomplete-item span[b-he3ed0w8bg] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-item small[b-he3ed0w8bg] {
        color: #858b90;
        font-size: 9px;
    }

.autocomplete-state[b-he3ed0w8bg] {
    padding: 13px;
    color: #73797e;
    font-size: 10px;
    text-align: center;
}

.selection-info[b-he3ed0w8bg] {
    min-width: 150px;
    min-height: 39px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid #e0e2e4;
    border-radius: 7px;
    background: #f7f8f8;
    color: #73787d;
    font-size: 9px;
}

    .selection-info strong[b-he3ed0w8bg] {
        color: #353a3e;
        font-size: 10px;
    }

.summary-grid[b-he3ed0w8bg] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 3px 14px 11px;
}

.summary-card[b-he3ed0w8bg] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #dfe2e4;
    border-radius: 8px;
    background: #ffffff;
}

    .summary-card span[b-he3ed0w8bg] {
        color: #83898e;
        font-size: 10px;
        font-weight: 600;
    }

    .summary-card strong[b-he3ed0w8bg] {
        color: #31363a;
        font-size: 16px;
        white-space: nowrap;
    }

    .summary-card.overdue[b-he3ed0w8bg] {
        border-left: 3px solid #cb2f2f;
    }

    .summary-card.upcoming[b-he3ed0w8bg] {
        border-left: 3px solid #d7a126;
    }

    .summary-card.balance[b-he3ed0w8bg] {
        border-left: 3px solid #555b60;
    }

.error-message[b-he3ed0w8bg] {
    margin: 0 14px 10px;
    padding: 10px 12px;
    border: 1px solid #e8b7b7;
    border-radius: 8px;
    background: #fff2f2;
    color: #a72b2b;
    font-size: 10px;
    line-height: 1.4;
}

.table-shell[b-he3ed0w8bg] {
    margin: 0 14px;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

.table-wrapper[b-he3ed0w8bg] {
    max-height: calc(100vh - 360px);
    overflow: auto;
}

.account-table[b-he3ed0w8bg] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
}

    .account-table thead[b-he3ed0w8bg] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .account-table th[b-he3ed0w8bg] {
        padding: 9px 10px;
        border-right: 1px solid #dde0e2;
        border-bottom: 1px solid #cfd3d7;
        color: #454a4e;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

        .account-table th:last-child[b-he3ed0w8bg] {
            border-right: 0;
        }

    .account-table td[b-he3ed0w8bg] {
        padding: 9px 10px;
        border-right: 1px solid #eceeef;
        border-bottom: 1px solid #eceeef;
        color: #34383c;
        vertical-align: middle;
    }

        .account-table td:last-child[b-he3ed0w8bg] {
            border-right: 0;
        }

    .account-table tbody tr:hover[b-he3ed0w8bg] {
        background: #f8f9f9;
    }

    .account-table .document-cell[b-he3ed0w8bg] {
        width: 15%;
        font-weight: 600;
    }

    .account-table .movements-cell[b-he3ed0w8bg] {
        width: 31%;
        overflow-wrap: anywhere;
    }

.number-column[b-he3ed0w8bg],
.number-cell[b-he3ed0w8bg] {
    text-align: right !important;
}

.number-column[b-he3ed0w8bg] {
    width: 13%;
}

.date-column[b-he3ed0w8bg],
.date-cell[b-he3ed0w8bg] {
    width: 15%;
    text-align: center !important;
}

.balance-cell[b-he3ed0w8bg] {
    font-weight: 700;
}

.overdue-row[b-he3ed0w8bg] {
    background: #fff6f6;
}

    .overdue-row .date-cell[b-he3ed0w8bg],
    .overdue-row .balance-cell[b-he3ed0w8bg] {
        color: #b42626;
    }

.table-state[b-he3ed0w8bg] {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    color: #777d82;
    font-size: 11px;
}

.records-footer[b-he3ed0w8bg] {
    padding: 8px 14px 12px;
    color: #767c81;
    font-size: 9px;
    text-align: right;
}

    .records-footer strong[b-he3ed0w8bg] {
        color: #303438;
    }

@media (max-width: 900px) {
    .filters-row[b-he3ed0w8bg] {
        align-items: stretch;
        flex-direction: column;
    }

    .subject-field[b-he3ed0w8bg] {
        width: 100%;
    }

    .summary-grid[b-he3ed0w8bg] {
        grid-template-columns: 1fr;
    }

    .table-wrapper[b-he3ed0w8bg] {
        max-height: calc(100vh - 520px);
    }
}

/* ==========================================================
   ALLINEAMENTO PAGINA ALLO STILE DDT
   ========================================================== */

.module-page[b-he3ed0w8bg] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    overflow: hidden;
    color: #2f3337;
}

.page-description[b-he3ed0w8bg] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.content-card[b-he3ed0w8bg] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border-color: #d7dade;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.section-tabs[b-he3ed0w8bg],
.filters-row[b-he3ed0w8bg],
.summary-grid[b-he3ed0w8bg],
.error-message[b-he3ed0w8bg],
.records-footer[b-he3ed0w8bg] {
    flex-shrink: 0;
}

.section-tabs[b-he3ed0w8bg] {
    min-height: 44px;
    padding: 0 14px;
}

.filters-row[b-he3ed0w8bg] {
    gap: 9px;
    padding: 10px 14px 8px;
}

.subject-field[b-he3ed0w8bg] {
    width: min(430px, 100%);
}

.autocomplete input[b-he3ed0w8bg] {
    min-height: 38px;
}

.summary-grid[b-he3ed0w8bg] {
    gap: 9px;
    padding: 3px 14px 10px;
}

.summary-card[b-he3ed0w8bg] {
    min-height: 52px;
}

    .summary-card strong[b-he3ed0w8bg] {
        font-size: 15px;
    }

.table-shell[b-he3ed0w8bg] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 14px;
    overflow: hidden;
}

.table-wrapper[b-he3ed0w8bg] {
    min-height: 0;
    flex: 1;
    max-height: none;
    overflow: auto;
}

.account-table[b-he3ed0w8bg] {
    min-width: 760px;
    font-size: 10px;
}

.table-state[b-he3ed0w8bg] {
    min-height: 0;
    flex: 1;
}

.records-footer[b-he3ed0w8bg] {
    padding: 7px 14px 10px;
}
/* /Components/Pages/Fatture.razor.rz.scp.css */
.invoices-page[b-8xrerncgxj] { display:flex; flex-direction:column; gap:14px; min-height:100%; padding:4px; color:#1f2937; }
.invoices-header[b-8xrerncgxj] { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.invoices-header h1[b-8xrerncgxj] { margin:0; font-size:28px; font-weight:750; }
.invoices-header p[b-8xrerncgxj] { margin:4px 0 0; color:#6b7280; font-size:15px; }
.environment-badge[b-8xrerncgxj] { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid #fed7aa; border-radius:999px; background:#fff7ed; color:#9a3412; font-size:13px; font-weight:700; }
.environment-badge.real[b-8xrerncgxj] { border-color:#bbf7d0; background:#f0fdf4; color:#166534; }
.status-dot[b-8xrerncgxj] { width:8px; height:8px; border-radius:50%; background:#f97316; }
.real .status-dot[b-8xrerncgxj] { background:#22c55e; }
.connection-card[b-8xrerncgxj] { display:grid; grid-template-columns:minmax(240px,1fr) minmax(260px,auto) auto; align-items:center; gap:22px; padding:15px 18px; border:1px solid #dbe3ec; border-radius:12px; background:#fff; box-shadow:0 1px 2px rgb(15 23 42 / 4%); }
.connection-main[b-8xrerncgxj] { display:flex; align-items:center; gap:12px; }
.service-mark[b-8xrerncgxj] { display:grid; place-items:center; width:42px; height:42px; border-radius:10px; background:#1d4ed8; color:#fff; font-weight:800; }
.connection-main strong[b-8xrerncgxj],.connection-main span[b-8xrerncgxj] { display:block; }
.connection-main span[b-8xrerncgxj],.configuration-summary[b-8xrerncgxj] { margin-top:3px; color:#64748b; font-size:13px; }
.configuration-summary[b-8xrerncgxj] { display:flex; flex-direction:column; gap:2px; }
.message[b-8xrerncgxj] { padding:11px 14px; border:1px solid; border-radius:9px; font-size:14px; }
.message.success[b-8xrerncgxj] { border-color:#86efac; background:#f0fdf4; color:#166534; }
.message.error[b-8xrerncgxj] { border-color:#fecaca; background:#fef2f2; color:#991b1b; }
.toolbar[b-8xrerncgxj],.toolbar-actions[b-8xrerncgxj],.filter-tabs[b-8xrerncgxj] { display:flex; align-items:center; }
.toolbar[b-8xrerncgxj] { justify-content:space-between; gap:16px; }
.filter-tabs[b-8xrerncgxj] { gap:5px; padding:4px; border:1px solid #dbe3ec; border-radius:10px; background:#f8fafc; }
.filter-tab[b-8xrerncgxj] { display:flex; align-items:center; gap:8px; padding:8px 13px; border:0; border-radius:7px; background:transparent; color:#64748b; font-weight:650; cursor:pointer; }
.filter-tab span[b-8xrerncgxj] { min-width:22px; padding:2px 6px; border-radius:999px; background:#e2e8f0; color:#475569; font-size:11px; }
.filter-tab.active[b-8xrerncgxj] { background:#fff; color:#1d4ed8; box-shadow:0 1px 3px rgb(15 23 42 / 12%); }
.toolbar-actions[b-8xrerncgxj] { gap:8px; }
.button[b-8xrerncgxj] { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:8px 14px; border:1px solid transparent; border-radius:8px; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.button.primary[b-8xrerncgxj] { background:#1d4ed8; color:#fff; }
.button.secondary[b-8xrerncgxj] { border-color:#cbd5e1; background:#fff; color:#334155; }
.button:disabled[b-8xrerncgxj],.button.disabled[b-8xrerncgxj] { opacity:.55; pointer-events:none; }
.upload-button[b-8xrerncgxj] { position:relative; }
.upload-button[b-8xrerncgxj]  input { position:absolute; width:1px; height:1px; opacity:0; }
.search-row[b-8xrerncgxj] { display:flex; align-items:center; gap:9px; max-width:560px; padding:0 12px; border:1px solid #cbd5e1; border-radius:9px; background:#fff; color:#64748b; }
.search-row:focus-within[b-8xrerncgxj] { border-color:#93c5fd; box-shadow:0 0 0 3px rgb(147 197 253 / 22%); }
.search-row input[b-8xrerncgxj] { width:100%; height:40px; border:0; outline:0; background:transparent; font-size:14px; }
.table-card[b-8xrerncgxj] { overflow:auto; min-height:300px; border:1px solid #dbe3ec; border-radius:11px; background:#fff; }
table[b-8xrerncgxj] { width:100%; border-collapse:collapse; font-size:14px; }
th[b-8xrerncgxj],td[b-8xrerncgxj] { padding:12px 14px; border-bottom:1px solid #e8edf3; text-align:left; white-space:nowrap; }
th[b-8xrerncgxj] { position:sticky; top:0; z-index:1; background:#f8fafc; color:#64748b; font-size:12px; text-transform:uppercase; letter-spacing:.025em; }
.invoice-row[b-8xrerncgxj] { cursor:pointer; }
.invoice-row:hover[b-8xrerncgxj] { background:#f8fbff; }
.amount[b-8xrerncgxj] { text-align:right; }
.document-number[b-8xrerncgxj] { font-weight:700; color:#0f172a; }
.counterparty[b-8xrerncgxj] { max-width:360px; overflow:hidden; text-overflow:ellipsis; }
.hub-id[b-8xrerncgxj] { max-width:180px; color:#64748b; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:12px; }
.direction[b-8xrerncgxj],.invoice-status[b-8xrerncgxj] { display:inline-flex; padding:4px 8px; border-radius:999px; background:#f1f5f9; color:#475569; font-size:12px; font-weight:700; }
.direction.active[b-8xrerncgxj] { background:#dbeafe; color:#1d4ed8; }
.direction.passive[b-8xrerncgxj] { background:#f3e8ff; color:#7e22ce; }
.row-error[b-8xrerncgxj] { display:block; max-width:260px; margin-top:4px; color:#b91c1c; white-space:normal; }
.empty-state[b-8xrerncgxj] { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; min-height:300px; padding:30px; color:#64748b; text-align:center; }
.empty-state strong[b-8xrerncgxj] { color:#334155; font-size:16px; }
.empty-icon[b-8xrerncgxj] { font-size:30px; }
.preparation-note[b-8xrerncgxj] { display:flex; gap:10px; padding:10px 13px; border-radius:8px; background:#eff6ff; color:#1e40af; font-size:13px; }

.invoice-modal-backdrop[b-8xrerncgxj] { position:fixed; inset:0; z-index:1200; display:grid; place-items:center; padding:24px; background:rgb(15 23 42 / 42%); }
.invoice-modal[b-8xrerncgxj] { width:min(760px,96vw); max-height:88vh; overflow:auto; border:1px solid #dbe3ec; border-radius:14px; background:#fff; box-shadow:0 24px 70px rgb(15 23 42 / 28%); }
.invoice-modal-header[b-8xrerncgxj] { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px 16px; border-bottom:1px solid #e8edf3; }
.invoice-modal-title-row[b-8xrerncgxj] { display:flex; align-items:center; gap:10px; }
.invoice-modal-header h2[b-8xrerncgxj] { margin:0; color:#0f172a; font-size:21px; }
.invoice-modal-header p[b-8xrerncgxj] { margin:5px 0 0; color:#64748b; font-size:14px; }
.modal-close[b-8xrerncgxj] { display:grid; place-items:center; width:36px; height:36px; border:0; border-radius:8px; background:#f1f5f9; color:#475569; font-size:25px; line-height:1; cursor:pointer; }
.modal-close:hover[b-8xrerncgxj] { background:#e2e8f0; }
.invoice-detail-grid[b-8xrerncgxj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:20px 22px; }
.detail-field[b-8xrerncgxj] { min-width:0; padding:12px 14px; border:1px solid #e2e8f0; border-radius:9px; background:#f8fafc; }
.detail-field.wide[b-8xrerncgxj] { grid-column:1 / -1; }
.detail-field span[b-8xrerncgxj] { display:block; margin-bottom:5px; color:#64748b; font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.025em; }
.detail-field strong[b-8xrerncgxj] { display:block; min-width:0; overflow-wrap:anywhere; color:#0f172a; font-size:15px; }
.detail-field code[b-8xrerncgxj] { display:block; overflow-wrap:anywhere; white-space:normal; color:#334155; font-size:13px; }
.detail-error[b-8xrerncgxj] { display:flex; flex-direction:column; gap:5px; margin:0 22px 18px; padding:12px 14px; border:1px solid #fecaca; border-radius:9px; background:#fef2f2; color:#991b1b; font-size:13px; }
.invoice-modal-footer[b-8xrerncgxj] { display:flex; align-items:center; justify-content:flex-end; gap:14px; padding:14px 22px 18px; border-top:1px solid #e8edf3; }
.accounting-note[b-8xrerncgxj] { margin-right:auto; color:#64748b; font-size:13px; }

@media (max-width:1050px) {
    .connection-card[b-8xrerncgxj] { grid-template-columns:1fr auto; }
    .configuration-summary[b-8xrerncgxj] { display:none; }
    .toolbar[b-8xrerncgxj] { align-items:stretch; flex-direction:column; }
    .toolbar-actions[b-8xrerncgxj] { flex-wrap:wrap; }
}

@media (max-width:700px) {
    .invoices-header[b-8xrerncgxj] { align-items:flex-start; }
    .environment-badge[b-8xrerncgxj] { white-space:nowrap; }
    .toolbar-actions .button[b-8xrerncgxj] { flex:1 1 auto; }
    .invoice-modal-backdrop[b-8xrerncgxj] { padding:12px; }
    .invoice-detail-grid[b-8xrerncgxj] { grid-template-columns:1fr; }
    .detail-field.wide[b-8xrerncgxj] { grid-column:auto; }
    .invoice-modal-footer[b-8xrerncgxj] { align-items:stretch; flex-direction:column; }
    .accounting-note[b-8xrerncgxj] { margin-right:0; }
    .invoice-modal-footer .button[b-8xrerncgxj] { width:100%; }
}

.document-type[b-8xrerncgxj] {
    display: block;
    margin-top: 4px;
    font-size: .72rem;
    font-weight: 700;
    color: #64748b;
}

.detail-field small[b-8xrerncgxj] {
    display: block;
    margin-top: 5px;
    font-size: .78rem;
    color: #64748b;
}


.supplier-link-card[b-8xrerncgxj] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 22px 16px; padding:13px 14px; border:1px solid #dbe3ec; border-radius:9px; background:#f8fafc; }
.supplier-link-card > div[b-8xrerncgxj] { min-width:0; }
.supplier-link-card strong[b-8xrerncgxj],.supplier-link-card span[b-8xrerncgxj] { display:block; }
.supplier-link-card strong[b-8xrerncgxj] { color:#0f172a; font-size:14px; }
.supplier-link-card div span[b-8xrerncgxj] { margin-top:3px; color:#64748b; font-size:13px; overflow-wrap:anywhere; }
.supplier-link-card.linked[b-8xrerncgxj] { border-color:#bbf7d0; background:#f0fdf4; }
.supplier-link-card.missing[b-8xrerncgxj] { border-color:#fed7aa; background:#fff7ed; }
.supplier-status[b-8xrerncgxj] { flex:0 0 auto; padding:5px 8px; border-radius:999px; font-size:11px; font-weight:800; }
.supplier-status.ok[b-8xrerncgxj] { background:#dcfce7; color:#166534; }
.supplier-status.warn[b-8xrerncgxj] { background:#ffedd5; color:#9a3412; }
@media (max-width:700px) { .supplier-link-card[b-8xrerncgxj] { align-items:flex-start; flex-direction:column; } }

.pn-registered[b-8xrerncgxj] { display:block; margin-top:4px; color:#166534; font-size:11px; font-weight:800; }
.invoice-accounting-status[b-8xrerncgxj] { margin:0 22px 16px; padding:12px 14px; border-radius:9px; font-size:13px; }
.invoice-accounting-status strong[b-8xrerncgxj],.invoice-accounting-status span[b-8xrerncgxj] { display:block; }
.invoice-accounting-status span[b-8xrerncgxj] { margin-top:3px; }
.invoice-accounting-status.registered[b-8xrerncgxj] { border:1px solid #86efac; background:#f0fdf4; color:#166534; }
.accounting-backdrop[b-8xrerncgxj] { z-index:1250; }
.accounting-modal[b-8xrerncgxj] { width:min(720px,96vw); }
.accounting-form[b-8xrerncgxj] { padding:20px 22px; }
.accounting-summary[b-8xrerncgxj] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:16px; }
.accounting-summary div[b-8xrerncgxj] { padding:12px; border:1px solid #dbe3ec; border-radius:9px; background:#f8fafc; }
.accounting-summary span[b-8xrerncgxj],.accounting-summary strong[b-8xrerncgxj] { display:block; }
.accounting-summary span[b-8xrerncgxj] { color:#64748b; font-size:11px; font-weight:700; text-transform:uppercase; }
.accounting-summary strong[b-8xrerncgxj] { margin-top:4px; color:#0f172a; font-size:16px; }
.accounting-grid[b-8xrerncgxj] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.accounting-grid label[b-8xrerncgxj] { display:flex; flex-direction:column; gap:6px; color:#475569; font-size:12px; font-weight:700; }
.accounting-grid label.wide[b-8xrerncgxj] { grid-column:1 / -1; }
.accounting-grid input[b-8xrerncgxj],.accounting-grid select[b-8xrerncgxj] { width:100%; min-height:40px; padding:8px 10px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; color:#0f172a; font:inherit; }
.balance-line[b-8xrerncgxj] { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; padding:11px 12px; border-radius:8px; font-size:13px; }
.balance-line.ok[b-8xrerncgxj] { border:1px solid #86efac; background:#f0fdf4; color:#166534; }
.balance-line.error[b-8xrerncgxj] { border:1px solid #fecaca; background:#fef2f2; color:#991b1b; }
@media (max-width:700px) {
    .accounting-summary[b-8xrerncgxj],.accounting-grid[b-8xrerncgxj] { grid-template-columns:1fr; }
    .accounting-grid label.wide[b-8xrerncgxj] { grid-column:auto; }
    .balance-line[b-8xrerncgxj] { align-items:flex-start; flex-direction:column; }
}

.review-pending[b-8xrerncgxj] { display:block; margin-top:4px; color:#9a3412; font-size:11px; font-weight:800; }
.review-done[b-8xrerncgxj] { display:block; margin-top:4px; color:#166534; font-size:11px; font-weight:800; }
.passive-workflow-card[b-8xrerncgxj] { margin:0 22px 16px; padding:14px; border:1px solid #dbe3ec; border-radius:10px; background:#fff; }
.passive-workflow-card.pending[b-8xrerncgxj] { border-color:#fed7aa; background:#fffaf5; }
.passive-workflow-card.reviewed[b-8xrerncgxj] { border-color:#bbf7d0; background:#f6fef8; }
.workflow-heading[b-8xrerncgxj],.due-preview-title[b-8xrerncgxj],.due-preview-row[b-8xrerncgxj],.due-editor-head[b-8xrerncgxj] { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.workflow-heading strong[b-8xrerncgxj],.workflow-heading span[b-8xrerncgxj] { display:block; }
.workflow-heading > div > span[b-8xrerncgxj] { margin-top:3px; color:#64748b; font-size:12px; }
.workflow-status[b-8xrerncgxj] { flex:0 0 auto; padding:5px 8px; border-radius:999px; background:#fff; color:#475569; font-size:10px; font-weight:900; }
.passive-workflow-card.pending .workflow-status[b-8xrerncgxj] { background:#ffedd5; color:#9a3412; }
.passive-workflow-card.reviewed .workflow-status[b-8xrerncgxj] { background:#dcfce7; color:#166534; }
.due-preview[b-8xrerncgxj] { margin-top:12px; padding-top:11px; border-top:1px solid #e2e8f0; }
.due-preview-title[b-8xrerncgxj] { margin-bottom:7px; color:#334155; font-size:12px; }
.due-preview-title span[b-8xrerncgxj] { color:#64748b; }
.due-preview-row[b-8xrerncgxj] { min-height:30px; padding:5px 0; border-top:1px dashed #e2e8f0; color:#475569; font-size:12px; }
.due-preview-row strong[b-8xrerncgxj] { color:#0f172a; }
.review-button[b-8xrerncgxj] { border-color:#f59e0b; background:#fff7ed; color:#9a3412; }
.review-backdrop[b-8xrerncgxj] { z-index:1275; }
.review-modal[b-8xrerncgxj] { width:min(940px,97vw); }
.review-body[b-8xrerncgxj] { padding:18px 22px 20px; }
.review-info[b-8xrerncgxj] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.review-info > div[b-8xrerncgxj] { padding:12px; border:1px solid #dbe3ec; border-radius:9px; background:#f8fafc; }
.review-info span[b-8xrerncgxj],.review-info strong[b-8xrerncgxj] { display:block; }
.review-info span[b-8xrerncgxj] { color:#64748b; font-size:11px; font-weight:800; text-transform:uppercase; }
.review-info strong[b-8xrerncgxj] { margin-top:4px; color:#0f172a; font-size:16px; }
.review-callout[b-8xrerncgxj] { margin:14px 0; padding:11px 12px; border:1px solid #bfdbfe; border-radius:8px; background:#eff6ff; color:#1e40af; font-size:13px; line-height:1.4; }
.due-editor[b-8xrerncgxj] { overflow:auto; border:1px solid #dbe3ec; border-radius:10px; }
.due-editor-head[b-8xrerncgxj] { padding:10px 12px; background:#f8fafc; }
.button.small[b-8xrerncgxj] { min-height:32px; padding:5px 9px; font-size:12px; }
.due-editor table[b-8xrerncgxj] { min-width:720px; }
.due-editor th[b-8xrerncgxj],.due-editor td[b-8xrerncgxj] { padding:9px 10px; }
.due-editor input[b-8xrerncgxj],.due-editor select[b-8xrerncgxj] { width:100%; min-height:36px; padding:6px 8px; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#0f172a; font:inherit; }
.due-editor td:nth-child(1)[b-8xrerncgxj] { width:60px; font-weight:800; }
.due-editor td:nth-child(2)[b-8xrerncgxj] { width:170px; }
.due-editor td:nth-child(3)[b-8xrerncgxj] { min-width:220px; }
.due-editor td:nth-child(4)[b-8xrerncgxj] { width:150px; }
.due-editor td:nth-child(5)[b-8xrerncgxj] { width:44px; }
.due-editor td small[b-8xrerncgxj] { display:block; margin-top:4px; color:#64748b; font-size:10px; }
.due-remove[b-8xrerncgxj] { width:30px; height:30px; border:0; border-radius:6px; background:#fee2e2; color:#991b1b; font-size:19px; cursor:pointer; }
.review-notes[b-8xrerncgxj] { display:flex; flex-direction:column; gap:6px; margin-top:14px; color:#475569; font-size:12px; font-weight:800; }
.review-notes textarea[b-8xrerncgxj] { width:100%; resize:vertical; padding:9px 10px; border:1px solid #cbd5e1; border-radius:8px; font:inherit; }
.review-error[b-8xrerncgxj] { margin:14px 0 0; }
@media (max-width:700px) {
    .review-info[b-8xrerncgxj] { grid-template-columns:1fr; }
    .workflow-heading[b-8xrerncgxj],.due-preview-title[b-8xrerncgxj] { align-items:flex-start; flex-direction:column; }
    .due-preview-row[b-8xrerncgxj] { display:grid; grid-template-columns:1fr 1fr; }
}

/* Registrazione fattura passiva: ripartizione conti e riepiloghi IVA XML */
.accounting-dates[b-8xrerncgxj] { margin-bottom:14px; }
.accounting-section[b-8xrerncgxj] { margin-top:14px; padding:12px; border:1px solid #dbe3ec; border-radius:10px; background:#fff; }
.accounting-section-head[b-8xrerncgxj] { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.accounting-section-head strong[b-8xrerncgxj],.accounting-section-head span[b-8xrerncgxj] { display:block; }
.accounting-section-head strong[b-8xrerncgxj] { color:#0f172a; font-size:13px; }
.accounting-section-head span[b-8xrerncgxj] { margin-top:2px; color:#64748b; font-size:11px; font-weight:500; }
.accounting-line[b-8xrerncgxj] { display:grid; grid-template-columns:minmax(0,1fr) 150px 34px; gap:8px; align-items:center; margin-top:8px; }
.accounting-line select[b-8xrerncgxj],.accounting-line input[b-8xrerncgxj],.vat-line select[b-8xrerncgxj] { width:100%; min-height:38px; padding:7px 9px; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#0f172a; font:inherit; }
.accounting-subtotal[b-8xrerncgxj] { margin-top:9px; text-align:right; color:#475569; font-size:12px; }
.vat-lines[b-8xrerncgxj] { display:flex; flex-direction:column; gap:8px; }
.vat-line[b-8xrerncgxj] { display:grid; grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr); gap:10px; align-items:center; padding:9px; border:1px solid #e2e8f0; border-radius:8px; background:#f8fafc; }
.vat-label strong[b-8xrerncgxj],.vat-label span[b-8xrerncgxj] { display:block; }
.vat-label strong[b-8xrerncgxj] { color:#0f172a; font-size:12px; }
.vat-label span[b-8xrerncgxj],.vat-no-posting[b-8xrerncgxj] { margin-top:3px; color:#64748b; font-size:11px; }
@media (max-width:700px) {
    .accounting-section-head[b-8xrerncgxj] { align-items:flex-start; flex-direction:column; }
    .accounting-line[b-8xrerncgxj],.vat-line[b-8xrerncgxj] { grid-template-columns:1fr; }
    .accounting-line .due-remove[b-8xrerncgxj] { justify-self:end; }
}
/* /Components/Pages/Fornitori.razor.rz.scp.css */
.module-page[b-jujxiq819t] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-description[b-jujxiq819t] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.primary-button[b-jujxiq819t],
.search-button[b-jujxiq819t],
.secondary-button[b-jujxiq819t],
.cancel-button[b-jujxiq819t],
.confirm-delete-button[b-jujxiq819t] {
    border-radius: 7px;
    font-weight: 600;
    cursor: pointer;
}

.toolbar-card[b-jujxiq819t] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.search-box[b-jujxiq819t] {
    min-width: 260px;
    min-height: 38px;
    display: flex;
    flex: 1 1 480px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box span[b-jujxiq819t] {
        flex-shrink: 0;
        color: #7b8085;
        font-size: 17px;
    }

    .search-box input[b-jujxiq819t] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-size: 12px;
    }

.search-button[b-jujxiq819t] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #3b3d3f;
    color: #ffffff;
    font-size: 11px;
}

    .search-button:hover[b-jujxiq819t] {
        background: #292b2d;
    }

.secondary-button[b-jujxiq819t] {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
    font-size: 11px;
}

    .secondary-button:hover[b-jujxiq819t] {
        background: #e9ebed;
    }

.primary-button[b-jujxiq819t] {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    background: #c92f2f;
    color: #ffffff;
    font-size: 11px;
    white-space: nowrap;
}

    .primary-button:hover[b-jujxiq819t] {
        background: #af2929;
    }

button:disabled[b-jujxiq819t] {
    opacity: 0.55;
    cursor: not-allowed;
}

.records-info[b-jujxiq819t] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.message-card[b-jujxiq819t],
.table-card[b-jujxiq819t] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-jujxiq819t] {
    padding: 18px;
    color: #555b60;
    font-size: 12px;
}

    .message-card.error[b-jujxiq819t] {
        border-color: #e8b6b6;
        background: #fff4f4;
        color: #a82828;
    }

.table-card[b-jujxiq819t] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-jujxiq819t] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    background: #ffffff;
}

.data-table[b-jujxiq819t] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 11px;
}

    .data-table thead[b-jujxiq819t] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-jujxiq819t] {
        padding: 10px 11px;
        border-bottom: 1px solid #cfd3d7;
        color: #45494d;
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .data-table td[b-jujxiq819t] {
        padding: 8px 11px;
        overflow: hidden;
        border-bottom: 1px solid #eceeef;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .data-table th:nth-child(1)[b-jujxiq819t],
        .data-table td:nth-child(1)[b-jujxiq819t] {
            width: 90px;
        }

        .data-table th:nth-child(2)[b-jujxiq819t],
        .data-table td:nth-child(2)[b-jujxiq819t] {
            width: 29%;
        }

        .data-table th:nth-child(3)[b-jujxiq819t],
        .data-table td:nth-child(3)[b-jujxiq819t] {
            width: 24%;
        }

        .data-table th:nth-child(4)[b-jujxiq819t],
        .data-table td:nth-child(4)[b-jujxiq819t],
        .data-table th:nth-child(5)[b-jujxiq819t],
        .data-table td:nth-child(5)[b-jujxiq819t] {
            width: 17%;
        }

    .data-table tbody tr[b-jujxiq819t] {
        cursor: pointer;
    }

        .data-table tbody tr:nth-child(even)[b-jujxiq819t] {
            background: #fafafa;
        }

        .data-table tbody tr:hover[b-jujxiq819t] {
            background: #f6eded;
        }

.supplier-name[b-jujxiq819t] {
    color: #24272a;
    font-weight: 650;
}

.empty-row[b-jujxiq819t] {
    height: 90px;
    color: #777c80;
    text-align: center;
}

.delete-column[b-jujxiq819t] {
    width: 70px;
    text-align: center !important;
}

.delete-cell[b-jujxiq819t] {
    text-align: center;
}

.delete-icon-button[b-jujxiq819t] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #c92f2f;
    font-family: Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

    .delete-icon-button:hover[b-jujxiq819t] {
        background: #fff0f0;
        color: #a91f1f;
    }

.modal-backdrop[b-jujxiq819t] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(20, 22, 24, 0.58);
    backdrop-filter: blur(2px);
}

/* DETTAGLIO FORNITORE */

.detail-modal[b-jujxiq819t] {
    width: min(820px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    padding: 14px 15px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #dadde0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

.detail-header[b-jujxiq819t],
.form-header[b-jujxiq819t] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.detail-header[b-jujxiq819t] {
    padding-bottom: 9px;
    border-bottom: 1px solid #e2e4e6;
}

    .detail-header h2[b-jujxiq819t],
    .form-header h2[b-jujxiq819t] {
        margin: 0;
        color: #25282b;
        font-size: 16px;
        line-height: 1.2;
    }

    .detail-header span[b-jujxiq819t] {
        display: block;
        margin-top: 3px;
        color: #74797e;
        font-size: 8px;
    }

.modal-close[b-jujxiq819t] {
    width: 29px;
    height: 29px;
    flex-shrink: 0;
    border: 0;
    border-radius: 7px;
    background: #f0f1f2;
    color: #5b6065;
    font-size: 19px;
    cursor: pointer;
}

    .modal-close:hover[b-jujxiq819t] {
        background: #e4e6e8;
    }

.detail-grid[b-jujxiq819t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
    margin-top: 9px;
}

.detail-field[b-jujxiq819t] {
    min-width: 0;
    min-height: 47px;
    padding: 7px 8px;
    border: 1px solid #e0e2e4;
    border-radius: 6px;
    background: #fafafa;
}

    .detail-field.detail-wide[b-jujxiq819t] {
        grid-column: span 2;
    }

    .detail-field.full-width[b-jujxiq819t] {
        grid-column: 1 / -1;
        min-height: 44px;
    }

    .detail-field label[b-jujxiq819t] {
        display: block;
        margin-bottom: 3px;
        color: #7a7f84;
        font-size: 7px;
        font-weight: 700;
        line-height: 1.1;
        text-transform: uppercase;
    }

    .detail-field span[b-jujxiq819t] {
        display: block;
        overflow-wrap: anywhere;
        color: #2f3337;
        font-size: 9px;
        font-weight: 600;
        line-height: 1.2;
    }

.detail-actions[b-jujxiq819t] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #e2e4e6;
}

/* FORM NUOVO E MODIFICA FORNITORE */

.form-modal[b-jujxiq819t] {
    width: min(780px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dadde0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
}

.form-header[b-jujxiq819t] {
    flex-shrink: 0;
    padding: 15px 18px 11px;
}

.form-tabs[b-jujxiq819t] {
    display: flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 0 17px;
    border-top: 1px solid #e3e5e7;
    border-bottom: 1px solid #d7dade;
    background: #fafafa;
}

.form-tab-button[b-jujxiq819t] {
    min-height: 37px;
    padding: 0 13px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #666b70;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

    .form-tab-button:hover[b-jujxiq819t] {
        color: #c92f2f;
    }

    .form-tab-button.active[b-jujxiq819t] {
        border-bottom-color: #c92f2f;
        color: #c92f2f;
    }

.form-scroll[b-jujxiq819t] {
    min-height: 0;
    flex: 1;
    padding: 13px 18px;
    overflow-y: auto;
}

.form-grid[b-jujxiq819t] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
}

.grid-break[b-jujxiq819t] {
    height: 0;
    grid-column: 1 / -1;
}

.form-field[b-jujxiq819t] {
    min-width: 0;
}

    .form-field.span-1[b-jujxiq819t] {
        grid-column: span 1;
    }

    .form-field.span-2[b-jujxiq819t] {
        grid-column: span 2;
    }

    .form-field.span-3[b-jujxiq819t] {
        grid-column: span 3;
    }

    .form-field.span-4[b-jujxiq819t] {
        grid-column: span 4;
    }

    .form-field.span-5[b-jujxiq819t] {
        grid-column: span 5;
    }

    .form-field.span-6[b-jujxiq819t] {
        grid-column: span 6;
    }

    .form-field.span-8[b-jujxiq819t] {
        grid-column: span 8;
    }

    .form-field.span-12[b-jujxiq819t] {
        grid-column: 1 / -1;
    }

    .form-field label[b-jujxiq819t] {
        display: block;
        margin: 0 0 5px 1px;
        color: #6b7075;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-field input[b-jujxiq819t],
    .form-field select[b-jujxiq819t],
    .form-field textarea[b-jujxiq819t] {
        width: 100%;
        min-height: 37px;
        padding: 7px 9px;
        border: 1px solid #cfd3d7;
        border-radius: 6px;
        outline: 0;
        background: #ffffff;
        color: #292d31;
        font-family: inherit;
        font-size: 11px;
    }

        .form-field input[readonly][b-jujxiq819t] {
            background: #f0f1f2;
            color: #555b60;
            cursor: default;
        }

    .form-field textarea[b-jujxiq819t] {
        min-height: 82px;
        resize: vertical;
    }

        .form-field input:focus[b-jujxiq819t],
        .form-field select:focus[b-jujxiq819t],
        .form-field textarea:focus[b-jujxiq819t] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.09);
        }

.autocomplete[b-jujxiq819t] {
    position: relative;
}

    .autocomplete > input[b-jujxiq819t] {
        padding-right: 32px;
    }

.autocomplete-clear[b-jujxiq819t] {
    position: absolute;
    top: 50%;
    right: 6px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #8a8f94;
    font-size: 17px;
    cursor: pointer;
    transform: translateY(-50%);
}

    .autocomplete-clear:hover[b-jujxiq819t] {
        background: #f0f1f2;
        color: #c92f2f;
    }

.autocomplete-menu[b-jujxiq819t] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 50;
    max-height: 225px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
}

.autocomplete-option[b-jujxiq819t] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #313539;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-option:last-child[b-jujxiq819t] {
        border-bottom: 0;
    }

    .autocomplete-option:hover[b-jujxiq819t] {
        background: #f6eded;
        color: #a92323;
    }

    .autocomplete-option span[b-jujxiq819t] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-option small[b-jujxiq819t] {
        flex-shrink: 0;
        color: #858a8f;
        font-size: 9px;
    }

.autocomplete-empty[b-jujxiq819t] {
    padding: 13px 10px;
    color: #777c80;
    font-size: 10px;
    text-align: center;
}

.required-note[b-jujxiq819t] {
    margin-top: 10px;
    color: #777c80;
    font-size: 9px;
}

.form-error[b-jujxiq819t] {
    margin-top: 10px;
    padding: 9px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10px;
    line-height: 1.5;
}

.form-actions[b-jujxiq819t] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 9px;
    padding: 11px 18px 13px;
    border-top: 1px solid #e2e4e6;
    background: #ffffff;
}

.checkbox-field[b-jujxiq819t] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.checkbox-control[b-jujxiq819t] {
    min-height: 37px;
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 7px 9px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #f7f8f9;
    color: #44484c !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    cursor: pointer;
}

    .checkbox-control input[b-jujxiq819t] {
        width: 16px;
        height: 16px;
        min-height: 0;
        margin: 0;
        accent-color: #c92f2f;
    }

/* CONFERMA ELIMINAZIONE */

.confirm-modal[b-jujxiq819t] {
    width: min(430px, calc(100vw - 32px));
    padding: 24px;
    border: 1px solid #dadde0;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, 0.24);
    text-align: center;
}

.confirm-icon[b-jujxiq819t] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: #fff0f0;
    color: #c92f2f;
    font-size: 24px;
    font-weight: 800;
}

.confirm-modal h2[b-jujxiq819t] {
    margin: 0;
    color: #25282b;
    font-size: 19px;
}

.confirm-modal p[b-jujxiq819t] {
    margin: 12px 0 0;
    color: #5c6166;
    font-size: 12px;
    line-height: 1.6;
}

.confirm-warning[b-jujxiq819t] {
    margin-top: 13px;
    padding: 9px 10px;
    border-radius: 7px;
    background: #f5f6f7;
    color: #777c80;
    font-size: 10px;
}

.delete-error[b-jujxiq819t] {
    margin-top: 12px;
    padding: 10px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10px;
    line-height: 1.5;
    text-align: left;
}

.modal-actions[b-jujxiq819t] {
    display: flex;
    justify-content: flex-end;
    gap: 9px;
    margin-top: 20px;
}

.cancel-button[b-jujxiq819t] {
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #45494d;
    font-size: 11px;
}

    .cancel-button:hover[b-jujxiq819t] {
        background: #f2f3f4;
    }

.confirm-delete-button[b-jujxiq819t] {
    min-width: 105px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid #c92f2f;
    background: #c92f2f;
    color: #ffffff;
    font-size: 11px;
}

    .confirm-delete-button:hover[b-jujxiq819t] {
        background: #ae2929;
    }

.toast-success[b-jujxiq819t] {
    position: fixed;
    top: 65px;
    right: 22px;
    z-index: 1200;
    padding: 11px 16px;
    border: 1px solid #9fd8ae;
    border-radius: 8px;
    background: #ecf9ef;
    color: #24713a;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    font-size: 11px;
    font-weight: 600;
}

@media (max-width: 900px) {
    .detail-modal[b-jujxiq819t] {
        width: min(760px, calc(100vw - 26px));
    }

    .detail-grid[b-jujxiq819t] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .toolbar-card[b-jujxiq819t] {
        flex-wrap: wrap;
    }

    .search-box[b-jujxiq819t] {
        flex-basis: 100%;
    }

    .records-info[b-jujxiq819t] {
        margin-left: auto;
    }

    .detail-grid[b-jujxiq819t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-grid[b-jujxiq819t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-field[b-jujxiq819t],
    .form-field.span-1[b-jujxiq819t],
    .form-field.span-2[b-jujxiq819t],
    .form-field.span-3[b-jujxiq819t],
    .form-field.span-4[b-jujxiq819t],
    .form-field.span-5[b-jujxiq819t],
    .form-field.span-6[b-jujxiq819t],
    .form-field.span-8[b-jujxiq819t] {
        grid-column: span 1;
    }

        .form-field.span-12[b-jujxiq819t],
        .grid-break[b-jujxiq819t] {
            grid-column: 1 / -1;
        }
}

@media (max-width: 520px) {
    .detail-grid[b-jujxiq819t] {
        grid-template-columns: 1fr;
    }

    .detail-field.detail-wide[b-jujxiq819t],
    .detail-field.full-width[b-jujxiq819t] {
        grid-column: auto;
    }
}


/* Uniformazione leggibilità */
.page-description[b-jujxiq819t] { font-size:18px !important; }
input[b-jujxiq819t], select[b-jujxiq819t], textarea[b-jujxiq819t], button[b-jujxiq819t] { font-size:13px !important; }
label span[b-jujxiq819t], .field-label[b-jujxiq819t], .modal-kicker[b-jujxiq819t] { font-size:11.5px !important; }
table[b-jujxiq819t] { font-size:13px !important; }
table th[b-jujxiq819t] { font-size:11px !important; }
.modal-header h2[b-jujxiq819t], .detail-modal h2[b-jujxiq819t] { font-size:20px !important; }
.detail-modal[b-jujxiq819t], .client-modal[b-jujxiq819t], .supplier-modal[b-jujxiq819t], .commessa-modal[b-jujxiq819t] { font-size:13.5px; }


/* Dettaglio anagrafica più leggibile */
.detail-modal[b-jujxiq819t] {
    width:min(980px, calc(100vw - 36px)) !important;
}
.detail-header h2[b-jujxiq819t],
.form-header h2[b-jujxiq819t] {
    font-size:21px !important;
}
.detail-header span[b-jujxiq819t],
.form-subtitle[b-jujxiq819t] {
    font-size:11px !important;
}
.detail-field[b-jujxiq819t] {
    min-height:58px !important;
    padding:9px 10px !important;
}
.detail-field label[b-jujxiq819t] {
    font-size:9.5px !important;
    margin-bottom:5px !important;
}
.detail-field span[b-jujxiq819t] {
    font-size:13px !important;
    line-height:1.3 !important;
}
.form-grid label[b-jujxiq819t],
.editor-grid label[b-jujxiq819t] {
    font-size:11px !important;
}
.form-grid input[b-jujxiq819t],
.form-grid select[b-jujxiq819t],
.form-grid textarea[b-jujxiq819t],
.editor-grid input[b-jujxiq819t],
.editor-grid select[b-jujxiq819t],
.editor-grid textarea[b-jujxiq819t] {
    min-height:40px !important;
    font-size:13px !important;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.module-page[b-8dc3d61ifo] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 0;
    overflow: auto;
    color: #2f3337;
}

.page-top[b-8dc3d61ifo] {
    min-height: 42px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.page-description[b-8dc3d61ifo] {
    color: #303438;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
}

.page-subtitle[b-8dc3d61ifo] {
    margin-top: 3px;
    color: #73787d;
    font-size: 10px;
}

.refresh-area[b-8dc3d61ifo] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #73787d;
    font-size: 9px;
}

.refresh-area strong[b-8dc3d61ifo] {
    color: #303438;
}

.refresh-button[b-8dc3d61ifo] {
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #383b3f;
    border-radius: 7px;
    background: #383b3f;
    color: #ffffff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-button:hover:not(:disabled)[b-8dc3d61ifo] {
    background: #25282b;
}

.refresh-button:disabled[b-8dc3d61ifo] {
    cursor: not-allowed;
    opacity: 0.65;
}

.error-message[b-8dc3d61ifo] {
    flex-shrink: 0;
    padding: 10px 12px;
    border: 1px solid #e8b7b7;
    border-radius: 8px;
    background: #fff2f2;
    color: #a72b2b;
    font-size: 10px;
    line-height: 1.4;
}

.kpi-grid[b-8dc3d61ifo] {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.kpi-card[b-8dc3d61ifo] {
    position: relative;
    min-width: 0;
    min-height: 75px;
    padding: 10px 12px 9px 14px;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.kpi-card[b-8dc3d61ifo]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    content: "";
}

.kpi-red[b-8dc3d61ifo]::before {
    background: #ca3030;
}

.kpi-orange[b-8dc3d61ifo]::before {
    background: #dc941a;
}

.kpi-gray[b-8dc3d61ifo]::before {
    background: #60666c;
}

.kpi-blue[b-8dc3d61ifo]::before {
    background: #3977b6;
}

.kpi-green[b-8dc3d61ifo]::before {
    background: #318657;
}

.kpi-label[b-8dc3d61ifo] {
    overflow: hidden;
    color: #666c71;
    font-size: 9px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-value[b-8dc3d61ifo] {
    margin-top: 4px;
    color: #25282b;
    font-size: 22px;
    font-weight: 750;
    line-height: 1;
}

.kpi-note[b-8dc3d61ifo] {
    margin-top: 5px;
    overflow: hidden;
    color: #858a8f;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.top-grid[b-8dc3d61ifo] {
    min-height: 245px;
    display: grid;
    flex: 0.9 1 280px;
    grid-template-columns:
        minmax(0, 1.65fr)
        minmax(300px, 0.85fr);
    gap: 9px;
}

.bottom-grid[b-8dc3d61ifo] {
    min-height: 245px;
    display: grid;
    flex: 1 1 300px;
    grid-template-columns:
        repeat(2, minmax(0, 1fr));
    gap: 9px;
    padding-bottom: 2px;
}

.dashboard-panel[b-8dc3d61ifo] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.panel-header[b-8dc3d61ifo] {
    min-height: 48px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9dcdf;
    background: #ffffff;
}

.panel-header h2[b-8dc3d61ifo] {
    margin: 0;
    color: #303438;
    font-size: 11px;
    font-weight: 750;
}

.panel-header span[b-8dc3d61ifo] {
    display: block;
    margin-top: 3px;
    color: #858a8f;
    font-size: 8px;
}

.panel-header > strong[b-8dc3d61ifo] {
    flex-shrink: 0;
    color: #303438;
    font-size: 12px;
}

.table-wrapper[b-8dc3d61ifo] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.dashboard-table[b-8dc3d61ifo] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 9px;
}

.dashboard-table thead[b-8dc3d61ifo] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f0f1f2;
}

.dashboard-table th[b-8dc3d61ifo] {
    padding: 8px 8px;
    border-bottom: 1px solid #cfd3d7;
    color: #4b5055;
    font-size: 8px;
    font-weight: 750;
    text-align: left;
    white-space: nowrap;
}

.dashboard-table td[b-8dc3d61ifo] {
    height: 35px;
    padding: 7px 8px;
    overflow: hidden;
    border-bottom: 1px solid #eceeef;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.dashboard-table tbody tr:nth-child(even)[b-8dc3d61ifo] {
    background: #fafafa;
}

.dashboard-table tbody tr:hover[b-8dc3d61ifo] {
    background: #f7eeee;
}

.commesse-table th:nth-child(1)[b-8dc3d61ifo],
.commesse-table td:nth-child(1)[b-8dc3d61ifo] {
    width: 58px;
}

.commesse-table th:nth-child(2)[b-8dc3d61ifo],
.commesse-table td:nth-child(2)[b-8dc3d61ifo] {
    width: 72px;
}

.commesse-table th:nth-child(3)[b-8dc3d61ifo],
.commesse-table td:nth-child(3)[b-8dc3d61ifo] {
    width: 24%;
}

.commesse-table th:nth-child(4)[b-8dc3d61ifo],
.commesse-table td:nth-child(4)[b-8dc3d61ifo] {
    width: 28%;
}

.commesse-table th:nth-child(5)[b-8dc3d61ifo],
.commesse-table td:nth-child(5)[b-8dc3d61ifo] {
    width: 88px;
}

.commesse-table th:nth-child(6)[b-8dc3d61ifo],
.commesse-table td:nth-child(6)[b-8dc3d61ifo] {
    width: 96px;
}

.ddt-table th:nth-child(1)[b-8dc3d61ifo],
.ddt-table td:nth-child(1)[b-8dc3d61ifo] {
    width: 74px;
}

.ddt-table th:nth-child(2)[b-8dc3d61ifo],
.ddt-table td:nth-child(2)[b-8dc3d61ifo] {
    width: 72px;
}

.ddt-table th:nth-child(4)[b-8dc3d61ifo],
.ddt-table td:nth-child(4)[b-8dc3d61ifo] {
    width: 80px;
}

.scadenze-table th:nth-child(1)[b-8dc3d61ifo],
.scadenze-table td:nth-child(1)[b-8dc3d61ifo] {
    width: 74px;
}

.scadenze-table th:nth-child(3)[b-8dc3d61ifo],
.scadenze-table td:nth-child(3)[b-8dc3d61ifo] {
    width: 82px;
}

.scadenze-table th:nth-child(4)[b-8dc3d61ifo],
.scadenze-table td:nth-child(4)[b-8dc3d61ifo] {
    width: 82px;
}

.scadenze-table th:nth-child(5)[b-8dc3d61ifo],
.scadenze-table td:nth-child(5)[b-8dc3d61ifo] {
    width: 112px;
}

.number-cell[b-8dc3d61ifo] {
    color: #24272a;
    font-weight: 750;
}

.name-cell[b-8dc3d61ifo] {
    color: #2c3034;
    font-weight: 650;
}

.money-cell[b-8dc3d61ifo] {
    font-variant-numeric: tabular-nums;
    font-weight: 650;
    text-align: right;
}

.empty-cell[b-8dc3d61ifo] {
    height: 105px !important;
    color: #7b8085;
    text-align: center;
}

.status-badge[b-8dc3d61ifo] {
    display: inline-flex;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    padding: 3px 7px;
    border-radius: 999px;
    font-size: 7px;
    font-weight: 750;
    line-height: 1.1;
    white-space: nowrap;
}

.status-close[b-8dc3d61ifo] {
    background: #f7dddd;
    color: #9b2828;
}

.status-alert[b-8dc3d61ifo] {
    background: #fff0ce;
    color: #8f630e;
}

.status-overdue[b-8dc3d61ifo] {
    background: #f7dddd;
    color: #9b2828;
}

.status-today[b-8dc3d61ifo] {
    background: #fff0ce;
    color: #8f630e;
}

.status-upcoming[b-8dc3d61ifo] {
    background: #e1edf9;
    color: #2d679f;
}

@media (max-width: 1120px) {
    .kpi-grid[b-8dc3d61ifo] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .top-grid[b-8dc3d61ifo] {
        grid-template-columns: 1fr;
    }

    .bottom-grid[b-8dc3d61ifo] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .page-top[b-8dc3d61ifo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .refresh-area[b-8dc3d61ifo] {
        width: 100%;
        justify-content: space-between;
    }

    .kpi-grid[b-8dc3d61ifo] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ==========================================================
   RIGHE CLICCABILI E DETTAGLIO HOME
   ========================================================== */

.clickable-row[b-8dc3d61ifo] {
    cursor: pointer;
}

.clickable-row:hover[b-8dc3d61ifo] {
    background: #f4e8e8 !important;
}

.clickable-row:active[b-8dc3d61ifo] {
    background: #eddada !important;
}

.status-draft[b-8dc3d61ifo] {
    background: #fff0ce;
    color: #8f630e;
}

.detail-overlay[b-8dc3d61ifo] {
    position: fixed;
    inset: 0;
    z-index: 1500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(20, 23, 26, 0.48);
}

.detail-modal[b-8dc3d61ifo] {
    width: min(620px, 96vw);
    max-height: min(680px, 90vh);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd3d7;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
}

.detail-header[b-8dc3d61ifo] {
    min-height: 64px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 15px;
    border-bottom: 1px solid #d9dcdf;
    background: #f4f5f6;
}

.detail-title[b-8dc3d61ifo] {
    color: #292d31;
    font-size: 15px;
    font-weight: 750;
}

.detail-subtitle[b-8dc3d61ifo] {
    margin-top: 4px;
    overflow: hidden;
    color: #73787d;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-close[b-8dc3d61ifo] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    color: #454a4f;
    font-family: inherit;
    font-size: 21px;
    line-height: 1;
    cursor: pointer;
}

.detail-close:hover[b-8dc3d61ifo] {
    border-color: #c93434;
    color: #c93434;
}

.detail-body[b-8dc3d61ifo] {
    min-height: 0;
    padding: 15px;
    overflow: auto;
}

.detail-grid[b-8dc3d61ifo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.detail-field[b-8dc3d61ifo] {
    min-width: 0;
    min-height: 68px;
    padding: 10px 11px;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #fafafa;
}

.detail-field.detail-wide[b-8dc3d61ifo] {
    grid-column: 1 / -1;
}

.detail-field > span[b-8dc3d61ifo] {
    display: block;
    margin-bottom: 7px;
    color: #7a7f84;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.detail-field > strong[b-8dc3d61ifo] {
    display: block;
    overflow-wrap: anywhere;
    color: #292d31;
    font-size: 11px;
    line-height: 1.35;
}

.detail-footer[b-8dc3d61ifo] {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    padding: 11px 15px;
    border-top: 1px solid #d9dcdf;
    background: #f8f8f8;
}

.detail-button[b-8dc3d61ifo] {
    min-width: 86px;
    min-height: 36px;
    padding: 0 15px;
    border: 1px solid #383b3f;
    border-radius: 7px;
    background: #383b3f;
    color: #ffffff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.detail-button:hover[b-8dc3d61ifo] {
    background: #25282b;
}

@media (max-width: 620px) {
    .detail-grid[b-8dc3d61ifo] {
        grid-template-columns: 1fr;
    }

    .detail-field.detail-wide[b-8dc3d61ifo] {
        grid-column: auto;
    }
}


/* ==========================================================
   HOME ADRIANA - FATTURE
   ========================================================== */

.fatture-table th:nth-child(1)[b-8dc3d61ifo],
.fatture-table td:nth-child(1)[b-8dc3d61ifo] {
    width: 76px;
}

.fatture-table th:nth-child(2)[b-8dc3d61ifo],
.fatture-table td:nth-child(2)[b-8dc3d61ifo] {
    width: 88px;
}

.fatture-table th:nth-child(4)[b-8dc3d61ifo],
.fatture-table td:nth-child(4)[b-8dc3d61ifo] {
    width: 92px;
}

.fatture-table th:nth-child(5)[b-8dc3d61ifo],
.fatture-table td:nth-child(5)[b-8dc3d61ifo] {
    width: 82px;
}

.status-invoice-active[b-8dc3d61ifo] {
    background: #e1edf9;
    color: #2d679f;
}

.status-invoice-passive[b-8dc3d61ifo] {
    background: #e5f2e8;
    color: #2c7040;
}
/* /Components/Pages/HomeDevis.razor.rz.scp.css */
.home-page[b-jp2wn0syx9] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    color: #34383c;
}

.page-top[b-jp2wn0syx9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-shrink: 0;
}

.page-description[b-jp2wn0syx9] {
    color: #2f3337;
    font-size: 17px;
    font-weight: 750;
}

.page-subtitle[b-jp2wn0syx9] {
    margin-top: 3px;
    color: #73797e;
    font-size: 9px;
}

.refresh-area[b-jp2wn0syx9] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #70767b;
    font-size: 8px;
}

.refresh-button[b-jp2wn0syx9],
.panel-link[b-jp2wn0syx9] {
    min-height: 31px;
    padding: 0 12px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    color: #464b50;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-button:hover:not(:disabled)[b-jp2wn0syx9],
.panel-link:hover[b-jp2wn0syx9] {
    background: #f1f2f3;
}

.refresh-button:disabled[b-jp2wn0syx9] {
    cursor: not-allowed;
    opacity: 0.6;
}

.error-message[b-jp2wn0syx9] {
    flex-shrink: 0;
    padding: 9px 12px;
    border: 1px solid #e8b6b6;
    border-radius: 8px;
    background: #fff4f4;
    color: #a82828;
    font-size: 9px;
}

.kpi-grid[b-jp2wn0syx9] {
    display: grid;
    flex-shrink: 0;
    gap: 8px;
}

.giulio-kpi[b-jp2wn0syx9],
.devis-kpi[b-jp2wn0syx9] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.kpi-card[b-jp2wn0syx9] {
    min-width: 0;
    min-height: 72px;
    padding: 10px 11px;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #ffffff;
}

.kpi-card > span[b-jp2wn0syx9] {
    display: block;
    color: #71777c;
    font-size: 7px;
    font-weight: 750;
    text-transform: uppercase;
}

.kpi-card > strong[b-jp2wn0syx9] {
    display: block;
    margin-top: 8px;
    overflow: hidden;
    color: #34383c;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-card > small[b-jp2wn0syx9] {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: #747a7f;
    font-size: 7.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-card.blue[b-jp2wn0syx9] {
    border-color: #c7d8ea;
    background: #f2f7fc;
}

.kpi-card.blue strong[b-jp2wn0syx9] {
    color: #2868aa;
}

.kpi-card.orange[b-jp2wn0syx9] {
    border-color: #ead0b8;
    background: #fff7f0;
}

.kpi-card.orange strong[b-jp2wn0syx9] {
    color: #a55e20;
}

.kpi-card.red[b-jp2wn0syx9] {
    border-color: #e7c4c4;
    background: #fff5f5;
}

.kpi-card.red strong[b-jp2wn0syx9] {
    color: #a52c2c;
}

.kpi-card.neutral[b-jp2wn0syx9] {
    background: #f8f9fa;
}

.dashboard-grid[b-jp2wn0syx9] {
    min-height: 0;
    display: grid;
    flex: 1;
    gap: 9px;
}

.giulio-grid[b-jp2wn0syx9],
.devis-grid[b-jp2wn0syx9] {
    grid-template-columns: 1.15fr 0.85fr;
    grid-template-rows: minmax(0, 1fr);
}

.dashboard-panel[b-jp2wn0syx9] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.panel-header[b-jp2wn0syx9] {
    min-height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;
    padding: 9px 11px;
    border-bottom: 1px solid #e0e3e5;
    background: #fafafa;
}

.panel-header h2[b-jp2wn0syx9] {
    margin: 0;
    color: #34383c;
    font-size: 11px;
}

.panel-header span[b-jp2wn0syx9] {
    display: block;
    margin-top: 3px;
    color: #757b80;
    font-size: 7.5px;
}

.panel-link[b-jp2wn0syx9] {
    min-height: 29px;
    padding: 0 10px;
    font-size: 8px;
}

.table-wrapper[b-jp2wn0syx9] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.dashboard-table[b-jp2wn0syx9] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 8.5px;
}

.dashboard-table thead[b-jp2wn0syx9] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f0f1f2;
}

.dashboard-table th[b-jp2wn0syx9],
.dashboard-table td[b-jp2wn0syx9] {
    padding: 8px;
    border-bottom: 1px solid #e7e9eb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.dashboard-table th[b-jp2wn0syx9] {
    color: #4b5055;
    font-size: 7.5px;
    text-align: left;
}

.dashboard-table tbody tr[b-jp2wn0syx9] {
    cursor: pointer;
}

.dashboard-table tbody tr:hover[b-jp2wn0syx9] {
    background: #fff7f7;
}

.number-cell[b-jp2wn0syx9],
.money-cell[b-jp2wn0syx9] {
    text-align: right;
}

.empty-cell[b-jp2wn0syx9] {
    padding: 35px 12px !important;
    color: #777d82;
    font-size: 9px;
    text-align: center;
}

.badge[b-jp2wn0syx9] {
    display: inline-flex;
    min-height: 19px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 6.5px;
    font-weight: 800;
    white-space: nowrap;
}

.badge.delivery[b-jp2wn0syx9] {
    background: #edf0f3;
    color: #535a60;
}

.badge.invoice[b-jp2wn0syx9] {
    background: #e6f0fc;
    color: #2868aa;
}

.badge.work[b-jp2wn0syx9] {
    background: #e7f0fc;
    color: #2868aa;
}

.badge.warning[b-jp2wn0syx9] {
    background: #fff1d3;
    color: #8a641b;
}

.badge.close[b-jp2wn0syx9] {
    background: #f9e4e4;
    color: #a52c2c;
}

@media (max-width: 980px) {
    .home-page[b-jp2wn0syx9] {
        overflow: auto;
    }

    .giulio-grid[b-jp2wn0syx9],
    .devis-grid[b-jp2wn0syx9] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, minmax(250px, auto));
    }
}

@media (max-width: 760px) {
    .giulio-kpi[b-jp2wn0syx9],
    .devis-kpi[b-jp2wn0syx9] {
        grid-template-columns: 1fr 1fr;
    }
}


/* Home Devis - leggibilità aumentata */
.page-description[b-jp2wn0syx9] {
    font-size: 20px !important;
}

.page-subtitle[b-jp2wn0syx9] {
    font-size: 11.5px !important;
}

.refresh-area[b-jp2wn0syx9] {
    font-size: 10.5px !important;
}

.refresh-button[b-jp2wn0syx9],
.panel-link[b-jp2wn0syx9] {
    font-size: 12px !important;
    min-height: 34px;
}

.kpi-card > span[b-jp2wn0syx9] {
    font-size: 10px !important;
}

.kpi-card > strong[b-jp2wn0syx9] {
    font-size: 20px !important;
}

.kpi-card > small[b-jp2wn0syx9] {
    font-size: 10px !important;
}

.panel-header h2[b-jp2wn0syx9] {
    font-size: 13.5px !important;
}

.panel-header span[b-jp2wn0syx9] {
    font-size: 10px !important;
}

.panel-link[b-jp2wn0syx9] {
    font-size: 11.5px !important;
}

.dashboard-table[b-jp2wn0syx9] {
    font-size: 12.5px !important;
}

.dashboard-table th[b-jp2wn0syx9] {
    font-size: 10.5px !important;
}

.dashboard-table td[b-jp2wn0syx9] {
    font-size: 12.5px !important;
}

.badge[b-jp2wn0syx9] {
    font-size: 9px !important;
    min-height: 22px;
    padding: 0 8px;
}

.empty-cell[b-jp2wn0syx9] {
    font-size: 12px !important;
}


/* Home Devis - proporzioni tabelle */
.devis-grid[b-jp2wn0syx9] {
    grid-template-columns: 1fr 1fr !important;
}

/* Commesse: il numero deve occupare poco spazio */
.commesse-table th:nth-child(1)[b-jp2wn0syx9],
.commesse-table td:nth-child(1)[b-jp2wn0syx9] {
    width: 10%;
}

.commesse-table th:nth-child(2)[b-jp2wn0syx9],
.commesse-table td:nth-child(2)[b-jp2wn0syx9] {
    width: 24%;
}

.commesse-table th:nth-child(3)[b-jp2wn0syx9],
.commesse-table td:nth-child(3)[b-jp2wn0syx9] {
    width: 22%;
}

.commesse-table th:nth-child(4)[b-jp2wn0syx9],
.commesse-table td:nth-child(4)[b-jp2wn0syx9] {
    width: 19%;
}

.commesse-table th:nth-child(5)[b-jp2wn0syx9],
.commesse-table td:nth-child(5)[b-jp2wn0syx9] {
    width: 25%;
}

/* Ultimi documenti: più spazio a cliente, data e totale */
.document-table th:nth-child(1)[b-jp2wn0syx9],
.document-table td:nth-child(1)[b-jp2wn0syx9] {
    width: 15%;
}

.document-table th:nth-child(2)[b-jp2wn0syx9],
.document-table td:nth-child(2)[b-jp2wn0syx9] {
    width: 16%;
}

.document-table th:nth-child(3)[b-jp2wn0syx9],
.document-table td:nth-child(3)[b-jp2wn0syx9] {
    width: 20%;
}

.document-table th:nth-child(4)[b-jp2wn0syx9],
.document-table td:nth-child(4)[b-jp2wn0syx9] {
    width: 29%;
}

.document-table th:nth-child(5)[b-jp2wn0syx9],
.document-table td:nth-child(5)[b-jp2wn0syx9] {
    width: 20%;
}

.document-table .money-cell[b-jp2wn0syx9] {
    padding-right: 10px !important;
}

@media (max-width: 1100px) {
    .devis-grid[b-jp2wn0syx9] {
        grid-template-columns: 1.08fr 0.92fr !important;
    }
}
/* /Components/Pages/HomeGiulio.razor.rz.scp.css */
.home-page[b-vxm2k3868h] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    color: #34383c;
}

.page-top[b-vxm2k3868h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-shrink: 0;
}

.page-description[b-vxm2k3868h] {
    color: #2f3337;
    font-size: 17px;
    font-weight: 750;
}

.page-subtitle[b-vxm2k3868h] {
    margin-top: 3px;
    color: #73797e;
    font-size: 9px;
}

.refresh-area[b-vxm2k3868h] {
    display: flex;
    align-items: center;
    gap: 11px;
    color: #70767b;
    font-size: 8px;
}

.refresh-button[b-vxm2k3868h],
.panel-link[b-vxm2k3868h] {
    min-height: 31px;
    padding: 0 12px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    color: #464b50;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}

.refresh-button:hover:not(:disabled)[b-vxm2k3868h],
.panel-link:hover[b-vxm2k3868h] {
    background: #f1f2f3;
}

.refresh-button:disabled[b-vxm2k3868h] {
    cursor: not-allowed;
    opacity: 0.6;
}

.error-message[b-vxm2k3868h] {
    flex-shrink: 0;
    padding: 9px 12px;
    border: 1px solid #e8b6b6;
    border-radius: 8px;
    background: #fff4f4;
    color: #a82828;
    font-size: 9px;
}

.kpi-grid[b-vxm2k3868h] {
    display: grid;
    flex-shrink: 0;
    gap: 8px;
}

.giulio-kpi[b-vxm2k3868h] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kpi-card[b-vxm2k3868h] {
    min-width: 0;
    min-height: 72px;
    padding: 10px 11px;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #ffffff;
}

.kpi-card > span[b-vxm2k3868h] {
    display: block;
    color: #71777c;
    font-size: 7px;
    font-weight: 750;
    text-transform: uppercase;
}

.kpi-card > strong[b-vxm2k3868h] {
    display: block;
    margin-top: 8px;
    overflow: hidden;
    color: #34383c;
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-card > small[b-vxm2k3868h] {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: #747a7f;
    font-size: 7.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-card.blue[b-vxm2k3868h] {
    border-color: #c7d8ea;
    background: #f2f7fc;
}

.kpi-card.blue strong[b-vxm2k3868h] {
    color: #2868aa;
}

.kpi-card.orange[b-vxm2k3868h] {
    border-color: #ead0b8;
    background: #fff7f0;
}

.kpi-card.orange strong[b-vxm2k3868h] {
    color: #a55e20;
}

.kpi-card.red[b-vxm2k3868h] {
    border-color: #e7c4c4;
    background: #fff5f5;
}

.kpi-card.red strong[b-vxm2k3868h] {
    color: #a52c2c;
}

.kpi-card.neutral[b-vxm2k3868h] {
    background: #f8f9fa;
}

.dashboard-grid[b-vxm2k3868h] {
    min-height: 0;
    display: grid;
    flex: 1;
    gap: 9px;
}

.giulio-grid[b-vxm2k3868h] {
    grid-template-columns: 1.15fr 0.85fr;
    grid-template-rows: minmax(0, 1fr);
}

.dashboard-panel[b-vxm2k3868h] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.panel-header[b-vxm2k3868h] {
    min-height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-shrink: 0;
    padding: 9px 11px;
    border-bottom: 1px solid #e0e3e5;
    background: #fafafa;
}

.panel-header h2[b-vxm2k3868h] {
    margin: 0;
    color: #34383c;
    font-size: 11px;
}

.panel-header span[b-vxm2k3868h] {
    display: block;
    margin-top: 3px;
    color: #757b80;
    font-size: 7.5px;
}

.panel-link[b-vxm2k3868h] {
    min-height: 29px;
    padding: 0 10px;
    font-size: 8px;
}

.table-wrapper[b-vxm2k3868h] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.dashboard-table[b-vxm2k3868h] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 8.5px;
}

.dashboard-table thead[b-vxm2k3868h] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f0f1f2;
}

.dashboard-table th[b-vxm2k3868h],
.dashboard-table td[b-vxm2k3868h] {
    padding: 8px;
    border-bottom: 1px solid #e7e9eb;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.dashboard-table th[b-vxm2k3868h] {
    color: #4b5055;
    font-size: 7.5px;
    text-align: left;
}

.dashboard-table tbody tr[b-vxm2k3868h] {
    cursor: pointer;
}

.dashboard-table tbody tr:hover[b-vxm2k3868h] {
    background: #fff7f7;
}

.number-cell[b-vxm2k3868h],
.money-cell[b-vxm2k3868h] {
    text-align: right;
}

.empty-cell[b-vxm2k3868h] {
    padding: 35px 12px !important;
    color: #777d82;
    font-size: 9px;
    text-align: center;
}

.badge[b-vxm2k3868h] {
    display: inline-flex;
    min-height: 19px;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 6.5px;
    font-weight: 800;
    white-space: nowrap;
}

.badge.delivery[b-vxm2k3868h] {
    background: #edf0f3;
    color: #535a60;
}

.badge.invoice[b-vxm2k3868h] {
    background: #e6f0fc;
    color: #2868aa;
}

.badge.work[b-vxm2k3868h] {
    background: #e7f0fc;
    color: #2868aa;
}

.badge.warning[b-vxm2k3868h] {
    background: #fff1d3;
    color: #8a641b;
}

.badge.close[b-vxm2k3868h] {
    background: #f9e4e4;
    color: #a52c2c;
}

@media (max-width: 980px) {
    .home-page[b-vxm2k3868h] {
        overflow: auto;
    }

    .giulio-grid[b-vxm2k3868h] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, minmax(250px, auto));
    }
}

@media (max-width: 760px) {
    .giulio-kpi[b-vxm2k3868h] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/HomeOfficina.razor.rz.scp.css */
.officina-home[b-8p9n9g24jx] {
    width: 100%;
}

.hero-card[b-8p9n9g24jx] {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px;
    border: 1px solid #d5d9dd;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(23,28,33,.07);
}

.eyebrow[b-8p9n9g24jx] {
    margin-bottom: 4px;
    color: #c92f2f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.hero-card h1[b-8p9n9g24jx] {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 800;
}

.hero-card p[b-8p9n9g24jx] {
    margin: 7px 0 0;
    color: #6c737a;
    font-size: 14px;
}

.hero-tool[b-8p9n9g24jx] {
    width: 72px;
    height: 72px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 20px;
    background: #f4f5f6;
    font-size: 34px;
}

.summary-grid[b-8p9n9g24jx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.summary-card[b-8p9n9g24jx] {
    min-height: 102px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    padding: 15px 17px;
    border: 1px solid #d5d9dd;
    border-radius: 16px;
    background: #fff;
    color: #25282b;
    text-align: left;
    cursor: pointer;
}

.summary-card:active[b-8p9n9g24jx],
.job-card:active[b-8p9n9g24jx],
.primary-action:active[b-8p9n9g24jx] {
    transform: scale(.985);
}

.summary-card.attention[b-8p9n9g24jx] {
    border-color: #e8c5c5;
    background: #fff9f9;
}

.summary-number[b-8p9n9g24jx] {
    font-size: 27px;
    font-weight: 850;
    line-height: 1;
}

.summary-label[b-8p9n9g24jx] {
    color: #697078;
    font-size: 12px;
    font-weight: 700;
}

.section-head[b-8p9n9g24jx] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin: 26px 2px 10px;
}

.section-head h2[b-8p9n9g24jx] {
    margin: 0;
    font-size: 19px;
    font-weight: 800;
}

.section-head p[b-8p9n9g24jx] {
    margin: 3px 0 0;
    color: #737a81;
    font-size: 12px;
}

.link-button[b-8p9n9g24jx] {
    border: 0;
    background: transparent;
    color: #c92f2f;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.job-list[b-8p9n9g24jx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.job-card[b-8p9n9g24jx] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #d6dade;
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.job-topline[b-8p9n9g24jx],
.job-meta[b-8p9n9g24jx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.job-number[b-8p9n9g24jx] {
    color: #596169;
    font-size: 12px;
    font-weight: 800;
}

.status-pill[b-8p9n9g24jx] {
    max-width: 55%;
    padding: 5px 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #eef0f2;
    color: #596169;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.status-pill.working[b-8p9n9g24jx] { background: #edf4ff; color: #315f9d; }
.status-pill.waiting[b-8p9n9g24jx] { background: #fff7df; color: #8f6d18; }
.status-pill.warning[b-8p9n9g24jx] { background: #fff0f0; color: #b52f2f; }
.status-pill.done[b-8p9n9g24jx] { background: #edf8f0; color: #36794a; }

.job-client[b-8p9n9g24jx] {
    margin-top: 13px;
    overflow: hidden;
    font-size: 15px;
    font-weight: 800;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.job-machine[b-8p9n9g24jx] {
    min-height: 34px;
    margin-top: 4px;
    color: #656d75;
    font-size: 12px;
    line-height: 1.35;
}

.job-meta[b-8p9n9g24jx] {
    margin-top: 13px;
    padding-top: 11px;
    border-top: 1px solid #eceff1;
    color: #7b8187;
    font-size: 10.5px;
}

.primary-action[b-8p9n9g24jx] {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 16px;
    border: 0;
    border-radius: 15px;
    background: #c92f2f;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(201,47,47,.2);
    cursor: pointer;
}

.empty-card[b-8p9n9g24jx],
.alert-card[b-8p9n9g24jx] {
    padding: 18px;
    border: 1px solid #d7dadd;
    border-radius: 15px;
    background: #fff;
    color: #6c7379;
    text-align: center;
    font-size: 13px;
}

.alert-card[b-8p9n9g24jx] {
    margin-top: 12px;
    border-color: #e5bcbc;
    background: #fff6f6;
    color: #a72f2f;
}

@media (max-width: 720px) {
    .hero-card[b-8p9n9g24jx] {
        min-height: 120px;
        padding: 18px;
        border-radius: 17px;
    }

    .hero-tool[b-8p9n9g24jx] {
        width: 58px;
        height: 58px;
        border-radius: 16px;
        font-size: 28px;
    }

    .summary-grid[b-8p9n9g24jx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
        margin-top: 10px;
    }

    .summary-card[b-8p9n9g24jx] {
        min-height: 88px;
        padding: 13px 14px;
        border-radius: 14px;
    }

    .summary-number[b-8p9n9g24jx] {
        font-size: 25px;
    }

    .job-list[b-8p9n9g24jx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 390px) {
    .hero-card p[b-8p9n9g24jx] {
        max-width: 210px;
        font-size: 12px;
    }

    .hero-tool[b-8p9n9g24jx] {
        width: 50px;
        height: 50px;
        font-size: 24px;
    }
}
/* /Components/Pages/HomeRoberta.razor.rz.scp.css */
.home-page[b-tlaq6bamsm] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
    color: #34383c;
}

.page-top[b-tlaq6bamsm] { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-shrink:0; }
.page-description[b-tlaq6bamsm] { color:#2f3337; font-size:17px; font-weight:750; }
.page-subtitle[b-tlaq6bamsm] { margin-top:3px; color:#73797e; font-size:9px; }
.refresh-area[b-tlaq6bamsm] { display:flex; align-items:center; gap:11px; color:#70767b; font-size:8px; }
.refresh-button[b-tlaq6bamsm],.panel-link[b-tlaq6bamsm] { min-height:31px; padding:0 12px; border:1px solid #cfd3d7; border-radius:7px; background:#fff; color:#464b50; font-family:inherit; font-size:9px; font-weight:700; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.refresh-button:hover:not(:disabled)[b-tlaq6bamsm],.panel-link:hover[b-tlaq6bamsm] { background:#f1f2f3; }
.refresh-button:disabled[b-tlaq6bamsm] { cursor:not-allowed; opacity:.6; }
.error-message[b-tlaq6bamsm] { flex-shrink:0; padding:9px 12px; border:1px solid #e8b6b6; border-radius:8px; background:#fff4f4; color:#a82828; font-size:9px; }

.kpi-grid[b-tlaq6bamsm] { display:grid; flex-shrink:0; gap:8px; }
.roberta-kpi[b-tlaq6bamsm] { grid-template-columns:repeat(4,minmax(0,1fr)); }
.kpi-card[b-tlaq6bamsm] { min-width:0; min-height:72px; padding:10px 11px; border:1px solid #d9dcdf; border-radius:9px; background:#fff; }
.kpi-card>span[b-tlaq6bamsm] { display:block; color:#71777c; font-size:7px; font-weight:750; text-transform:uppercase; }
.kpi-card>strong[b-tlaq6bamsm] { display:block; margin-top:8px; overflow:hidden; color:#34383c; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.kpi-card>small[b-tlaq6bamsm] { display:block; margin-top:4px; overflow:hidden; color:#747a7f; font-size:7.5px; text-overflow:ellipsis; white-space:nowrap; }
.kpi-card.blue[b-tlaq6bamsm] { border-color:#c7d8ea; background:#f2f7fc; }.kpi-card.blue strong[b-tlaq6bamsm]{color:#2868aa;}
.kpi-card.green[b-tlaq6bamsm] { border-color:#c7dfcf; background:#f1f9f3; }.kpi-card.green strong[b-tlaq6bamsm]{color:#287145;}
.kpi-card.orange[b-tlaq6bamsm] { border-color:#ead0b8; background:#fff7f0; }.kpi-card.orange strong[b-tlaq6bamsm]{color:#a55e20;}
.kpi-card.red[b-tlaq6bamsm] { border-color:#e7c4c4; background:#fff5f5; }.kpi-card.red strong[b-tlaq6bamsm]{color:#a52c2c;}

.dashboard-grid[b-tlaq6bamsm] { min-height:0; display:grid; flex:1; gap:9px; }
.roberta-grid[b-tlaq6bamsm] { grid-template-columns:1fr; grid-template-rows:minmax(0,1fr); }
.dashboard-panel[b-tlaq6bamsm] { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #d7dade; border-radius:10px; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.04); }
.panel-header[b-tlaq6bamsm] { min-height:51px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-shrink:0; padding:9px 11px; border-bottom:1px solid #e0e3e5; background:#fafafa; }
.panel-header h2[b-tlaq6bamsm] { margin:0; color:#34383c; font-size:11px; }
.panel-header span[b-tlaq6bamsm] { display:block; margin-top:3px; color:#757b80; font-size:7.5px; }
.panel-link[b-tlaq6bamsm] { min-height:29px; padding:0 10px; font-size:8px; }
.table-wrapper[b-tlaq6bamsm] { min-height:0; flex:1; overflow:auto; }
.dashboard-table[b-tlaq6bamsm] { width:100%; border-collapse:collapse; table-layout:fixed; font-size:8.5px; }
.dashboard-table thead[b-tlaq6bamsm] { position:sticky; top:0; z-index:1; background:#f0f1f2; }
.dashboard-table th[b-tlaq6bamsm],.dashboard-table td[b-tlaq6bamsm] { padding:8px; border-bottom:1px solid #e7e9eb; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
.dashboard-table th[b-tlaq6bamsm] { color:#4b5055; font-size:7.5px; text-align:left; }
.money-cell[b-tlaq6bamsm] { text-align:right; }.strong[b-tlaq6bamsm]{font-weight:750;}
.empty-cell[b-tlaq6bamsm] { padding:35px 12px !important; color:#777d82; font-size:9px; text-align:center; }

.quick-panel[b-tlaq6bamsm] { min-height:0; }
.quick-grid[b-tlaq6bamsm] { min-height:0; display:grid; grid-template-columns:1fr; gap:8px; padding:10px; overflow:auto; }
.quick-action[b-tlaq6bamsm] { min-height:58px; display:grid; grid-template-columns:34px 1fr; align-items:center; gap:10px; padding:9px 11px; border:1px solid #d6dadd; border-radius:9px; background:#fff; color:#34383c; text-decoration:none; box-shadow:0 2px 7px rgba(0,0,0,.025); }
.quick-action:hover[b-tlaq6bamsm] { border-color:#c9a7a7; background:#fff8f8; }
.quick-action b[b-tlaq6bamsm] { width:30px; height:30px; display:grid; place-items:center; border-radius:8px; background:#edf0f1; font-size:14px; }
.quick-action strong[b-tlaq6bamsm] { display:block; font-size:10px; }
.quick-action span[b-tlaq6bamsm] { display:block; margin-top:3px; color:#757b80; font-size:7.5px; }

@media(max-width:980px){.home-page[b-tlaq6bamsm]{overflow:auto}.roberta-grid[b-tlaq6bamsm]{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(250px,auto));}}
@media(max-width:760px){.roberta-kpi[b-tlaq6bamsm]{grid-template-columns:1fr 1fr;}}
/* /Components/Pages/HomeSimone.razor.rz.scp.css */
.home-page[b-uew67rmko4] { height:100%; min-height:0; display:flex; flex-direction:column; gap:9px; overflow:auto; color:#34383c; }
.page-top[b-uew67rmko4] { display:flex; align-items:center; justify-content:space-between; gap:18px; flex-shrink:0; }
.page-description[b-uew67rmko4] { color:#2f3337; font-size:17px; font-weight:750; }
.page-subtitle[b-uew67rmko4] { margin-top:3px; color:#73797e; font-size:9px; }
.refresh-area[b-uew67rmko4] { display:flex; align-items:center; gap:11px; color:#70767b; font-size:8px; }
.refresh-button[b-uew67rmko4],.panel-link[b-uew67rmko4] { min-height:31px; padding:0 12px; border:1px solid #cfd3d7; border-radius:7px; background:#fff; color:#464b50; font-family:inherit; font-size:9px; font-weight:700; cursor:pointer; }
.refresh-button:hover:not(:disabled)[b-uew67rmko4],.panel-link:hover[b-uew67rmko4] { background:#f1f2f3; }
.refresh-button:disabled[b-uew67rmko4] { cursor:not-allowed; opacity:.6; }
.error-message[b-uew67rmko4] { flex-shrink:0; padding:9px 12px; border:1px solid #e8b6b6; border-radius:8px; background:#fff4f4; color:#a82828; font-size:9px; }
.kpi-grid[b-uew67rmko4] { display:grid; flex-shrink:0; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.kpi-card[b-uew67rmko4] { min-width:0; min-height:72px; padding:10px 11px; border:1px solid #d9dcdf; border-radius:9px; background:#fff; }
.kpi-card>span[b-uew67rmko4] { display:block; color:#71777c; font-size:7px; font-weight:750; text-transform:uppercase; }
.kpi-card>strong[b-uew67rmko4] { display:block; margin-top:8px; overflow:hidden; color:#34383c; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.kpi-card>small[b-uew67rmko4] { display:block; margin-top:4px; overflow:hidden; color:#747a7f; font-size:7.5px; text-overflow:ellipsis; white-space:nowrap; }
.kpi-card.blue[b-uew67rmko4] { border-color:#c7d8ea; background:#f2f7fc; } .kpi-card.blue strong[b-uew67rmko4] { color:#2868aa; }
.kpi-card.green[b-uew67rmko4] { border-color:#c7dfcf; background:#f1f9f3; } .kpi-card.green strong[b-uew67rmko4] { color:#287145; }
.kpi-card.gold[b-uew67rmko4] { border-color:#ead1a6; background:#fff8ec; } .kpi-card.gold strong[b-uew67rmko4] { color:#8b651e; }
.kpi-card.orange[b-uew67rmko4] { border-color:#ead0b8; background:#fff7f0; } .kpi-card.orange strong[b-uew67rmko4] { color:#a55e20; }
.kpi-card.red[b-uew67rmko4] { border-color:#e7c4c4; background:#fff5f5; } .kpi-card.red strong[b-uew67rmko4] { color:#a52c2c; }
.kpi-card.neutral[b-uew67rmko4] { background:#f8f9fa; }
.dashboard-grid[b-uew67rmko4] { min-height:0; display:grid; flex:1; grid-template-columns:1.65fr 1fr; gap:9px; }
.dashboard-panel[b-uew67rmko4] { min-width:0; min-height:0; display:flex; flex-direction:column; overflow:hidden; border:1px solid #d7dade; border-radius:10px; background:#fff; box-shadow:0 2px 7px rgba(0,0,0,.04); }
.panel-header[b-uew67rmko4] { min-height:51px; display:flex; align-items:center; justify-content:space-between; gap:10px; flex-shrink:0; padding:9px 11px; border-bottom:1px solid #e0e3e5; background:#fafafa; }
.panel-header h2[b-uew67rmko4] { margin:0; color:#34383c; font-size:11px; }
.panel-header span[b-uew67rmko4] { display:block; margin-top:3px; color:#757b80; font-size:7.5px; }
.panel-link[b-uew67rmko4] { min-height:29px; padding:0 10px; font-size:8px; }
.panel-count[b-uew67rmko4] { min-width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#fff0c8; color:#876510; font-size:11px; }
.table-wrapper[b-uew67rmko4] { min-height:0; flex:1; overflow:auto; }
.dashboard-table[b-uew67rmko4] { width:100%; border-collapse:collapse; table-layout:fixed; font-size:8.5px; }
.dashboard-table thead[b-uew67rmko4] { position:sticky; top:0; z-index:1; background:#f0f1f2; }
.dashboard-table th[b-uew67rmko4] { padding:8px 9px; border-bottom:1px solid #d8dbde; color:#52575c; font-size:7.5px; text-align:left; white-space:nowrap; }
.dashboard-table td[b-uew67rmko4] { padding:8px 9px; overflow:hidden; border-bottom:1px solid #eceeef; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-table tbody tr[b-uew67rmko4] { cursor:pointer; }
.dashboard-table tbody tr:hover[b-uew67rmko4] { background:#fff8f8; }
.dashboard-table th:nth-child(1)[b-uew67rmko4],.dashboard-table td:nth-child(1)[b-uew67rmko4]{width:105px}.dashboard-table th:nth-child(2)[b-uew67rmko4],.dashboard-table td:nth-child(2)[b-uew67rmko4]{width:78px}.dashboard-table th:nth-child(5)[b-uew67rmko4],.dashboard-table td:nth-child(5)[b-uew67rmko4]{width:90px}.dashboard-table th:nth-child(6)[b-uew67rmko4],.dashboard-table td:nth-child(6)[b-uew67rmko4]{width:86px}
.numeric[b-uew67rmko4]{text-align:right!important}.number-cell[b-uew67rmko4]{color:#b52525;font-weight:750}.name-cell[b-uew67rmko4],.total-cell[b-uew67rmko4]{font-weight:700}.empty-cell[b-uew67rmko4]{padding:28px 12px!important;color:#80858a;text-align:center}
.status-badge[b-uew67rmko4] { display:inline-flex; align-items:center; justify-content:center; min-width:60px; padding:3px 6px; border-radius:999px; font-size:7.5px; font-weight:800; white-space:nowrap; }
.status-badge.draft[b-uew67rmko4]{background:#fff0c8;color:#876510}.status-badge.printed[b-uew67rmko4]{background:#eceff3;color:#59616a}.status-badge.sent[b-uew67rmko4]{background:#e1ebff;color:#315faa}.status-badge.negotiation[b-uew67rmko4]{background:#fbe4d5;color:#9a4f1b}.status-badge.accepted[b-uew67rmko4]{background:#dff3e6;color:#267044}.status-badge.rejected[b-uew67rmko4]{background:#fce2e2;color:#9c3232}
.follow-list[b-uew67rmko4] { min-height:0; overflow:auto; }
.follow-item[b-uew67rmko4] { width:100%; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 10px; border:0; border-bottom:1px solid #eceeef; background:#fff; color:#34383c; font-family:inherit; text-align:left; cursor:pointer; }
.follow-item:hover[b-uew67rmko4]{background:#fff8f8}.follow-main[b-uew67rmko4]{min-width:0}.follow-main strong[b-uew67rmko4]{display:block;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.follow-main span[b-uew67rmko4],.follow-main small[b-uew67rmko4]{display:block;margin-top:3px;overflow:hidden;color:#73797e;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}.follow-right[b-uew67rmko4]{flex-shrink:0;text-align:right}.follow-right>strong[b-uew67rmko4]{display:block;margin-top:5px;color:#34383c;font-size:8.5px}
@media(max-width:1150px){.kpi-grid[b-uew67rmko4]{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid[b-uew67rmko4]{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.dashboard-grid[b-uew67rmko4]{grid-template-columns:1fr}}
/* /Components/Pages/Inventario.razor.rz.scp.css */
.inventory-page[b-ur811vvzzb] {
    padding: 20px;
    color: #172033;
}

.inventory-heading[b-ur811vvzzb] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 18px;
}

.inventory-kicker[b-ur811vvzzb] {
    color: #df2424;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: 4px;
}

.inventory-heading h1[b-ur811vvzzb] {
    margin: 0;
    font-size: 1.65rem;
    line-height: 1.15;
}

.inventory-heading p[b-ur811vvzzb] {
    margin: 6px 0 0;
    color: #6b7280;
}

.reference-date[b-ur811vvzzb] {
    min-width: 170px;
    padding: 11px 14px;
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.reference-date span[b-ur811vvzzb],
.filter label[b-ur811vvzzb],
.summary-card span[b-ur811vvzzb],
.page-size span[b-ur811vvzzb] {
    color: #687183;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.filters-card[b-ur811vvzzb] {
    display: grid;
    grid-template-columns: minmax(230px, 1.6fr) repeat(4, minmax(150px, .85fr)) auto;
    gap: 10px;
    align-items: end;
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 12px;
    padding: 14px;
    margin-bottom: 14px;
}

.filter[b-ur811vvzzb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.filter input[b-ur811vvzzb],
.filter select[b-ur811vvzzb],
.page-size select[b-ur811vvzzb] {
    width: 100%;
    min-height: 40px;
    border: 1px solid #cfd5dc;
    border-radius: 7px;
    background: #fff;
    padding: 0 10px;
    font: inherit;
    color: #172033;
}

.filter input:focus[b-ur811vvzzb],
.filter select:focus[b-ur811vvzzb] {
    outline: none;
    border-color: #d92b2b;
    box-shadow: 0 0 0 2px rgba(217,43,43,.08);
}

.apply-button[b-ur811vvzzb] {
    min-height: 40px;
    border: 0;
    border-radius: 7px;
    padding: 0 18px;
    background: #d92727;
    color: #fff;
    font-weight: 750;
    cursor: pointer;
}

.apply-button:disabled[b-ur811vvzzb] { opacity: .55; cursor: default; }

.summary-grid[b-ur811vvzzb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.summary-card[b-ur811vvzzb] {
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    padding: 13px 15px;
    display: flex;
    flex-direction: column;
    min-height: 84px;
}

.summary-card strong[b-ur811vvzzb] {
    margin-top: 7px;
    font-size: 1.3rem;
    line-height: 1;
}

.summary-card small[b-ur811vvzzb] {
    margin-top: 6px;
    color: #8a93a1;
}

.summary-card.important[b-ur811vvzzb] {
    border-color: #edc4c4;
    background: #fffafa;
}

.summary-card.important strong[b-ur811vvzzb] { color: #bf2020; }

.inventory-card[b-ur811vvzzb] {
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 12px;
    overflow: hidden;
}

.table-toolbar[b-ur811vvzzb] {
    min-height: 54px;
    padding: 10px 14px;
    border-bottom: 1px solid #e6e9ed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.table-toolbar > div:first-child[b-ur811vvzzb] {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.table-toolbar span[b-ur811vvzzb] { color: #7c8592; font-size: .82rem; }

.page-size[b-ur811vvzzb] { display: flex; align-items: center; gap: 7px; }
.page-size select[b-ur811vvzzb] { width: 76px; min-height: 34px; }

.table-wrap[b-ur811vvzzb] { overflow-x: auto; }

table[b-ur811vvzzb] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
    font-size: .84rem;
}

th[b-ur811vvzzb] {
    background: #f7f8fa;
    color: #667080;
    text-align: left;
    font-size: .68rem;
    letter-spacing: .045em;
    text-transform: uppercase;
    padding: 10px 12px;
    border-bottom: 1px solid #dfe3e8;
    white-space: nowrap;
}

td[b-ur811vvzzb] {
    padding: 9px 12px;
    border-bottom: 1px solid #edf0f2;
    vertical-align: middle;
}

tbody tr[b-ur811vvzzb] { cursor: pointer; }
tbody tr:hover[b-ur811vvzzb] { background: #fbfbfc; }

td.code[b-ur811vvzzb] { font-weight: 750; color: #253148; white-space: nowrap; }
.num[b-ur811vvzzb] { text-align: right; white-space: nowrap; }
td.stock[b-ur811vvzzb] { font-weight: 700; }
td.value[b-ur811vvzzb] { font-weight: 800; color: #1f2937; }

.state-box[b-ur811vvzzb] {
    padding: 38px 20px;
    text-align: center;
    color: #6b7280;
}
.state-box.error[b-ur811vvzzb] { color: #b42318; }

.pagination[b-ur811vvzzb] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 12px 14px;
    border-top: 1px solid #e6e9ed;
    color: #697386;
    font-size: .82rem;
}

.pagination button[b-ur811vvzzb] {
    border: 1px solid #cfd5dc;
    border-radius: 7px;
    background: #fff;
    padding: 7px 12px;
    color: #263247;
    font-weight: 650;
    cursor: pointer;
}
.pagination button:disabled[b-ur811vvzzb] { opacity: .45; cursor: default; }

@media (max-width: 1350px) {
    .filters-card[b-ur811vvzzb] { grid-template-columns: repeat(3, minmax(180px, 1fr)); }
    .summary-grid[b-ur811vvzzb] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 800px) {
    .inventory-page[b-ur811vvzzb] { padding: 12px; }
    .inventory-heading[b-ur811vvzzb] { flex-direction: column; }
    .reference-date[b-ur811vvzzb] { width: 100%; }
    .filters-card[b-ur811vvzzb] { grid-template-columns: 1fr; }
    .summary-grid[b-ur811vvzzb] { grid-template-columns: 1fr; }
}


.filter-actions[b-ur811vvzzb] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.print-button[b-ur811vvzzb] {
    min-height: 40px;
    border: 1px solid #c7cdd5;
    border-radius: 7px;
    padding: 0 17px;
    background: #fff;
    color: #263247;
    font-weight: 750;
    cursor: pointer;
}

.print-button:hover[b-ur811vvzzb] {
    background: #f7f8fa;
    border-color: #aeb6c1;
}

.print-button:disabled[b-ur811vvzzb] {
    opacity: .55;
    cursor: default;
}


/* Inventario allineato allo stile delle altre pagine */
.inventory-page.module-page[b-ur811vvzzb] {
    height:100%;
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:8px;
    overflow:hidden;
    padding:0;
    color:#34383c;
}
.page-description-row[b-ur811vvzzb] {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-shrink:0;
}
.page-description[b-ur811vvzzb] {
    font-size:18px;
    font-weight:700;
    color:#34383c;
}
.reference-inline[b-ur811vvzzb] {
    color:#60656a;
    font-size:11px;
}
.reference-inline strong[b-ur811vvzzb] {
    margin-left:6px;
    color:#34383c;
    font-size:12px;
}
.filters-card[b-ur811vvzzb] {
    border:1px solid #d7dade;
    border-radius:10px;
    padding:10px 12px;
    box-shadow:0 2px 7px rgba(0,0,0,.04);
    margin-bottom:0;
}
.filter label[b-ur811vvzzb] {
    color:#60656a;
    font-size:11px;
    text-transform:none;
    letter-spacing:0;
}
.filter input[b-ur811vvzzb],
.filter select[b-ur811vvzzb],
.page-size select[b-ur811vvzzb] {
    min-height:38px;
    border-radius:7px;
    font-size:13px;
}
.summary-grid[b-ur811vvzzb] {
    gap:8px;
    margin-bottom:0;
}
.summary-card[b-ur811vvzzb] {
    min-height:68px;
    padding:10px 12px;
    border:1px solid #d7dade;
    border-radius:10px;
    box-shadow:0 2px 7px rgba(0,0,0,.035);
}
.summary-card span[b-ur811vvzzb] {
    font-size:10px;
    letter-spacing:0;
}
.summary-card strong[b-ur811vvzzb] {
    margin-top:5px;
    font-size:16px;
}
.summary-card small[b-ur811vvzzb] {
    margin-top:4px;
    font-size:10px;
}
.inventory-card[b-ur811vvzzb] {
    min-height:0;
    flex:1;
    display:flex;
    flex-direction:column;
    border:1px solid #d7dade;
    border-radius:10px;
    box-shadow:0 2px 7px rgba(0,0,0,.04);
}
.table-wrap[b-ur811vvzzb] {
    min-height:0;
    flex:1;
    overflow:auto;
}
table[b-ur811vvzzb] { font-size:13px; }
th[b-ur811vvzzb] {
    font-size:11px;
    text-transform:none;
    letter-spacing:0;
    background:#f0f1f2;
}
td[b-ur811vvzzb] { font-size:13px; }
.table-toolbar[b-ur811vvzzb] {
    min-height:48px;
}
.pagination[b-ur811vvzzb] {
    flex-shrink:0;
    padding:9px 12px;
}


/* Opzioni stampa inventario */
.print-options[b-ur811vvzzb] {
    display: flex;
    align-items: end;
}

.cost-print-toggle[b-ur811vvzzb] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #d2d7dc;
    border-radius: 7px;
    background: #fff;
    cursor: pointer;
    white-space: nowrap;
}

.cost-print-toggle input[b-ur811vvzzb] {
    width: 16px;
    height: 16px;
    margin: 0;
}

.cost-print-toggle span[b-ur811vvzzb] {
    font-size: 12px;
    font-weight: 700;
    color: #444b54;
}
/* /Components/Pages/InventarioStampa.razor.rz.scp.css */
.print-toolbar[b-15xx5dgbqj] {
    max-width: 1280px;
    margin: 14px auto 10px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.toolbar-button[b-15xx5dgbqj] {
    border: 0;
    border-radius: 7px;
    padding: 9px 18px;
    font-weight: 700;
    cursor: pointer;
}
.toolbar-button.primary[b-15xx5dgbqj] { background: #d62727; color: #fff; }
.toolbar-button.secondary[b-15xx5dgbqj] { background: #e9edf2; color: #283344; }

.inventory-print[b-15xx5dgbqj] {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 18px 22px 28px;
    font-family: Arial, Helvetica, sans-serif;
    color: #141a23;
    background: #fff;
}

.print-header[b-15xx5dgbqj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 11px;
    border-bottom: 2px solid #262d37;
}

.company[b-15xx5dgbqj] {
    font-size: 12px;
    font-weight: 800;
    color: #c92222;
    letter-spacing: .05em;
}

.print-header h1[b-15xx5dgbqj] {
    margin: 4px 0 2px;
    font-size: 24px;
}

.subtitle[b-15xx5dgbqj] { color: #687180; font-size: 12px; }

.date-box[b-15xx5dgbqj] {
    border: 1px solid #ccd2d9;
    padding: 8px 12px;
    min-width: 150px;
}
.date-box span[b-15xx5dgbqj],
.filters-summary span[b-15xx5dgbqj],
.totals span[b-15xx5dgbqj] {
    display: block;
    font-size: 9px;
    color: #6b7280;
    font-weight: 700;
    text-transform: uppercase;
}
.date-box strong[b-15xx5dgbqj] { font-size: 14px; }

.filters-summary[b-15xx5dgbqj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 7px;
    margin: 10px 0;
}
.filters-summary > div[b-15xx5dgbqj] {
    border: 1px solid #d7dce2;
    padding: 6px 8px;
    min-height: 42px;
}
.filters-summary strong[b-15xx5dgbqj] { font-size: 11px; }
.filters-summary .search-filter[b-15xx5dgbqj] { grid-column: 1 / -1; }

.totals[b-15xx5dgbqj] {
    display: grid;
    grid-template-columns: 1fr 1fr 1.25fr;
    gap: 7px;
    margin-bottom: 10px;
}
.totals > div[b-15xx5dgbqj] {
    border: 1px solid #d7dce2;
    padding: 7px 9px;
}
.totals strong[b-15xx5dgbqj] { font-size: 15px; }
.totals .main-total[b-15xx5dgbqj] { border-color: #d8a8a8; }

.inventory-table[b-15xx5dgbqj] {
    width: 100%;
    border-collapse: collapse;
    font-size: 9px;
}
.inventory-table th[b-15xx5dgbqj] {
    background: #eef1f4;
    border: 1px solid #cfd5dc;
    padding: 5px 5px;
    text-align: left;
    font-size: 8px;
    text-transform: uppercase;
}
.inventory-table td[b-15xx5dgbqj] {
    border: 1px solid #dce1e6;
    padding: 4px 5px;
}
.inventory-table .num[b-15xx5dgbqj] { text-align: right; white-space: nowrap; }
.inventory-table .code[b-15xx5dgbqj] { white-space: nowrap; font-weight: 700; }
.inventory-table .value[b-15xx5dgbqj] { font-weight: 700; }
.inventory-table tfoot td[b-15xx5dgbqj] {
    font-weight: 800;
    background: #f4f5f7;
}

.print-footer[b-15xx5dgbqj] {
    margin-top: 8px;
    text-align: right;
    color: #737b86;
    font-size: 8px;
}

.print-status[b-15xx5dgbqj] {
    margin: 40px auto;
    max-width: 900px;
    text-align: center;
    padding: 18px;
}
.print-status.error[b-15xx5dgbqj] { color: #b42318; }

@media print {
    @page {
        size: A4 landscape;
        margin: 8mm;
    }

    html[b-15xx5dgbqj], body[b-15xx5dgbqj] {
        background: #fff !important;
    }

    .no-print[b-15xx5dgbqj] {
        display: none !important;
    }

    .inventory-print[b-15xx5dgbqj] {
        max-width: none;
        padding: 0;
        margin: 0;
    }

    .print-header h1[b-15xx5dgbqj] { font-size: 18px; }
    .inventory-table[b-15xx5dgbqj] { font-size: 7.5px; }
    .inventory-table th[b-15xx5dgbqj] { font-size: 7px; padding: 3px 4px; }
    .inventory-table td[b-15xx5dgbqj] { padding: 2.7px 4px; }

    .inventory-table thead[b-15xx5dgbqj] {
        display: table-header-group;
    }

    .inventory-table tfoot[b-15xx5dgbqj] {
        display: table-footer-group;
    }

    .inventory-table tr[b-15xx5dgbqj] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}


.totals.without-costs[b-15xx5dgbqj] {
    grid-template-columns: 1fr 1fr;
}

.inventory-table .manual-check[b-15xx5dgbqj] {
    width: 72px;
    min-width: 72px;
    text-align: center;
}

.inventory-table td.manual-check[b-15xx5dgbqj] {
    height: 24px;
    background: #fff;
}

@media print {
    .inventory-table .manual-check[b-15xx5dgbqj] {
        width: 18mm;
        min-width: 18mm;
    }

    .inventory-table td.manual-check[b-15xx5dgbqj] {
        height: 6mm;
    }
}


/* Correzioni stampa inventario:
   - TOTALI solo alla fine, non ripetuti ad ogni pagina
   - colonna Controllo più ampia per scrittura a penna */
@media print {
    .inventory-table tfoot[b-15xx5dgbqj] {
        display: table-row-group !important;
    }

    .inventory-table .manual-check[b-15xx5dgbqj] {
        width: 25mm !important;
        min-width: 25mm !important;
    }

    .inventory-table td.manual-check[b-15xx5dgbqj] {
        height: 7mm !important;
    }

    .inventory-table td[b-15xx5dgbqj] {
        min-height: 6mm;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-background[b-54dbr421ku] {
    position: fixed;
    inset: 0;
    overflow: hidden;
    background: #1f2224;
    z-index: 0;
    pointer-events: none;
}

.login-slide[b-54dbr421ku] {
    position: absolute;
    inset: -2%;
    opacity: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: scale(1.035);
    animation: loginSlideshow-b-54dbr421ku 24s infinite;
    will-change: opacity, transform;
}

.slide-1[b-54dbr421ku] {
    background-image: url('/images/login/image1.jpg');
    animation-delay: 0s;
}

.slide-2[b-54dbr421ku] {
    background-image: url('/images/login/image2.jpg');
    animation-delay: 6s;
}

.slide-3[b-54dbr421ku] {
    background-image: url('/images/login/image3.jpg');
    animation-delay: 12s;
}

.slide-4[b-54dbr421ku] {
    background-image: url('/images/login/image4.jpg');
    animation-delay: 18s;
}

.login-overlay[b-54dbr421ku] {
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, rgba(18, 20, 21, 0.50) 0%, rgba(18, 20, 21, 0.25) 48%, rgba(18, 20, 21, 0.44) 100% );
    z-index: 5;
}

@keyframes loginSlideshow-b-54dbr421ku {
    0% {
        opacity: 0;
    }

    4% {
        opacity: 1;
    }

    22% {
        opacity: 1;
    }

    29% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.login-card[b-54dbr421ku] {
    position: relative;
    z-index: 10;
    width: min(410px, 94vw);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.78);
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.34), 0 2px 12px rgba(0, 0, 0, 0.14);
    backdrop-filter: blur(8px);
}

.login-brand[b-54dbr421ku] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 25px 20px;
    border-bottom: 1px solid #e0e2e4;
    background: rgba(247, 247, 247, 0.94);
}

    .login-brand img[b-54dbr421ku] {
        width: 92px;
        height: 68px;
        object-fit: contain;
    }

    .login-brand h1[b-54dbr421ku] {
        margin: 0;
        color: #272b2e;
        font-size: 22px;
        font-weight: 750;
    }

    .login-brand p[b-54dbr421ku] {
        margin: 5px 0 0;
        color: #747a7f;
        font-size: 11px;
    }

.login-form[b-54dbr421ku] {
    display: flex;
    flex-direction: column;
    padding: 23px 25px 20px;
}

    .login-form > label:not(.remember-row)[b-54dbr421ku] {
        margin-bottom: 6px;
        color: #454a4e;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .login-form input[type="text"][b-54dbr421ku],
    .login-form input[type="password"][b-54dbr421ku] {
        width: 100%;
        min-height: 43px;
        margin-bottom: 15px;
        padding: 0 12px;
        border: 1px solid #cfd3d6;
        border-radius: 8px;
        background: #ffffff;
        color: #282c2f;
        font-family: inherit;
        font-size: 12px;
        outline: none;
    }

        .login-form input[type="text"]:focus[b-54dbr421ku],
        .login-form input[type="password"]:focus[b-54dbr421ku] {
            border-color: #c93030;
            box-shadow: 0 0 0 3px rgba(201, 48, 48, 0.10);
        }

.password-field[b-54dbr421ku] {
    position: relative;
    margin-bottom: 15px;
}

    .password-field input[b-54dbr421ku] {
        margin-bottom: 0 !important;
        padding-right: 48px !important;
    }

.password-toggle[b-54dbr421ku] {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 34px;
    height: 32px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #666b70;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}

    .password-toggle:hover[b-54dbr421ku] {
        background: #f0f1f2;
    }

    .password-toggle:focus-visible[b-54dbr421ku] {
        outline: 2px solid rgba(201, 48, 48, 0.45);
        outline-offset: 1px;
    }

.remember-row[b-54dbr421ku] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 18px;
    color: #62686d;
    font-size: 10px;
    cursor: pointer;
}

    .remember-row input[b-54dbr421ku] {
        width: 15px;
        height: 15px;
        accent-color: #c93030;
    }

.login-button[b-54dbr421ku] {
    min-height: 43px;
    border: 1px solid #c93030;
    border-radius: 8px;
    background: #c93030;
    color: #ffffff;
    font-family: inherit;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
}

    .login-button:hover[b-54dbr421ku] {
        background: #a92323;
    }

.login-message[b-54dbr421ku] {
    margin: 18px 25px 0;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 10px;
    line-height: 1.4;
}

    .login-message.error[b-54dbr421ku] {
        border: 1px solid #e2b7b7;
        background: #fff0f0;
        color: #a32929;
    }

    .login-message.success[b-54dbr421ku] {
        border: 1px solid #b9ddc7;
        background: #effaf3;
        color: #287348;
    }

.login-footer[b-54dbr421ku] {
    padding: 12px 25px;
    border-top: 1px solid #e0e2e4;
    background: rgba(250, 250, 250, 0.94);
    color: #858a8f;
    font-size: 9px;
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    .login-slide[b-54dbr421ku] {
        animation: none;
        opacity: 0;
        transform: none;
    }

    .slide-1[b-54dbr421ku] {
        opacity: 1;
    }
}
/* /Components/Pages/Magazzino.razor.rz.scp.css */
.module-page[b-zvybfbfc5d] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    color: #34383c;
}

.page-description[b-zvybfbfc5d] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.toolbar-card[b-zvybfbfc5d] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.search-box[b-zvybfbfc5d] {
    min-width: 260px;
    min-height: 38px;
    display: flex;
    flex: 1 1 480px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box span[b-zvybfbfc5d] {
        color: #7b8085;
        font-size: 17px;
    }

    .search-box input[b-zvybfbfc5d] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-family: inherit;
        font-size: 12px;
    }

    .search-box:focus-within[b-zvybfbfc5d],
    .form-grid input:focus[b-zvybfbfc5d],
    .form-grid select:focus[b-zvybfbfc5d],
    .document-grid input:focus[b-zvybfbfc5d],
    .document-grid select:focus[b-zvybfbfc5d],
    .add-line-panel input:focus[b-zvybfbfc5d],
    .add-line-panel select:focus[b-zvybfbfc5d],
    .price-grid input:focus[b-zvybfbfc5d] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
        outline: 0;
    }

.primary-button[b-zvybfbfc5d],
.search-button[b-zvybfbfc5d],
.secondary-button[b-zvybfbfc5d],
.warning-button[b-zvybfbfc5d],
.danger-button[b-zvybfbfc5d] {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.primary-button[b-zvybfbfc5d] {
    border: 1px solid #c92f2f;
    background: #c92f2f;
    color: #ffffff;
}

    .primary-button:hover:not(:disabled)[b-zvybfbfc5d] {
        background: #ae2828;
    }

.search-button[b-zvybfbfc5d] {
    border: 1px solid #3b3d3f;
    background: #3b3d3f;
    color: #ffffff;
}

    .search-button:hover:not(:disabled)[b-zvybfbfc5d] {
        background: #292b2d;
    }

.secondary-button[b-zvybfbfc5d] {
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #44484c;
}

    .secondary-button:hover:not(:disabled)[b-zvybfbfc5d] {
        background: #f0f2f3;
    }

.warning-button[b-zvybfbfc5d] {
    border: 1px solid #c9901c;
    background: #f4b942;
    color: #29261e;
}

.danger-button[b-zvybfbfc5d] {
    border: 1px solid #b92727;
    background: #b92727;
    color: #ffffff;
}

button:disabled[b-zvybfbfc5d],
input:disabled[b-zvybfbfc5d],
select:disabled[b-zvybfbfc5d] {
    cursor: not-allowed;
    opacity: 0.58;
}

.records-info[b-zvybfbfc5d] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.message-card[b-zvybfbfc5d],
.table-card[b-zvybfbfc5d] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-zvybfbfc5d] {
    flex-shrink: 0;
    padding: 9px 12px;
    font-size: 10px;
}

    .message-card.error[b-zvybfbfc5d],
    .inline-message.error[b-zvybfbfc5d] {
        border-color: #e8b6b6;
        background: #fff4f4;
        color: #a82828;
    }

    .message-card.success[b-zvybfbfc5d],
    .inline-message.success[b-zvybfbfc5d] {
        border-color: #b8dec6;
        background: #f1fbf4;
        color: #21733d;
    }

.table-card[b-zvybfbfc5d] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-zvybfbfc5d] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.data-table[b-zvybfbfc5d] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 11px;
}

    .data-table thead[b-zvybfbfc5d],
    .history-table thead[b-zvybfbfc5d],
    .load-lines-table thead[b-zvybfbfc5d],
    .summary-table-card thead[b-zvybfbfc5d] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-zvybfbfc5d],
    .data-table td[b-zvybfbfc5d] {
        padding: 9px 11px;
        border-bottom: 1px solid #e5e7e9;
        vertical-align: middle;
    }

    .data-table th[b-zvybfbfc5d] {
        color: #45494d;
        font-size: 10px;
        text-align: left;
    }

    .data-table td[b-zvybfbfc5d] {
        height: 46px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .data-table tbody tr[b-zvybfbfc5d] {
        cursor: pointer;
    }

        .data-table tbody tr:hover[b-zvybfbfc5d] {
            background: #faf2f2;
        }

    .data-table th:nth-child(1)[b-zvybfbfc5d],
    .data-table td:nth-child(1)[b-zvybfbfc5d] {
        width: 180px;
    }

    .data-table th:nth-child(3)[b-zvybfbfc5d],
    .data-table td:nth-child(3)[b-zvybfbfc5d] {
        width: 110px;
    }

    .data-table th:nth-child(4)[b-zvybfbfc5d],
    .data-table td:nth-child(4)[b-zvybfbfc5d],
    .data-table th:nth-child(5)[b-zvybfbfc5d],
    .data-table td:nth-child(5)[b-zvybfbfc5d] {
        width: 130px;
    }

.code-cell[b-zvybfbfc5d] {
    font-weight: 700;
}

.description-cell[b-zvybfbfc5d] {
    font-weight: 600;
}

.amount-cell[b-zvybfbfc5d] {
    text-align: right;
}

.empty-row[b-zvybfbfc5d],
.empty-state[b-zvybfbfc5d] {
    color: #747a7f !important;
    text-align: center !important;
}

.empty-row[b-zvybfbfc5d] {
    height: 150px !important;
}

.empty-state[b-zvybfbfc5d] {
    padding: 70px 20px;
    font-size: 11px;
}

.stock-badge[b-zvybfbfc5d] {
    display: inline-flex;
    min-width: 48px;
    min-height: 24px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}

    .stock-badge.available[b-zvybfbfc5d] {
        background: #eaf7ef;
        color: #237443;
    }

    .stock-badge.low[b-zvybfbfc5d] {
        background: #fff3d7;
        color: #8a6111;
    }

    .stock-badge.empty[b-zvybfbfc5d] {
        background: #f1f2f3;
        color: #676d72;
    }

.modal-overlay[b-zvybfbfc5d] {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(23, 26, 29, 0.55);
}

.loading-modal[b-zvybfbfc5d] {
    padding: 20px 26px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.25);
    font-size: 12px;
}

.detail-modal[b-zvybfbfc5d],
.new-item-modal[b-zvybfbfc5d],
.load-modal[b-zvybfbfc5d] {
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd3d6;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.28);
}

.detail-modal[b-zvybfbfc5d] {
    width: min(920px, 96vw);
}

.new-item-modal[b-zvybfbfc5d] {
    width: min(760px, 96vw);
}

.load-modal[b-zvybfbfc5d] {
    width: min(1080px, 97vw);
}

.modal-header[b-zvybfbfc5d] {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 18px 12px;
    border-bottom: 1px solid #dfe2e4;
}

.modal-kicker[b-zvybfbfc5d] {
    color: #b52d2d;
    font-size: 8px;
    font-weight: 800;
    text-transform: uppercase;
}

.modal-header h2[b-zvybfbfc5d] {
    margin: 4px 0 0;
    color: #2f3337;
    font-size: 17px;
}

.close-button[b-zvybfbfc5d] {
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    border: 1px solid #d0d4d7;
    border-radius: 7px;
    background: #ffffff;
    color: #575d62;
    font-size: 20px;
    cursor: pointer;
}

.modal-tabs[b-zvybfbfc5d],
.wizard-tabs[b-zvybfbfc5d] {
    display: flex;
    flex-shrink: 0;
    gap: 0;
    padding: 0 18px;
    border-bottom: 1px solid #dfe2e4;
    background: #fafafa;
}

    .modal-tabs button[b-zvybfbfc5d],
    .wizard-tabs button[b-zvybfbfc5d] {
        min-height: 42px;
        padding: 0 17px;
        border: 0;
        border-bottom: 2px solid transparent;
        background: transparent;
        color: #555b60;
        font-family: inherit;
        font-size: 10px;
        font-weight: 700;
        cursor: pointer;
    }

        .modal-tabs button.active[b-zvybfbfc5d],
        .wizard-tabs button.active[b-zvybfbfc5d] {
            border-bottom-color: #c92f2f;
            color: #c92f2f;
        }

.wizard-tabs[b-zvybfbfc5d] {
    justify-content: center;
}

    .wizard-tabs button[b-zvybfbfc5d] {
        display: inline-flex;
        align-items: center;
        gap: 7px;
    }

        .wizard-tabs button span[b-zvybfbfc5d] {
            width: 20px;
            height: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #e8eaec;
            font-size: 9px;
        }

        .wizard-tabs button.active span[b-zvybfbfc5d] {
            background: #c92f2f;
            color: #ffffff;
        }

.inline-message[b-zvybfbfc5d] {
    margin: 9px 18px 0;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 9px;
}

.modal-body[b-zvybfbfc5d],
.wizard-body[b-zvybfbfc5d] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    padding: 15px 18px;
}

.wizard-body[b-zvybfbfc5d] {
    min-height: 430px;
}

.form-grid[b-zvybfbfc5d],
.document-grid[b-zvybfbfc5d] {
    display: grid;
    gap: 12px;
}

.detail-form[b-zvybfbfc5d],
.document-grid[b-zvybfbfc5d],
.new-item-form[b-zvybfbfc5d] {
    grid-template-columns: 1fr 1fr;
}

    .form-grid label[b-zvybfbfc5d],
    .document-grid label[b-zvybfbfc5d],
    .add-line-panel label[b-zvybfbfc5d],
    .price-grid label[b-zvybfbfc5d],
    .adjustment-grid label[b-zvybfbfc5d] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

        .form-grid label > span[b-zvybfbfc5d],
        .document-grid label > span[b-zvybfbfc5d],
        .add-line-panel label > span[b-zvybfbfc5d],
        .price-grid label > span[b-zvybfbfc5d],
        .adjustment-grid label > span[b-zvybfbfc5d] {
            color: #696f74;
            font-size: 8px;
            font-weight: 700;
            text-transform: uppercase;
        }

    .form-grid input[b-zvybfbfc5d],
    .form-grid select[b-zvybfbfc5d],
    .document-grid input[b-zvybfbfc5d],
    .document-grid select[b-zvybfbfc5d],
    .add-line-panel input[b-zvybfbfc5d],
    .add-line-panel select[b-zvybfbfc5d],
    .price-grid input[b-zvybfbfc5d],
    .adjustment-grid input[b-zvybfbfc5d] {
        min-height: 37px;
        padding: 7px 9px;
        border: 1px solid #cfd3d7;
        border-radius: 7px;
        background: #ffffff;
        color: #34383c;
        font-family: inherit;
        font-size: 11px;
    }

.adjustment-box[b-zvybfbfc5d] {
    margin-top: 15px;
    padding: 12px;
    border: 1px solid #e0d5b7;
    border-radius: 9px;
    background: #fffaf0;
}

.adjustment-title[b-zvybfbfc5d] {
    margin-bottom: 9px;
    color: #6d5523;
    font-size: 10px;
    font-weight: 800;
}

.adjustment-grid[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: 150px 1fr auto auto;
    align-items: end;
    gap: 9px;
}

.adjustment-confirmation[b-zvybfbfc5d] {
    margin-top: 9px;
    color: #775a1e;
    font-size: 9px;
}

.listini-panel[b-zvybfbfc5d] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.purchase-cost-summary[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: 190px 190px 220px;
    align-items: stretch;
    gap: 12px;
}

.cost-field[b-zvybfbfc5d] {
    width: auto;
}

.purchase-cost-card[b-zvybfbfc5d] {
    min-height: 62px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    padding: 9px 11px;
    border: 1px solid #d7dade;
    border-radius: 8px;
    background: #f7f8f9;
}

    .purchase-cost-card span[b-zvybfbfc5d] {
        color: #696f74;
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .purchase-cost-card strong[b-zvybfbfc5d] {
        color: #34383c;
        font-size: 17px;
        font-weight: 700;
    }

    .purchase-cost-card.net[b-zvybfbfc5d] {
        border-color: #d7c8a4;
        background: #fffaf0;
    }

        .purchase-cost-card.net strong[b-zvybfbfc5d] {
            color: #8a641b;
        }

.price-grid[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 12px;
}

    .price-grid small[b-zvybfbfc5d] {
        color: #8a8f93;
        font-size: 8px;
    }

.compact-prices[b-zvybfbfc5d] {
    margin-top: 14px;
}

.history-table-shell[b-zvybfbfc5d],
.load-lines-shell[b-zvybfbfc5d] {
    overflow: auto;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

.history-table[b-zvybfbfc5d],
.load-lines-table[b-zvybfbfc5d],
.summary-table-card table[b-zvybfbfc5d] {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
}

    .history-table th[b-zvybfbfc5d],
    .history-table td[b-zvybfbfc5d],
    .load-lines-table th[b-zvybfbfc5d],
    .load-lines-table td[b-zvybfbfc5d],
    .summary-table-card th[b-zvybfbfc5d],
    .summary-table-card td[b-zvybfbfc5d] {
        padding: 8px 9px;
        border-bottom: 1px solid #e6e8ea;
        text-align: left;
    }

    .history-table th[b-zvybfbfc5d],
    .load-lines-table th[b-zvybfbfc5d],
    .summary-table-card th[b-zvybfbfc5d] {
        color: #4f555a;
        font-size: 8px;
        text-transform: uppercase;
    }

.modal-footer[b-zvybfbfc5d],
.wizard-footer[b-zvybfbfc5d] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 11px 18px;
    border-top: 1px solid #dfe2e4;
    background: #fafafa;
}

.supplier-summary[b-zvybfbfc5d] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 14px;
    padding: 11px 12px;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #f8f9f9;
    font-size: 9px;
}

.add-line-panel[b-zvybfbfc5d] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(230px, 1.5fr) minmax(180px, 1.3fr) 80px 110px 85px 85px 180px auto;
    align-items: end;
    gap: 8px;
    margin-bottom: 12px;
}

.article-search-field[b-zvybfbfc5d] {
    position: relative;
}

.autocomplete-list[b-zvybfbfc5d],
.autocomplete-status[b-zvybfbfc5d] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 20;
    overflow: hidden;
    border: 1px solid #cfd3d7;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
}

    .autocomplete-list button[b-zvybfbfc5d] {
        width: 100%;
        display: grid;
        grid-template-columns: 135px 1fr;
        gap: 2px 10px;
        padding: 8px 10px;
        border: 0;
        border-bottom: 1px solid #eceeef;
        background: #ffffff;
        color: #34383c;
        font-family: inherit;
        font-size: 9px;
        text-align: left;
        cursor: pointer;
    }

        .autocomplete-list button:hover[b-zvybfbfc5d] {
            background: #fff3f3;
        }

        .autocomplete-list button small[b-zvybfbfc5d] {
            grid-column: 2;
            color: #777d82;
        }

.autocomplete-status[b-zvybfbfc5d] {
    padding: 10px;
    color: #777d82;
    font-size: 9px;
}

.add-button[b-zvybfbfc5d] {
    min-width: 88px;
}

.load-lines-shell[b-zvybfbfc5d] {
    min-height: 250px;
    max-height: 310px;
}

.load-lines-table th:nth-child(1)[b-zvybfbfc5d] {
    width: 145px;
}

.load-lines-table th:nth-child(3)[b-zvybfbfc5d] {
    width: 75px;
}

.load-lines-table th:nth-child(4)[b-zvybfbfc5d],
.load-lines-table th:nth-child(5)[b-zvybfbfc5d] {
    width: 110px;
}

.load-lines-table th:nth-child(6)[b-zvybfbfc5d] {
    width: 70px;
}

.load-lines-table th:nth-child(7)[b-zvybfbfc5d] {
    width: 60px;
}

.remove-button[b-zvybfbfc5d] {
    width: 26px;
    height: 24px;
    border: 0;
    border-radius: 5px;
    background: #c92f2f;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
}

.listini-wizard-layout[b-zvybfbfc5d] {
    min-height: 365px;
    display: grid;
    grid-template-columns: 235px 1fr;
    gap: 14px;
}

.line-selector[b-zvybfbfc5d] {
    overflow: auto;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #f7f8f9;
}

    .line-selector button[b-zvybfbfc5d] {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 3px;
        padding: 10px;
        border: 0;
        border-bottom: 1px solid #e0e3e5;
        background: transparent;
        color: #34383c;
        font-family: inherit;
        font-size: 9px;
        text-align: left;
        cursor: pointer;
    }

        .line-selector button.active[b-zvybfbfc5d] {
            background: #fff0f0;
            color: #a92828;
        }

.listini-editor[b-zvybfbfc5d] {
    padding: 13px;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

.selected-line-title[b-zvybfbfc5d] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-bottom: 13px;
    font-size: 10px;
}

.listini-note[b-zvybfbfc5d] {
    margin-top: 13px;
    padding: 9px 10px;
    border-radius: 7px;
    background: #f3f5f6;
    color: #70767b;
    font-size: 9px;
}

.summary-grid[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: 1.5fr repeat(4, 1fr);
    gap: 9px;
}

.summary-card[b-zvybfbfc5d] {
    min-width: 0;
    padding: 11px;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #ffffff;
}

    .summary-card span[b-zvybfbfc5d] {
        display: block;
        color: #777d82;
        font-size: 7px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .summary-card strong[b-zvybfbfc5d] {
        display: block;
        margin-top: 5px;
        overflow: hidden;
        font-size: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .summary-card small[b-zvybfbfc5d] {
        display: block;
        margin-top: 4px;
        color: #777d82;
        font-size: 8px;
    }

.total-card[b-zvybfbfc5d] {
    border-color: #d8a8a8;
    background: #fff5f5;
}

    .total-card strong[b-zvybfbfc5d] {
        color: #b32929;
    }

.minimum-warning[b-zvybfbfc5d] {
    margin-top: 10px;
    padding: 9px 10px;
    border: 1px solid #e5ca88;
    border-radius: 7px;
    background: #fff8e7;
    color: #795b15;
    font-size: 9px;
}

.summary-tables[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 12px;
}

.summary-table-card[b-zvybfbfc5d] {
    overflow: auto;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

    .summary-table-card h3[b-zvybfbfc5d] {
        margin: 0;
        padding: 9px 10px;
        border-bottom: 1px solid #dfe2e4;
        background: #f7f8f9;
        font-size: 10px;
    }

.registered-load[b-zvybfbfc5d] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid #acd9bc;
    border-radius: 8px;
    background: #f0faf3;
    color: #226d3b;
    font-size: 9px;
}

.wizard-total[b-zvybfbfc5d] {
    margin-left: auto;
    margin-right: 8px;
    text-align: right;
}

    .wizard-total span[b-zvybfbfc5d] {
        display: block;
        color: #777d82;
        font-size: 7px;
        text-transform: uppercase;
    }

    .wizard-total strong[b-zvybfbfc5d] {
        display: block;
        margin-top: 2px;
        color: #b42c2c;
        font-size: 15px;
    }

@media (max-width: 1180px) {
    .toolbar-card[b-zvybfbfc5d] {
        flex-wrap: wrap;
    }

    .search-box[b-zvybfbfc5d] {
        flex-basis: 100%;
    }

    .add-line-panel[b-zvybfbfc5d] {
        grid-template-columns: repeat(4, 1fr);
    }

    .article-search-field[b-zvybfbfc5d],
    .description-readonly[b-zvybfbfc5d] {
        grid-column: span 2;
    }
}

@media (max-width: 850px) {
    .detail-form[b-zvybfbfc5d],
    .document-grid[b-zvybfbfc5d],
    .new-item-form[b-zvybfbfc5d],
    .summary-tables[b-zvybfbfc5d],
    .listini-wizard-layout[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

    .price-grid[b-zvybfbfc5d] {
        grid-template-columns: 1fr 1fr;
    }

    .adjustment-grid[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

    .summary-grid[b-zvybfbfc5d] {
        grid-template-columns: 1fr 1fr;
    }
}


@media (max-width: 760px) {
    .purchase-cost-summary[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }
}

/* AGGIORNAMENTO: ubicazione, ricerca fornitore e articoli manuali */

.data-table th:nth-child(1)[b-zvybfbfc5d],
.data-table td:nth-child(1)[b-zvybfbfc5d] {
    width: 155px;
}

.data-table th:nth-child(3)[b-zvybfbfc5d],
.data-table td:nth-child(3)[b-zvybfbfc5d] {
    width: 125px;
}

.data-table th:nth-child(4)[b-zvybfbfc5d],
.data-table td:nth-child(4)[b-zvybfbfc5d] {
    width: 105px;
}

.data-table th:nth-child(5)[b-zvybfbfc5d],
.data-table td:nth-child(5)[b-zvybfbfc5d],
.data-table th:nth-child(6)[b-zvybfbfc5d],
.data-table td:nth-child(6)[b-zvybfbfc5d] {
    width: 125px;
}

.location-cell[b-zvybfbfc5d] {
    color: #5f666c;
    font-weight: 650;
}

.supplier-search-field[b-zvybfbfc5d] {
    position: relative;
    min-width: 0;
}

    .supplier-search-field > label[b-zvybfbfc5d] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 5px;
    }

        .supplier-search-field > label > span[b-zvybfbfc5d] {
            color: #696f74;
            font-size: 8px;
            font-weight: 700;
            text-transform: uppercase;
        }

.autocomplete-control[b-zvybfbfc5d] {
    position: relative;
}

    .autocomplete-control input[b-zvybfbfc5d] {
        width: 100%;
        min-height: 37px;
        padding: 7px 38px 7px 9px;
        border: 1px solid #cfd3d7;
        border-radius: 7px;
        background: #ffffff;
        color: #34383c;
        font-family: inherit;
        font-size: 11px;
    }

.autocomplete-clear-button[b-zvybfbfc5d] {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 27px;
    height: 27px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #7d8388;
    font-size: 18px;
    cursor: pointer;
}

    .autocomplete-clear-button:hover[b-zvybfbfc5d] {
        background: #f0f1f2;
        color: #bd2c2c;
    }

.supplier-list[b-zvybfbfc5d] {
    z-index: 60;
    max-height: 270px;
    overflow-y: auto;
}

    .supplier-list button[b-zvybfbfc5d] {
        grid-template-columns: 1fr auto;
    }

        .supplier-list button span[b-zvybfbfc5d],
        .supplier-list button small[b-zvybfbfc5d] {
            grid-column: 2;
            white-space: nowrap;
        }

.add-line-panel[b-zvybfbfc5d] {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.article-search-field[b-zvybfbfc5d] {
    grid-column: span 3;
}

.description-readonly[b-zvybfbfc5d],
.manual-description-field[b-zvybfbfc5d] {
    grid-column: span 3;
}

.location-readonly[b-zvybfbfc5d],
.manual-location-field[b-zvybfbfc5d] {
    grid-column: span 2;
}

.manual-code-field[b-zvybfbfc5d] {
    grid-column: span 3;
}

.manual-article-button[b-zvybfbfc5d] {
    min-height: 37px;
    grid-column: span 2;
    align-self: end;
}

.new-article-badge[b-zvybfbfc5d] {
    display: inline-flex;
    margin-left: 6px;
    padding: 2px 5px;
    border-radius: 999px;
    background: #fff0d7;
    color: #8a5c00;
    font-size: 7px;
    font-weight: 800;
    vertical-align: middle;
}

.row-location[b-zvybfbfc5d] {
    display: block;
    margin-top: 2px;
    color: #7a8085;
    font-size: 8px;
}

@media (max-width: 1180px) {
    .article-search-field[b-zvybfbfc5d],
    .description-readonly[b-zvybfbfc5d],
    .manual-code-field[b-zvybfbfc5d],
    .manual-description-field[b-zvybfbfc5d] {
        grid-column: span 4;
    }

    .location-readonly[b-zvybfbfc5d],
    .manual-location-field[b-zvybfbfc5d],
    .manual-article-button[b-zvybfbfc5d] {
        grid-column: span 4;
    }
}

@media (max-width: 850px) {
    .add-line-panel[b-zvybfbfc5d] {
        grid-template-columns: 1fr 1fr;
    }

    .article-search-field[b-zvybfbfc5d],
    .description-readonly[b-zvybfbfc5d],
    .location-readonly[b-zvybfbfc5d],
    .manual-code-field[b-zvybfbfc5d],
    .manual-description-field[b-zvybfbfc5d],
    .manual-location-field[b-zvybfbfc5d],
    .manual-article-button[b-zvybfbfc5d] {
        grid-column: 1 / -1;
    }
}

/* Ricerca articolo nel carico: stesso comportamento visivo della Vendita ricambi. */

.autocomplete[b-zvybfbfc5d] {
    position: relative;
}

.autocomplete-menu[b-zvybfbfc5d],
.autocomplete-status[b-zvybfbfc5d] {
    position: absolute;
    top: calc(100% + 3px);
    right: 0;
    left: 0;
    z-index: 100;
    max-height: 260px;
    overflow: auto;
    border: 1px solid #cfd3d6;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
}

.autocomplete-status[b-zvybfbfc5d] {
    padding: 10px;
    color: #777d82;
    font-size: 9px;
}

.autocomplete-menu button[b-zvybfbfc5d] {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #35393d;
    font-family: inherit;
    font-size: 9px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-menu button:hover[b-zvybfbfc5d] {
        background: #f7eeee;
    }

    .autocomplete-menu button:last-child[b-zvybfbfc5d] {
        border-bottom: 0;
    }

.article-menu button[b-zvybfbfc5d] {
    justify-content: space-between;
}

.article-result-main[b-zvybfbfc5d] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .article-result-main strong[b-zvybfbfc5d],
    .article-result-main span[b-zvybfbfc5d] {
        display: block;
    }

    .article-result-main strong[b-zvybfbfc5d] {
        color: #282c30;
    }

    .article-result-main span[b-zvybfbfc5d] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.article-result-stock[b-zvybfbfc5d] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    color: #777d82;
    font-size: 8px;
    white-space: nowrap;
}

    .article-result-stock small[b-zvybfbfc5d] {
        color: #8a8f94;
        font-size: 7px;
    }

/* Anagrafica completa del nuovo articolo creato durante il carico. */

.manual-article-card[b-zvybfbfc5d] {
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #d9dcdf;
    border-radius: 9px;
    background: #f8f9f9;
}

.manual-article-header[b-zvybfbfc5d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 11px;
}

    .manual-article-header > div[b-zvybfbfc5d] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .manual-article-header strong[b-zvybfbfc5d] {
        color: #303438;
        font-size: 11px;
    }

    .manual-article-header span[b-zvybfbfc5d] {
        color: #777d82;
        font-size: 8px;
    }

.manual-article-grid[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: 170px minmax(250px, 1.5fr) 150px minmax(170px, 1fr) minmax(170px, 1fr);
    gap: 9px;
}

    .manual-article-grid label[b-zvybfbfc5d] {
        min-width: 0;
    }

        .manual-article-grid label > span[b-zvybfbfc5d],
        .add-line-panel label > span[b-zvybfbfc5d] {
            display: block;
            margin-bottom: 5px;
            color: #5d6368;
            font-size: 8px;
            font-weight: 700;
            text-transform: uppercase;
        }

    .manual-article-grid input[b-zvybfbfc5d],
    .manual-article-grid select[b-zvybfbfc5d] {
        width: 100%;
        min-height: 38px;
        padding: 0 9px;
        border: 1px solid #cfd3d7;
        border-radius: 7px;
        background: #ffffff;
        color: #34383c;
        font-family: inherit;
        font-size: 10px;
    }

        .manual-article-grid input:focus[b-zvybfbfc5d],
        .manual-article-grid select:focus[b-zvybfbfc5d] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
            outline: 0;
        }


.article-selection-row[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: minmax(300px, 1.8fr) minmax(210px, 1.2fr) 150px auto;
    align-items: end;
    gap: 9px;
    margin-bottom: 10px;
}

.load-values-row[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: 90px 135px 90px 90px minmax(180px, 1fr) auto;
    align-items: end;
    gap: 9px;
    margin-bottom: 12px;
}

    .article-selection-row label[b-zvybfbfc5d],
    .load-values-row label[b-zvybfbfc5d] {
        min-width: 0;
    }

.article-selection-row .article-search-field[b-zvybfbfc5d],
.article-selection-row .description-readonly[b-zvybfbfc5d],
.article-selection-row .location-readonly[b-zvybfbfc5d],
.article-selection-row .manual-article-button[b-zvybfbfc5d] {
    grid-column: auto;
}

.article-selection-row label > span[b-zvybfbfc5d],
.load-values-row label > span[b-zvybfbfc5d] {
    display: block;
    margin-bottom: 5px;
    color: #5d6368;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.article-selection-row input[b-zvybfbfc5d],
.load-values-row input[b-zvybfbfc5d],
.load-values-row select[b-zvybfbfc5d] {
    width: 100%;
    min-height: 38px;
    padding: 0 9px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    color: #34383c;
    font-family: inherit;
    font-size: 10px;
}

    .article-selection-row input:focus[b-zvybfbfc5d],
    .load-values-row input:focus[b-zvybfbfc5d],
    .load-values-row select:focus[b-zvybfbfc5d] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
        outline: 0;
    }

    .article-selection-row input:disabled[b-zvybfbfc5d] {
        background: #f3f4f5;
        color: #63696e;
    }

.article-selection-row .manual-article-button[b-zvybfbfc5d] {
    min-height: 38px;
}

.load-values-row .add-button[b-zvybfbfc5d] {
    min-width: 92px;
}

@media (max-width: 1180px) {
    .article-selection-row[b-zvybfbfc5d] {
        grid-template-columns: minmax(300px, 2fr) minmax(210px, 1.2fr) 150px;
    }

        .article-selection-row .manual-article-button[b-zvybfbfc5d] {
            grid-column: 1 / -1;
            justify-self: start;
        }

    .load-values-row[b-zvybfbfc5d] {
        grid-template-columns: repeat(4, minmax(100px, 1fr));
    }

        .load-values-row .vat-field[b-zvybfbfc5d] {
            grid-column: span 2;
        }
}

.row-location[b-zvybfbfc5d],
.row-classification[b-zvybfbfc5d] {
    display: block;
    margin-top: 2px;
    color: #7a8085;
    font-size: 7px;
}

.selected-line-title small[b-zvybfbfc5d] {
    color: #777d82;
    font-size: 8px;
}

@media (max-width: 1180px) {
    .manual-article-grid[b-zvybfbfc5d] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .manual-description-wide[b-zvybfbfc5d] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .manual-article-header[b-zvybfbfc5d] {
        flex-direction: column;
    }

    .manual-article-grid[b-zvybfbfc5d],
    .article-selection-row[b-zvybfbfc5d],
    .load-values-row[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

    .manual-description-wide[b-zvybfbfc5d] {
        grid-column: auto;
    }
}


/* =========================================================
   CARICO MERCE V3 - STILE B / SCHEDA ANAGRAFICA GESTIONALE
   ========================================================= */

.ts-article-sheet[b-zvybfbfc5d] {
    margin-bottom: 12px;
    overflow: visible;
    border: 1px solid #cfd3d7;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.ts-sheet-titlebar[b-zvybfbfc5d] {
    min-height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 9px 12px;
    border-bottom: 1px solid #d8dbde;
    background: linear-gradient(180deg, #fbfbfb 0%, #f4f5f6 100%);
}

.ts-sheet-heading[b-zvybfbfc5d] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    column-gap: 8px;
    row-gap: 2px;
}

.ts-sheet-kicker[b-zvybfbfc5d] {
    grid-column: 1 / -1;
    color: #b52d2d;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.ts-sheet-heading strong[b-zvybfbfc5d] {
    color: #272b2f;
    font-size: 13px;
}

.ts-sheet-heading small[b-zvybfbfc5d] {
    overflow: hidden;
    color: #73797e;
    font-size: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-mode-button[b-zvybfbfc5d] {
    min-height: 34px;
    padding: 0 12px;
    flex-shrink: 0;
    font-size: 9px;
}

.ts-sheet-body[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(380px, 0.85fr);
    gap: 10px;
    padding: 10px;
}

.ts-sheet-panel[b-zvybfbfc5d] {
    min-width: 0;
    padding: 0 10px 10px;
    border: 1px solid #d9dcdf;
    border-radius: 7px;
    background: #fafafa;
}

.ts-panel-title[b-zvybfbfc5d] {
    min-height: 35px;
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0 -10px 10px;
    padding: 10px 10px 8px;
    border-bottom: 1px solid #dde0e2;
    border-left: 3px solid #c92f2f;
    background: #f3f4f5;
}

    .ts-panel-title span[b-zvybfbfc5d] {
        color: #303438;
        font-size: 9px;
        font-weight: 800;
        text-transform: uppercase;
    }

    .ts-panel-title small[b-zvybfbfc5d] {
        color: #82878c;
        font-size: 7px;
    }

.ts-form-grid[b-zvybfbfc5d] {
    display: grid;
    gap: 8px;
}

.ts-master-grid[b-zvybfbfc5d] {
    grid-template-columns: minmax(150px, 0.7fr) minmax(260px, 1.3fr);
}

.ts-description-field[b-zvybfbfc5d] {
    grid-column: 2;
}

.ts-master-grid label[b-zvybfbfc5d],
.ts-stock-grid label[b-zvybfbfc5d],
.ts-existing-article label[b-zvybfbfc5d] {
    min-width: 0;
}

    .ts-master-grid label > span[b-zvybfbfc5d],
    .ts-stock-grid label > span[b-zvybfbfc5d],
    .ts-existing-article label > span[b-zvybfbfc5d] {
        display: block;
        margin: 0 0 4px 1px;
        color: #555b60;
        font-size: 7px;
        font-weight: 800;
        text-transform: uppercase;
    }

.ts-master-grid input[b-zvybfbfc5d],
.ts-master-grid select[b-zvybfbfc5d],
.ts-stock-grid input[b-zvybfbfc5d],
.ts-stock-grid select[b-zvybfbfc5d],
.ts-existing-article input[b-zvybfbfc5d] {
    width: 100%;
    min-height: 35px;
    padding: 0 9px;
    border: 1px solid #c8cdd1;
    border-radius: 5px;
    background: #ffffff;
    color: #303438;
    font-family: inherit;
    font-size: 9px;
    outline: 0;
}

    .ts-master-grid input:focus[b-zvybfbfc5d],
    .ts-master-grid select:focus[b-zvybfbfc5d],
    .ts-stock-grid input:focus[b-zvybfbfc5d],
    .ts-stock-grid select:focus[b-zvybfbfc5d],
    .ts-existing-article input:focus[b-zvybfbfc5d] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 2px rgba(201, 47, 47, 0.09);
    }

    .ts-stock-grid input:disabled[b-zvybfbfc5d] {
        background: #eceeef;
        color: #656b70;
    }

.ts-existing-article[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) minmax(230px, 0.9fr);
    gap: 9px;
    align-items: stretch;
}

    .ts-existing-article .article-search-field[b-zvybfbfc5d] {
        min-width: 0;
    }

    .ts-existing-article .article-menu[b-zvybfbfc5d] {
        min-width: 100%;
    }

.ts-selected-card[b-zvybfbfc5d] {
    min-height: 93px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 9px 11px;
    border: 1px solid #d4d8db;
    border-radius: 6px;
    background: #ffffff;
}

    .ts-selected-card.empty[b-zvybfbfc5d] {
        border-style: dashed;
        background: #f8f9f9;
    }

.ts-selected-empty[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: 24px 1fr;
    align-items: center;
    column-gap: 8px;
    row-gap: 2px;
    color: #7a8085;
}

    .ts-selected-empty > span[b-zvybfbfc5d] {
        grid-row: span 2;
        font-size: 19px;
        text-align: center;
    }

    .ts-selected-empty strong[b-zvybfbfc5d] {
        color: #596066;
        font-size: 9px;
    }

    .ts-selected-empty small[b-zvybfbfc5d] {
        font-size: 7px;
    }

.ts-selected-code[b-zvybfbfc5d] {
    color: #b52d2d;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.ts-selected-description[b-zvybfbfc5d] {
    margin-top: 3px;
    overflow: hidden;
    color: #292d31;
    font-size: 10px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ts-selected-meta[b-zvybfbfc5d] {
    display: flex;
    gap: 18px;
    margin-top: 8px;
    color: #7a8085;
    font-size: 7px;
}

    .ts-selected-meta span[b-zvybfbfc5d] {
        display: flex;
        flex-direction: column;
        gap: 1px;
    }

    .ts-selected-meta strong[b-zvybfbfc5d] {
        color: #40464b;
        font-size: 8px;
    }

.ts-stock-grid[b-zvybfbfc5d] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ts-location-field[b-zvybfbfc5d],
.ts-price-field[b-zvybfbfc5d],
.ts-vat-field[b-zvybfbfc5d] {
    grid-column: span 2;
}

.ts-stock-footer[b-zvybfbfc5d] {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 9px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #dde0e2;
}

.ts-net-preview[b-zvybfbfc5d] {
    min-width: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6px 9px;
    border: 1px solid #d6dadd;
    border-radius: 6px;
    background: #ffffff;
}

    .ts-net-preview span[b-zvybfbfc5d] {
        color: #777d82;
        font-size: 7px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .ts-net-preview strong[b-zvybfbfc5d] {
        margin-top: 2px;
        color: #282c30;
        font-size: 12px;
    }

.ts-add-button[b-zvybfbfc5d] {
    min-width: 142px;
    min-height: 39px;
}

.ts-lines-shell[b-zvybfbfc5d] {
    overflow: hidden;
}

.ts-lines-heading[b-zvybfbfc5d] {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 7px 10px;
    border: 1px solid #d9dcdf;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    background: #f3f4f5;
}

    .ts-lines-heading > div[b-zvybfbfc5d] {
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .ts-lines-heading strong[b-zvybfbfc5d] {
        color: #34383c;
        font-size: 9px;
    }

    .ts-lines-heading span[b-zvybfbfc5d] {
        color: #7d8287;
        font-size: 7px;
    }

.ts-lines-total[b-zvybfbfc5d] {
    color: #c92f2f !important;
    font-size: 11px !important;
}

.ts-lines-shell .load-lines-table[b-zvybfbfc5d] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media (max-width: 1080px) {
    .ts-sheet-body[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

    .ts-existing-article[b-zvybfbfc5d] {
        grid-template-columns: minmax(250px, 1fr) minmax(220px, 0.8fr);
    }

    .ts-stock-grid[b-zvybfbfc5d] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ts-location-field[b-zvybfbfc5d],
    .ts-price-field[b-zvybfbfc5d],
    .ts-vat-field[b-zvybfbfc5d] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .ts-sheet-titlebar[b-zvybfbfc5d],
    .ts-stock-footer[b-zvybfbfc5d] {
        align-items: stretch;
        flex-direction: column;
    }

    .ts-mode-button[b-zvybfbfc5d],
    .ts-add-button[b-zvybfbfc5d] {
        width: 100%;
    }

    .ts-sheet-body[b-zvybfbfc5d],
    .ts-master-grid[b-zvybfbfc5d],
    .ts-existing-article[b-zvybfbfc5d],
    .ts-stock-grid[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

    .ts-description-field[b-zvybfbfc5d],
    .ts-location-field[b-zvybfbfc5d],
    .ts-price-field[b-zvybfbfc5d],
    .ts-vat-field[b-zvybfbfc5d] {
        grid-column: auto;
    }

    .ts-sheet-heading[b-zvybfbfc5d] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .ts-sheet-heading small[b-zvybfbfc5d] {
            white-space: normal;
        }
}


/* =========================================================
   CARICO MERCE V4
   - caratteri più leggibili
   - ubicazione insieme a categoria e sottocategoria
   - ricerca articolo larga con descrizione completa
   ========================================================= */

.load-modal[b-zvybfbfc5d] {
    width: min(1160px, 98vw);
}

    .load-modal .modal-kicker[b-zvybfbfc5d] {
        font-size: 9px;
    }

    .load-modal .modal-header h2[b-zvybfbfc5d] {
        font-size: 18px;
    }

    .load-modal .wizard-tabs button[b-zvybfbfc5d] {
        font-size: 11px;
    }

        .load-modal .wizard-tabs button span[b-zvybfbfc5d] {
            font-size: 10px;
        }

.ts-sheet-titlebar[b-zvybfbfc5d] {
    min-height: 62px;
    padding: 11px 14px;
}

.ts-sheet-kicker[b-zvybfbfc5d] {
    font-size: 9px;
}

.ts-sheet-heading strong[b-zvybfbfc5d] {
    font-size: 15px;
}

.ts-sheet-heading small[b-zvybfbfc5d] {
    font-size: 10px;
}

.ts-mode-button[b-zvybfbfc5d] {
    min-height: 38px;
    padding: 0 14px;
    font-size: 11px;
}

.ts-sheet-body[b-zvybfbfc5d] {
    grid-template-columns: minmax(0, 1.38fr) minmax(350px, 0.62fr);
    gap: 12px;
    padding: 12px;
}

.ts-sheet-panel[b-zvybfbfc5d] {
    padding: 0 12px 12px;
}

.ts-panel-title[b-zvybfbfc5d] {
    min-height: 42px;
    gap: 9px;
    margin: 0 -12px 12px;
    padding: 11px 12px 9px;
}

    .ts-panel-title span[b-zvybfbfc5d] {
        font-size: 11px;
    }

    .ts-panel-title small[b-zvybfbfc5d] {
        font-size: 9px;
    }

.ts-master-grid[b-zvybfbfc5d] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

    .ts-master-grid .ts-span-2[b-zvybfbfc5d] {
        grid-column: span 2;
    }

    .ts-master-grid .ts-span-4[b-zvybfbfc5d] {
        grid-column: span 4;
    }

.ts-description-field[b-zvybfbfc5d] {
    grid-column: span 4;
}

.ts-master-grid label > span[b-zvybfbfc5d],
.ts-stock-grid label > span[b-zvybfbfc5d],
.ts-existing-article label > span[b-zvybfbfc5d] {
    margin-bottom: 6px;
    font-size: 9px;
}

.ts-master-grid input[b-zvybfbfc5d],
.ts-master-grid select[b-zvybfbfc5d],
.ts-stock-grid input[b-zvybfbfc5d],
.ts-stock-grid select[b-zvybfbfc5d],
.ts-existing-article input[b-zvybfbfc5d] {
    min-height: 40px;
    padding: 0 11px;
    font-size: 11px;
}

.ts-existing-article[b-zvybfbfc5d] {
    display: block;
}

    .ts-existing-article .article-search-field[b-zvybfbfc5d] {
        width: 100%;
    }

        .ts-existing-article .article-search-field input[b-zvybfbfc5d] {
            width: 100%;
            min-height: 42px;
            font-size: 12px;
        }

    .ts-existing-article .article-menu[b-zvybfbfc5d] {
        width: min(760px, calc(100vw - 170px));
        min-width: 100%;
        max-width: none;
        max-height: 330px;
    }

    .ts-existing-article .autocomplete-menu button[b-zvybfbfc5d] {
        min-height: 54px;
        padding: 9px 11px;
        font-size: 11px;
    }

    .ts-existing-article .article-result-main[b-zvybfbfc5d] {
        flex: 1 1 auto;
        gap: 3px;
    }

        .ts-existing-article .article-result-main strong[b-zvybfbfc5d] {
            font-size: 11px;
        }

        .ts-existing-article .article-result-main span[b-zvybfbfc5d] {
            overflow: visible;
            font-size: 11px;
            line-height: 1.25;
            text-overflow: clip;
            white-space: normal;
        }

    .ts-existing-article .article-result-stock[b-zvybfbfc5d] {
        min-width: 92px;
        font-size: 10px;
    }

        .ts-existing-article .article-result-stock small[b-zvybfbfc5d] {
            font-size: 9px;
        }

.ts-selected-card[b-zvybfbfc5d] {
    min-height: 82px;
    margin-top: 10px;
    padding: 11px 13px;
}

.ts-selected-empty strong[b-zvybfbfc5d] {
    font-size: 11px;
}

.ts-selected-empty small[b-zvybfbfc5d] {
    font-size: 9px;
}

.ts-selected-code[b-zvybfbfc5d] {
    font-size: 10px;
}

.ts-selected-description[b-zvybfbfc5d] {
    font-size: 12px;
}

.ts-selected-meta[b-zvybfbfc5d] {
    font-size: 9px;
}

    .ts-selected-meta strong[b-zvybfbfc5d] {
        font-size: 10px;
    }

.ts-stock-grid[b-zvybfbfc5d] {
    gap: 10px;
}

.ts-price-field[b-zvybfbfc5d],
.ts-vat-field[b-zvybfbfc5d] {
    grid-column: span 2;
}

.ts-net-preview[b-zvybfbfc5d] {
    min-width: 150px;
    padding: 8px 10px;
}

    .ts-net-preview span[b-zvybfbfc5d] {
        font-size: 9px;
    }

    .ts-net-preview strong[b-zvybfbfc5d] {
        font-size: 14px;
    }

.ts-add-button[b-zvybfbfc5d] {
    min-width: 155px;
    min-height: 43px;
    font-size: 11px;
}

.ts-lines-heading[b-zvybfbfc5d] {
    min-height: 43px;
    padding: 8px 11px;
}

    .ts-lines-heading strong[b-zvybfbfc5d] {
        font-size: 11px;
    }

    .ts-lines-heading span[b-zvybfbfc5d] {
        font-size: 9px;
    }

.ts-lines-total[b-zvybfbfc5d] {
    font-size: 13px !important;
}

.load-modal .load-lines-table[b-zvybfbfc5d] {
    font-size: 11px;
}

    .load-modal .load-lines-table th[b-zvybfbfc5d] {
        font-size: 10px;
    }

    .load-modal .load-lines-table td[b-zvybfbfc5d] {
        font-size: 11px;
    }

.load-modal .modal-footer[b-zvybfbfc5d],
.load-modal .wizard-footer[b-zvybfbfc5d] {
    font-size: 11px;
}

@media (max-width: 1080px) {
    .ts-sheet-body[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

    .ts-master-grid[b-zvybfbfc5d] {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .ts-stock-grid[b-zvybfbfc5d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ts-price-field[b-zvybfbfc5d],
    .ts-vat-field[b-zvybfbfc5d] {
        grid-column: span 2;
    }
}

@media (max-width: 760px) {
    .ts-master-grid[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

        .ts-master-grid .ts-span-2[b-zvybfbfc5d],
        .ts-master-grid .ts-span-4[b-zvybfbfc5d],
        .ts-description-field[b-zvybfbfc5d] {
            grid-column: auto;
        }

    .ts-existing-article .article-menu[b-zvybfbfc5d] {
        width: 100%;
        min-width: 100%;
    }
}

.discount-grid[b-zvybfbfc5d] { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:16px; }
.discount-grid label[b-zvybfbfc5d] { display:flex; flex-direction:column; gap:6px; font-weight:700; }
.discount-grid input[b-zvybfbfc5d] { min-height:42px; padding:8px 10px; border:1px solid #d8dde5; border-radius:8px; }
.alternative-editor[b-zvybfbfc5d] { margin-top:18px; padding-top:16px; border-top:1px solid #e6e9ee; position:relative; }
.alternative-editor > strong[b-zvybfbfc5d] { display:block; font-size:16px; margin-bottom:3px; }
.alternative-help[b-zvybfbfc5d] { display:block; color:#68707c; margin-bottom:10px; }
.alternative-editor .autocomplete[b-zvybfbfc5d] { position:relative; }
.alternative-editor .autocomplete input[b-zvybfbfc5d] { width:100%; min-height:42px; padding:8px 10px; border:1px solid #d8dde5; border-radius:8px; }
.alternative-editor .autocomplete-menu[b-zvybfbfc5d] { position:absolute; z-index:30; left:0; right:0; top:calc(100% + 4px); background:white; border:1px solid #d8dde5; box-shadow:0 10px 25px rgba(0,0,0,.12); border-radius:8px; overflow:hidden; }
.alternative-editor .autocomplete-menu button[b-zvybfbfc5d] { width:100%; display:flex; gap:12px; text-align:left; padding:10px 12px; border:0; border-bottom:1px solid #eef0f3; background:white; }
.alternative-chips[b-zvybfbfc5d] { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.alternative-chips > span[b-zvybfbfc5d] { display:inline-flex; align-items:center; gap:6px; background:#f1f3f6; border-radius:999px; padding:6px 9px; font-weight:700; }
.alternative-chips button[b-zvybfbfc5d] { border:0; background:transparent; font-size:18px; cursor:pointer; }
@media (max-width:900px){.discount-grid[b-zvybfbfc5d]{grid-template-columns:1fr;}}


/* Listini: tipografia uniforme e sconto accanto al relativo listino */
.listini-editor .selected-line-title[b-zvybfbfc5d] { font-size: 12px; }
.listini-editor .selected-line-title strong[b-zvybfbfc5d] { font-size: 13px; }
.listini-editor .price-grid label > span[b-zvybfbfc5d],
.listini-editor .discount-grid label > span[b-zvybfbfc5d] {
    color:#555d64; font-size:11px; font-weight:700; text-transform:uppercase;
}
.listini-editor .price-grid input[b-zvybfbfc5d],
.listini-editor .discount-grid input[b-zvybfbfc5d] { font-size:13px; min-height:40px; }
.listini-commerciali .listino-box[b-zvybfbfc5d] { min-width:0; }
.listini-commerciali .listino-box .sconto-listino[b-zvybfbfc5d] { margin-top:7px; }
.listini-commerciali .sconto-listino > span[b-zvybfbfc5d] { font-size:10px !important; }
.acquisto-discount-grid[b-zvybfbfc5d] { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:50%; }
.listini-editor .alternative-editor > strong[b-zvybfbfc5d] { font-size:14px; }
.listini-editor .alternative-help[b-zvybfbfc5d] { font-size:12px; }
.listini-editor .alternative-editor .autocomplete input[b-zvybfbfc5d] { font-size:13px; }
@media (max-width:900px){ .acquisto-discount-grid[b-zvybfbfc5d]{max-width:none;grid-template-columns:1fr;} }


/* Dettaglio articolo più leggibile */
.detail-modal[b-zvybfbfc5d] {
    width: min(1120px, 96vw) !important;
}
.detail-modal .modal-body[b-zvybfbfc5d],
.detail-modal input[b-zvybfbfc5d],
.detail-modal select[b-zvybfbfc5d],
.detail-modal button[b-zvybfbfc5d] {
    font-size: 13.5px !important;
}
.detail-modal label > span[b-zvybfbfc5d],
.detail-modal .purchase-cost-card span[b-zvybfbfc5d] {
    font-size: 11.5px !important;
}
.price-discount-grid[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.price-discount-grid label[b-zvybfbfc5d] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.price-discount-grid input[b-zvybfbfc5d] {
    min-height: 40px;
}
.price-discount-grid .discount-field input[b-zvybfbfc5d] {
    font-weight: 700;
}
@media (max-width: 1000px) {
    .price-discount-grid[b-zvybfbfc5d] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}


/* Listini articolo - disposizione ordinata */
.listini-panel[b-zvybfbfc5d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.purchase-cost-summary[b-zvybfbfc5d] {
    display: flex;
    align-items: flex-end;
}

.purchase-cost-summary .cost-field[b-zvybfbfc5d] {
    width: 230px;
}

.listini-section[b-zvybfbfc5d] {
    border-top: 1px solid #e2e5e9;
    padding-top: 12px;
}

.listini-section-title[b-zvybfbfc5d] {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 800;
    color: #5e6876;
    text-transform: uppercase;
    letter-spacing: .02em;
}

.listini-pairs-grid[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.listino-pair-card[b-zvybfbfc5d],
.listino-8-card[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 150px;
    gap: 10px;
    align-items: end;
    padding: 10px;
    border: 1px solid #dde1e6;
    border-radius: 8px;
    background: #fafbfc;
}

.listino-pair-card label[b-zvybfbfc5d],
.listino-8-card label[b-zvybfbfc5d],
.other-listini-grid > label[b-zvybfbfc5d] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.listino-pair-card input[b-zvybfbfc5d],
.listino-8-card input[b-zvybfbfc5d],
.other-listini-grid input[b-zvybfbfc5d] {
    width: 100%;
    min-height: 39px;
}

.discount-field input[b-zvybfbfc5d] {
    font-weight: 750;
}

.other-listini-grid[b-zvybfbfc5d] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
}

.listino-8-card[b-zvybfbfc5d] {
    grid-column: span 1;
    grid-template-columns: minmax(0, 1fr) 115px;
}

@media (max-width: 1050px) {
    .listini-pairs-grid[b-zvybfbfc5d] {
        grid-template-columns: 1fr;
    }

    .other-listini-grid[b-zvybfbfc5d] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .listino-8-card[b-zvybfbfc5d] {
        grid-column: span 2;
    }
}
/* /Components/Pages/MovimentiMagazzino.razor.rz.scp.css */
.module-page[b-6g2e6ucn46] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    color: #34383c;
}

.page-description[b-6g2e6ucn46] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.toolbar-card[b-6g2e6ucn46] {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.filter-field[b-6g2e6ucn46] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .filter-field > span[b-6g2e6ucn46] {
        color: #60666b;
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
    }

.movement-filter[b-6g2e6ucn46] {
    width: 185px;
    flex-shrink: 0;
}

.search-field[b-6g2e6ucn46] {
    min-width: 250px;
    flex: 1 1 380px;
}

.date-field[b-6g2e6ucn46] {
    width: 145px;
    flex-shrink: 0;
}

.filter-field select[b-6g2e6ucn46],
.filter-field > input[b-6g2e6ucn46] {
    width: 100%;
    min-height: 38px;
    padding: 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #ffffff;
    color: #2d3135;
    font-family: inherit;
    font-size: 11px;
}

.search-box[b-6g2e6ucn46] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box > span[b-6g2e6ucn46] {
        flex-shrink: 0;
        color: #7b8085;
        font-size: 17px;
    }

    .search-box input[b-6g2e6ucn46] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-family: inherit;
        font-size: 11px;
    }

    .search-box:focus-within[b-6g2e6ucn46],
    .filter-field select:focus[b-6g2e6ucn46],
    .filter-field > input:focus[b-6g2e6ucn46] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
    }

.search-button[b-6g2e6ucn46],
.secondary-button[b-6g2e6ucn46] {
    min-height: 38px;
    padding: 0 15px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

.search-button[b-6g2e6ucn46] {
    border: 1px solid #3b3d3f;
    background: #3b3d3f;
    color: #ffffff;
}

    .search-button:hover:not(:disabled)[b-6g2e6ucn46] {
        background: #292b2d;
    }

.secondary-button[b-6g2e6ucn46] {
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #44484c;
}

    .secondary-button:hover:not(:disabled)[b-6g2e6ucn46] {
        background: #f0f2f3;
    }

button:disabled[b-6g2e6ucn46],
input:disabled[b-6g2e6ucn46],
select:disabled[b-6g2e6ucn46] {
    cursor: not-allowed;
    opacity: 0.58;
}

.records-info[b-6g2e6ucn46] {
    flex-shrink: 0;
    margin-left: auto;
    padding-bottom: 12px;
    color: #60656a;
    font-size: 10px;
    white-space: nowrap;
}

.message-card[b-6g2e6ucn46],
.table-card[b-6g2e6ucn46] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-6g2e6ucn46] {
    flex-shrink: 0;
    padding: 9px 12px;
    font-size: 10px;
}

    .message-card.error[b-6g2e6ucn46] {
        border-color: #e8b6b6;
        background: #fff4f4;
        color: #a82828;
    }

.table-card[b-6g2e6ucn46] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-6g2e6ucn46] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.data-table[b-6g2e6ucn46] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
}

    .data-table thead[b-6g2e6ucn46] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-6g2e6ucn46],
    .data-table td[b-6g2e6ucn46] {
        padding: 9px 10px;
        border-bottom: 1px solid #e5e7e9;
        vertical-align: middle;
    }

    .data-table th[b-6g2e6ucn46] {
        color: #45494d;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
    }

    .data-table td[b-6g2e6ucn46] {
        height: 46px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .data-table tbody tr[b-6g2e6ucn46] {
        cursor: pointer;
    }

        .data-table tbody tr:hover[b-6g2e6ucn46] {
            background: #faf2f2;
        }

    .data-table th:nth-child(1)[b-6g2e6ucn46],
    .data-table td:nth-child(1)[b-6g2e6ucn46] {
        width: 15%;
    }

    .data-table th:nth-child(2)[b-6g2e6ucn46],
    .data-table td:nth-child(2)[b-6g2e6ucn46] {
        width: 22%;
    }

    .data-table th:nth-child(3)[b-6g2e6ucn46],
    .data-table td:nth-child(3)[b-6g2e6ucn46] {
        width: 9%;
    }

    .data-table th:nth-child(4)[b-6g2e6ucn46],
    .data-table td:nth-child(4)[b-6g2e6ucn46] {
        width: 8%;
    }

    /*
    La causale prima occupava 250 px.
    Ora è più stretta e lascia entrare l'intera tabella.
*/
    .data-table th:nth-child(5)[b-6g2e6ucn46],
    .data-table td:nth-child(5)[b-6g2e6ucn46] {
        width: 17%;
    }

    .data-table th:nth-child(6)[b-6g2e6ucn46],
    .data-table td:nth-child(6)[b-6g2e6ucn46],
    .data-table th:nth-child(7)[b-6g2e6ucn46],
    .data-table td:nth-child(7)[b-6g2e6ucn46],
    .data-table th:nth-child(8)[b-6g2e6ucn46],
    .data-table td:nth-child(8)[b-6g2e6ucn46] {
        width: 6%;
    }

    .data-table th:nth-child(9)[b-6g2e6ucn46],
    .data-table td:nth-child(9)[b-6g2e6ucn46] {
        width: 11%;
    }

.code-cell[b-6g2e6ucn46] {
    font-weight: 700;
}

.description-cell[b-6g2e6ucn46] {
    font-weight: 600;
}

.quantity-cell[b-6g2e6ucn46],
.amount-cell[b-6g2e6ucn46] {
    text-align: right;
}

    .quantity-cell.load[b-6g2e6ucn46] {
        color: #26713f;
        font-weight: 700;
    }

    .quantity-cell.unload[b-6g2e6ucn46] {
        color: #a92e2e;
        font-weight: 700;
    }

.cause-text[b-6g2e6ucn46] {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    color: #454b50;
    font-size: 9.5px;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.movement-badge[b-6g2e6ucn46] {
    display: inline-flex;
    min-height: 21px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.1px;
    white-space: nowrap;
}

    .movement-badge.load[b-6g2e6ucn46] {
        background: #e5f5ea;
        color: #26713f;
    }

    .movement-badge.unload[b-6g2e6ucn46] {
        background: #f9e8e8;
        color: #a52c2c;
    }

    .movement-badge.delivery[b-6g2e6ucn46] {
        background: #edf0f3;
        color: #51585e;
    }

    .movement-badge.invoice[b-6g2e6ucn46] {
        background: #e7f0fc;
        color: #2868aa;
    }

    .movement-badge.adjustment[b-6g2e6ucn46] {
        background: #fff1d3;
        color: #8a641b;
    }

    .movement-badge.neutral[b-6g2e6ucn46] {
        background: #eef0f2;
        color: #5a6065;
    }

.empty-state[b-6g2e6ucn46] {
    padding: 70px 20px;
    color: #747a7f;
    font-size: 11px;
    text-align: center;
}

.empty-row[b-6g2e6ucn46] {
    height: 170px !important;
    color: #747a7f;
    font-weight: 400;
    text-align: center;
}

/* Dettaglio */

.modal-overlay[b-6g2e6ucn46] {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(23, 26, 29, 0.52);
}

.detail-modal[b-6g2e6ucn46] {
    width: min(820px, 96vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd3d6;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.26);
}

.modal-header[b-6g2e6ucn46] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 18px 13px;
    border-bottom: 1px solid #dfe2e4;
}

    .modal-header h2[b-6g2e6ucn46] {
        margin: 8px 0 0;
        color: #2f3337;
        font-size: 16px;
    }

.close-button[b-6g2e6ucn46] {
    width: 33px;
    height: 33px;
    flex-shrink: 0;
    border: 1px solid #d0d4d7;
    border-radius: 7px;
    background: #ffffff;
    color: #575d62;
    font-family: inherit;
    font-size: 20px;
    cursor: pointer;
}

    .close-button:hover[b-6g2e6ucn46] {
        background: #f1f2f3;
    }

.detail-grid[b-6g2e6ucn46] {
    display: grid;
    grid-template-columns: 1.5fr 0.7fr 0.7fr;
    gap: 9px;
    padding: 14px 18px;
    background: #f7f8f9;
}

.detail-field[b-6g2e6ucn46] {
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid #d9dcdf;
    border-radius: 7px;
    background: #ffffff;
}

    .detail-field.wide[b-6g2e6ucn46] {
        grid-column: span 3;
    }

    .detail-field span[b-6g2e6ucn46],
    .summary-card span[b-6g2e6ucn46] {
        display: block;
        color: #747a7f;
        font-size: 7px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .detail-field strong[b-6g2e6ucn46] {
        display: block;
        margin-top: 5px;
        overflow: hidden;
        color: #303438;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.quantity-summary[b-6g2e6ucn46] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 9px;
    padding: 16px 18px;
}

.summary-card[b-6g2e6ucn46] {
    padding: 11px;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #ffffff;
}

    .summary-card strong[b-6g2e6ucn46] {
        display: block;
        margin-top: 6px;
        color: #34383c;
        font-size: 17px;
    }

    .summary-card.load[b-6g2e6ucn46] {
        border-color: #bcdcc7;
        background: #f2faf4;
    }

        .summary-card.load strong[b-6g2e6ucn46] {
            color: #26713f;
        }

    .summary-card.unload[b-6g2e6ucn46] {
        border-color: #e5c4c4;
        background: #fff5f5;
    }

        .summary-card.unload strong[b-6g2e6ucn46] {
            color: #a52c2c;
        }

    .summary-card.price[b-6g2e6ucn46] {
        border-color: #cbd7e5;
        background: #f5f8fc;
    }

        .summary-card.price strong[b-6g2e6ucn46] {
            color: #2868aa;
        }

.modal-footer[b-6g2e6ucn46] {
    display: flex;
    justify-content: flex-end;
    padding: 11px 18px;
    border-top: 1px solid #dfe2e4;
    background: #fafafa;
}

@media (max-width: 1050px) {
    .toolbar-card[b-6g2e6ucn46] {
        flex-wrap: wrap;
    }

    .search-field[b-6g2e6ucn46] {
        flex-basis: 420px;
    }

    .records-info[b-6g2e6ucn46] {
        padding-bottom: 0;
    }
}

@media (max-width: 700px) {
    .movement-filter[b-6g2e6ucn46],
    .date-field[b-6g2e6ucn46] {
        width: 100%;
    }

    .search-field[b-6g2e6ucn46] {
        flex-basis: 100%;
    }

    .detail-grid[b-6g2e6ucn46],
    .quantity-summary[b-6g2e6ucn46] {
        grid-template-columns: 1fr 1fr;
    }

    .detail-field.wide[b-6g2e6ucn46] {
        grid-column: span 2;
    }
}


.detail-field.subject-field[b-6g2e6ucn46] {
    grid-column: span 3;
}

.subject-code[b-6g2e6ucn46] {
    display: block;
    margin-top: 5px;
    color: #747a7f;
    font-size: 8px;
    font-weight: 600;
}

@media (max-width: 700px) {
    .detail-field.subject-field[b-6g2e6ucn46] {
        grid-column: span 2;
    }
}
/* /Components/Pages/MovimentoDiverso.razor.rz.scp.css */
.module-page[b-t52p33xn25] {
    min-height: 100%;
    padding: 14px 18px 22px;
    color: #2f3337;
}

.page-heading[b-t52p33xn25] {
    margin-bottom: 10px;
}

    .page-heading.with-actions[b-t52p33xn25] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

    .page-heading h1[b-t52p33xn25] {
        margin: 0;
        color: #2a2d30;
        font-size: 16px;
        line-height: 1.25;
    }

    .page-heading p[b-t52p33xn25] {
        margin: 3px 0 0;
        color: #72777c;
        font-size: 10px;
    }

.back-button[b-t52p33xn25],
.add-button[b-t52p33xn25],
.save-button[b-t52p33xn25] {
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.back-button[b-t52p33xn25] {
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #3d4246;
}

    .back-button:hover[b-t52p33xn25],
    .add-button:hover[b-t52p33xn25] {
        background: #f3f4f5;
    }

.content-card[b-t52p33xn25] {
    overflow: visible;
    border: 1px solid #d9dcdf;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.header-grid[b-t52p33xn25] {
    display: grid;
    grid-template-columns: 155px 190px minmax(320px, 1fr);
    gap: 9px;
    padding: 13px 14px 11px;
}

.field label[b-t52p33xn25] {
    display: block;
    margin-bottom: 5px;
    color: #555b60;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.field input[b-t52p33xn25],
.manual-table input[b-t52p33xn25] {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #ffffff;
    color: #33383c;
    font-family: inherit;
    font-size: 10px;
}

.field input[b-t52p33xn25] {
    min-height: 39px;
    padding: 8px 11px;
}

    .field input:focus[b-t52p33xn25],
    .manual-table input:focus[b-t52p33xn25] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
    }

.error-message[b-t52p33xn25],
.success-message[b-t52p33xn25] {
    margin: 0 14px 10px;
    padding: 9px 11px;
    border-radius: 7px;
    font-size: 10px;
    line-height: 1.4;
}

.error-message[b-t52p33xn25] {
    border: 1px solid #e8b7b7;
    background: #fff2f2;
    color: #a72b2b;
}

.success-message[b-t52p33xn25] {
    border: 1px solid #b9d9c4;
    background: #f0faf3;
    color: #2d6b42;
}

.table-toolbar[b-t52p33xn25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 14px;
    padding: 9px 0 7px;
    border-top: 1px solid #e2e4e6;
}

    .table-toolbar strong[b-t52p33xn25],
    .table-toolbar span[b-t52p33xn25] {
        display: block;
    }

    .table-toolbar strong[b-t52p33xn25] {
        color: #32373b;
        font-size: 11px;
    }

    .table-toolbar span[b-t52p33xn25] {
        margin-top: 2px;
        color: #7a8085;
        font-size: 9px;
    }

.add-button[b-t52p33xn25] {
    min-height: 32px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #454a4e;
}

.table-shell[b-t52p33xn25] {
    margin: 0 14px;
    overflow: visible;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

.table-wrapper[b-t52p33xn25] {
    overflow: visible;
}

.manual-table[b-t52p33xn25] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
}

    .manual-table thead[b-t52p33xn25] {
        background: #f0f1f2;
    }

    .manual-table th[b-t52p33xn25] {
        padding: 9px;
        border-right: 1px solid #dde0e2;
        border-bottom: 1px solid #cfd3d7;
        color: #454a4e;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .manual-table td[b-t52p33xn25] {
        padding: 8px 9px;
        border-right: 1px solid #eceeef;
        border-bottom: 1px solid #eceeef;
        color: #34383c;
        vertical-align: middle;
    }

        .manual-table th:last-child[b-t52p33xn25],
        .manual-table td:last-child[b-t52p33xn25] {
            border-right: 0;
        }

    .manual-table tbody tr:hover[b-t52p33xn25] {
        background: #fafafa;
    }

    .manual-table input[b-t52p33xn25] {
        min-height: 32px;
        padding: 6px 8px;
    }

        .manual-table input[readonly][b-t52p33xn25] {
            background: #f5f6f7;
            color: #60666b;
        }

.row-number-column[b-t52p33xn25],
.row-number-cell[b-t52p33xn25] {
    width: 42px;
    text-align: center !important;
}

.account-column[b-t52p33xn25] {
    width: 360px;
}

.account-autocomplete[b-t52p33xn25] {
    position: relative;
}

.account-menu[b-t52p33xn25] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 40;
    width: 620px;
    max-width: min(620px, calc(100vw - 120px));
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);
}

.account-item[b-t52p33xn25] {
    display: grid;
    grid-template-columns: minmax(180px, 230px) 1fr;
    gap: 10px;
    width: 100%;
    min-height: 36px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #31363a;
    font-family: inherit;
    font-size: 9px;
    text-align: left;
    cursor: pointer;
}

    .account-item:last-child[b-t52p33xn25] {
        border-bottom: 0;
    }

    .account-item:hover[b-t52p33xn25] {
        background: #f5f6f7;
    }

    .account-item strong[b-t52p33xn25] {
        overflow: hidden;
        color: #bd2929;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .account-item span[b-t52p33xn25] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.account-state[b-t52p33xn25] {
    padding: 13px;
    color: #73797e;
    font-size: 10px;
    text-align: center;
}

.amount-column[b-t52p33xn25],
.amount-cell[b-t52p33xn25] {
    width: 130px;
    text-align: right !important;
}

    .amount-cell input[b-t52p33xn25] {
        text-align: right;
    }

.dare-cell input[b-t52p33xn25] {
    color: #a62828;
}

.avere-cell input[b-t52p33xn25] {
    color: #28673d;
}

.remove-column[b-t52p33xn25],
.remove-cell[b-t52p33xn25] {
    width: 46px;
    text-align: center !important;
}

    .remove-cell button[b-t52p33xn25] {
        width: 27px;
        height: 27px;
        padding: 0;
        border: 1px solid #d8dcdf;
        border-radius: 6px;
        background: #ffffff;
        color: #b72e2e;
        font-size: 16px;
        cursor: pointer;
    }

        .remove-cell button:hover:not(:disabled)[b-t52p33xn25] {
            border-color: #cf9696;
            background: #fff4f4;
        }

        .remove-cell button:disabled[b-t52p33xn25] {
            cursor: not-allowed;
            opacity: 0.35;
        }

.manual-table tfoot td[b-t52p33xn25] {
    padding: 10px 9px;
    border-bottom: 0;
    background: #f7f8f8;
    font-weight: 700;
}

.amount-total[b-t52p33xn25] {
    text-align: right;
    white-space: nowrap;
}

.dare-total[b-t52p33xn25] {
    color: #a62828;
}

.avere-total[b-t52p33xn25] {
    color: #28673d;
}

.balance-row[b-t52p33xn25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 10px 14px 0;
    padding: 10px 12px;
    border: 1px solid #dfe2e4;
    border-radius: 8px;
}

    .balance-row div[b-t52p33xn25] {
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .balance-row span[b-t52p33xn25],
    .balance-row small[b-t52p33xn25] {
        color: #767c81;
        font-size: 9px;
    }

    .balance-row strong[b-t52p33xn25] {
        font-size: 15px;
    }

    .balance-row.balanced[b-t52p33xn25] {
        border-left: 3px solid #34784b;
        background: #f6fbf7;
    }

        .balance-row.balanced strong[b-t52p33xn25],
        .balance-row.balanced small[b-t52p33xn25] {
            color: #28673d;
        }

    .balance-row.unbalanced[b-t52p33xn25] {
        border-left: 3px solid #cb2f2f;
        background: #fff8f8;
    }

        .balance-row.unbalanced strong[b-t52p33xn25],
        .balance-row.unbalanced small[b-t52p33xn25] {
            color: #a62828;
        }

.save-bar[b-t52p33xn25] {
    display: flex;
    justify-content: flex-end;
    padding: 10px 14px 13px;
}

.save-button[b-t52p33xn25] {
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #bd2929;
    background: #c92f2f;
    color: #ffffff;
}

    .save-button:hover:not(:disabled)[b-t52p33xn25] {
        background: #ae2525;
    }

    .save-button:disabled[b-t52p33xn25] {
        cursor: not-allowed;
        opacity: 0.55;
    }

@media (max-width: 900px) {
    .header-grid[b-t52p33xn25] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notes-field[b-t52p33xn25] {
        grid-column: 1 / -1;
    }

    .table-wrapper[b-t52p33xn25] {
        overflow-x: auto;
    }
}

@media (max-width: 700px) {
    .page-heading.with-actions[b-t52p33xn25],
    .table-toolbar[b-t52p33xn25],
    .balance-row[b-t52p33xn25] {
        align-items: stretch;
        flex-direction: column;
    }

    .header-grid[b-t52p33xn25] {
        grid-template-columns: 1fr;
    }

    .notes-field[b-t52p33xn25] {
        grid-column: auto;
    }
}

.module-page.modal-mode[b-t52p33xn25] {
    min-height: 0;
    padding: 0;
}

.module-page.modal-mode .content-card[b-t52p33xn25] {
    border: 0;
    box-shadow: none;
}
/* /Components/Pages/OrdiniAcquisto.razor.rz.scp.css */
.module-page[b-t2bek4iiah] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-description[b-t2bek4iiah] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.toolbar-card[b-t2bek4iiah],
.table-card[b-t2bek4iiah],
.message-card[b-t2bek4iiah],
.universal-search-card[b-t2bek4iiah] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}


.universal-search-card[b-t2bek4iiah] {
    position: relative;
    z-index: 20;
    flex-shrink: 0;
    padding: 7px 9px 6px;
}

.universal-search-row[b-t2bek4iiah] {
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.search-icon[b-t2bek4iiah] {
    width: 22px;
    flex: 0 0 22px;
    color: #73797e;
    font-size: 18px;
    line-height: 1;
    text-align: center;
}

.universal-search-input[b-t2bek4iiah] {
    min-width: 0;
    flex: 1 1 auto;
    height: 31px;
    padding: 4px 9px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: 0;
    background: #ffffff;
    color: #33383c;
    font-size: 11.5px;
}

.universal-search-input:focus[b-t2bek4iiah] {
    border-color: #8e959b;
    box-shadow: 0 0 0 2px rgba(100, 105, 110, 0.08);
}

.search-loading[b-t2bek4iiah] {
    color: #73797e;
    font-size: 9.5px;
    white-space: nowrap;
}

.search-clear[b-t2bek4iiah] {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: #f0f1f2;
    color: #676d72;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}

.search-clear:hover[b-t2bek4iiah] {
    background: #e5e7e9;
    color: #32373b;
}

.search-sources[b-t2bek4iiah] {
    min-height: 20px;
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 1px 0 0 29px;
    overflow: hidden;
    color: #858b90;
    font-size: 8.5px;
    white-space: nowrap;
}

.source-pill[b-t2bek4iiah] {
    display: inline-flex;
    align-items: center;
    min-height: 17px;
    padding: 0 6px;
    border-radius: 8px;
    font-size: 8px;
    font-weight: 700;
}

.source-pill.connected[b-t2bek4iiah] {
    background: #edf5ef;
    color: #3d7250;
}

.source-pill.future[b-t2bek4iiah] {
    background: #f0f1f2;
    color: #92989d;
}

.search-results-panel[b-t2bek4iiah] {
    position: absolute;
    top: calc(100% + 4px);
    right: 9px;
    left: 9px;
    z-index: 80;
    overflow: hidden;
    border: 1px solid #cfd3d7;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(25, 32, 38, .16);
}

.search-results-head[b-t2bek4iiah] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 9px;
    border-bottom: 1px solid #e0e3e5;
    background: #f7f8f9;
    color: #596066;
    font-size: 9.5px;
}

.search-results-head button[b-t2bek4iiah] {
    padding: 3px 7px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #6b7278;
    font-size: 9px;
    cursor: pointer;
}

.search-results-head button:hover[b-t2bek4iiah] {
    background: #e9ebed;
}

.search-results-scroll[b-t2bek4iiah] {
    max-height: 315px;
    overflow: auto;
}

.search-result-row[b-t2bek4iiah] {
    min-height: 42px;
    display: grid;
    grid-template-columns: 74px minmax(250px, 1fr) 110px 105px 112px;
    align-items: center;
    gap: 8px;
    padding: 5px 9px;
    border-bottom: 1px solid #eceeef;
}

.search-result-row:hover[b-t2bek4iiah] {
    background: #fafbfb;
}

.search-result-row.not-orderable[b-t2bek4iiah] {
    opacity: .78;
}

.result-source[b-t2bek4iiah] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 7px;
    border-radius: 11px;
    font-size: 8.5px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.result-source.warehouse[b-t2bek4iiah] {
    background: #edf1f4;
    color: #52616c;
}

.result-source.sdf[b-t2bek4iiah] {
    background: #fff0ee;
    color: #c43c32;
}

.result-main[b-t2bek4iiah] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.result-main strong[b-t2bek4iiah] {
    flex: 0 0 auto;
    color: #2f3438;
    font-size: 10.5px;
}

.result-main span[b-t2bek4iiah] {
    min-width: 0;
    overflow: hidden;
    color: #6e7479;
    font-size: 9.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-stock[b-t2bek4iiah],
.result-price[b-t2bek4iiah] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.result-stock strong[b-t2bek4iiah],
.result-price strong[b-t2bek4iiah] {
    overflow: hidden;
    color: #3f454a;
    font-size: 9.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-stock span[b-t2bek4iiah],
.result-price span[b-t2bek4iiah] {
    color: #92979b;
    font-size: 7.5px;
}

.result-action[b-t2bek4iiah] {
    display: flex;
    justify-content: flex-end;
}

.add-result-button[b-t2bek4iiah] {
    min-height: 27px;
    padding: 0 9px;
    border: 0;
    border-radius: 6px;
    background: #c92f2f;
    color: #ffffff;
    font-size: 9px;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
}

.add-result-button:hover[b-t2bek4iiah] {
    background: #af2929;
}

.result-state[b-t2bek4iiah] {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 0 7px;
    border-radius: 10px;
    background: #f0f1f2;
    color: #777f85;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

.result-state.warehouse[b-t2bek4iiah] {
    background: #eef4ef;
    color: #487055;
}

.search-empty[b-t2bek4iiah] {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    color: #757c81;
    font-size: 10px;
    text-align: center;
}

.search-empty.error[b-t2bek4iiah] {
    color: #a83232;
}

.search-results-foot[b-t2bek4iiah] {
    padding: 6px 9px;
    border-top: 1px solid #e0e3e5;
    background: #fafafa;
    color: #8a9095;
    font-size: 8px;
}

.toolbar-card[b-t2bek4iiah] {
    min-height: 44px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 7px 9px;
}

.message-card[b-t2bek4iiah] {
    flex-shrink: 0;
    padding: 9px 12px;
    color: #555b60;
    font-size: 11px;
}

.message-card.success[b-t2bek4iiah] {
    border-color: #bddfc7;
    background: #f1faf4;
    color: #2b6c3f;
}

.message-card.error[b-t2bek4iiah] {
    border-color: #e8b6b6;
    background: #fff4f4;
    color: #a82828;
}

.supplier-tabs[b-t2bek4iiah] {
    min-width: 0;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.supplier-tab[b-t2bek4iiah] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #555b60;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.supplier-tab:hover[b-t2bek4iiah] {
    background: #f1f2f3;
    color: #34383c;
}

.supplier-tab.active[b-t2bek4iiah] {
    border-color: #cfd3d7;
    background: #3b3d3f;
    color: #ffffff;
}

.tab-count[b-t2bek4iiah] {
    min-width: 17px;
    height: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 9px;
    background: #d93b32;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
}

.secondary-button[b-t2bek4iiah],
.primary-button[b-t2bek4iiah],
.proceed-button[b-t2bek4iiah],
.cancel-button[b-t2bek4iiah],
.confirm-button[b-t2bek4iiah] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 7px;
    font-size: 10.5px;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.secondary-button[b-t2bek4iiah] {
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
}

.secondary-button:hover[b-t2bek4iiah] {
    background: #e9ebed;
}

.primary-button[b-t2bek4iiah],
.proceed-button[b-t2bek4iiah],
.confirm-button[b-t2bek4iiah] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

.primary-button:hover[b-t2bek4iiah],
.proceed-button:hover[b-t2bek4iiah],
.confirm-button:hover[b-t2bek4iiah] {
    background: #af2929;
}

button:disabled[b-t2bek4iiah],
.proceed-button.disabled[b-t2bek4iiah] {
    opacity: 0.55;
    cursor: not-allowed;
}

.table-card[b-t2bek4iiah] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
}

.orders-toolbar[b-t2bek4iiah] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 12px;
    padding: 7px 10px;
    border-bottom: 1px solid #d7dade;
    background: #ffffff;
}

.selected-supplier[b-t2bek4iiah] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 9px;
    white-space: nowrap;
}

.selected-supplier strong[b-t2bek4iiah] {
    color: #303438;
    font-size: 13px;
}

.selected-supplier span[b-t2bek4iiah],
.portal-status[b-t2bek4iiah],
.draft-info[b-t2bek4iiah] {
    color: #747a80;
    font-size: 10px;
}

.orders-actions[b-t2bek4iiah] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.portal-link[b-t2bek4iiah] {
    color: #44484c;
}

.table-wrapper[b-t2bek4iiah] {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
    background: #ffffff;
}

.data-table[b-t2bek4iiah] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 11px;
}

.data-table thead[b-t2bek4iiah] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: #f0f1f2;
}

.data-table th[b-t2bek4iiah] {
    height: 34px;
    padding: 7px 9px;
    border-bottom: 1px solid #cfd3d7;
    color: #45494d;
    font-size: 9.5px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.data-table td[b-t2bek4iiah] {
    height: 34px;
    padding: 5px 8px;
    overflow: hidden;
    border-bottom: 1px solid #eceeef;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.code-col[b-t2bek4iiah] {
    width: 145px;
}

.qty-col[b-t2bek4iiah] {
    width: 64px;
    text-align: center !important;
}

.customer-col[b-t2bek4iiah] {
    width: 165px;
}

.phone-col[b-t2bek4iiah] {
    width: 130px;
}

.arrival-col[b-t2bek4iiah] {
    width: 76px;
    text-align: center !important;
}

.transfer-col[b-t2bek4iiah] {
    width: 104px;
    text-align: center !important;
}

.action-col[b-t2bek4iiah] {
    width: 34px;
    text-align: center !important;
}

.code-cell[b-t2bek4iiah] {
    color: #282c30;
    font-weight: 750;
}

.saved-row:nth-of-type(even)[b-t2bek4iiah],
.manual-row:nth-of-type(even)[b-t2bek4iiah] {
    background: #fafafa;
}

.arrived-row[b-t2bek4iiah] {
    background: #f2faf4 !important;
}

.order-group-row td[b-t2bek4iiah],
.manual-group-row td[b-t2bek4iiah] {
    height: auto;
    padding: 7px 9px;
    overflow: visible;
    border-top: 1px solid #d7dade;
    border-bottom: 1px solid #d7dade;
    background: #f7f8f9;
    white-space: normal;
}

.order-group-row:first-child td[b-t2bek4iiah] {
    border-top: 0;
}

.order-group-content[b-t2bek4iiah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.order-group-info[b-t2bek4iiah] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    gap: 10px;
}

.order-group-info strong[b-t2bek4iiah],
.manual-group-row strong[b-t2bek4iiah] {
    color: #34383c;
    font-size: 10.5px;
}

.order-group-info span[b-t2bek4iiah],
.manual-group-row span[b-t2bek4iiah] {
    color: #747a80;
    font-size: 9.5px;
}

.order-group-actions[b-t2bek4iiah] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.order-status[b-t2bek4iiah] {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 0 7px;
    border-radius: 11px;
    font-size: 8.5px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.order-status.draft[b-t2bek4iiah] {
    background: #fff0ee;
    color: #c93c30;
}

.order-status.cart[b-t2bek4iiah] {
    background: #eaf4ed;
    color: #39734a;
}

.order-status.ordered[b-t2bek4iiah] {
    background: #edf1f5;
    color: #50606d;
}

.proceed-button[b-t2bek4iiah] {
    min-height: 28px;
    padding: 0 10px;
    font-size: 9.5px;
}

.data-table input[b-t2bek4iiah] {
    width: 100%;
    height: 27px;
    box-sizing: border-box;
    padding: 3px 6px;
    border: 1px solid #d3d7db;
    border-radius: 5px;
    outline: 0;
    background: #ffffff;
    color: #33383c;
    font-size: 10.5px;
}

.data-table input:focus[b-t2bek4iiah] {
    border-color: #8e959b;
    box-shadow: 0 0 0 2px rgba(100, 105, 110, 0.08);
}

.qty-input[b-t2bek4iiah] {
    text-align: center;
}

.manual-group-row td[b-t2bek4iiah] {
    background: #f2f3f4;
}

.manual-group-row div[b-t2bek4iiah] {
    display: flex;
    align-items: baseline;
    gap: 9px;
}

.manual-row td[b-t2bek4iiah] {
    background: #fcfcfc;
}

.manual-row-error td[b-t2bek4iiah] {
    background: #fff7f7 !important;
}

.manual-error-detail td[b-t2bek4iiah] {
    height: auto;
    padding: 4px 9px 6px;
    background: #fff7f7;
    color: #aa2f2f;
    font-size: 9.5px;
}

.manual-muted[b-t2bek4iiah] {
    color: #a5aaae;
}

.delete-line[b-t2bek4iiah] {
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #979da2;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.delete-line:hover[b-t2bek4iiah] {
    background: #f7e9e9;
    color: #bd3030;
}

.arrival-check[b-t2bek4iiah] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.arrival-check input[b-t2bek4iiah] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.arrival-box[b-t2bek4iiah] {
    width: 19px;
    height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7ccd0;
    border-radius: 4px;
    background: #ffffff;
    color: transparent;
    font-size: 11px;
    font-weight: 800;
}

.arrival-check input:checked + .arrival-box[b-t2bek4iiah] {
    border-color: #4b865c;
    background: #4b865c;
    color: #ffffff;
}

.arrival-date[b-t2bek4iiah] {
    display: block;
    margin-top: 1px;
    color: #6a746d;
    font-size: 8px;
}

.line-transferred[b-t2bek4iiah],
.line-pending[b-t2bek4iiah],
.line-not-connected[b-t2bek4iiah] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 6px;
    border-radius: 10px;
    font-size: 8.5px;
    font-weight: 700;
}

.line-transferred[b-t2bek4iiah] {
    background: #e9f5ed;
    color: #357047;
}

.line-pending[b-t2bek4iiah] {
    background: #fff1ef;
    color: #c43e34;
}

.line-not-connected[b-t2bek4iiah] {
    background: #eff2f4;
    color: #7b8790;
}

.empty-row[b-t2bek4iiah] {
    height: 80px !important;
    color: #73797e;
    text-align: center;
}

.orders-footer[b-t2bek4iiah] {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 10px;
    padding: 6px 10px;
    border-top: 1px solid #d7dade;
    background: #f7f8f9;
}

.records-info[b-t2bek4iiah] {
    color: #60656a;
    font-size: 10px;
    white-space: nowrap;
}

.confirm-backdrop[b-t2bek4iiah] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(25, 32, 38, .46);
}

.confirm-modal[b-t2bek4iiah] {
    width: min(430px, 100%);
    padding: 22px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .22);
}

.confirm-icon[b-t2bek4iiah] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #eef1f3;
    color: #27333d;
    font-size: 20px;
}

.confirm-modal h2[b-t2bek4iiah] {
    margin: 0 0 7px;
    font-size: 20px;
}

.confirm-modal p[b-t2bek4iiah] {
    margin: 0;
    color: #6d7983;
    font-size: 13px;
    line-height: 1.45;
}

.confirm-summary[b-t2bek4iiah] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 7px;
    margin: 15px 0;
    padding: 11px;
    border-radius: 8px;
    background: #f5f7f8;
    font-size: 12px;
}

.confirm-warning[b-t2bek4iiah] {
    padding: 10px;
    border-radius: 8px;
    background: #fff5e8;
    color: #8b631f;
    font-size: 11px;
    line-height: 1.4;
}

.confirm-actions[b-t2bek4iiah] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 17px;
}

.cancel-button[b-t2bek4iiah] {
    border: 0;
    background: #eef1f3;
    color: #58656f;
}


@media (max-width: 1250px) {
    .search-result-row[b-t2bek4iiah] {
        grid-template-columns: 70px minmax(220px, 1fr) 92px 90px 96px;
    }
}

@media (max-width: 1000px) {
    .search-sources .future[b-t2bek4iiah] {
        display: none;
    }

    .search-result-row[b-t2bek4iiah] {
        grid-template-columns: 64px minmax(190px, 1fr) 84px 92px;
    }

    .result-price[b-t2bek4iiah] {
        display: none;
    }

    .toolbar-card[b-t2bek4iiah] {
        align-items: flex-start;
    }

    .orders-toolbar[b-t2bek4iiah] {
        align-items: flex-start;
        flex-direction: column;
    }

    .orders-actions[b-t2bek4iiah] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/OrdiniFornitori.razor.rz.scp.css */
.orders-page[b-vigzq5np4b] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    color: #2b2f33;
}

.page-description[b-vigzq5np4b] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.section-tabs-card[b-vigzq5np4b],
.portal-toolbar[b-vigzq5np4b],
.toolbar-card[b-vigzq5np4b],
.portal-card[b-vigzq5np4b],
.pdf-card[b-vigzq5np4b],
.message-card[b-vigzq5np4b] {
    border: 1px solid #d7dade;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
}

.section-tabs-card[b-vigzq5np4b] {
    display: flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 0 12px;
    border-radius: 10px;
}

.section-tab[b-vigzq5np4b] {
    min-height: 42px;
    padding: 0 14px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #62676c;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.section-tab:hover[b-vigzq5np4b],
.section-tab.active[b-vigzq5np4b] {
    color: #c92f2f;
}

.section-tab.active[b-vigzq5np4b] {
    border-bottom-color: #c92f2f;
}

.portal-toolbar[b-vigzq5np4b] {
    min-height: 54px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    border-radius: 10px;
}

.portal-toolbar > div[b-vigzq5np4b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.portal-toolbar strong[b-vigzq5np4b] {
    color: #303438;
    font-size: 12px;
}

.portal-toolbar span:not(.records-info)[b-vigzq5np4b] {
    color: #777d83;
    font-size: 10px;
}

.records-info[b-vigzq5np4b] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.portal-area[b-vigzq5np4b],
.pdf-area[b-vigzq5np4b] {
    min-width: 0;
    min-height: 0;
    flex: 1;
    overflow: auto;
    padding: 1px;
}

.portal-grid[b-vigzq5np4b],
.pdf-grid[b-vigzq5np4b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.portal-card[b-vigzq5np4b],
.pdf-card[b-vigzq5np4b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 12px;
    border-radius: 9px;
}

.portal-card[b-vigzq5np4b] {
    min-height: 158px;
}

.portal-card-top[b-vigzq5np4b],
.pdf-card-top[b-vigzq5np4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.portal-logo[b-vigzq5np4b] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #f2f3f4;
    color: #b52727;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .03em;
}

.portal-type[b-vigzq5np4b],
.pdf-year[b-vigzq5np4b] {
    min-height: 21px;
    display: inline-flex;
    align-items: center;
    padding: 0 7px;
    border-radius: 999px;
    background: #f0f1f2;
    color: #676d72;
    font-size: 8.5px;
    font-weight: 800;
}

.portal-card-content[b-vigzq5np4b] {
    min-height: 61px;
    padding: 9px 0 8px;
}

.portal-card h2[b-vigzq5np4b],
.pdf-card h2[b-vigzq5np4b] {
    margin: 0;
    color: #282c30;
    font-size: 13px;
    line-height: 1.2;
}

.portal-card p[b-vigzq5np4b] {
    margin: 4px 0 0;
    color: #777d83;
    font-size: 10px;
    line-height: 1.35;
}

.portal-open[b-vigzq5np4b],
.pdf-open[b-vigzq5np4b] {
    min-height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #ffffff;
    color: #3b4045;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

.portal-open[b-vigzq5np4b] {
    margin-top: auto;
}

.portal-open:hover[b-vigzq5np4b],
.pdf-open:hover[b-vigzq5np4b] {
    border-color: #c92f2f;
    background: #fffafa;
    color: #b22424;
}

.toolbar-card[b-vigzq5np4b] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
}

.search-box[b-vigzq5np4b] {
    min-width: 250px;
    min-height: 38px;
    display: flex;
    flex: 1 1 480px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

.search-box span[b-vigzq5np4b] {
    flex-shrink: 0;
    color: #7b8085;
    font-size: 17px;
}

.search-box input[b-vigzq5np4b] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #24272a;
    font-size: 12px;
}

.primary-button[b-vigzq5np4b],
.secondary-button[b-vigzq5np4b],
.danger-button[b-vigzq5np4b] {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.primary-button[b-vigzq5np4b] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

.primary-button:hover[b-vigzq5np4b] {
    background: #af2929;
}

.secondary-button[b-vigzq5np4b] {
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
}

.secondary-button:hover[b-vigzq5np4b] {
    background: #e9ebed;
}

.danger-button[b-vigzq5np4b] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

.danger-button:hover[b-vigzq5np4b] {
    background: #aa2525;
}

button:disabled[b-vigzq5np4b] {
    opacity: .55;
    cursor: not-allowed;
}

.message-card[b-vigzq5np4b] {
    flex-shrink: 0;
    padding: 10px 12px;
    border-radius: 8px;
    color: #555b60;
    font-size: 11px;
}

.message-card.error[b-vigzq5np4b] {
    border-color: #e8b6b6;
    background: #fff4f4;
    color: #a82828;
}

/* LISTINI / BROCHURE PDF */

.pdf-card[b-vigzq5np4b] {
    min-height: 186px;
}

.pdf-icon[b-vigzq5np4b],
.selected-file-icon[b-vigzq5np4b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff0f0;
    color: #c52929;
    font-weight: 850;
    letter-spacing: .03em;
}

.pdf-icon[b-vigzq5np4b] {
    width: 44px;
    height: 44px;
    border: 1px solid #e7caca;
    border-radius: 8px;
    font-size: 11px;
}

.pdf-card-content[b-vigzq5np4b] {
    min-width: 0;
    flex: 1;
    padding: 10px 0 9px;
}

.pdf-card h2[b-vigzq5np4b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdf-supplier[b-vigzq5np4b] {
    margin-top: 5px;
    color: #b32626;
    font-size: 10px;
    font-weight: 700;
}

.pdf-file-name[b-vigzq5np4b] {
    margin-top: 8px;
    overflow: hidden;
    color: #777d83;
    font-size: 9.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdf-meta[b-vigzq5np4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 7px;
    color: #8a8f94;
    font-size: 9px;
}

.pdf-actions[b-vigzq5np4b] {
    display: grid;
    grid-template-columns: 1fr 34px;
    gap: 7px;
}

.pdf-delete[b-vigzq5np4b] {
    width: 34px;
    height: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #e4cccc;
    border-radius: 6px;
    background: #fffafa;
    color: #c52b2b;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}

.pdf-delete:hover[b-vigzq5np4b] {
    background: #fdeaea;
}

.empty-pdf-card[b-vigzq5np4b] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 30px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    color: #777d83;
    font-size: 10px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
}

.empty-pdf-card strong[b-vigzq5np4b] {
    color: #303438;
    font-size: 12px;
}

.empty-pdf-icon[b-vigzq5np4b] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    border: 1px solid #e3c6c6;
    border-radius: 9px;
    background: #fff0f0;
    color: #c62929;
    font-size: 11px;
    font-weight: 850;
}

/* MODAL CARICAMENTO PDF */

.modal-backdrop[b-vigzq5np4b] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(20, 22, 24, .58);
    backdrop-filter: blur(2px);
}

.upload-modal[b-vigzq5np4b] {
    width: min(760px, calc(100vw - 36px));
    max-height: calc(100vh - 36px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d4d7da;
    border-radius: 11px;
    background: #f3f4f5;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .26);
}

.modal-header[b-vigzq5np4b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 15px;
    padding: 12px 15px 10px;
    border-bottom: 1px solid #dde0e3;
    background: #ffffff;
}

.modal-header h2[b-vigzq5np4b] {
    margin: 2px 0 0;
    color: #282c30;
    font-size: 20px;
}

.eyebrow[b-vigzq5np4b] {
    display: block;
    color: #b22323;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}

.modal-close[b-vigzq5np4b] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border: 0;
    border-radius: 7px;
    background: #eef0f2;
    color: #50565c;
    font-size: 19px;
    cursor: pointer;
}

.modal-close:hover[b-vigzq5np4b] {
    background: #e3e5e7;
}

.modal-content[b-vigzq5np4b] {
    min-height: 0;
    flex: 1;
    padding: 10px 12px;
    overflow: auto;
}

.compact-section[b-vigzq5np4b] {
    padding: 12px;
    border: 1px solid #dadddf;
    border-radius: 9px;
    background: #ffffff;
}

.section-title[b-vigzq5np4b] {
    color: #292d31;
    font-size: 15px;
    font-weight: 700;
}

.section-subtitle[b-vigzq5np4b] {
    margin-top: 3px;
    color: #858a8f;
    font-size: 10.5px;
}

.upload-grid[b-vigzq5np4b] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.form-field[b-vigzq5np4b] {
    min-width: 0;
}

.form-field.span-4[b-vigzq5np4b] {
    grid-column: span 4;
}

.form-field.span-8[b-vigzq5np4b] {
    grid-column: span 8;
}

.form-field.span-12[b-vigzq5np4b] {
    grid-column: 1 / -1;
}

.form-field label:not(.file-picker)[b-vigzq5np4b] {
    display: block;
    margin: 0 0 5px 1px;
    color: #686e74;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.form-field input[b-vigzq5np4b] {
    width: 100%;
    min-height: 39px;
    padding: 7px 10px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: 0;
    background: #ffffff;
    color: #292d31;
    font-family: inherit;
    font-size: 12px;
}

.form-field input:focus[b-vigzq5np4b] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 3px rgba(201, 47, 47, .08);
}

.file-picker[b-vigzq5np4b] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #bfc5cb;
    border-radius: 7px;
    background: #f8f9fa;
    color: #3f454b;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.file-picker:hover[b-vigzq5np4b] {
    border-color: #c92f2f;
    background: #fffafa;
    color: #b32626;
}

.file-picker[b-vigzq5np4b]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.selected-file[b-vigzq5np4b] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 8px;
    padding: 8px 9px;
    border: 1px solid #e0e2e4;
    border-radius: 7px;
    background: #fafafa;
}

.selected-file-icon[b-vigzq5np4b] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 7px;
    font-size: 9px;
}

.selected-file > div:last-child[b-vigzq5np4b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.selected-file strong[b-vigzq5np4b] {
    overflow: hidden;
    color: #303438;
    font-size: 10.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-file span[b-vigzq5np4b] {
    color: #80868c;
    font-size: 9px;
}

.form-error[b-vigzq5np4b] {
    margin-top: 10px;
    padding: 9px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10px;
}

.modal-footer[b-vigzq5np4b] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #dde0e3;
    background: #ffffff;
}

.upload-note[b-vigzq5np4b] {
    margin-right: auto;
    color: #80868c;
    font-size: 9px;
}

/* CONFERMA ELIMINAZIONE */

.delete-modal[b-vigzq5np4b] {
    width: min(430px, calc(100vw - 36px));
    padding: 18px;
    border: 1px solid #d4d7da;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .26);
}

.delete-modal h3[b-vigzq5np4b] {
    margin: 0;
    color: #2d3135;
    font-size: 16px;
}

.delete-modal p[b-vigzq5np4b] {
    margin: 8px 0 0;
    color: #656b71;
    font-size: 11px;
    line-height: 1.5;
}

.delete-actions[b-vigzq5np4b] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

@media (max-width: 1050px) {
    .portal-grid[b-vigzq5np4b],
    .pdf-grid[b-vigzq5np4b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .toolbar-card[b-vigzq5np4b] {
        flex-wrap: wrap;
    }

    .search-box[b-vigzq5np4b] {
        flex-basis: 100%;
    }
}

@media (max-width: 720px) {
    .portal-grid[b-vigzq5np4b],
    .pdf-grid[b-vigzq5np4b] {
        grid-template-columns: 1fr;
    }

    .form-field.span-4[b-vigzq5np4b],
    .form-field.span-8[b-vigzq5np4b],
    .form-field.span-12[b-vigzq5np4b] {
        grid-column: 1 / -1;
    }
}

/* CRUD PORTALI / LISTINI */
.portal-toolbar-actions[b-vigzq5np4b] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.portal-card-actions[b-vigzq5np4b] {
    display: grid;
    grid-template-columns: 1fr 34px 34px;
    gap: 7px;
    margin-top: auto;
}

.portal-card-actions .portal-open[b-vigzq5np4b] {
    margin-top: 0;
}

.card-icon-button[b-vigzq5np4b],
.pdf-edit[b-vigzq5np4b] {
    width: 34px;
    height: 33px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #ffffff;
    color: #4d5358;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.card-icon-button:hover[b-vigzq5np4b],
.pdf-edit:hover[b-vigzq5np4b] {
    border-color: #c92f2f;
    background: #fffafa;
    color: #b22424;
}

.card-icon-button.danger[b-vigzq5np4b] {
    border-color: #e4cccc;
    background: #fffafa;
    color: #c52b2b;
    font-size: 18px;
}

.card-icon-button.danger:hover[b-vigzq5np4b] {
    background: #fdeaea;
}

.pdf-actions[b-vigzq5np4b] {
    grid-template-columns: 1fr 34px 34px;
}

.form-field select[b-vigzq5np4b],
.form-field textarea[b-vigzq5np4b] {
    width: 100%;
    min-height: 39px;
    padding: 7px 10px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: 0;
    background: #ffffff;
    color: #292d31;
    font-family: inherit;
    font-size: 12px;
}

.form-field textarea[b-vigzq5np4b] {
    min-height: 78px;
    resize: vertical;
}

.form-field select:focus[b-vigzq5np4b],
.form-field textarea:focus[b-vigzq5np4b] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 3px rgba(201, 47, 47, .08);
}

.current-file[b-vigzq5np4b] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 8px;
    padding: 8px 9px;
    border: 1px solid #d9dcdf;
    border-radius: 7px;
    background: #f7f8f9;
}

.current-file > div[b-vigzq5np4b] {
    min-width: 0;
}

.current-file strong[b-vigzq5np4b],
.current-file small[b-vigzq5np4b] {
    display: block;
}

.current-file strong[b-vigzq5np4b] {
    overflow: hidden;
    color: #303438;
    font-size: 10.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.current-file small[b-vigzq5np4b] {
    margin-top: 2px;
    color: #80868c;
    font-size: 9px;
}

@media (max-width: 720px) {
    .portal-toolbar[b-vigzq5np4b] {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-toolbar-actions[b-vigzq5np4b] {
        width: 100%;
    }

    .portal-toolbar-actions .primary-button[b-vigzq5np4b] {
        flex: 1;
    }
}
/* /Components/Pages/Partitario.razor.rz.scp.css */
.module-page[b-kx7n2ppr65] {
    min-height: 100%;
    padding: 14px 18px 22px;
    color: #2f3337;
}

.page-heading[b-kx7n2ppr65] {
    margin-bottom: 10px;
}

    .page-heading h1[b-kx7n2ppr65] {
        margin: 0;
        color: #2a2d30;
        font-size: 16px;
        line-height: 1.25;
    }

    .page-heading p[b-kx7n2ppr65] {
        margin: 3px 0 0;
        color: #72777c;
        font-size: 10px;
    }

.content-card[b-kx7n2ppr65] {
    overflow: visible;
    border: 1px solid #d9dcdf;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.section-tabs[b-kx7n2ppr65] {
    display: flex;
    gap: 18px;
    padding: 0 14px;
    border-bottom: 1px solid #d9dcdf;
}

    .section-tabs button[b-kx7n2ppr65] {
        min-height: 43px;
        padding: 0 2px;
        border: 0;
        border-bottom: 2px solid transparent;
        background: transparent;
        color: #4a4f54;
        font-family: inherit;
        font-size: 11px;
        cursor: pointer;
    }

        .section-tabs button.active[b-kx7n2ppr65] {
            border-bottom-color: #cb2f2f;
            color: #bd2929;
            font-weight: 700;
        }

.filters-grid[b-kx7n2ppr65] {
    display: grid;
    grid-template-columns: minmax(280px, 1.8fr) minmax(130px, 0.7fr) minmax(130px, 0.7fr) 100px;
    align-items: end;
    gap: 9px;
    padding: 12px 14px 9px;
}

.subject-field > label[b-kx7n2ppr65],
.date-field > label[b-kx7n2ppr65] {
    display: block;
    margin-bottom: 5px;
    color: #555b60;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.autocomplete[b-kx7n2ppr65] {
    position: relative;
}

    .autocomplete input[b-kx7n2ppr65],
    .date-field input[b-kx7n2ppr65] {
        box-sizing: border-box;
        width: 100%;
        min-height: 39px;
        padding: 8px 11px;
        border: 1px solid #cfd3d7;
        border-radius: 7px;
        outline: 0;
        background: #ffffff;
        color: #33383c;
        font-family: inherit;
        font-size: 11px;
    }

    .autocomplete input[b-kx7n2ppr65] {
        padding-right: 36px;
    }

        .autocomplete input:focus[b-kx7n2ppr65],
        .date-field input:focus[b-kx7n2ppr65] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
        }

.clear-subject[b-kx7n2ppr65] {
    position: absolute;
    top: 50%;
    right: 7px;
    width: 25px;
    height: 25px;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #70767b;
    font-size: 18px;
    line-height: 1;
    transform: translateY(-50%);
    cursor: pointer;
}

    .clear-subject:hover[b-kx7n2ppr65] {
        background: #f0f1f2;
    }

.autocomplete-menu[b-kx7n2ppr65] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 20;
    width: 100%;
    max-height: 270px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14);
}

.autocomplete-item[b-kx7n2ppr65] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 36px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #31363a;
    font-family: inherit;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-item:last-child[b-kx7n2ppr65] {
        border-bottom: 0;
    }

    .autocomplete-item:hover[b-kx7n2ppr65] {
        background: #f5f6f7;
    }

    .autocomplete-item span[b-kx7n2ppr65] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-item small[b-kx7n2ppr65] {
        color: #858b90;
        font-size: 9px;
    }

.autocomplete-state[b-kx7n2ppr65] {
    padding: 13px;
    color: #73797e;
    font-size: 10px;
    text-align: center;
}

.search-button[b-kx7n2ppr65] {
    min-height: 39px;
    padding: 0 16px;
    border: 1px solid #383b3f;
    border-radius: 7px;
    background: #383b3f;
    color: #ffffff;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

    .search-button:hover:not(:disabled)[b-kx7n2ppr65] {
        background: #25282b;
    }

    .search-button:disabled[b-kx7n2ppr65] {
        cursor: not-allowed;
        opacity: 0.6;
    }

.summary-grid[b-kx7n2ppr65] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
    padding: 3px 14px 11px;
}

.summary-card[b-kx7n2ppr65] {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #dfe2e4;
    border-radius: 8px;
    background: #ffffff;
}

    .summary-card span[b-kx7n2ppr65] {
        display: block;
        color: #83898e;
        font-size: 10px;
        font-weight: 600;
    }

    .summary-card small[b-kx7n2ppr65] {
        display: block;
        margin-top: 3px;
        color: #8c9297;
        font-size: 8px;
    }

    .summary-card strong[b-kx7n2ppr65] {
        color: #31363a;
        font-size: 16px;
        white-space: nowrap;
    }

    .summary-card.debit[b-kx7n2ppr65] {
        border-left: 3px solid #cb2f2f;
    }

    .summary-card.credit[b-kx7n2ppr65] {
        border-left: 3px solid #34784b;
    }

    .summary-card.balance[b-kx7n2ppr65] {
        border-left: 3px solid #555b60;
    }

.error-message[b-kx7n2ppr65] {
    margin: 0 14px 10px;
    padding: 10px 12px;
    border: 1px solid #e8b7b7;
    border-radius: 8px;
    background: #fff2f2;
    color: #a72b2b;
    font-size: 10px;
    line-height: 1.4;
}

.table-shell[b-kx7n2ppr65] {
    margin: 0 14px;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

.table-wrapper[b-kx7n2ppr65] {
    max-height: calc(100vh - 360px);
    overflow: auto;
}

.ledger-table[b-kx7n2ppr65] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
}

    .ledger-table thead[b-kx7n2ppr65] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .ledger-table th[b-kx7n2ppr65] {
        padding: 9px 10px;
        border-right: 1px solid #dde0e2;
        border-bottom: 1px solid #cfd3d7;
        color: #454a4e;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

        .ledger-table th:last-child[b-kx7n2ppr65] {
            border-right: 0;
        }

    .ledger-table td[b-kx7n2ppr65] {
        padding: 9px 10px;
        border-right: 1px solid #eceeef;
        border-bottom: 1px solid #eceeef;
        color: #34383c;
        vertical-align: middle;
    }

        .ledger-table td:last-child[b-kx7n2ppr65] {
            border-right: 0;
        }

    .ledger-table tbody tr:hover[b-kx7n2ppr65] {
        background: #f8f9f9;
    }

.date-column[b-kx7n2ppr65],
.date-cell[b-kx7n2ppr65] {
    width: 11%;
    text-align: center !important;
}

.document-column[b-kx7n2ppr65],
.document-cell[b-kx7n2ppr65] {
    width: 13%;
}

.document-cell[b-kx7n2ppr65] {
    font-weight: 600;
}

.cause-column[b-kx7n2ppr65],
.cause-cell[b-kx7n2ppr65] {
    width: 17%;
}

.description-cell[b-kx7n2ppr65] {
    overflow-wrap: anywhere;
}

.number-column[b-kx7n2ppr65],
.number-cell[b-kx7n2ppr65] {
    width: 11%;
    text-align: right !important;
}

.balance-column[b-kx7n2ppr65] {
    width: 14%;
    text-align: right !important;
}

.debit-value[b-kx7n2ppr65] {
    color: #a62828 !important;
}

.credit-value[b-kx7n2ppr65] {
    color: #28673d !important;
}

.progressive-value[b-kx7n2ppr65] {
    font-weight: 700;
}

.table-state[b-kx7n2ppr65] {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    color: #777d82;
    font-size: 11px;
}

.records-footer[b-kx7n2ppr65] {
    padding: 8px 14px 12px;
    color: #767c81;
    font-size: 9px;
    text-align: right;
}

    .records-footer strong[b-kx7n2ppr65] {
        color: #303438;
    }

@media (max-width: 1000px) {
    .filters-grid[b-kx7n2ppr65] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subject-field[b-kx7n2ppr65] {
        grid-column: 1 / -1;
    }

    .search-button[b-kx7n2ppr65] {
        grid-column: 2;
    }
}

@media (max-width: 760px) {
    .filters-grid[b-kx7n2ppr65],
    .summary-grid[b-kx7n2ppr65] {
        grid-template-columns: 1fr;
    }

    .subject-field[b-kx7n2ppr65],
    .search-button[b-kx7n2ppr65] {
        grid-column: auto;
    }

    .table-wrapper[b-kx7n2ppr65] {
        max-height: calc(100vh - 520px);
    }
}

/* ==========================================================
   ALLINEAMENTO PAGINA ALLO STILE DDT
   ========================================================== */

.module-page[b-kx7n2ppr65] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    overflow: hidden;
    color: #2f3337;
}

.page-description[b-kx7n2ppr65] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.content-card[b-kx7n2ppr65] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border-color: #d7dade;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.section-tabs[b-kx7n2ppr65],
.filters-grid[b-kx7n2ppr65],
.summary-grid[b-kx7n2ppr65],
.error-message[b-kx7n2ppr65],
.records-footer[b-kx7n2ppr65] {
    flex-shrink: 0;
}

.section-tabs[b-kx7n2ppr65] {
    min-height: 44px;
    padding: 0 14px;
}

.filters-grid[b-kx7n2ppr65] {
    grid-template-columns: minmax(300px, 1.8fr) minmax(150px, 0.7fr) minmax(150px, 0.7fr) 100px;
    gap: 9px;
    padding: 10px 14px 8px;
}

.autocomplete input[b-kx7n2ppr65],
.date-field input[b-kx7n2ppr65],
.search-button[b-kx7n2ppr65] {
    min-height: 38px;
}

.summary-grid[b-kx7n2ppr65] {
    gap: 9px;
    padding: 3px 14px 10px;
}

.summary-card[b-kx7n2ppr65] {
    min-height: 52px;
}

    .summary-card strong[b-kx7n2ppr65] {
        font-size: 15px;
    }

.table-shell[b-kx7n2ppr65] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 14px;
    overflow: hidden;
}

.table-wrapper[b-kx7n2ppr65] {
    min-height: 0;
    flex: 1;
    max-height: none;
    overflow: auto;
}

.ledger-table[b-kx7n2ppr65] {
    min-width: 980px;
    font-size: 10px;
}

.table-state[b-kx7n2ppr65] {
    min-height: 0;
    flex: 1;
}

.records-footer[b-kx7n2ppr65] {
    padding: 7px 14px 10px;
}
/* /Components/Pages/Permute.razor.rz.scp.css */
.used-page[b-w8nfwhiypd] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    color: #2b2f33;
}

.used-header[b-w8nfwhiypd] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    gap: 12px;
    margin: 0;
}

.used-header h1[b-w8nfwhiypd] {
    margin: 0;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
}

.used-header p[b-w8nfwhiypd] {
    display: none;
}

.primary-action[b-w8nfwhiypd],
.save-button[b-w8nfwhiypd] {
    border: 0;
    border-radius: 7px;
    background: #d92d2d;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.primary-action[b-w8nfwhiypd] {
    min-height: 38px;
    padding: 0 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    white-space: nowrap;
}

.primary-action:hover[b-w8nfwhiypd],
.save-button:hover[b-w8nfwhiypd] {
    background: #bd2424;
}

.used-toolbar[b-w8nfwhiypd] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    gap: 9px;
    margin: 0;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.status-tabs[b-w8nfwhiypd] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 2px;
    padding: 2px;
    border: 1px solid #d7dade;
    border-radius: 7px;
    background: #f5f6f7;
}

.status-tab[b-w8nfwhiypd] {
    min-height: 34px;
    padding: 0 11px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #59626d;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.status-tab:hover[b-w8nfwhiypd] {
    color: #23272c;
}

.status-tab.active[b-w8nfwhiypd] {
    background: #fff;
    color: #c72727;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09);
}

.search-box[b-w8nfwhiypd] {
    position: relative;
    min-width: 260px;
    min-height: 38px;
    display: flex;
    flex: 1 1 360px;
    align-items: center;
    margin-left: 0;
}

.search-box input[b-w8nfwhiypd] {
    width: 100%;
    height: 38px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #fff;
    padding: 0 94px 0 34px;
    outline: none;
    color: #24272a;
    font-size: 12px;
}

.search-box input:focus[b-w8nfwhiypd] {
    border-color: #9ca5b0;
    box-shadow: 0 0 0 2px rgba(80, 90, 100, 0.07);
}

.search-icon[b-w8nfwhiypd] {
    position: absolute;
    left: 11px;
    z-index: 1;
    color: #7b8085;
    font-size: 17px;
    transform: rotate(-20deg);
}

.clear-search[b-w8nfwhiypd] {
    position: absolute;
    right: 66px;
    border: 0;
    background: transparent;
    color: #78828c;
    font-size: 17px;
    cursor: pointer;
}

.search-button[b-w8nfwhiypd] {
    position: absolute;
    right: 4px;
    height: 30px;
    padding: 0 11px;
    border: 0;
    border-radius: 5px;
    background: #3b3d3f;
    color: #ffffff;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}


.records-info[b-w8nfwhiypd] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.page-message[b-w8nfwhiypd],
.empty-used[b-w8nfwhiypd] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
    padding: 18px;
    text-align: center;
    color: #65707b;
}

.page-message[b-w8nfwhiypd] {
    flex-shrink: 0;
    font-size: 12px;
}

.error-message[b-w8nfwhiypd] {
    margin-bottom: 15px;
    border-style: solid;
    border-color: #e5a5a5;
    background: #fff2f2;
    color: #a32828;
}

.empty-used[b-w8nfwhiypd] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.empty-used strong[b-w8nfwhiypd] {
    color: #30363d;
    font-size: 13px;
}

.empty-used span[b-w8nfwhiypd] {
    font-size: 11px;
}

.empty-icon[b-w8nfwhiypd] {
    margin-bottom: 3px;
    font-size: 28px;
}

.used-grid[b-w8nfwhiypd] {
    min-height: 0;
    display: grid;
    flex: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-content: start;
    gap: 10px;
    overflow: auto;
}

.used-card[b-w8nfwhiypd] {
    overflow: hidden;
    background: #fff;
    border: 1px solid #d7dce2;
    border-radius: 10px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.045);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.used-card:hover[b-w8nfwhiypd] {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
}

.photo-area[b-w8nfwhiypd] {
    height: 155px;
    position: relative;
    overflow: hidden;
    background: #e9ecef;
}

.photo-area img[b-w8nfwhiypd] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.no-photo[b-w8nfwhiypd] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #8a929b;
    background: linear-gradient(145deg, #eef0f2, #e1e5e8);
}

.no-photo span[b-w8nfwhiypd] {
    font-size: 45px;
    filter: grayscale(1);
    opacity: 0.55;
}

.no-photo small[b-w8nfwhiypd] {
    font-size: 12px;
}

.status-badge[b-w8nfwhiypd],
.photo-count[b-w8nfwhiypd] {
    position: absolute;
    top: 11px;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 800;
    backdrop-filter: blur(4px);
}

.status-badge[b-w8nfwhiypd] {
    left: 11px;
}

.status-badge.available[b-w8nfwhiypd] {
    background: rgba(30, 127, 68, 0.92);
    color: #fff;
}

.status-badge.waiting[b-w8nfwhiypd] {
    background: rgba(221, 139, 25, 0.94);
    color: #fff;
}

.status-badge.sold[b-w8nfwhiypd] {
    background: rgba(74, 79, 86, 0.92);
    color: #fff;
}

.photo-count[b-w8nfwhiypd] {
    right: 11px;
    background: rgba(20, 24, 28, 0.72);
    color: white;
}

.card-content[b-w8nfwhiypd] {
    padding: 11px 12px 12px;
}

.card-title-row[b-w8nfwhiypd] {
    min-height: 51px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.card-title-row h2[b-w8nfwhiypd] {
    margin: 0;
    color: #24292f;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25;
}

.description-line[b-w8nfwhiypd] {
    display: -webkit-box;
    margin: 3px 0 0;
    overflow: hidden;
    color: #737c86;
    font-size: 11px;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.origin-badge[b-w8nfwhiypd] {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 5px;
    background: #f1f2f4;
    color: #626a73;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.spec-row[b-w8nfwhiypd] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    min-height: 20px;
    margin-top: 8px;
    color: #68717b;
    font-size: 11px;
}

.spec-row strong[b-w8nfwhiypd] {
    color: #333941;
    font-weight: 700;
}

.linked-document[b-w8nfwhiypd] {
    margin-top: 10px;
    padding: 7px 9px;
    border-radius: 6px;
    background: #f5f6f7;
    color: #66707a;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.price-grid[b-w8nfwhiypd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eceef1;
}

.price-grid > div[b-w8nfwhiypd] {
    min-width: 0;
}

.price-grid span[b-w8nfwhiypd] {
    display: block;
    color: #818992;
    font-size: 10px;
    margin-bottom: 2px;
}

.price-grid strong[b-w8nfwhiypd] {
    display: block;
    color: #343a41;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.price-grid .sale-price strong[b-w8nfwhiypd] {
    color: #b52424;
}

.open-button[b-w8nfwhiypd] {
    width: 100%;
    height: 36px;
    margin-top: 13px;
    border: 1px solid #cfd4d9;
    border-radius: 6px;
    background: #fff;
    color: #343a40;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.open-button:hover[b-w8nfwhiypd] {
    border-color: #b42a2a;
    color: #b42a2a;
    background: #fffafa;
}


/* MODAL - stesso impianto grafico dei Preventivi */

.modal-backdrop[b-w8nfwhiypd] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(20, 22, 24, .58);
    backdrop-filter: blur(2px);
}

.used-modal[b-w8nfwhiypd] {
    width: min(1140px, calc(100vw - 36px));
    height: min(590px, calc(100vh - 36px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d4d7da;
    border-radius: 11px;
    background: #f3f4f5;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .26);
}

.modal-header[b-w8nfwhiypd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 15px;
    padding: 12px 15px 10px;
    border-bottom: 1px solid #dde0e3;
    background: #ffffff;
}

.modal-title-group[b-w8nfwhiypd] {
    min-width: 0;
}

.eyebrow[b-w8nfwhiypd] {
    display: block;
    color: #b22323;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.modal-title-line[b-w8nfwhiypd] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
}

.modal-title-line h2[b-w8nfwhiypd] {
    max-width: 700px;
    margin: 0;
    overflow: hidden;
    color: #282c30;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal-status[b-w8nfwhiypd] {
    min-height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 750;
    white-space: nowrap;
}

.modal-status.available[b-w8nfwhiypd] {
    background: #dff3e6;
    color: #267044;
}

.modal-status.waiting[b-w8nfwhiypd] {
    background: #fff1cf;
    color: #8a6711;
}

.modal-status.sold[b-w8nfwhiypd] {
    background: #e7e9eb;
    color: #555b61;
}

.modal-close[b-w8nfwhiypd] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border: 0;
    border-radius: 7px;
    background: #eef0f2;
    color: #50565c;
    font-size: 19px;
    cursor: pointer;
}

.modal-close:hover[b-w8nfwhiypd] {
    background: #e3e5e7;
}

.form-tabs[b-w8nfwhiypd] {
    display: flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 0 14px;
    border-bottom: 1px solid #d7dade;
    background: #fafafa;
}

.form-tab-button[b-w8nfwhiypd] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #666b70;
    font-size: 13.5px;
    font-weight: 650;
    cursor: pointer;
}

.form-tab-button:hover[b-w8nfwhiypd],
.form-tab-button.active[b-w8nfwhiypd] {
    color: #c92f2f;
}

.form-tab-button.active[b-w8nfwhiypd] {
    border-bottom-color: #c92f2f;
}

.tab-counter[b-w8nfwhiypd] {
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 999px;
    background: #eceeef;
    color: #5d6267;
    font-size: 11px;
}

.form-tab-button.active .tab-counter[b-w8nfwhiypd] {
    background: #fde7e7;
    color: #a92727;
}

.modal-error[b-w8nfwhiypd] {
    flex-shrink: 0;
    margin: 8px 12px 0;
    padding: 7px 9px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10.5px;
}

.modal-content[b-w8nfwhiypd] {
    min-height: 0;
    flex: 1;
    padding: 10px 12px;
    overflow: hidden;
}

.tab-panel[b-w8nfwhiypd] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.compact-section[b-w8nfwhiypd] {
    padding: 12px;
    border: 1px solid #dadddf;
    border-radius: 9px;
    background: #ffffff;
}

.compact-section + .compact-section[b-w8nfwhiypd] {
    margin-top: 10px;
}

.details-section[b-w8nfwhiypd],
.customer-section[b-w8nfwhiypd],
.photo-section[b-w8nfwhiypd] {
    min-height: 0;
    flex: 1;
}

.section-title-row[b-w8nfwhiypd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.section-title[b-w8nfwhiypd] {
    color: #292d31;
    font-size: 16px;
    font-weight: 700;
}

.section-subtitle[b-w8nfwhiypd] {
    margin-top: 3px;
    color: #858a8f;
    font-size: 11.5px;
}

.form-field[b-w8nfwhiypd] {
    min-width: 0;
}

.form-field label[b-w8nfwhiypd] {
    display: block;
    margin: 0 0 5px 1px;
    color: #686e74;
    font-size: 11.5px;
    font-weight: 700;
    text-transform: uppercase;
}

.form-field[b-w8nfwhiypd]  input,
.form-field[b-w8nfwhiypd]  select,
.form-field[b-w8nfwhiypd]  textarea,
.form-field > input[b-w8nfwhiypd],
.readonly-value[b-w8nfwhiypd] {
    width: 100%;
    min-height: 39px;
    padding: 7px 10px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: 0;
    background: #ffffff;
    color: #292d31;
    font-family: inherit;
    font-size: 13px;
}

.form-field[b-w8nfwhiypd]  textarea {
    resize: none;
}

.form-field[b-w8nfwhiypd]  input:focus,
.form-field[b-w8nfwhiypd]  select:focus,
.form-field[b-w8nfwhiypd]  textarea:focus,
.form-field > input:focus[b-w8nfwhiypd] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 3px rgba(201, 47, 47, .08);
}

.form-field > input[readonly][b-w8nfwhiypd] {
    background: #eef0f2;
    color: #666c72;
}

.readonly-value[b-w8nfwhiypd] {
    display: flex;
    align-items: center;
    background: #eef0f2;
    color: #666c72;
}

.used-document-grid[b-w8nfwhiypd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px 240px;
    gap: 9px;
    margin-top: 9px;
}

.details-grid[b-w8nfwhiypd] {
    display: grid;
    grid-template-columns: 1.1fr 1.1fr 1.2fr 90px 95px 145px 170px 170px;
    gap: 9px;
    align-items: end;
}

.notes-field[b-w8nfwhiypd] {
    grid-column: 1 / -1;
}

.notes-field[b-w8nfwhiypd]  textarea {
    height: 66px;
    min-height: 66px;
}

.linked-document-pill[b-w8nfwhiypd],
.linked-customer-badge[b-w8nfwhiypd],
.manual-customer-badge[b-w8nfwhiypd] {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 700;
    white-space: nowrap;
}

.linked-document-pill[b-w8nfwhiypd],
.linked-customer-badge[b-w8nfwhiypd] {
    background: #e0f3e6;
    color: #287244;
}

.manual-customer-badge[b-w8nfwhiypd] {
    background: #fff1cf;
    color: #8a6711;
}

.money-input[b-w8nfwhiypd] {
    position: relative;
}

.money-input > span[b-w8nfwhiypd] {
    position: absolute;
    top: 50%;
    left: 10px;
    z-index: 1;
    color: #68717a;
    font-size: 13px;
    transform: translateY(-50%);
}

.money-input[b-w8nfwhiypd]  input {
    padding-left: 26px;
}

/* CLIENTE */

.customer-section[b-w8nfwhiypd] {
    position: relative;
    min-height: 0;
    flex: 1;
}

.customer-main-grid[b-w8nfwhiypd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.customer-details-grid[b-w8nfwhiypd] {
    display: grid;
    grid-template-columns: 105px 1fr 160px 160px 1.25fr;
    gap: 9px;
    margin-top: 9px;
}

.linked-customer[b-w8nfwhiypd],
.manual-customer[b-w8nfwhiypd] {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 700;
    white-space: nowrap;
}

.linked-customer[b-w8nfwhiypd] {
    background: #e0f3e6;
    color: #287244;
}

.manual-customer[b-w8nfwhiypd] {
    background: #fff1cf;
    color: #8a6711;
}

.autocomplete[b-w8nfwhiypd] {
    position: relative;
}

.autocomplete > input[b-w8nfwhiypd] {
    width: 100%;
    min-height: 39px;
    padding: 7px 30px 7px 10px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: 0;
    background: #ffffff;
    color: #292d31;
    font-family: inherit;
    font-size: 13px;
}

.autocomplete > input:focus[b-w8nfwhiypd] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 3px rgba(201, 47, 47, .08);
}

.autocomplete-clear[b-w8nfwhiypd] {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #888d92;
    font-size: 16px;
    cursor: pointer;
    transform: translateY(-50%);
}

.autocomplete-clear:hover[b-w8nfwhiypd] {
    background: #f0f1f2;
    color: #c92f2f;
}

.autocomplete-menu[b-w8nfwhiypd] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 30;
    max-height: 205px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

.autocomplete-option[b-w8nfwhiypd] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 9px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #313539;
    font-size: 11.5px;
    text-align: left;
    cursor: pointer;
}

.autocomplete-option:last-child[b-w8nfwhiypd] {
    border-bottom: 0;
}

.autocomplete-option:hover[b-w8nfwhiypd] {
    background: #f6eded;
    color: #a92323;
}

.autocomplete-option span[b-w8nfwhiypd] {
    overflow: hidden;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.autocomplete-option small[b-w8nfwhiypd] {
    flex-shrink: 0;
    color: #858a8f;
    font-size: 9.5px;
}

.autocomplete-empty[b-w8nfwhiypd] {
    padding: 11px 9px;
    color: #777c80;
    font-size: 10.5px;
    line-height: 1.4;
    text-align: center;
}

.manual-note[b-w8nfwhiypd] {
    margin-top: 9px;
    padding: 9px 10px;
    border-radius: 6px;
    background: #fff8e8;
    color: #80631f;
    font-size: 11px;
    line-height: 1.5;
}

/* FOTO */

.photo-tab-panel[b-w8nfwhiypd],
.photo-section[b-w8nfwhiypd] {
    min-height: 0;
}

.photo-section[b-w8nfwhiypd] {
    display: flex;
    flex-direction: column;
}

.photo-heading-row[b-w8nfwhiypd] {
    flex-shrink: 0;
}

.upload-button[b-w8nfwhiypd] {
    position: relative;
    overflow: hidden;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #f5f6f7;
    color: #44484c;
    font-size: 12.5px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.upload-button:hover[b-w8nfwhiypd] {
    border-color: #c92f2f;
    color: #b22727;
}

.upload-button.disabled[b-w8nfwhiypd] {
    opacity: .55;
    cursor: not-allowed;
}

.upload-button[b-w8nfwhiypd]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.photo-empty[b-w8nfwhiypd] {
    min-height: 0;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px dashed #d4d9de;
    border-radius: 7px;
    background: #fafbfc;
    color: #7b848d;
}

.photo-empty > span[b-w8nfwhiypd] {
    font-size: 34px;
}

.photo-empty strong[b-w8nfwhiypd],
.photo-empty small[b-w8nfwhiypd] {
    display: block;
}

.photo-empty strong[b-w8nfwhiypd] {
    color: #4e565f;
    font-size: 13px;
}

.photo-empty small[b-w8nfwhiypd] {
    margin-top: 3px;
    font-size: 11px;
}

.photo-gallery[b-w8nfwhiypd] {
    min-height: 0;
    display: grid;
    flex: 1;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    overflow-y: auto;
    align-content: start;
}

.gallery-item[b-w8nfwhiypd] {
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;
    border-radius: 7px;
    background: #e9ecef;
}

.gallery-item.main-photo[b-w8nfwhiypd] {
    border-color: #c62b2b;
}

.gallery-item img[b-w8nfwhiypd] {
    width: 100%;
    height: 145px;
    display: block;
    object-fit: cover;
}

.main-photo-label[b-w8nfwhiypd] {
    position: absolute;
    top: 7px;
    left: 7px;
    padding: 4px 6px;
    border-radius: 4px;
    background: rgba(192, 37, 37, .92);
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

.gallery-actions[b-w8nfwhiypd] {
    display: flex;
    gap: 5px;
    padding: 6px;
    background: #ffffff;
}

.gallery-actions button[b-w8nfwhiypd] {
    min-width: 0;
    height: 29px;
    flex: 1 1 0;
    border: 1px solid #d1d6db;
    border-radius: 4px;
    background: #ffffff;
    color: #515a63;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.gallery-actions .delete-photo[b-w8nfwhiypd] {
    color: #b32828;
}

/* FOOTER */

.modal-footer[b-w8nfwhiypd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 15px;
    padding: 9px 14px;
    border-top: 1px solid #dadddf;
    background: #ffffff;
}

.footer-total[b-w8nfwhiypd] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.footer-total span[b-w8nfwhiypd] {
    color: #62676c;
    font-size: 12px;
    font-weight: 650;
}

.footer-total strong[b-w8nfwhiypd] {
    color: #b52525;
    font-size: 22px;
}

.footer-actions[b-w8nfwhiypd] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.used-modal .primary-button[b-w8nfwhiypd],
.used-modal .secondary-button[b-w8nfwhiypd] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.used-modal .primary-button[b-w8nfwhiypd] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

.used-modal .primary-button:hover[b-w8nfwhiypd] {
    background: #af2929;
}

.used-modal .secondary-button[b-w8nfwhiypd] {
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
}

.used-modal .secondary-button:hover[b-w8nfwhiypd] {
    background: #e9ebed;
}

.used-modal button:disabled[b-w8nfwhiypd] {
    opacity: .55;
    cursor: not-allowed;
}

/* Come nei Preventivi: niente frecce nei campi numerici */

input[type="number"][b-w8nfwhiypd] {
    -moz-appearance: textfield;
}

input[type="number"][b-w8nfwhiypd]::-webkit-inner-spin-button,
input[type="number"][b-w8nfwhiypd]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

@media (max-height: 780px) {
    .used-modal[b-w8nfwhiypd] {
        height: min(590px, calc(100vh - 24px));
    }

    .modal-backdrop[b-w8nfwhiypd] {
        padding: 12px;
    }

    .compact-section[b-w8nfwhiypd] {
        padding: 9px;
    }

    .form-field[b-w8nfwhiypd]  input,
    .form-field[b-w8nfwhiypd]  select,
    .form-field[b-w8nfwhiypd]  textarea,
    .customer-search-wrap > input[b-w8nfwhiypd],
    .readonly-value[b-w8nfwhiypd] {
        min-height: 34px;
    }

    .notes-field[b-w8nfwhiypd]  textarea {
        height: 54px;
        min-height: 54px;
    }

    .gallery-item img[b-w8nfwhiypd] {
        height: 125px;
    }
}

@media (max-width: 1150px) {
    .used-grid[b-w8nfwhiypd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .used-modal[b-w8nfwhiypd] {
        width: calc(100vw - 24px);
    }

    .details-grid[b-w8nfwhiypd] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .notes-field[b-w8nfwhiypd] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .used-header[b-w8nfwhiypd],
    .used-toolbar[b-w8nfwhiypd] {
        flex-direction: column;
        align-items: stretch;
    }

    .primary-action[b-w8nfwhiypd],
    .search-box[b-w8nfwhiypd] {
        width: 100%;
    }

    .status-tabs[b-w8nfwhiypd] {
        overflow-x: auto;
    }

    .used-grid[b-w8nfwhiypd] {
        grid-template-columns: 1fr;
    }

    .used-document-grid[b-w8nfwhiypd],
    .details-grid[b-w8nfwhiypd],
    .customer-main-grid[b-w8nfwhiypd],
    .customer-details-grid[b-w8nfwhiypd] {
        grid-template-columns: 1fr;
    }

    .photo-gallery[b-w8nfwhiypd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .modal-title-line h2[b-w8nfwhiypd] {
        max-width: 60vw;
    }
}
/* /Components/Pages/Preventivi.razor.rz.scp.css */
.preventivi-page[b-bb8w4o8z3u] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    color: #2b2f33;
}

.page-description[b-bb8w4o8z3u] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.primary-button[b-bb8w4o8z3u],
.secondary-button[b-bb8w4o8z3u] {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.primary-button[b-bb8w4o8z3u] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

    .primary-button:hover[b-bb8w4o8z3u] {
        background: #af2929;
    }

.secondary-button[b-bb8w4o8z3u] {
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
}

    .secondary-button:hover[b-bb8w4o8z3u] {
        background: #e9ebed;
    }

button:disabled[b-bb8w4o8z3u] {
    opacity: .55;
    cursor: not-allowed;
}

.toolbar-card[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
}

.search-box[b-bb8w4o8z3u] {
    min-width: 260px;
    min-height: 38px;
    display: flex;
    flex: 1 1 480px;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box span[b-bb8w4o8z3u] {
        flex-shrink: 0;
        color: #7b8085;
        font-size: 17px;
    }

    .search-box input[b-bb8w4o8z3u] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-size: 12px;
    }

.filter-select[b-bb8w4o8z3u],
.date-filter[b-bb8w4o8z3u] {
    min-height: 38px;
    padding: 0 9px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #ffffff;
    color: #363a3e;
    font-size: 11px;
}

.filter-select[b-bb8w4o8z3u] {
    width: 145px;
}

.date-filter[b-bb8w4o8z3u] {
    width: 130px;
}

.records-info[b-bb8w4o8z3u] {
    flex-shrink: 0;
    margin-left: auto;
    color: #60656a;
    font-size: 11px;
    white-space: nowrap;
}

.message-card[b-bb8w4o8z3u] {
    flex-shrink: 0;
    padding: 10px 12px;
    border: 1px solid #e8b6b6;
    border-radius: 8px;
    background: #fff4f4;
    color: #a82828;
    font-size: 11.5px;
}

.summary-grid[b-bb8w4o8z3u] {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 8px;
}

.summary-card[b-bb8w4o8z3u] {
    padding: 8px 11px;
    border: 1px solid #d7dade;
    border-radius: 8px;
    background: #ffffff;
}

    .summary-card span[b-bb8w4o8z3u] {
        display: block;
        color: #777d83;
        font-size: 10px;
        font-weight: 600;
    }

    .summary-card strong[b-bb8w4o8z3u] {
        display: block;
        margin-top: 2px;
        font-size: 18px;
    }

    .summary-card.amount strong[b-bb8w4o8z3u] {
        color: #b22525;
    }

.table-card[b-bb8w4o8z3u] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .04);
}

.table-wrapper[b-bb8w4o8z3u] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.data-table[b-bb8w4o8z3u] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 11px;
}

    .data-table thead[b-bb8w4o8z3u] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-bb8w4o8z3u] {
        padding: 10px 11px;
        border-bottom: 1px solid #cfd3d7;
        color: #45494d;
        font-size: 10px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .data-table td[b-bb8w4o8z3u] {
        padding: 8px 11px;
        overflow: hidden;
        border-bottom: 1px solid #eceeef;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .data-table th:nth-child(1)[b-bb8w4o8z3u],
        .data-table td:nth-child(1)[b-bb8w4o8z3u] {
            width: 125px;
        }

        .data-table th:nth-child(2)[b-bb8w4o8z3u],
        .data-table td:nth-child(2)[b-bb8w4o8z3u] {
            width: 95px;
        }

        .data-table th:nth-child(3)[b-bb8w4o8z3u],
        .data-table td:nth-child(3)[b-bb8w4o8z3u] {
            width: 24%;
        }

        .data-table th:nth-child(5)[b-bb8w4o8z3u],
        .data-table td:nth-child(5)[b-bb8w4o8z3u] {
            width: 125px;
        }

        .data-table th:nth-child(6)[b-bb8w4o8z3u],
        .data-table td:nth-child(6)[b-bb8w4o8z3u] {
            width: 105px;
        }

        .data-table th:nth-child(7)[b-bb8w4o8z3u],
        .data-table td:nth-child(7)[b-bb8w4o8z3u] {
            width: 58px;
        }

    .data-table tbody tr[b-bb8w4o8z3u] {
        cursor: pointer;
    }

        .data-table tbody tr:nth-child(even)[b-bb8w4o8z3u] {
            background: #fafafa;
        }

        .data-table tbody tr:hover[b-bb8w4o8z3u] {
            background: #f6eded;
        }

.numeric[b-bb8w4o8z3u] {
    text-align: right !important;
}

.document-number[b-bb8w4o8z3u] {
    color: #b52525;
    font-weight: 700;
}

.total-cell[b-bb8w4o8z3u] {
    font-weight: 700;
}

.customer-cell[b-bb8w4o8z3u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .customer-cell small[b-bb8w4o8z3u] {
        color: #858a8f;
        font-size: 9px;
    }

.row-actions[b-bb8w4o8z3u] {
    text-align: right;
}

    .row-actions button[b-bb8w4o8z3u] {
        padding: 5px 9px;
        border: 1px solid #d3d8de;
        border-radius: 6px;
        background: #fff;
        color: #353b42;
        font-size: 10px;
        font-weight: 700;
        cursor: pointer;
    }

.empty-row[b-bb8w4o8z3u] {
    height: 90px;
    color: #777c80;
    text-align: center;
}

.status-badge[b-bb8w4o8z3u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 800;
    white-space: nowrap;
}

    .status-badge.draft[b-bb8w4o8z3u] {
        background: #fff0c8;
        color: #876510;
    }

    .status-badge.printed[b-bb8w4o8z3u] {
        background: #eceff3;
        color: #59616a;
    }

    .status-badge.sent[b-bb8w4o8z3u] {
        background: #e1ebff;
        color: #315faa;
    }

    .status-badge.negotiation[b-bb8w4o8z3u] {
        background: #fbe4d5;
        color: #9a4f1b;
    }

    .status-badge.accepted[b-bb8w4o8z3u] {
        background: #dff3e6;
        color: #267044;
    }

    .status-badge.rejected[b-bb8w4o8z3u] {
        background: #fce2e2;
        color: #9c3232;
    }

/* MODAL PREVENTIVO */

.modal-backdrop[b-bb8w4o8z3u] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(20, 22, 24, .58);
    backdrop-filter: blur(2px);
}

.preventivo-modal[b-bb8w4o8z3u] {
    width: min(1140px, calc(100vw - 36px));
    height: min(590px, calc(100vh - 36px));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d4d7da;
    border-radius: 11px;
    background: #f3f4f5;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .26);
}

.modal-header[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 15px 10px;
    border-bottom: 1px solid #dde0e3;
    background: #ffffff;
}

.modal-title-group[b-bb8w4o8z3u] {
    min-width: 0;
}

.modal-header[b-bb8w4o8z3u],
.form-tabs[b-bb8w4o8z3u],
.modal-error[b-bb8w4o8z3u],
.modal-footer[b-bb8w4o8z3u] {
    flex-shrink: 0;
}

.eyebrow[b-bb8w4o8z3u] {
    display: block;
    color: #b22323;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.modal-title-line[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 2px;
}

    .modal-title-line h2[b-bb8w4o8z3u] {
        margin: 0;
        color: #282c30;
        font-size: 22px;
    }

.modal-close[b-bb8w4o8z3u] {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border: 0;
    border-radius: 7px;
    background: #eef0f2;
    color: #50565c;
    font-size: 19px;
    cursor: pointer;
}

    .modal-close:hover[b-bb8w4o8z3u] {
        background: #e3e5e7;
    }

.form-tabs[b-bb8w4o8z3u] {
    display: flex;
    gap: 2px;
    padding: 0 14px;
    border-bottom: 1px solid #d7dade;
    background: #fafafa;
}

.form-tab-button[b-bb8w4o8z3u] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #666b70;
    font-size: 13.5px;
    font-weight: 650;
    cursor: pointer;
}

    .form-tab-button:hover[b-bb8w4o8z3u] {
        color: #c92f2f;
    }

    .form-tab-button.active[b-bb8w4o8z3u] {
        border-bottom-color: #c92f2f;
        color: #c92f2f;
    }

.tab-counter[b-bb8w4o8z3u] {
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 999px;
    background: #eceeef;
    color: #5d6267;
    font-size: 11px;
}

.form-tab-button.active .tab-counter[b-bb8w4o8z3u] {
    background: #fde7e7;
    color: #a92727;
}

.modal-error[b-bb8w4o8z3u] {
    margin: 8px 12px 0;
    padding: 7px 9px;
    border: 1px solid #e8b6b6;
    border-radius: 7px;
    background: #fff2f2;
    color: #a82828;
    font-size: 10.5px;
}

.modal-content[b-bb8w4o8z3u] {
    min-height: 0;
    flex: 1;
    padding: 10px 12px;
    overflow: hidden;
}

.tab-panel[b-bb8w4o8z3u] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.compact-section[b-bb8w4o8z3u] {
    padding: 12px;
    border: 1px solid #dadddf;
    border-radius: 9px;
    background: #ffffff;
}

    .compact-section + .compact-section[b-bb8w4o8z3u] {
        margin-top: 10px;
    }

.section-title-row[b-bb8w4o8z3u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 9px;
}

.section-title[b-bb8w4o8z3u] {
    color: #292d31;
    font-size: 16px;
    font-weight: 700;
}

.section-subtitle[b-bb8w4o8z3u] {
    margin-top: 3px;
    color: #858a8f;
    font-size: 11.5px;
}

.form-field[b-bb8w4o8z3u] {
    min-width: 0;
}

    .form-field label[b-bb8w4o8z3u] {
        display: block;
        margin: 0 0 5px 1px;
        color: #686e74;
        font-size: 11.5px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-field input[b-bb8w4o8z3u],
    .form-field select[b-bb8w4o8z3u],
    .form-field textarea[b-bb8w4o8z3u],
    .lines-table input[b-bb8w4o8z3u],
    .trade-row input[b-bb8w4o8z3u],
    .discount-total input[b-bb8w4o8z3u] {
        width: 100%;
        min-height: 39px;
        padding: 7px 10px;
        border: 1px solid #cfd3d7;
        border-radius: 6px;
        outline: 0;
        background: #ffffff;
        color: #292d31;
        font-family: inherit;
        font-size: 13px;
    }

    .form-field textarea[b-bb8w4o8z3u] {
        resize: none;
    }

        .form-field input:focus[b-bb8w4o8z3u],
        .form-field select:focus[b-bb8w4o8z3u],
        .form-field textarea:focus[b-bb8w4o8z3u],
        .lines-table input:focus[b-bb8w4o8z3u],
        .trade-row input:focus[b-bb8w4o8z3u],
        .discount-total input:focus[b-bb8w4o8z3u] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, .08);
        }

    .form-field input[readonly][b-bb8w4o8z3u] {
        background: #eef0f2;
        color: #666c72;
    }

.document-grid[b-bb8w4o8z3u] {
    display: grid;
    grid-template-columns: 150px 150px 165px minmax(0, 1fr);
    gap: 9px;
    margin-top: 9px;
}

.customer-section[b-bb8w4o8z3u] {
    position: relative;
    min-height: 0;
    flex: 1;
}

.customer-main-grid[b-bb8w4o8z3u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
}

.customer-details-grid[b-bb8w4o8z3u] {
    display: grid;
    grid-template-columns: 105px 1fr 160px 160px 1.25fr;
    gap: 9px;
    margin-top: 9px;
}

.linked-customer[b-bb8w4o8z3u],
.manual-customer[b-bb8w4o8z3u] {
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 9.5px;
    font-weight: 700;
    white-space: nowrap;
}

.linked-customer[b-bb8w4o8z3u] {
    background: #e0f3e6;
    color: #287244;
}

.manual-customer[b-bb8w4o8z3u] {
    background: #fff1cf;
    color: #8a6711;
}

.autocomplete[b-bb8w4o8z3u] {
    position: relative;
}

    .autocomplete > input[b-bb8w4o8z3u] {
        padding-right: 30px;
    }

.autocomplete-clear[b-bb8w4o8z3u] {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #888d92;
    font-size: 16px;
    cursor: pointer;
    transform: translateY(-50%);
}

    .autocomplete-clear:hover[b-bb8w4o8z3u] {
        background: #f0f1f2;
        color: #c92f2f;
    }

.autocomplete-menu[b-bb8w4o8z3u] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 30;
    max-height: 205px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

.autocomplete-option[b-bb8w4o8z3u] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 9px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #313539;
    font-size: 11.5px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-option:last-child[b-bb8w4o8z3u] {
        border-bottom: 0;
    }

    .autocomplete-option:hover[b-bb8w4o8z3u] {
        background: #f6eded;
        color: #a92323;
    }

    .autocomplete-option span[b-bb8w4o8z3u] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-option small[b-bb8w4o8z3u] {
        flex-shrink: 0;
        color: #858a8f;
        font-size: 9.5px;
    }

.autocomplete-empty[b-bb8w4o8z3u] {
    padding: 11px 9px;
    color: #777c80;
    font-size: 10.5px;
    line-height: 1.4;
    text-align: center;
}

.manual-note[b-bb8w4o8z3u] {
    margin-top: 9px;
    padding: 9px 10px;
    border-radius: 6px;
    background: #fff8e8;
    color: #80631f;
    font-size: 11px;
    line-height: 1.5;
}

/* ARTICOLI */

.articles-panel[b-bb8w4o8z3u] {
    display: flex;
    flex-direction: column;
}

.articles-toolbar[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-shrink: 0;
    margin-bottom: 9px;
}

.articles-layout[b-bb8w4o8z3u] {
    min-height: 0;
    display: grid;
    flex: 1;
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 10px;
}

.lines-table-wrapper[b-bb8w4o8z3u] {
    min-height: 0;
    overflow: auto;
    border: 1px solid #dadddf;
    border-radius: 8px;
    background: #ffffff;
}

.lines-table[b-bb8w4o8z3u] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    table-layout: fixed;
}

    .lines-table th[b-bb8w4o8z3u] {
        position: sticky;
        top: 0;
        z-index: 2;
        padding: 9px 8px;
        border-bottom: 1px solid #dadddf;
        background: #f0f1f2;
        color: #60666c;
        font-size: 11px;
        font-weight: 700;
        text-align: left;
        text-transform: uppercase;
    }

    .lines-table td[b-bb8w4o8z3u] {
        padding: 5px;
        border-bottom: 1px solid #eceeef;
    }

    .lines-table tbody tr:last-child td[b-bb8w4o8z3u] {
        border-bottom: 0;
    }

    .lines-table input[b-bb8w4o8z3u] {
        min-height: 37px;
        font-size: 12px;
    }

.qty-column[b-bb8w4o8z3u] {
    width: 62px;
}

.code-column[b-bb8w4o8z3u] {
    width: 165px;
}

.money-column[b-bb8w4o8z3u] {
    width: 108px;
}

.discount-column[b-bb8w4o8z3u] {
    width: 80px;
}

.delete-column[b-bb8w4o8z3u] {
    width: 36px;
}

.calculated[b-bb8w4o8z3u] {
    padding-right: 8px !important;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    white-space: nowrap;
}

.delete-button[b-bb8w4o8z3u] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: #f8e3e3;
    color: #a42a2a;
    font-size: 16px;
    cursor: pointer;
}

.totals-card[b-bb8w4o8z3u] {
    align-self: start;
    padding: 11px;
    border: 1px solid #dadddf;
    border-radius: 8px;
    background: #ffffff;
}

.total-row[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 0;
    border-bottom: 1px solid #edf0f2;
    font-size: 12px;
}

    .total-row.emphasized[b-bb8w4o8z3u] {
        font-size: 13px;
    }

    .total-row.negative strong[b-bb8w4o8z3u] {
        color: #a32929;
    }

.discount-total[b-bb8w4o8z3u] {
    display: grid;
    grid-template-columns: 1fr 75px;
    align-items: center;
    gap: 7px;
    padding: 7px 0;
    border-bottom: 1px solid #edf0f2;
}

    .discount-total span[b-bb8w4o8z3u] {
        color: #60666c;
        font-size: 11px;
        font-weight: 650;
    }

    .discount-total input[b-bb8w4o8z3u] {
        min-height: 33px;
        text-align: right;
    }

.grand-total[b-bb8w4o8z3u] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
    margin-top: 9px;
    padding: 10px;
    border-radius: 7px;
    background: #303335;
    color: #ffffff;
}

    .grand-total span[b-bb8w4o8z3u] {
        font-size: 11px;
    }

    .grand-total strong[b-bb8w4o8z3u] {
        color: #ff9494;
        font-size: 22px;
    }

/* PERMUTE E CONDIZIONI */

.conditions-layout[b-bb8w4o8z3u] {
    min-height: 0;
    display: grid;
    flex: 1;
    grid-template-columns: .9fr 1.1fr;
    gap: 10px;
    height: 100%;
}

    .conditions-layout .compact-section[b-bb8w4o8z3u] {
        height: 100%;
        margin: 0;
    }

.trade-list[b-bb8w4o8z3u] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 9px;
}

.trade-row[b-bb8w4o8z3u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 125px 30px;
    gap: 7px;
}

    .trade-row input[b-bb8w4o8z3u] {
        min-height: 32px;
        font-size: 10.5px;
    }

.money-input[b-bb8w4o8z3u] {
    position: relative;
}

    .money-input span[b-bb8w4o8z3u] {
        position: absolute;
        top: 9px;
        left: 9px;
        color: #747b84;
        font-size: 10.5px;
    }

    .money-input input[b-bb8w4o8z3u] {
        padding-left: 22px;
    }

.empty-inline[b-bb8w4o8z3u] {
    margin-top: 10px;
    padding: 27px 12px;
    border: 1px dashed #d5dae0;
    border-radius: 7px;
    color: #818891;
    text-align: center;
    font-size: 10.5px;
}

.trade-total[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid #e2e4e6;
    font-size: 13px;
}

    .trade-total strong[b-bb8w4o8z3u] {
        color: #a62a2a;
    }

.conditions-grid[b-bb8w4o8z3u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 9px;
    margin-top: 9px;
}

.notes-field[b-bb8w4o8z3u] {
    grid-column: 1 / -1;
}

    .notes-field textarea[b-bb8w4o8z3u] {
        height: 92px;
    }

/* FOOTER */

.modal-footer[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 9px 14px;
    border-top: 1px solid #dadddf;
    background: #ffffff;
}

.footer-total[b-bb8w4o8z3u] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

    .footer-total span[b-bb8w4o8z3u] {
        color: #62676c;
        font-size: 12px;
        font-weight: 650;
    }

    .footer-total strong[b-bb8w4o8z3u] {
        color: #b52525;
        font-size: 22px;
    }

.footer-actions[b-bb8w4o8z3u] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.delete-text-button[b-bb8w4o8z3u] {
    min-height: 38px;
    padding: 0 10px;
    border: 0;
    background: transparent;
    color: #aa2b2b;
    font-size: 13px;
    font-weight: 650;
    cursor: pointer;
}

/* Nasconde le frecce dei number input */

input[type="number"][b-bb8w4o8z3u] {
    -moz-appearance: textfield;
}

    input[type="number"][b-bb8w4o8z3u]::-webkit-inner-spin-button,
    input[type="number"][b-bb8w4o8z3u]::-webkit-outer-spin-button {
        margin: 0;
        -webkit-appearance: none;
    }

/* Riduzione per monitor meno alti.
   Il modal resta senza scroll verticale generale. */

@media (max-height: 780px) {
    .preventivo-modal[b-bb8w4o8z3u] {
        height: min(590px, calc(100vh - 24px));
    }

    .modal-backdrop[b-bb8w4o8z3u] {
        padding: 12px;
    }

    .compact-section[b-bb8w4o8z3u] {
        padding: 9px;
    }

    .form-field input[b-bb8w4o8z3u],
    .form-field select[b-bb8w4o8z3u],
    .form-field textarea[b-bb8w4o8z3u] {
        min-height: 34px;
    }

    .notes-field textarea[b-bb8w4o8z3u] {
        height: 70px;
    }
}

@media (max-width: 1050px) {
    .toolbar-card[b-bb8w4o8z3u] {
        flex-wrap: wrap;
    }

    .search-box[b-bb8w4o8z3u] {
        flex-basis: 100%;
    }

    .summary-grid[b-bb8w4o8z3u] {
        grid-template-columns: repeat(2, 1fr);
    }

    .preventivo-modal[b-bb8w4o8z3u] {
        width: calc(100vw - 24px);
    }

    .customer-details-grid[b-bb8w4o8z3u] {
        grid-template-columns: 90px 1fr 1fr 1fr;
    }

    .email-field[b-bb8w4o8z3u] {
        grid-column: span 2;
    }
}


/* aumento leggibilità interna del modal */
.preventivo-modal .primary-button[b-bb8w4o8z3u],
.preventivo-modal .secondary-button[b-bb8w4o8z3u] {
    min-height: 40px;
    font-size: 13px;
}

.preventivo-modal .records-info[b-bb8w4o8z3u] {
    font-size: 12px;
}

.print-preview-button[b-bb8w4o8z3u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Autocomplete articoli: il menu non deve ereditare la larghezza
   ridotta della colonna Codice. */

.article-autocomplete .autocomplete-menu[b-bb8w4o8z3u] {
    right: auto;
    left: 0;
    width: min(520px, calc(100vw - 80px));
    max-height: 260px;
}

.article-autocomplete .autocomplete-option[b-bb8w4o8z3u] {
    align-items: flex-start;
    gap: 16px;
    min-height: 42px;
    padding: 9px 11px;
    font-size: 12.5px;
}

    .article-autocomplete .autocomplete-option span[b-bb8w4o8z3u] {
        min-width: 0;
        line-height: 1.35;
        white-space: normal;
    }

    .article-autocomplete .autocomplete-option strong[b-bb8w4o8z3u] {
        color: #25292d;
    }

    .article-autocomplete .autocomplete-option small[b-bb8w4o8z3u] {
        padding-top: 1px;
        color: #666c72;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
    }
/* /Components/Pages/PreventivoStampa.razor.rz.scp.css */
.print-message[b-de17d1ii50] {
    max-width: 720px;
    margin: 80px auto;
    padding: 18px 20px;
    border: 1px solid #d6dadd;
    border-radius: 8px;
    background: #ffffff;
    color: #33383c;
    font: 14px Arial, sans-serif;
}

.print-message.error[b-de17d1ii50] {
    border-color: #e4b2b2;
    background: #fff4f4;
    color: #a72a2a;
}

.print-toolbar[b-de17d1ii50] {
    width: 194mm;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 auto 14px;
}

.toolbar-button[b-de17d1ii50] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 7px;
    font: 700 13px Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
}

.toolbar-button.secondary[b-de17d1ii50] {
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #44494d;
}

.toolbar-button.primary[b-de17d1ii50] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

.preventivo-sheet[b-de17d1ii50] {
    width: 194mm;
    min-height: 277mm;
    margin: 0 auto;
    box-sizing: border-box;
    border: .3mm solid #1d1d1d;
    background: #ffffff;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 1.18;
}

.document-header[b-de17d1ii50] {
    display: grid;
    grid-template-columns: 58% 42%;
    gap: 4mm;
    padding: 4mm 5mm 2mm;
}

.company-heading img[b-de17d1ii50] {
    width: 100%;
    height: auto;
    display: block;
}

.customer-heading[b-de17d1ii50] {
    align-self: end;
}

.customer-line[b-de17d1ii50] {
    min-height: 5.2mm;
    display: grid;
    grid-template-columns: 27mm minmax(0, 1fr);
    align-items: center;
    border-bottom: .25mm solid #222222;
}

.customer-line strong[b-de17d1ii50] {
    padding-right: 2mm;
    color: #a3310f;
    font-size: 8.5pt;
    font-style: italic;
    text-align: right;
}

.customer-line span[b-de17d1ii50] {
    min-width: 0;
    padding: 0 1.5mm;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.document-info[b-de17d1ii50] {
    padding: 0 5mm 2.5mm;
}

.document-info > div:first-child[b-de17d1ii50] {
    font-size: 11pt;
}

.document-number[b-de17d1ii50] {
    display: flex;
    gap: 10mm;
    margin-top: 1mm;
}

.document-info p[b-de17d1ii50] {
    margin: 4mm 8mm 1mm;
    font-size: 10.5pt;
}

.items-table[b-de17d1ii50] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.items-table th[b-de17d1ii50] {
    padding: 1.3mm 1mm;
    border: .32mm solid #111111;
    background: #ee1b1b;
    color: #ffffff;
    font-size: 8pt;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
}

.items-table td[b-de17d1ii50] {
    height: 5.4mm;
    padding: .6mm 1mm;
    overflow: hidden;
    border: .32mm solid #222222;
    font-size: 8pt;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.items-table tbody tr:last-child td[b-de17d1ii50] {
    border-bottom: .25mm solid #222222;
}

.items-table .qty[b-de17d1ii50] {
    width: 12mm;
}

.items-table .code[b-de17d1ii50] {
    width: 31mm;
}

.items-table .price[b-de17d1ii50] {
    width: 27mm;
}

.items-table .discount[b-de17d1ii50] {
    width: 14mm;
}

.items-table .total[b-de17d1ii50] {
    width: 30mm;
}

.center[b-de17d1ii50] {
    text-align: center;
}

.money[b-de17d1ii50] {
    text-align: right;
    white-space: nowrap;
}

.totals-section[b-de17d1ii50] {
    margin-left: auto;
    width: 95mm;
    border-right: .25mm solid #222222;
    border-bottom: .25mm solid #222222;
    border-left: .25mm solid #222222;
}

.total-line[b-de17d1ii50] {
    min-height: 5mm;
    display: grid;
    grid-template-columns: 1fr 31mm;
    align-items: center;
    border-top: .2mm solid #bbbbbb;
}

.total-line:first-child[b-de17d1ii50] {
    border-top: 0;
}

.total-line strong[b-de17d1ii50] {
    padding-right: 2mm;
    color: #a3310f;
    text-align: right;
    text-transform: uppercase;
}

.total-line span[b-de17d1ii50] {
    padding-right: 2mm;
    font-weight: 700;
    text-align: right;
}

.total-line.emphasized[b-de17d1ii50] {
    font-size: 9.5pt;
}

.trade-section[b-de17d1ii50] {
    padding: 3mm 5mm 0;
}

.trade-title-row[b-de17d1ii50],
.trade-row-print[b-de17d1ii50] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 32mm 36mm;
}

.trade-title-row[b-de17d1ii50] {
    align-items: end;
    color: #a3310f;
    font-size: 7.5pt;
    text-transform: uppercase;
}

.trade-title-row strong:not(:first-child)[b-de17d1ii50] {
    text-align: center;
}

.trade-row-print span[b-de17d1ii50] {
    min-height: 6mm;
    padding: 1mm 1.5mm;
    border-top: .25mm solid #222222;
    border-right: .25mm solid #222222;
}

.trade-row-print span:first-child[b-de17d1ii50] {
    border-left: .25mm solid #222222;
}

.trade-row-print:last-of-type span[b-de17d1ii50] {
    border-bottom: .25mm solid #222222;
}

.final-total-line[b-de17d1ii50] {
    min-height: 6mm;
    display: grid;
    grid-template-columns: 1fr 36mm;
    align-items: center;
    margin-left: auto;
    border-right: .25mm solid #222222;
    border-bottom: .25mm solid #222222;
    border-left: .25mm solid #222222;
}

.final-total-line strong[b-de17d1ii50] {
    padding-right: 2mm;
    color: #a3310f;
    text-align: right;
    text-transform: uppercase;
}

.final-total-line span[b-de17d1ii50] {
    padding-right: 2mm;
    font-weight: 700;
    text-align: right;
}

.conditions-section[b-de17d1ii50] {
    margin: 3mm 25mm 0;
    border: .25mm solid #222222;
}

.conditions-section > div[b-de17d1ii50] {
    min-height: 4.5mm;
    padding: .5mm 2mm;
    border-bottom: .2mm solid #bbbbbb;
}

.conditions-section > div:last-child[b-de17d1ii50] {
    border-bottom: 0;
}

.conditions-section strong[b-de17d1ii50] {
    color: #a3310f;
    font-style: italic;
    text-transform: uppercase;
}

.conditions-section .notes[b-de17d1ii50] {
    min-height: 8mm;
}

.document-footer[b-de17d1ii50] {
    display: grid;
    grid-template-columns: 1fr 43mm;
    min-height: 16mm;
    margin: 0 5mm 4mm;
    border: .25mm solid #222222;
}

.acceptance[b-de17d1ii50] {
    padding: 1.5mm;
    text-transform: uppercase;
}

.signature[b-de17d1ii50] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.5mm;
    font-size: 8.5pt;
    font-style: italic;
    text-align: center;
}

.signature strong[b-de17d1ii50] {
    font-style: normal;
}

@page {
    size: A4 portrait;
    margin: 0;
}

@media print {

    .items-table[b-de17d1ii50] {
        border: .35mm solid #111111;
    }

    .items-table th[b-de17d1ii50],
    .items-table td[b-de17d1ii50] {
        border: .32mm solid #111111 !important;
    }

    .items-table tbody tr[b-de17d1ii50],
    .items-table tbody tr.empty-line[b-de17d1ii50] {
        height: 6mm;
    }

    .items-table tbody tr.empty-line td[b-de17d1ii50] {
        border-top: .32mm solid #111111 !important;
        border-bottom: .32mm solid #111111 !important;
    }

    .totals-section[b-de17d1ii50],
    .trade-row-print span[b-de17d1ii50],
    .final-total-line[b-de17d1ii50],
    .conditions-section[b-de17d1ii50],
    .document-footer[b-de17d1ii50] {
        border-color: #111111;
    }

    .no-print[b-de17d1ii50] {
        display: none !important;
    }

    .preventivo-sheet[b-de17d1ii50] {
        width: 210mm;
        height: 297mm;
        min-height: 297mm;
        margin: 0;
        padding: 7mm 8mm 6mm;
        box-sizing: border-box;
        border: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        font-size: 9.6pt;
        line-height: 1.2;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .document-header[b-de17d1ii50] {
        grid-template-columns: 57% 43%;
        gap: 3.5mm;
        padding: 0 0 2.5mm;
    }

    .customer-line[b-de17d1ii50] {
        min-height: 5.4mm;
    }

    .customer-line strong[b-de17d1ii50] {
        font-size: 8.7pt;
    }

    .document-info[b-de17d1ii50] {
        padding: 0 0 3mm;
    }

    .document-info > div:first-child[b-de17d1ii50] {
        font-size: 11.5pt;
    }

    .document-info p[b-de17d1ii50] {
        margin: 4mm 7mm 1.5mm;
        font-size: 10.5pt;
    }

    .items-table th[b-de17d1ii50] {
        padding: 1.5mm 1mm;
        font-size: 8.4pt;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .items-table td[b-de17d1ii50] {
        height: 6mm;
        padding: .7mm 1mm;
        font-size: 8.5pt;
    }

    .total-line[b-de17d1ii50] {
        min-height: 5.3mm;
    }

    .trade-section[b-de17d1ii50] {
        padding: 3.5mm 0 0;
    }

    .trade-row-print span[b-de17d1ii50] {
        min-height: 6.3mm;
    }

    .conditions-section[b-de17d1ii50] {
        margin: 4mm 20mm 0;
    }

    .conditions-section > div[b-de17d1ii50] {
        min-height: 4.8mm;
        padding: .6mm 2mm;
    }

    .conditions-section .notes[b-de17d1ii50] {
        min-height: 8.5mm;
    }

    .document-footer[b-de17d1ii50] {
        min-height: 18mm;
        margin: auto 0 0;
    }

    .signature[b-de17d1ii50] {
        font-size: 8.8pt;
    }

    .items-table[b-de17d1ii50],
    .totals-section[b-de17d1ii50],
    .trade-section[b-de17d1ii50],
    .conditions-section[b-de17d1ii50],
    .document-footer[b-de17d1ii50] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/PrimaNota.razor.rz.scp.css */
.module-page[b-sgjp4pfd6u] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-description[b-sgjp4pfd6u] {
    flex-shrink: 0;
    padding: 0 0 1px;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.toolbar-card[b-sgjp4pfd6u] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    flex-shrink: 0;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.filter-field[b-sgjp4pfd6u] {
    flex: 0 0 auto;
}

.filter-field label[b-sgjp4pfd6u] {
    display: block;
    margin-bottom: 4px;
    color: #555b60;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.date-field[b-sgjp4pfd6u] { width: 128px; }
.type-field[b-sgjp4pfd6u] { width: 190px; }

.filter-field input[b-sgjp4pfd6u],
.filter-field select[b-sgjp4pfd6u] {
    width: 100%;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #ffffff;
    color: #34383c;
    font-family: inherit;
    font-size: 11px;
}

.filter-field input:focus[b-sgjp4pfd6u],
.filter-field select:focus[b-sgjp4pfd6u],
.search-box:focus-within[b-sgjp4pfd6u] {
    border-color: #c92f2f;
    box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
}

.search-box[b-sgjp4pfd6u] {
    min-width: 190px;
    height: 38px;
    display: flex;
    flex: 1 1 320px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

.search-box span[b-sgjp4pfd6u] {
    flex-shrink: 0;
    color: #7b8085;
    font-size: 16px;
}

.search-box input[b-sgjp4pfd6u] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #24272a;
    font-size: 11px;
}

.search-button[b-sgjp4pfd6u],
.primary-button[b-sgjp4pfd6u],
.secondary-button[b-sgjp4pfd6u] {
    height: 38px;
    padding: 0 13px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.search-button[b-sgjp4pfd6u] {
    border: 0;
    background: #3b3d3f;
    color: #ffffff;
}

.search-button:hover:not(:disabled)[b-sgjp4pfd6u] { background: #292b2d; }

.primary-button[b-sgjp4pfd6u] {
    border: 0;
    background: #c92f2f;
    color: #ffffff;
}

.primary-button:hover[b-sgjp4pfd6u] { background: #af2929; }

.secondary-button[b-sgjp4pfd6u] {
    border: 1px solid #cfd3d7;
    background: #f5f6f7;
    color: #44484c;
}

.secondary-button:hover[b-sgjp4pfd6u] { background: #e9ebed; }

button:disabled[b-sgjp4pfd6u] {
    opacity: .55;
    cursor: not-allowed;
}

.toolbar-actions[b-sgjp4pfd6u] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

.records-info[b-sgjp4pfd6u] {
    flex-shrink: 0;
    margin-left: 4px;
    color: #60656a;
    font-size: 10px;
    white-space: nowrap;
}

.message-card[b-sgjp4pfd6u],
.table-card[b-sgjp4pfd6u] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-sgjp4pfd6u] {
    padding: 12px 14px;
    color: #555b60;
    font-size: 11px;
}

.message-card.error[b-sgjp4pfd6u] {
    border-color: #e8b6b6;
    background: #fff4f4;
    color: #a82828;
}

.table-card[b-sgjp4pfd6u] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-wrapper[b-sgjp4pfd6u] {
    min-height: 0;
    flex: 1;
    overflow: auto;
    background: #ffffff;
}

.ledger-table[b-sgjp4pfd6u] {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 10px;
}

.ledger-table thead[b-sgjp4pfd6u] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f0f1f2;
}

.ledger-table th[b-sgjp4pfd6u] {
    padding: 10px 11px;
    border-bottom: 1px solid #cfd3d7;
    color: #45494d;
    font-size: 9px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.ledger-table td[b-sgjp4pfd6u] {
    max-width: 240px;
    padding: 8px 11px;
    overflow: hidden;
    border-bottom: 1px solid #eceeef;
    color: #34383c;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.ledger-table tbody tr:nth-child(even)[b-sgjp4pfd6u] { background: #fafafa; }
.ledger-table tbody tr:hover[b-sgjp4pfd6u] { background: #f6eded; }

.ledger-table td strong[b-sgjp4pfd6u],
.ledger-table td small[b-sgjp4pfd6u] { display: block; }

.ledger-table td small[b-sgjp4pfd6u] {
    margin-top: 2px;
    color: #8c9297;
    font-size: 8px;
}

.date-column[b-sgjp4pfd6u],
.date-cell[b-sgjp4pfd6u] { width: 88px; text-align: center !important; }
.number-column[b-sgjp4pfd6u],
.number-cell[b-sgjp4pfd6u] { width: 75px; }
.type-column[b-sgjp4pfd6u] { width: 130px; }
.amount-column[b-sgjp4pfd6u],
.amount-cell[b-sgjp4pfd6u] { width: 100px; text-align: right !important; }
.origin-column[b-sgjp4pfd6u] { width: 90px; }

.debit-value[b-sgjp4pfd6u] { color: #a62828 !important; }
.credit-value[b-sgjp4pfd6u] { color: #28673d !important; }

.movement-type[b-sgjp4pfd6u],
.origin-badge[b-sgjp4pfd6u] {
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
    white-space: nowrap;
}

.movement-type.income[b-sgjp4pfd6u] { background: #e5f4e9; color: #28673d; }
.movement-type.payment[b-sgjp4pfd6u] { background: #f8e7e7; color: #a62828; }
.movement-type.pos[b-sgjp4pfd6u] { background: #f0e8f7; color: #76508f; }
.movement-type.transfer[b-sgjp4pfd6u] { background: #e7edf6; color: #3b65a4; }
.movement-type.other[b-sgjp4pfd6u] { background: #eceeef; color: #555b60; }
.origin-badge.app[b-sgjp4pfd6u] { background: #e7edf6; color: #3b65a4; }
.origin-badge.legacy[b-sgjp4pfd6u] { background: #eceeef; color: #6c7277; }

.table-state[b-sgjp4pfd6u] {
    min-height: 180px;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 25px;
    color: #777c80;
    font-size: 11px;
}

@media (max-width: 1250px) {
    .search-box[b-sgjp4pfd6u] { flex-basis: 260px; }
    .toolbar-actions[b-sgjp4pfd6u] {
        width: 100%;
        justify-content: flex-end;
        margin-left: 0;
        padding-top: 2px;
    }
}

@media (max-width: 900px) {
    .date-field[b-sgjp4pfd6u] { width: 118px; }
    .type-field[b-sgjp4pfd6u] { width: 170px; }
    .search-box[b-sgjp4pfd6u] { min-width: 220px; }
}

/* Dialog operativi Prima Nota */
.pn-modal-overlay[b-sgjp4pfd6u] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(20, 22, 24, 0.52);
}

.pn-modal-dialog[b-sgjp4pfd6u] {
    width: min(1180px, calc(100vw - 44px));
    max-height: calc(100vh - 44px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d4d7da;
    border-radius: 12px;
    background: #f5f7f7;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.26);
}

.pn-modal-dialog.wide[b-sgjp4pfd6u] {
    width: min(1260px, calc(100vw - 44px));
}

.pn-modal-header[b-sgjp4pfd6u] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 15px;
    border-bottom: 1px solid #d9dcdf;
    background: #ffffff;
}

.pn-modal-header h2[b-sgjp4pfd6u] {
    margin: 0;
    color: #2a2d30;
    font-size: 15px;
    line-height: 1.2;
}

.pn-modal-header p[b-sgjp4pfd6u] {
    margin: 3px 0 0;
    color: #73787d;
    font-size: 10px;
}

.pn-modal-close[b-sgjp4pfd6u] {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border: 1px solid #d2d5d8;
    border-radius: 7px;
    background: #ffffff;
    color: #53585c;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
}

.pn-modal-close:hover[b-sgjp4pfd6u] {
    background: #f2f3f4;
}

.pn-modal-body[b-sgjp4pfd6u] {
    min-height: 0;
    overflow: auto;
    padding: 10px;
}

@media (max-width: 900px) {
    .pn-modal-overlay[b-sgjp4pfd6u] { padding: 10px; }
    .pn-modal-dialog[b-sgjp4pfd6u],
    .pn-modal-dialog.wide[b-sgjp4pfd6u] {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
    }
}

/* Riepilogo Dare/Avere e modifica registrazioni */
.pn-totals-grid[b-sgjp4pfd6u] { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)); gap:8px; flex-shrink:0; }
.pn-totals-grid>div[b-sgjp4pfd6u] { display:flex; align-items:baseline; gap:8px; padding:9px 12px; border:1px solid #d7dade; border-radius:9px; background:#fff; }
.pn-totals-grid span[b-sgjp4pfd6u] { color:#666c71; font-size:10px; font-weight:700; text-transform:uppercase; }
.pn-totals-grid strong[b-sgjp4pfd6u] { margin-left:auto; font-size:15px; color:#2f3336; }
.pn-totals-grid small[b-sgjp4pfd6u] { font-size:9px; color:#73787d; }
.editable-row[b-sgjp4pfd6u] { cursor:pointer; }.editable-row:hover[b-sgjp4pfd6u] { background:#f4eaea !important; }
.total-value[b-sgjp4pfd6u] { color:#25282b !important; }
.edit-pn-form[b-sgjp4pfd6u] { padding:2px; }
.edit-pn-top[b-sgjp4pfd6u] { display:grid; grid-template-columns:170px 1fr; gap:10px; margin-bottom:10px; }
.edit-pn-top label[b-sgjp4pfd6u] { display:flex; flex-direction:column; gap:4px; color:#555b60; font-size:10px; font-weight:700; }
.edit-pn-top input[b-sgjp4pfd6u] { height:36px; border:1px solid #cfd3d7; border-radius:7px; padding:0 9px; font:inherit; }
.edit-table-wrap[b-sgjp4pfd6u] { max-height:48vh; overflow:auto; border:1px solid #d7dade; border-radius:8px; background:#fff; }
.edit-pn-table[b-sgjp4pfd6u] { width:100%; border-collapse:collapse; font-size:11px; }
.edit-pn-table th[b-sgjp4pfd6u],.edit-pn-table td[b-sgjp4pfd6u] { padding:8px 9px; border-bottom:1px solid #eceeef; text-align:left; }
.edit-pn-table th[b-sgjp4pfd6u] { position:sticky; top:0; background:#f0f1f2; }
.edit-pn-table td input[b-sgjp4pfd6u] { width:120px; height:32px; border:1px solid #cfd3d7; border-radius:6px; padding:0 7px; text-align:right; }
.edit-actions[b-sgjp4pfd6u] { display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }
@media(max-width:900px){.pn-totals-grid[b-sgjp4pfd6u]{grid-template-columns:1fr}.edit-pn-top[b-sgjp4pfd6u]{grid-template-columns:1fr}}

/* Modali operativi: il dialog resta fermo, scorre solo l'elenco delle partite. */
.pn-modal-dialog.wide[b-sgjp4pfd6u] {
    height: calc(100vh - 28px);
    max-height: calc(100vh - 28px);
}

.pn-modal-body[b-sgjp4pfd6u] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    padding: 8px 10px 10px;
}

.pn-modal-header h2[b-sgjp4pfd6u] { font-size: 16px; }
.pn-modal-header p[b-sgjp4pfd6u] { font-size: 11px; }
/* /Components/Pages/RegistrazioneContabileForm.razor.rz.scp.css */
.registration-page[b-ewijv97fiv] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
    color: #1f2937;
}

.registration-header[b-ewijv97fiv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.registration-kicker[b-ewijv97fiv] {
    margin-bottom: 4px;
    color: #2563eb;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.registration-header h1[b-ewijv97fiv] {
    margin: 0;
    font-size: 2rem;
    line-height: 1.15;
}

.registration-header p[b-ewijv97fiv] {
    margin: 7px 0 0;
    color: #64748b;
}

.secondary-button[b-ewijv97fiv],
.small-button[b-ewijv97fiv],
.primary-button[b-ewijv97fiv] {
    border: 0;
    border-radius: 10px;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    transition: 0.16s ease;
}

.secondary-button[b-ewijv97fiv],
.small-button[b-ewijv97fiv] {
    border: 1px solid #dbe3ef;
    background: #ffffff;
    color: #334155;
}

.secondary-button[b-ewijv97fiv] {
    padding: 10px 14px;
}

.small-button[b-ewijv97fiv] {
    padding: 8px 12px;
}

    .secondary-button:hover[b-ewijv97fiv],
    .small-button:hover[b-ewijv97fiv] {
        border-color: #93c5fd;
        background: #eff6ff;
    }

.message[b-ewijv97fiv] {
    padding: 12px 14px;
    border-radius: 10px;
    font-weight: 700;
}

.error-message[b-ewijv97fiv] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.success-message[b-ewijv97fiv] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.form-grid[b-ewijv97fiv] {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr);
    gap: 18px;
}

.form-card[b-ewijv97fiv] {
    border: 1px solid #e2e8f0;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

.subject-card[b-ewijv97fiv],
.details-card[b-ewijv97fiv],
.invoices-card[b-ewijv97fiv] {
    padding: 18px;
}

.card-title[b-ewijv97fiv] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 16px;
}

    .card-title > span[b-ewijv97fiv],
    .card-title-left > span[b-ewijv97fiv] {
        display: inline-flex;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #dbeafe;
        color: #1d4ed8;
        font-weight: 900;
    }

    .card-title h2[b-ewijv97fiv] {
        margin: 0;
        font-size: 1.08rem;
    }

    .card-title p[b-ewijv97fiv] {
        margin: 3px 0 0;
        color: #64748b;
        font-size: 0.9rem;
    }

.search-box[b-ewijv97fiv] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 12px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
}

    .search-box:focus-within[b-ewijv97fiv] {
        border-color: #60a5fa;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
    }

    .search-box span[b-ewijv97fiv] {
        color: #64748b;
        font-size: 1.2rem;
    }

    .search-box input[b-ewijv97fiv] {
        width: 100%;
        padding: 11px 0;
        border: 0;
        outline: none;
        background: transparent;
        font: inherit;
    }

.search-status[b-ewijv97fiv] {
    padding: 10px 4px;
    color: #64748b;
    font-size: 0.9rem;
}

.search-results[b-ewijv97fiv] {
    max-height: 260px;
    margin-top: 8px;
    overflow: auto;
    border: 1px solid #dbe3ef;
    border-radius: 10px;
    background: #ffffff;
}

.search-result[b-ewijv97fiv] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid #eef2f7;
    background: transparent;
    color: #1f2937;
    text-align: left;
    cursor: pointer;
}

    .search-result:last-child[b-ewijv97fiv] {
        border-bottom: 0;
    }

    .search-result:hover[b-ewijv97fiv] {
        background: #eff6ff;
    }

    .search-result span[b-ewijv97fiv] {
        color: #64748b;
        font-size: 0.84rem;
    }

.selected-subject[b-ewijv97fiv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 12px 13px;
    border: 1px solid #bfdbfe;
    border-radius: 11px;
    background: #eff6ff;
}

    .selected-subject div[b-ewijv97fiv] {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 2px;
    }

    .selected-subject small[b-ewijv97fiv] {
        color: #2563eb;
        font-weight: 800;
    }

    .selected-subject strong[b-ewijv97fiv] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selected-subject span[b-ewijv97fiv] {
        color: #64748b;
        font-size: 0.86rem;
    }

    .selected-subject button[b-ewijv97fiv] {
        width: 30px;
        height: 30px;
        border: 0;
        border-radius: 50%;
        background: #ffffff;
        color: #64748b;
        cursor: pointer;
        font-size: 1.2rem;
    }

.field-grid[b-ewijv97fiv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

    .field-grid label[b-ewijv97fiv] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

        .field-grid label > span[b-ewijv97fiv] {
            color: #475569;
            font-size: 0.86rem;
            font-weight: 800;
        }

    .field-grid input[b-ewijv97fiv],
    .field-grid select[b-ewijv97fiv],
    .field-grid textarea[b-ewijv97fiv] {
        width: 100%;
        padding: 10px 11px;
        border: 1px solid #cbd5e1;
        border-radius: 9px;
        outline: none;
        background: #ffffff;
        color: #1f2937;
        font: inherit;
    }

        .field-grid input:focus[b-ewijv97fiv],
        .field-grid select:focus[b-ewijv97fiv],
        .field-grid textarea:focus[b-ewijv97fiv] {
            border-color: #60a5fa;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
        }

.full-field[b-ewijv97fiv] {
    grid-column: 1 / -1;
}

.invoices-title[b-ewijv97fiv] {
    align-items: center;
    justify-content: space-between;
}

.card-title-left[b-ewijv97fiv] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
}

.table-wrapper[b-ewijv97fiv] {
    overflow-x: auto;
}

.invoices-table[b-ewijv97fiv] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

    .invoices-table th[b-ewijv97fiv] {
        padding: 10px 9px;
        border-bottom: 1px solid #dbe3ef;
        background: #f8fafc;
        color: #475569;
        text-align: left;
        white-space: nowrap;
    }

    .invoices-table td[b-ewijv97fiv] {
        padding: 10px 9px;
        border-bottom: 1px solid #edf1f5;
        vertical-align: middle;
    }

    .invoices-table tbody tr:hover[b-ewijv97fiv] {
        background: #f8fafc;
    }

    .invoices-table .selected-row[b-ewijv97fiv] {
        background: #eff6ff;
    }

    .invoices-table td strong[b-ewijv97fiv],
    .invoices-table td small[b-ewijv97fiv] {
        display: block;
    }

    .invoices-table td small[b-ewijv97fiv] {
        margin-top: 2px;
        color: #94a3b8;
        font-size: 0.76rem;
    }

.check-column[b-ewijv97fiv] {
    width: 42px;
    text-align: center !important;
}

.amount-column[b-ewijv97fiv],
.amount-cell[b-ewijv97fiv] {
    text-align: right !important;
    white-space: nowrap;
}

.input-amount-cell input[b-ewijv97fiv] {
    width: 125px;
    padding: 8px 9px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    text-align: right;
}

    .input-amount-cell input:disabled[b-ewijv97fiv] {
        background: #f1f5f9;
        color: #94a3b8;
    }

.empty-state[b-ewijv97fiv] {
    padding: 34px 16px;
    border: 1px dashed #cbd5e1;
    border-radius: 11px;
    background: #f8fafc;
    color: #64748b;
    text-align: center;
}

.success-empty[b-ewijv97fiv] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.save-bar[b-ewijv97fiv] {
    position: sticky;
    bottom: 14px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 17px;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 35px rgba(15, 23, 42, 0.14);
    backdrop-filter: blur(10px);
}

    .save-bar > div[b-ewijv97fiv] {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    .save-bar span[b-ewijv97fiv],
    .save-bar small[b-ewijv97fiv] {
        color: #64748b;
    }

    .save-bar strong[b-ewijv97fiv] {
        font-size: 1.45rem;
    }

.primary-button[b-ewijv97fiv] {
    min-width: 190px;
    padding: 12px 18px;
    background: #2563eb;
    color: #ffffff;
}

    .primary-button:hover:not(:disabled)[b-ewijv97fiv] {
        background: #1d4ed8;
        transform: translateY(-1px);
    }

    .primary-button:disabled[b-ewijv97fiv] {
        cursor: not-allowed;
        opacity: 0.5;
    }

@media (max-width: 1000px) {
    .form-grid[b-ewijv97fiv] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .registration-page[b-ewijv97fiv] {
        padding: 14px;
    }

    .registration-header[b-ewijv97fiv],
    .save-bar[b-ewijv97fiv] {
        align-items: stretch;
        flex-direction: column;
    }

    .field-grid[b-ewijv97fiv] {
        grid-template-columns: 1fr;
    }

    .full-field[b-ewijv97fiv] {
        grid-column: auto;
    }

    .primary-button[b-ewijv97fiv] {
        width: 100%;
    }
}
/* /Components/Pages/RegistrazioneMultiplaForm.razor.rz.scp.css */
.module-page[b-78phzerocu] {
    min-height: 100%;
    padding: 14px 18px 22px;
    color: #2f3337;
}

.page-heading[b-78phzerocu] {
    margin-bottom: 10px;
}

    .page-heading.with-actions[b-78phzerocu] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
    }

    .page-heading h1[b-78phzerocu] {
        margin: 0;
        color: #2a2d30;
        font-size: 16px;
        line-height: 1.25;
    }

    .page-heading p[b-78phzerocu] {
        margin: 3px 0 0;
        color: #72777c;
        font-size: 10px;
    }

.back-button[b-78phzerocu],
.small-button[b-78phzerocu],
.save-button[b-78phzerocu] {
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.back-button[b-78phzerocu] {
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #3d4246;
}

    .back-button:hover[b-78phzerocu],
    .small-button:hover[b-78phzerocu] {
        background: #f3f4f5;
    }

.content-card[b-78phzerocu] {
    overflow: visible;
    border: 1px solid #d9dcdf;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
}

.form-grid[b-78phzerocu] {
    display: grid;
    grid-template-columns: minmax(320px, 1.6fr) minmax(145px, 0.65fr) minmax(260px, 1.05fr);
    align-items: end;
    gap: 9px;
    padding: 13px 14px 9px;
}

.subject-field > label[b-78phzerocu],
.date-field > label[b-78phzerocu],
.account-field > label[b-78phzerocu],
.notes-row label > span[b-78phzerocu] {
    display: block;
    margin-bottom: 5px;
    color: #555b60;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.autocomplete[b-78phzerocu] {
    position: relative;
}

    .autocomplete input[b-78phzerocu],
    .date-field input[b-78phzerocu],
    .account-field select[b-78phzerocu],
    .notes-row input[b-78phzerocu] {
        box-sizing: border-box;
        width: 100%;
        min-height: 39px;
        padding: 8px 11px;
        border: 1px solid #cfd3d7;
        border-radius: 7px;
        outline: 0;
        background: #ffffff;
        color: #33383c;
        font-family: inherit;
        font-size: 11px;
    }

        .autocomplete input:focus[b-78phzerocu],
        .date-field input:focus[b-78phzerocu],
        .account-field select:focus[b-78phzerocu],
        .notes-row input:focus[b-78phzerocu] {
            border-color: #c92f2f;
            box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
        }

.autocomplete-menu[b-78phzerocu] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 30;
    width: 100%;
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.14);
}

.autocomplete-item[b-78phzerocu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 36px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #31363a;
    font-family: inherit;
    font-size: 10px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-item:last-child[b-78phzerocu] {
        border-bottom: 0;
    }

    .autocomplete-item:hover[b-78phzerocu] {
        background: #f5f6f7;
    }

    .autocomplete-item span[b-78phzerocu] {
        overflow: hidden;
        font-weight: 600;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .autocomplete-item small[b-78phzerocu] {
        color: #858b90;
        font-size: 9px;
    }

.autocomplete-state[b-78phzerocu] {
    padding: 13px;
    color: #73797e;
    font-size: 10px;
    text-align: center;
}

.selected-strip[b-78phzerocu] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 2px 14px 9px;
}

.selected-label[b-78phzerocu] {
    flex: 0 0 auto;
    padding-top: 7px;
    color: #6d7378;
    font-size: 9px;
    white-space: nowrap;
}

.subject-chips[b-78phzerocu] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.subject-chip[b-78phzerocu],
.empty-chip[b-78phzerocu] {
    min-height: 29px;
    border-radius: 999px;
    font-family: inherit;
    font-size: 9px;
}

.subject-chip[b-78phzerocu] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px 4px 10px;
    border: 1px solid #d8dcdf;
    background: #f7f8f8;
    color: #34393d;
    cursor: pointer;
}

    .subject-chip:hover[b-78phzerocu] {
        border-color: #cf9696;
        background: #fff5f5;
    }

    .subject-chip span[b-78phzerocu] {
        max-width: 220px;
        overflow: hidden;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .subject-chip small[b-78phzerocu] {
        color: #81878c;
        font-size: 8px;
    }

    .subject-chip b[b-78phzerocu] {
        color: #b72e2e;
        font-size: 13px;
        line-height: 1;
    }

.empty-chip[b-78phzerocu] {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border: 1px dashed #d4d8db;
    color: #878d92;
}

.notes-row[b-78phzerocu] {
    padding: 0 14px 11px;
}

.error-message[b-78phzerocu],
.success-message[b-78phzerocu] {
    margin: 0 14px 10px;
    padding: 9px 11px;
    border-radius: 7px;
    font-size: 10px;
    line-height: 1.4;
}

.error-message[b-78phzerocu] {
    border: 1px solid #e8b7b7;
    background: #fff2f2;
    color: #a72b2b;
}

.success-message[b-78phzerocu] {
    border: 1px solid #b9d9c4;
    background: #f0faf3;
    color: #2d6b42;
}

.table-toolbar[b-78phzerocu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 14px;
    padding: 9px 0 7px;
    border-top: 1px solid #e2e4e6;
}

    .table-toolbar strong[b-78phzerocu],
    .table-toolbar span[b-78phzerocu] {
        display: block;
    }

    .table-toolbar strong[b-78phzerocu] {
        color: #32373b;
        font-size: 11px;
    }

    .table-toolbar span[b-78phzerocu] {
        margin-top: 2px;
        color: #7a8085;
        font-size: 9px;
    }

.small-button[b-78phzerocu] {
    min-height: 31px;
    padding: 0 11px;
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #454a4e;
}

.table-shell[b-78phzerocu] {
    margin: 0 14px;
    overflow: hidden;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
}

.table-wrapper[b-78phzerocu] {
    max-height: calc(100vh - 455px);
    overflow: auto;
}

.entries-table[b-78phzerocu] {
    width: 100%;
    min-width: 1160px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 10px;
}

    .entries-table thead[b-78phzerocu] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .entries-table th[b-78phzerocu] {
        padding: 9px 9px;
        border-right: 1px solid #dde0e2;
        border-bottom: 1px solid #cfd3d7;
        color: #454a4e;
        font-size: 9px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .entries-table td[b-78phzerocu] {
        padding: 8px 9px;
        border-right: 1px solid #eceeef;
        border-bottom: 1px solid #eceeef;
        color: #34383c;
        vertical-align: middle;
    }

        .entries-table th:last-child[b-78phzerocu],
        .entries-table td:last-child[b-78phzerocu] {
            border-right: 0;
        }

    .entries-table tbody tr:hover[b-78phzerocu],
    .entries-table tbody tr.selected-row[b-78phzerocu] {
        background: #fafafa;
    }

    .entries-table tbody tr.selected-row[b-78phzerocu] {
        box-shadow: inset 3px 0 #c92f2f;
    }

.check-column[b-78phzerocu] {
    width: 36px;
    text-align: center !important;
}

.subject-column[b-78phzerocu] {
    width: 220px;
}

.subject-cell strong[b-78phzerocu],
.subject-cell small[b-78phzerocu],
.document-cell strong[b-78phzerocu],
.document-cell small[b-78phzerocu] {
    display: block;
}

.subject-cell strong[b-78phzerocu],
.document-cell strong[b-78phzerocu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subject-cell small[b-78phzerocu],
.document-cell small[b-78phzerocu] {
    margin-top: 2px;
    color: #8a9095;
    font-size: 8px;
}

.date-column[b-78phzerocu],
.date-cell[b-78phzerocu] {
    width: 92px;
    text-align: center !important;
    white-space: nowrap;
}

.description-cell[b-78phzerocu] {
    overflow-wrap: anywhere;
}

.amount-column[b-78phzerocu],
.amount-cell[b-78phzerocu] {
    width: 118px;
    text-align: right !important;
    white-space: nowrap;
}

.input-amount-cell input[b-78phzerocu] {
    box-sizing: border-box;
    width: 100%;
    min-height: 30px;
    padding: 5px 7px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    outline: 0;
    color: #34383c;
    font-family: inherit;
    font-size: 10px;
    text-align: right;
}

    .input-amount-cell input:focus[b-78phzerocu] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 2px rgba(201, 47, 47, 0.08);
    }

    .input-amount-cell input:disabled[b-78phzerocu] {
        background: #f0f1f2;
        color: #9aa0a5;
    }

.group-state-row td[b-78phzerocu] {
    padding: 16px;
    color: #777d82;
    text-align: center;
}

.table-state[b-78phzerocu] {
    min-height: 230px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
    color: #777d82;
    font-size: 11px;
}

.records-footer[b-78phzerocu] {
    padding: 7px 14px 9px;
    color: #767c81;
    font-size: 9px;
    text-align: right;
}

    .records-footer strong[b-78phzerocu] {
        color: #303438;
    }

.save-bar[b-78phzerocu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    padding: 10px 14px 13px;
    border-top: 1px solid #e0e3e5;
}

.save-summary[b-78phzerocu] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

    .save-summary span[b-78phzerocu] {
        color: #7a8085;
        font-size: 9px;
    }

    .save-summary strong[b-78phzerocu] {
        color: #2f3438;
        font-size: 17px;
    }

.save-button[b-78phzerocu] {
    min-height: 38px;
    padding: 0 16px;
    border: 1px solid #bd2929;
    background: #c92f2f;
    color: #ffffff;
}

    .save-button:hover:not(:disabled)[b-78phzerocu] {
        background: #ae2525;
    }

    .save-button:disabled[b-78phzerocu] {
        cursor: not-allowed;
        opacity: 0.55;
    }

@media (max-width: 1000px) {
    .form-grid[b-78phzerocu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .subject-field[b-78phzerocu] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .page-heading.with-actions[b-78phzerocu],
    .selected-strip[b-78phzerocu],
    .table-toolbar[b-78phzerocu],
    .save-bar[b-78phzerocu] {
        align-items: stretch;
        flex-direction: column;
    }

    .form-grid[b-78phzerocu] {
        grid-template-columns: 1fr;
    }

    .subject-field[b-78phzerocu] {
        grid-column: auto;
    }

    .table-wrapper[b-78phzerocu] {
        max-height: calc(100vh - 560px);
    }
}

.module-page.modal-mode[b-78phzerocu] {
    min-height: 0;
    padding: 0;
}

.module-page.modal-mode .content-card[b-78phzerocu] {
    border: 0;
    box-shadow: none;
}

/* Filtri scadenze e ripartizione pagamenti */
.extended-grid[b-78phzerocu] { grid-template-columns: minmax(260px,1.6fr) 135px 135px 135px auto; align-items:end; }
.quick-filter-actions[b-78phzerocu] { display:flex; gap:7px; align-items:end; padding-bottom:1px; }
.primary-filter[b-78phzerocu] { background:#3b3d3f !important; color:#fff !important; border-color:#3b3d3f !important; }
.payment-split-card[b-78phzerocu] { margin-top:10px; padding:10px 12px; border:1px solid #d8dbde; border-radius:9px; background:#fafbfb; }
.split-header[b-78phzerocu] { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:8px; }
.split-header strong[b-78phzerocu],.split-header span[b-78phzerocu] { display:block; }
.split-header strong[b-78phzerocu] { font-size:12px; }
.split-header span[b-78phzerocu] { margin-top:2px; color:#747a7f; font-size:10px; }
.split-row[b-78phzerocu] { display:grid; grid-template-columns:minmax(240px,1fr) 140px 34px; gap:8px; margin-top:6px; }
.split-row select[b-78phzerocu],.split-row input[b-78phzerocu] { width:100%; height:36px; border:1px solid #cfd3d7; border-radius:7px; padding:0 9px; background:#fff; font:inherit; font-size:11px; }
.remove-split[b-78phzerocu] { border:1px solid #d3d6d9; border-radius:7px; background:#fff; font-size:18px; }
.split-summary[b-78phzerocu] { display:flex; justify-content:flex-end; gap:22px; margin-top:9px; font-size:10px; }
.split-summary .ok[b-78phzerocu] { color:#28713f; }.split-summary .warn[b-78phzerocu] { color:#a62a2a; }
@media(max-width:1100px){.extended-grid[b-78phzerocu]{grid-template-columns:1fr 130px 130px}.quick-filter-actions[b-78phzerocu]{grid-column:1/-1}.split-row[b-78phzerocu]{grid-template-columns:1fr 120px 34px}}

/* Ottimizzazione modale Roberta: niente scroll del modal, tabella compatta e testi leggibili */
.module-page.modal-mode[b-78phzerocu] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.module-page.modal-mode .content-card[b-78phzerocu] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.module-page.modal-mode .form-grid[b-78phzerocu],
.module-page.modal-mode .selected-strip[b-78phzerocu],
.module-page.modal-mode .notes-row[b-78phzerocu],
.module-page.modal-mode .table-toolbar[b-78phzerocu],
.module-page.modal-mode .payment-split-card[b-78phzerocu],
.module-page.modal-mode .summary-bar[b-78phzerocu] {
    flex-shrink: 0;
}

.module-page.modal-mode .table-shell[b-78phzerocu] {
    min-height: 210px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.module-page.modal-mode .table-wrapper[b-78phzerocu] {
    height: 100%;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
}

/* La tabella deve stare tutta nella larghezza disponibile. */
.entries-table[b-78phzerocu] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    font-size: 11px;
}

.entries-table th[b-78phzerocu] {
    padding: 8px 7px;
    font-size: 10px;
}

.entries-table td[b-78phzerocu] {
    padding: 7px;
    font-size: 11px;
}

.check-column[b-78phzerocu] { width: 36px; }
.subject-column[b-78phzerocu] { width: 20%; }
.date-column[b-78phzerocu], .date-cell[b-78phzerocu] { width: 82px; }
.amount-column[b-78phzerocu], .amount-cell[b-78phzerocu] { width: 108px; }

.subject-cell strong[b-78phzerocu],
.document-cell strong[b-78phzerocu] {
    font-size: 11px;
}

.subject-cell small[b-78phzerocu],
.document-cell small[b-78phzerocu] {
    font-size: 9px;
}

.amount-cell input[b-78phzerocu] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 30px;
    padding: 4px 6px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #fff;
    color: #34383c;
    font: inherit;
    font-size: 11px;
    text-align: right;
}

.amount-cell input:disabled[b-78phzerocu] {
    background: #f0f1f2;
    color: #8b9196;
}

/* Aumentiamo leggermente tutti i testi operativi. */
.subject-field > label[b-78phzerocu],
.date-field > label[b-78phzerocu],
.account-field > label[b-78phzerocu],
.notes-row label > span[b-78phzerocu] {
    font-size: 10px;
}

.autocomplete input[b-78phzerocu],
.date-field input[b-78phzerocu],
.account-field select[b-78phzerocu],
.notes-row input[b-78phzerocu] {
    font-size: 12px;
}

.autocomplete-item[b-78phzerocu] { font-size: 11px; }
.autocomplete-item small[b-78phzerocu] { font-size: 9px; }
.autocomplete-state[b-78phzerocu] { font-size: 11px; }
.table-toolbar strong[b-78phzerocu] { font-size: 12px; }
.table-toolbar span[b-78phzerocu] { font-size: 10px; }
.small-button[b-78phzerocu], .save-button[b-78phzerocu], .back-button[b-78phzerocu] { font-size: 11px; }
.split-header strong[b-78phzerocu] { font-size: 12px; }
.split-header span[b-78phzerocu] { font-size: 10px; }
.split-row select[b-78phzerocu], .split-row input[b-78phzerocu] { font-size: 12px; }
.split-summary[b-78phzerocu] { font-size: 11px; }

.selected-label[b-78phzerocu] {
    padding-top: 6px;
    font-size: 10px;
    font-weight: 700;
}

.subject-chip[b-78phzerocu],
.empty-chip[b-78phzerocu],
.all-chip[b-78phzerocu] {
    min-height: 30px;
    border-radius: 999px;
    font-family: inherit;
    font-size: 10px;
}

.all-chip[b-78phzerocu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 11px;
    border: 1px solid #d5d9dc;
    background: #f5f6f7;
    color: #34393d;
}

.all-chip strong[b-78phzerocu] { font-size: 11px; }
.all-chip small[b-78phzerocu] { color: #747a7f; font-size: 9px; }

/* Più spazio utile alla tabella senza far scorrere l'intero dialog. */
.module-page.modal-mode .selected-strip[b-78phzerocu] { padding-bottom: 6px; }
.module-page.modal-mode .notes-row[b-78phzerocu] { padding-bottom: 8px; }
.module-page.modal-mode .payment-split-card[b-78phzerocu] { margin: 8px 14px 0; }

@media (max-width: 1050px) {
    .entries-table[b-78phzerocu] { font-size: 10px; }
    .entries-table th[b-78phzerocu], .entries-table td[b-78phzerocu] { padding-left: 5px; padding-right: 5px; }
    .subject-column[b-78phzerocu] { width: 19%; }
    .date-column[b-78phzerocu], .date-cell[b-78phzerocu] { width: 76px; }
    .amount-column[b-78phzerocu], .amount-cell[b-78phzerocu] { width: 98px; }
}
/* /Components/Pages/Scadenziario.razor.rz.scp.css */
.module-page[b-tyvcygnjst] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
}

.page-description[b-tyvcygnjst] {
    flex-shrink: 0;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.toolbar-card[b-tyvcygnjst] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    flex-shrink: 0;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.04);
}

.type-switch[b-tyvcygnjst] {
    display: flex;
    align-self: stretch;
    padding: 3px;
    border: 1px solid #d6dadd;
    border-radius: 7px;
    background: #f4f5f6;
}

.type-switch button[b-tyvcygnjst] {
    min-width: 82px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #555b60;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.type-switch button.active[b-tyvcygnjst] {
    background: #fff;
    color: #b82b2b;
    box-shadow: 0 1px 4px rgba(0,0,0,.10);
}

.filter-field[b-tyvcygnjst] { flex: 0 0 auto; }
.filter-field label[b-tyvcygnjst] {
    display: block;
    margin-bottom: 4px;
    color: #555b60;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.state-field[b-tyvcygnjst] { width: 120px; }
.date-field[b-tyvcygnjst] { width: 128px; }

.filter-field input[b-tyvcygnjst],
.filter-field select[b-tyvcygnjst] {
    width: 100%;
    height: 38px;
    padding: 0 9px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #fff;
    color: #34383c;
    font: inherit;
    font-size: 10px;
}

.search-box[b-tyvcygnjst] {
    min-width: 190px;
    height: 38px;
    display: flex;
    flex: 1 1 260px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #fff;
}

.search-box span[b-tyvcygnjst] { color: #7b8085; font-size: 16px; }
.search-box input[b-tyvcygnjst] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    font-size: 11px;
}

.search-button[b-tyvcygnjst],
.secondary-button[b-tyvcygnjst] {
    height: 38px;
    padding: 0 13px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 10px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.search-button[b-tyvcygnjst] { border: 0; background: #3b3d3f; color: #fff; }
.secondary-button[b-tyvcygnjst] { border: 1px solid #cfd3d7; background: #f5f6f7; color: #44484c; }
.quick-dates[b-tyvcygnjst] { display: flex; gap: 6px; }
.records-info[b-tyvcygnjst] { margin-left: auto; align-self: center; color: #60656a; font-size: 10px; white-space: nowrap; }

.summary-row[b-tyvcygnjst] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    flex-shrink: 0;
}

.summary-item[b-tyvcygnjst] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 42px;
    padding: 8px 12px;
    border: 1px solid #d7dade;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.035);
}
.summary-item span[b-tyvcygnjst] { color: #686d72; font-size: 9px; text-transform: uppercase; font-weight: 700; }
.summary-item strong[b-tyvcygnjst] { color: #34383c; font-size: 13px; }
.summary-item.overdue strong[b-tyvcygnjst] { color: #b52b2b; }

.message-card[b-tyvcygnjst],
.table-card[b-tyvcygnjst] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(0,0,0,.04);
}
.message-card[b-tyvcygnjst] { padding: 12px 14px; font-size: 11px; }
.message-card.error[b-tyvcygnjst] { border-color: #e8b6b6; background: #fff4f4; color: #a82828; }

.table-card[b-tyvcygnjst] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}
.table-wrapper[b-tyvcygnjst] { min-height: 0; flex: 1; overflow: auto; }
.table-state[b-tyvcygnjst] { height: 100%; display: grid; place-items: center; color: #777d82; font-size: 11px; }

.data-table[b-tyvcygnjst] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #34383c;
    font-size: 11px;
}
.data-table thead[b-tyvcygnjst] { position: sticky; top: 0; z-index: 2; background: #f0f1f2; }
.data-table th[b-tyvcygnjst] { padding: 10px 11px; border-bottom: 1px solid #cfd3d7; font-size: 10px; font-weight: 700; text-align: left; white-space: nowrap; }
.data-table td[b-tyvcygnjst] { padding: 8px 11px; border-bottom: 1px solid #eceeef; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.data-table tbody tr:nth-child(even)[b-tyvcygnjst] { background: #fafafa; }
.data-table tbody tr:hover[b-tyvcygnjst] { background: #f6eded; }
.data-table th:nth-child(1)[b-tyvcygnjst], .data-table td:nth-child(1)[b-tyvcygnjst] { width: 110px; }
.data-table th:nth-child(2)[b-tyvcygnjst], .data-table td:nth-child(2)[b-tyvcygnjst] { width: 90px; }
.data-table th:nth-child(3)[b-tyvcygnjst], .data-table td:nth-child(3)[b-tyvcygnjst] { width: 34%; }
.data-table th:nth-child(4)[b-tyvcygnjst], .data-table td:nth-child(4)[b-tyvcygnjst] { width: 20%; }
.amount-column[b-tyvcygnjst], .amount-cell[b-tyvcygnjst] { width: 120px; text-align: right !important; font-weight: 700; }
.status-column[b-tyvcygnjst], .status-cell[b-tyvcygnjst] { width: 92px; text-align: center !important; }
.overdue-row .amount-cell[b-tyvcygnjst] { color: #a62828; }

.status-badge[b-tyvcygnjst] {
    display: inline-flex;
    justify-content: center;
    min-width: 58px;
    padding: 4px 7px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 700;
}
.status-badge.open[b-tyvcygnjst] { background: #e9f5ec; color: #2f7243; }
.status-badge.overdue[b-tyvcygnjst] { background: #fae7e7; color: #a62828; }

@media (max-width: 1200px) {
    .records-info[b-tyvcygnjst] { margin-left: 0; }
    .quick-dates[b-tyvcygnjst] { order: 20; width: 100%; }
}

/* Scelta principale dello scadenziario: tab interni separati dai filtri */
.toolbar-card .type-switch[b-tyvcygnjst] {
    order: -2;
    width: 100%;
    height: 38px;
    align-self: auto;
    padding: 0;
    gap: 0;
    border: 0;
    border-bottom: 1px solid #d7dade;
    border-radius: 0;
    background: transparent;
}

.toolbar-card .type-switch button[b-tyvcygnjst] {
    position: relative;
    min-width: 125px;
    height: 38px;
    padding: 0 22px;
    border-radius: 0;
    color: #5c6166;
    font-size: 11px;
    background: transparent;
    box-shadow: none;
}

.toolbar-card .type-switch button:hover[b-tyvcygnjst] {
    background: #f7f7f7;
}

.toolbar-card .type-switch button.active[b-tyvcygnjst] {
    background: transparent;
    color: #b52b2b;
    box-shadow: none;
}

.toolbar-card .type-switch button.active[b-tyvcygnjst]::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: -1px;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: #b52b2b;
}

/* I filtri iniziano su una riga distinta sotto i tab */
.toolbar-card .state-field[b-tyvcygnjst] {
    margin-left: 0;
}

.print-button[b-tyvcygnjst] {
    height: 38px;
    padding: 0 14px;
    border: 1px solid #b82b2b;
    border-radius: 7px;
    background: #fff;
    color: #b82b2b;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}
.print-button:hover[b-tyvcygnjst] { background: #fff4f4; }
.print-button:disabled[b-tyvcygnjst] { opacity: .45; cursor: default; }
.detail-column[b-tyvcygnjst], .detail-cell[b-tyvcygnjst] { width: 84px; text-align: center !important; }
.detail-button[b-tyvcygnjst] {
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 6px;
    background: #fff;
    color: #44494d;
    font-size: 9px;
    font-weight: 700;
    cursor: pointer;
}
.detail-button:hover[b-tyvcygnjst] { border-color: #b82b2b; color: #b82b2b; }
.detail-overlay[b-tyvcygnjst] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(30, 33, 36, .45);
}
.detail-modal[b-tyvcygnjst] {
    width: min(760px, calc(100vw - 48px));
    max-height: min(680px, calc(100vh - 48px));
    overflow: auto;
    border: 1px solid #d4d7da;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 20px 60px rgba(0,0,0,.24);
}
.detail-header[b-tyvcygnjst] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 16px;
    border-bottom: 1px solid #e1e3e5;
    background: #fff;
}
.detail-header div[b-tyvcygnjst] { display: grid; gap: 3px; }
.detail-header span[b-tyvcygnjst] { color: #777c81; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.detail-header strong[b-tyvcygnjst] { color: #2f3438; font-size: 15px; }
.modal-close[b-tyvcygnjst] {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 7px;
    background: #f1f2f3;
    color: #555b60;
    font-size: 20px;
    cursor: pointer;
}
.detail-summary[b-tyvcygnjst] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 14px 16px 8px;
}
.detail-summary > div[b-tyvcygnjst], .detail-account > div[b-tyvcygnjst] {
    display: grid;
    gap: 5px;
    padding: 10px;
    border: 1px solid #e0e2e4;
    border-radius: 8px;
    background: #fafafa;
}
.detail-summary span[b-tyvcygnjst], .detail-account span[b-tyvcygnjst], .movement-box > span[b-tyvcygnjst] {
    color: #72777c;
    font-size: 8px;
    font-weight: 700;
    text-transform: uppercase;
}
.detail-summary strong[b-tyvcygnjst], .detail-account strong[b-tyvcygnjst] { color: #30353a; font-size: 11px; }
.detail-account[b-tyvcygnjst] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 8px 16px;
}
.movement-box[b-tyvcygnjst] {
    margin: 8px 16px 14px;
    padding: 12px;
    border: 1px solid #e0e2e4;
    border-radius: 8px;
    background: #fff;
}
.movement-box p[b-tyvcygnjst] { margin: 7px 0 0; color: #353a3f; font-size: 11px; line-height: 1.45; }
.detail-state[b-tyvcygnjst] { padding: 28px 16px; color: #73787d; font-size: 11px; text-align: center; }
.detail-state.error[b-tyvcygnjst] { color: #a82828; }
.detail-footer[b-tyvcygnjst] {
    position: sticky;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    padding: 10px 16px;
    border-top: 1px solid #e1e3e5;
    background: #fff;
}
@media (max-width: 900px) {
    .detail-summary[b-tyvcygnjst] { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .detail-account[b-tyvcygnjst] { grid-template-columns: 1fr; }
}
/* /Components/Pages/ScadenziarioStampa.razor.rz.scp.css */
.print-message[b-n3fhzujnbd] {
    max-width: 720px;
    margin: 80px auto;
    padding: 18px 20px;
    border: 1px solid #d6dadd;
    border-radius: 8px;
    background: #fff;
    color: #33383c;
    font: 14px Arial, sans-serif;
}
.print-message.error[b-n3fhzujnbd] { border-color: #e4b2b2; background: #fff4f4; color: #a72a2a; }
.print-toolbar[b-n3fhzujnbd] {
    width: 194mm;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin: 0 auto 14px;
}
.toolbar-button[b-n3fhzujnbd] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 7px;
    font: 700 13px Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
}
.toolbar-button.secondary[b-n3fhzujnbd] { border: 1px solid #cfd3d7; background: #fff; color: #44494d; }
.toolbar-button.primary[b-n3fhzujnbd] { border: 0; background: #c92f2f; color: #fff; }
.sheet[b-n3fhzujnbd] {
    width: 194mm;
    min-height: 277mm;
    margin: 0 auto;
    box-sizing: border-box;
    background: #fff;
    color: #111;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
}
.sheet-header[b-n3fhzujnbd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10mm;
    padding: 4mm 0 3mm;
    border-bottom: .4mm solid #b82b2b;
}
.sheet-header h1[b-n3fhzujnbd] { margin: 0 0 1.5mm; font-size: 17pt; }
.sheet-header p[b-n3fhzujnbd] { margin: 0; color: #555; font-size: 8.5pt; }
.generated[b-n3fhzujnbd] { color: #666; font-size: 8pt; white-space: nowrap; }
.summary-grid[b-n3fhzujnbd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3mm;
    margin: 4mm 0;
}
.summary-grid > div[b-n3fhzujnbd] {
    display: flex;
    justify-content: space-between;
    gap: 5mm;
    padding: 2.5mm 3mm;
    border: .25mm solid #cfd3d7;
}
.summary-grid span[b-n3fhzujnbd] { color: #666; font-size: 7.5pt; text-transform: uppercase; }
.summary-grid strong[b-n3fhzujnbd] { font-size: 9pt; }
.print-table[b-n3fhzujnbd] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.print-table th[b-n3fhzujnbd] {
    padding: 2mm 1.5mm;
    border: .25mm solid #777;
    background: #eceeef;
    font-size: 7.5pt;
    text-align: left;
}
.print-table td[b-n3fhzujnbd] {
    padding: 1.8mm 1.5mm;
    border: .2mm solid #aaa;
    font-size: 7.5pt;
    vertical-align: top;
    word-break: break-word;
}
.print-table th:nth-child(1)[b-n3fhzujnbd], .print-table td:nth-child(1)[b-n3fhzujnbd] { width: 22mm; }
.print-table th:nth-child(2)[b-n3fhzujnbd], .print-table td:nth-child(2)[b-n3fhzujnbd] { width: 18mm; }
.print-table th:nth-child(4)[b-n3fhzujnbd], .print-table td:nth-child(4)[b-n3fhzujnbd] { width: 28mm; }
.print-table th:nth-child(5)[b-n3fhzujnbd], .print-table td:nth-child(5)[b-n3fhzujnbd] { width: 26mm; }
.print-table th:nth-child(6)[b-n3fhzujnbd], .print-table td:nth-child(6)[b-n3fhzujnbd] { width: 20mm; }
.money[b-n3fhzujnbd] { text-align: right !important; }
@media print {
    .no-print[b-n3fhzujnbd] { display: none !important; }
    .sheet[b-n3fhzujnbd] { width: auto; min-height: 0; margin: 0; }
}
/* /Components/Pages/Statistiche.razor.rz.scp.css */
.module-page[b-z92t7jzyud] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    color: #34383c;
}

.page-description[b-z92t7jzyud] {
    flex-shrink: 0;
    color: #34383c;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.analysis-tabs[b-z92t7jzyud] {
    display: flex;
    flex-shrink: 0;
    gap: 0;
    border-bottom: 1px solid #cfd3d7;
}

.analysis-tab[b-z92t7jzyud] {
    min-height: 34px;
    padding: 0 18px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #565c61;
    font-family: inherit;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

    .analysis-tab:hover[b-z92t7jzyud] {
        color: #c92f2f;
    }

    .analysis-tab.active[b-z92t7jzyud] {
        border-bottom-color: #c92f2f;
        color: #c92f2f;
    }

.toolbar-card[b-z92t7jzyud] {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    gap: 8px;
    padding: 9px 11px;
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.filter-field[b-z92t7jzyud] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .filter-field > span[b-z92t7jzyud] {
        color: #60666b;
        font-size: 8px;
        font-weight: 700;
        text-transform: uppercase;
    }

.supplier-field[b-z92t7jzyud] {
    width: 175px;
    flex-shrink: 0;
}

.category-field[b-z92t7jzyud] {
    width: 155px;
    flex-shrink: 0;
}

.search-field[b-z92t7jzyud] {
    min-width: 200px;
    flex: 1 1 290px;
}

.date-field[b-z92t7jzyud] {
    width: 140px;
    flex-shrink: 0;
}

.filter-field select[b-z92t7jzyud],
.filter-field > input[b-z92t7jzyud] {
    width: 100%;
    min-height: 38px;
    padding: 0 9px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    outline: 0;
    background: #ffffff;
    color: #2d3135;
    font-family: inherit;
    font-size: 10px;
}

.autocomplete-filter[b-z92t7jzyud] {
    position: relative;
}

.filter-search-box[b-z92t7jzyud] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 8px 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .filter-search-box:focus-within[b-z92t7jzyud] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
    }

.filter-search-icon[b-z92t7jzyud] {
    flex-shrink: 0;
    color: #7b8085;
    font-size: 16px;
}

.filter-search-box input[b-z92t7jzyud] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #24272a;
    font-family: inherit;
    font-size: 10px;
}

.clear-filter-button[b-z92t7jzyud] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    padding: 0;
    border: 0;
    border-radius: 5px;
    background: transparent;
    color: #777d82;
    font-family: inherit;
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
}

    .clear-filter-button:hover[b-z92t7jzyud] {
        background: #f0f1f2;
        color: #c92f2f;
    }

.filter-autocomplete-menu[b-z92t7jzyud] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    z-index: 250;
    max-height: 310px;
    overflow: auto;
    border: 1px solid #cfd3d7;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
}

    .filter-autocomplete-menu button[b-z92t7jzyud] {
        width: 100%;
        min-height: 39px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 3px;
        padding: 7px 9px;
        border: 0;
        border-bottom: 1px solid #eceeef;
        background: #ffffff;
        color: #34383c;
        font-family: inherit;
        text-align: left;
        cursor: pointer;
    }

        .filter-autocomplete-menu button:hover[b-z92t7jzyud] {
            background: #fff3f3;
        }

        .filter-autocomplete-menu button:last-child[b-z92t7jzyud] {
            border-bottom: 0;
        }

        .filter-autocomplete-menu button strong[b-z92t7jzyud] {
            width: 100%;
            overflow: hidden;
            font-size: 9px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .filter-autocomplete-menu button span[b-z92t7jzyud] {
            color: #777d82;
            font-size: 8px;
        }

    .filter-autocomplete-menu .all-option[b-z92t7jzyud] {
        background: #f7f8f9;
    }

.filter-empty-result[b-z92t7jzyud] {
    padding: 11px 9px;
    color: #747a7f;
    font-size: 9px;
    text-align: center;
}

.search-box[b-z92t7jzyud] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid #cfd3d7;
    border-radius: 7px;
    background: #ffffff;
}

    .search-box > span[b-z92t7jzyud] {
        color: #7b8085;
        font-size: 16px;
    }

    .search-box input[b-z92t7jzyud] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24272a;
        font-family: inherit;
        font-size: 10px;
    }

    .search-box:focus-within[b-z92t7jzyud],
    .filter-field select:focus[b-z92t7jzyud],
    .filter-field > input:focus[b-z92t7jzyud] {
        border-color: #c92f2f;
        box-shadow: 0 0 0 3px rgba(201, 47, 47, 0.08);
    }

.search-button[b-z92t7jzyud],
.secondary-button[b-z92t7jzyud],
.graph-button[b-z92t7jzyud],
.export-button[b-z92t7jzyud] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.search-button[b-z92t7jzyud] {
    border: 1px solid #3b3d3f;
    background: #3b3d3f;
    color: #ffffff;
}

.secondary-button[b-z92t7jzyud] {
    border: 1px solid #cfd3d7;
    background: #ffffff;
    color: #44484c;
}

.graph-button[b-z92t7jzyud] {
    border: 1px solid #667078;
    background: #667078;
    color: #ffffff;
}

.export-button[b-z92t7jzyud] {
    border: 1px solid #2f7650;
    background: #2f7650;
    color: #ffffff;
}

    .export-button.disabled[b-z92t7jzyud] {
        pointer-events: none;
        opacity: 0.5;
    }

button:disabled[b-z92t7jzyud] {
    cursor: not-allowed;
    opacity: 0.55;
}

.message-card[b-z92t7jzyud],
.table-card[b-z92t7jzyud] {
    border: 1px solid #d7dade;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.message-card[b-z92t7jzyud] {
    flex-shrink: 0;
    padding: 9px 12px;
    font-size: 10px;
}

    .message-card.error[b-z92t7jzyud] {
        border-color: #e8b6b6;
        background: #fff4f4;
        color: #a82828;
    }

.summary-grid[b-z92t7jzyud] {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 7px;
}

.summary-card[b-z92t7jzyud] {
    min-width: 0;
    min-height: 58px;
    padding: 8px 10px;
    border: 1px solid #d9dcdf;
    border-radius: 8px;
    background: #ffffff;
}

    .summary-card span[b-z92t7jzyud] {
        display: block;
        color: #73797e;
        font-size: 7px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .summary-card strong[b-z92t7jzyud] {
        display: block;
        margin-top: 7px;
        overflow: hidden;
        color: #34383c;
        font-size: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .summary-card.primary[b-z92t7jzyud] {
        border-color: #c8d8e9;
        background: #f3f7fc;
    }

        .summary-card.primary strong[b-z92t7jzyud] {
            color: #2868aa;
        }

        .summary-card.primary.purchase[b-z92t7jzyud] {
            border-color: #c7dfcf;
            background: #f1f9f3;
        }

            .summary-card.primary.purchase strong[b-z92t7jzyud] {
                color: #287145;
            }

    .summary-card.margin[b-z92t7jzyud] {
        border-color: #ead1a6;
        background: #fff8ec;
    }

        .summary-card.margin strong[b-z92t7jzyud] {
            color: #8b651e;
        }

    .summary-card.text-card strong[b-z92t7jzyud] {
        font-size: 10px;
        line-height: 1.25;
    }

.table-card[b-z92t7jzyud] {
    min-width: 0;
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.table-heading[b-z92t7jzyud] {
    display: flex;
    min-height: 27px;
    align-items: center;
    justify-content: flex-end;
    padding: 0 10px;
    border-bottom: 1px solid #e0e3e5;
    color: #666c71;
    font-size: 8px;
}

.table-wrapper[b-z92t7jzyud] {
    min-height: 0;
    flex: 1;
    overflow: auto;
}

.data-table[b-z92t7jzyud] {
    width: 100%;
    min-width: 1060px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 9px;
}

    .data-table thead[b-z92t7jzyud] {
        position: sticky;
        top: 0;
        z-index: 2;
        background: #f0f1f2;
    }

    .data-table th[b-z92t7jzyud],
    .data-table td[b-z92t7jzyud] {
        padding: 8px 8px;
        border-bottom: 1px solid #e5e7e9;
        vertical-align: middle;
    }

    .data-table th[b-z92t7jzyud] {
        color: #45494d;
        font-size: 8px;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }

    .data-table td[b-z92t7jzyud] {
        height: 39px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .data-table tbody tr:hover[b-z92t7jzyud] {
        background: #faf2f2;
    }

.code-cell[b-z92t7jzyud],
.description-cell[b-z92t7jzyud] {
    font-weight: 700;
}

.number-cell[b-z92t7jzyud],
.money-cell[b-z92t7jzyud] {
    text-align: right;
}

    .money-cell.positive[b-z92t7jzyud] {
        color: #26713f;
        font-weight: 700;
    }

    .money-cell.negative[b-z92t7jzyud] {
        color: #a52c2c;
        font-weight: 700;
    }

.sales-table th:nth-child(1)[b-z92t7jzyud],
.sales-table td:nth-child(1)[b-z92t7jzyud] {
    width: 12%;
}

.sales-table th:nth-child(2)[b-z92t7jzyud],
.sales-table td:nth-child(2)[b-z92t7jzyud] {
    width: 19%;
}

.sales-table th:nth-child(3)[b-z92t7jzyud],
.sales-table td:nth-child(3)[b-z92t7jzyud] {
    width: 12%;
}

.sales-table th:nth-child(4)[b-z92t7jzyud],
.sales-table td:nth-child(4)[b-z92t7jzyud] {
    width: 8%;
}

.sales-table th:nth-child(5)[b-z92t7jzyud],
.sales-table td:nth-child(5)[b-z92t7jzyud] {
    width: 8%;
}

.sales-table th:nth-child(6)[b-z92t7jzyud],
.sales-table td:nth-child(6)[b-z92t7jzyud] {
    width: 7%;
}

.sales-table th:nth-child(7)[b-z92t7jzyud],
.sales-table td:nth-child(7)[b-z92t7jzyud],
.sales-table th:nth-child(8)[b-z92t7jzyud],
.sales-table td:nth-child(8)[b-z92t7jzyud],
.sales-table th:nth-child(9)[b-z92t7jzyud],
.sales-table td:nth-child(9)[b-z92t7jzyud],
.sales-table th:nth-child(10)[b-z92t7jzyud],
.sales-table td:nth-child(10)[b-z92t7jzyud] {
    width: 8.5%;
}

.purchases-table th:nth-child(1)[b-z92t7jzyud],
.purchases-table td:nth-child(1)[b-z92t7jzyud] {
    width: 11%;
}

.purchases-table th:nth-child(2)[b-z92t7jzyud],
.purchases-table td:nth-child(2)[b-z92t7jzyud] {
    width: 16%;
}

.purchases-table th:nth-child(3)[b-z92t7jzyud],
.purchases-table td:nth-child(3)[b-z92t7jzyud] {
    width: 15%;
}

.purchases-table th:nth-child(4)[b-z92t7jzyud],
.purchases-table td:nth-child(4)[b-z92t7jzyud] {
    width: 10%;
}

.purchases-table th:nth-child(5)[b-z92t7jzyud],
.purchases-table td:nth-child(5)[b-z92t7jzyud] {
    width: 7%;
}

.purchases-table th:nth-child(6)[b-z92t7jzyud],
.purchases-table td:nth-child(6)[b-z92t7jzyud] {
    width: 7%;
}

.purchases-table th:nth-child(7)[b-z92t7jzyud],
.purchases-table td:nth-child(7)[b-z92t7jzyud],
.purchases-table th:nth-child(8)[b-z92t7jzyud],
.purchases-table td:nth-child(8)[b-z92t7jzyud],
.purchases-table th:nth-child(9)[b-z92t7jzyud],
.purchases-table td:nth-child(9)[b-z92t7jzyud],
.purchases-table th:nth-child(10)[b-z92t7jzyud],
.purchases-table td:nth-child(10)[b-z92t7jzyud],
.purchases-table th:nth-child(11)[b-z92t7jzyud],
.purchases-table td:nth-child(11)[b-z92t7jzyud] {
    width: 6.8%;
}

.empty-state[b-z92t7jzyud],
.empty-row[b-z92t7jzyud] {
    color: #747a7f;
    text-align: center;
}

.empty-state[b-z92t7jzyud] {
    padding: 70px 20px;
    font-size: 11px;
}

.empty-row[b-z92t7jzyud] {
    height: 170px !important;
}

/* GRAFICI */

.modal-overlay[b-z92t7jzyud] {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
    background: rgba(23, 26, 29, 0.52);
}

.charts-modal[b-z92t7jzyud] {
    width: min(960px, 96vw);
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd3d6;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 22px 65px rgba(0, 0, 0, 0.26);
}

.modal-header[b-z92t7jzyud] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 15px 18px 12px;
    border-bottom: 1px solid #dfe2e4;
}

.modal-kicker[b-z92t7jzyud] {
    color: #c92f2f;
    font-size: 7px;
    font-weight: 800;
}

.modal-header h2[b-z92t7jzyud] {
    margin: 5px 0 0;
    color: #2f3337;
    font-size: 17px;
}

.close-button[b-z92t7jzyud] {
    width: 33px;
    height: 33px;
    border: 1px solid #d0d4d7;
    border-radius: 7px;
    background: #ffffff;
    color: #575d62;
    font-size: 20px;
    cursor: pointer;
}

.chart-tabs[b-z92t7jzyud] {
    display: flex;
    gap: 0;
    overflow-x: auto;
    border-bottom: 1px solid #dfe2e4;
}

.chart-tab[b-z92t7jzyud] {
    min-height: 39px;
    padding: 0 16px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: #fafafa;
    color: #4f555a;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}

    .chart-tab.active[b-z92t7jzyud] {
        border-bottom-color: #c92f2f;
        background: #ffffff;
        color: #c92f2f;
    }

.chart-content[b-z92t7jzyud] {
    min-height: 330px;
    flex: 1;
    overflow: auto;
    padding: 18px;
}

.bar-row[b-z92t7jzyud] {
    display: grid;
    grid-template-columns: 235px 1fr 155px;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.bar-label[b-z92t7jzyud] {
    overflow: hidden;
    color: #2f3438;
    font-size: 11.5px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bar-track[b-z92t7jzyud] {
    height: 22px;
    overflow: hidden;
    border-radius: 5px;
    background: #edf0f2;
}

.bar-fill[b-z92t7jzyud] {
    height: 100%;
    min-width: 2px;
    border-radius: 5px;
}

    .bar-fill.sales[b-z92t7jzyud] {
        background: linear-gradient( 90deg, #2868aa, #4b8ed1 );
    }

    .bar-fill.purchases[b-z92t7jzyud] {
        background: linear-gradient( 90deg, #287145, #4a9b68 );
    }

.bar-value[b-z92t7jzyud] {
    color: #25292d;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    text-align: right;
}

    .bar-value small[b-z92t7jzyud] {
        display: block;
        margin-top: 4px;
        color: #5f666b;
        font-size: 9px;
        font-weight: 700;
    }

.empty-chart[b-z92t7jzyud] {
    padding: 100px 20px;
    color: #777d82;
    text-align: center;
}

.modal-footer[b-z92t7jzyud] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    padding: 10px 18px;
    border-top: 1px solid #dfe2e4;
    background: #fafafa;
}

    .modal-footer span[b-z92t7jzyud] {
        margin-right: auto;
        color: #656c71;
        font-size: 9px;
        font-weight: 600;
    }

@media (max-width: 1150px) {
    .toolbar-card[b-z92t7jzyud] {
        flex-wrap: wrap;
    }

    .summary-grid[b-z92t7jzyud] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .supplier-field[b-z92t7jzyud],
    .category-field[b-z92t7jzyud],
    .date-field[b-z92t7jzyud] {
        width: 100%;
    }

    .search-field[b-z92t7jzyud] {
        flex-basis: 100%;
    }

    .summary-grid[b-z92t7jzyud] {
        grid-template-columns: 1fr 1fr;
    }

    .bar-row[b-z92t7jzyud] {
        grid-template-columns: 155px 1fr 115px;
    }

    .bar-label[b-z92t7jzyud] {
        font-size: 10.5px;
    }

    .bar-value[b-z92t7jzyud] {
        font-size: 11.5px;
    }

        .bar-value small[b-z92t7jzyud] {
            font-size: 8.5px;
        }
}


/* Statistiche - tendine e filtri più leggibili */
.filter-field > span[b-z92t7jzyud] {
    font-size: 10.5px !important;
    line-height: 1.1;
}

.filter-search-box input[b-z92t7jzyud],
.search-box input[b-z92t7jzyud],
.filter-field select[b-z92t7jzyud],
.filter-field > input[b-z92t7jzyud] {
    font-size: 13px !important;
}

.filter-search-box[b-z92t7jzyud],
.search-box[b-z92t7jzyud],
.filter-field select[b-z92t7jzyud],
.filter-field > input[b-z92t7jzyud] {
    min-height: 40px !important;
}

.filter-autocomplete-menu[b-z92t7jzyud] {
    min-width: 220px;
    max-height: 360px;
}

.supplier-field .filter-autocomplete-menu[b-z92t7jzyud] {
    min-width: 260px;
}

.category-field .filter-autocomplete-menu[b-z92t7jzyud] {
    min-width: 240px;
}

.filter-autocomplete-menu button[b-z92t7jzyud] {
    min-height: 48px !important;
    padding: 8px 10px !important;
    gap: 4px !important;
}

.filter-autocomplete-menu button strong[b-z92t7jzyud] {
    font-size: 12.5px !important;
    line-height: 1.25;
}

.filter-autocomplete-menu button span[b-z92t7jzyud] {
    font-size: 10.5px !important;
    line-height: 1.2;
}

.filter-empty-result[b-z92t7jzyud] {
    font-size: 11.5px !important;
    padding: 12px 10px !important;
}

.clear-filter-button[b-z92t7jzyud] {
    font-size: 18px !important;
}

/* Anche le altre select/tendine della pagina statistiche */
.module-page select[b-z92t7jzyud],
.graph-modal select[b-z92t7jzyud] {
    font-size: 13px !important;
}

.analysis-tabs button[b-z92t7jzyud],
.search-button[b-z92t7jzyud],
.secondary-button[b-z92t7jzyud],
.graph-button[b-z92t7jzyud],
.export-button[b-z92t7jzyud] {
    font-size: 11.5px !important;
}
/* /Components/Pages/VenditaRicambi.razor.rz.scp.css */
.module-page[b-qe1t8xcecd] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    overflow: hidden;
    color: #303438;
}

.page-description[b-qe1t8xcecd] {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.sales-tabs[b-qe1t8xcecd] {
    min-height: 37px;
    display: flex;
    flex-shrink: 0;
    align-items: flex-end;
    gap: 4px;
    padding: 0 9px;
    border-bottom: 1px solid #d4d7da;
    background: #ffffff;
    border-radius: 9px 9px 0 0;
}

.sale-tab[b-qe1t8xcecd],
.add-tab-button[b-qe1t8xcecd] {
    min-height: 35px;
    padding: 0 14px;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #555b60;
    font-family: inherit;
    font-size: 11px;
    cursor: pointer;
}

.sale-tab[b-qe1t8xcecd] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

    .sale-tab span[b-qe1t8xcecd] {
        min-width: 18px;
        min-height: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #e9ebed;
        font-size: 8px;
        font-weight: 700;
    }

    .sale-tab.active[b-qe1t8xcecd] {
        border-bottom-color: #cf3030;
        color: #cf3030;
        font-weight: 700;
    }

.add-tab-button[b-qe1t8xcecd] {
    width: 36px;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
}

    .add-tab-button:disabled[b-qe1t8xcecd] {
        cursor: not-allowed;
        opacity: 0.35;
    }

.message[b-qe1t8xcecd] {
    flex-shrink: 0;
    padding: 9px 11px;
    border-radius: 7px;
    font-size: 10px;
}

.error-message[b-qe1t8xcecd] {
    border: 1px solid #e3b9b9;
    background: #fff0f0;
    color: #a32c2c;
}

.success-message[b-qe1t8xcecd] {
    border: 1px solid #baddc7;
    background: #eff9f3;
    color: #287349;
}

.sale-card[b-qe1t8xcecd] {
    min-height: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d5d8db;
    border-radius: 0 0 10px 10px;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.04);
}

.sale-title[b-qe1t8xcecd] {
    flex-shrink: 0;
    padding: 9px 13px 3px;
    color: #34383c;
    font-size: 15px;
    font-weight: 750;
    text-align: center;
}

.customer-row[b-qe1t8xcecd] {
    position: relative;
    z-index: 30;
    display: grid;
    flex-shrink: 0;
    grid-template-columns: minmax(280px, 1.5fr) 110px minmax(180px, 0.8fr);
    align-items: end;
    gap: 9px;
    padding: 6px 13px 9px;
}

.field[b-qe1t8xcecd] {
    min-width: 0;
}

    .field label[b-qe1t8xcecd],
    .cash-reference label[b-qe1t8xcecd] {
        display: block;
        margin-bottom: 5px;
        color: #686e73;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .field input[b-qe1t8xcecd],
    .field select[b-qe1t8xcecd],
    .cash-reference input[b-qe1t8xcecd] {
        width: 100%;
        min-height: 37px;
        padding: 0 10px;
        border: 1px solid #cfd3d6;
        border-radius: 7px;
        background: #ffffff;
        color: #303438;
        font-family: inherit;
        font-size: 11px;
        outline: none;
    }

        .field input:focus[b-qe1t8xcecd],
        .field select:focus[b-qe1t8xcecd],
        .cash-reference input:focus[b-qe1t8xcecd] {
            border-color: #c93030;
            box-shadow: 0 0 0 2px rgba(201, 48, 48, 0.08);
        }

.selected-customer[b-qe1t8xcecd],
.customer-confirmed[b-qe1t8xcecd] {
    min-height: 37px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 5px 9px;
    border: 1px solid #cfd3d6;
    border-radius: 7px;
    background: #f7f8f8;
}

    .selected-customer div[b-qe1t8xcecd],
    .customer-confirmed div[b-qe1t8xcecd] {
        min-width: 0;
    }

    .selected-customer strong[b-qe1t8xcecd],
    .customer-confirmed strong[b-qe1t8xcecd] {
        display: block;
        overflow: hidden;
        color: #34383c;
        font-size: 11px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selected-customer span[b-qe1t8xcecd],
    .customer-confirmed span[b-qe1t8xcecd] {
        display: block;
        margin-top: 2px;
        color: #81868b;
        font-size: 10px;
    }

    .selected-customer button[b-qe1t8xcecd],
    .customer-confirmed button[b-qe1t8xcecd] {
        flex-shrink: 0;
        border: 0;
        background: transparent;
        color: #b62e2e;
        font-family: inherit;
        font-size: 10px;
        font-weight: 700;
        cursor: pointer;
    }


.customer-search-line[b-qe1t8xcecd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.customer-search-line > input[b-qe1t8xcecd] {
    flex: 1 1 auto;
    min-width: 0;
}

.customer-back-button[b-qe1t8xcecd] {
    flex: 0 0 auto;
    min-height: 37px;
    padding: 0 12px;
    border: 1px solid #d5d8da;
    border-radius: 7px;
    background: #fff;
    color: #b62e2e;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.customer-back-button:hover[b-qe1t8xcecd] {
    background: #fff7f7;
    border-color: #c93030;
}

.invoice-check[b-qe1t8xcecd] {
    min-height: 37px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid #d5d8db;
    border-radius: 7px;
    background: #fafafa;
    color: #4d5257;
    font-size: 11px;
    cursor: pointer;
}

    .invoice-check input[b-qe1t8xcecd] {
        width: 15px;
        height: 15px;
        accent-color: #c93030;
    }

.secondary-button[b-qe1t8xcecd],
.dark-button[b-qe1t8xcecd] {
    min-height: 37px;
    padding: 0 13px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.secondary-button[b-qe1t8xcecd] {
    border: 1px solid #bfc4c8;
    background: #ffffff;
    color: #484d52;
}

    .secondary-button:hover:not(:disabled)[b-qe1t8xcecd] {
        background: #f1f2f3;
    }

.dark-button[b-qe1t8xcecd] {
    border: 1px solid #383b3f;
    background: #383b3f;
    color: #ffffff;
}

    .dark-button:hover:not(:disabled)[b-qe1t8xcecd] {
        background: #25282b;
    }

    .secondary-button:disabled[b-qe1t8xcecd],
    .dark-button:disabled[b-qe1t8xcecd] {
        cursor: not-allowed;
        opacity: 0.45;
    }

.article-entry[b-qe1t8xcecd] {
    position: relative;
    z-index: 20;
    display: grid;
    flex-shrink: 0;
    grid-template-columns: minmax(290px, 2fr) 85px minmax(150px, 1fr) 110px 85px 90px 91px;
    align-items: end;
    gap: 7px;
    padding: 8px 13px 10px;
    border-top: 1px solid #e2e4e6;
    background: #fbfbfb;
}

.selected-article[b-qe1t8xcecd] {
    display: grid;
    grid-template-columns: minmax(85px, auto) minmax(0, 1fr) auto;
    gap: 7px;
    margin-top: 5px;
    padding: 6px 8px;
    border: 1px solid #d6d9dc;
    border-radius: 6px;
    background: #ffffff;
    font-size: 10px;
}

    .selected-article strong[b-qe1t8xcecd] {
        color: #2e3236;
    }

    .selected-article span[b-qe1t8xcecd] {
        overflow: hidden;
        color: #555b60;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .selected-article small[b-qe1t8xcecd] {
        color: #7b8085;
    }

.autocomplete[b-qe1t8xcecd] {
    position: relative;
}

.autocomplete-menu[b-qe1t8xcecd],
.autocomplete-status[b-qe1t8xcecd] {
    position: absolute;
    top: calc(100% + 3px);
    right: 0;
    left: 0;
    z-index: 100;
    max-height: 260px;
    overflow: auto;
    border: 1px solid #cfd3d6;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
}

.autocomplete-status[b-qe1t8xcecd] {
    padding: 10px;
    color: #777d82;
    font-size: 10px;
}

.autocomplete-menu button[b-qe1t8xcecd] {
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    border: 0;
    border-bottom: 1px solid #eceeef;
    background: #ffffff;
    color: #35393d;
    font-family: inherit;
    font-size: 11px;
    text-align: left;
    cursor: pointer;
}

    .autocomplete-menu button:hover[b-qe1t8xcecd] {
        background: #f7eeee;
    }

    .autocomplete-menu button:last-child[b-qe1t8xcecd] {
        border-bottom: 0;
    }

    .autocomplete-menu button strong[b-qe1t8xcecd] {
        flex-shrink: 0;
        color: #282c30;
    }

    .autocomplete-menu button span[b-qe1t8xcecd] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.article-menu button[b-qe1t8xcecd] {
    justify-content: space-between;
}

.article-result-main[b-qe1t8xcecd] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .article-result-main strong[b-qe1t8xcecd],
    .article-result-main span[b-qe1t8xcecd] {
        display: block;
    }

.article-result-stock[b-qe1t8xcecd] {
    flex-shrink: 0;
    color: #777d82;
    font-size: 10px;
}

.sale-table-shell[b-qe1t8xcecd] {
    min-width: 0;
    min-height: 0;
    flex: 1;
    overflow: auto;
    border-top: 1px solid #d8dbde;
    border-bottom: 1px solid #d8dbde;
}

.sale-table[b-qe1t8xcecd] {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #35393d;
    font-size: 11px;
}

    .sale-table thead[b-qe1t8xcecd] {
        position: sticky;
        top: 0;
        z-index: 5;
        background: #eef0f1;
    }

    .sale-table th[b-qe1t8xcecd] {
        padding: 8px 8px;
        border-right: 1px solid #d8dbde;
        border-bottom: 1px solid #cfd3d6;
        color: #4b5055;
        font-size: 10px;
        font-weight: 750;
        text-align: left;
        white-space: nowrap;
    }

    .sale-table td[b-qe1t8xcecd] {
        height: 39px;
        padding: 5px 7px;
        overflow: hidden;
        border-right: 1px solid #e0e2e4;
        border-bottom: 1px solid #e8eaec;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    .sale-table tbody tr:nth-child(even)[b-qe1t8xcecd] {
        background: #fafafa;
    }

    .sale-table tbody tr:hover[b-qe1t8xcecd] {
        background: #f8eeee;
    }

    .sale-table th:nth-child(1)[b-qe1t8xcecd],
    .sale-table td:nth-child(1)[b-qe1t8xcecd] {
        width: 120px;
    }

    .sale-table th:nth-child(2)[b-qe1t8xcecd],
    .sale-table td:nth-child(2)[b-qe1t8xcecd] {
        width: 30%;
    }

    .sale-table th:nth-child(3)[b-qe1t8xcecd],
    .sale-table td:nth-child(3)[b-qe1t8xcecd] {
        width: 110px;
    }

    .sale-table th:nth-child(4)[b-qe1t8xcecd],
    .sale-table td:nth-child(4)[b-qe1t8xcecd] {
        width: 105px;
    }

    .sale-table th:nth-child(5)[b-qe1t8xcecd],
    .sale-table td:nth-child(5)[b-qe1t8xcecd] {
        width: 90px;
    }

    .sale-table th:nth-child(6)[b-qe1t8xcecd],
    .sale-table td:nth-child(6)[b-qe1t8xcecd] {
        width: 90px;
    }

    .sale-table th:nth-child(7)[b-qe1t8xcecd],
    .sale-table td:nth-child(7)[b-qe1t8xcecd] {
        width: 105px;
    }

    .sale-table th:nth-child(8)[b-qe1t8xcecd],
    .sale-table td:nth-child(8)[b-qe1t8xcecd] {
        width: 43px;
    }

    .sale-table input[b-qe1t8xcecd],
    .sale-table select[b-qe1t8xcecd] {
        width: 100%;
        min-height: 28px;
        padding: 0 6px;
        border: 1px solid #cfd3d6;
        border-radius: 5px;
        background: #ffffff;
        font-family: inherit;
        font-size: 11px;
    }

.code-cell[b-qe1t8xcecd] {
    color: #292d31;
    font-weight: 700;
}

.money-cell[b-qe1t8xcecd] {
    font-weight: 700;
    text-align: right;
}

.delete-cell[b-qe1t8xcecd] {
    text-align: center;
}

    .delete-cell button[b-qe1t8xcecd] {
        width: 26px;
        height: 26px;
        border: 1px solid #d89797;
        border-radius: 5px;
        background: #fff3f3;
        color: #bd2e2e;
        font-family: inherit;
        font-size: 16px;
        line-height: 1;
        cursor: pointer;
    }

.empty-cell[b-qe1t8xcecd] {
    height: 150px !important;
    color: #7b8085;
    text-align: center;
}

.stock-insufficient[b-qe1t8xcecd] {
    background: #fff4df !important;
}

.stock-warning[b-qe1t8xcecd] {
    display: block;
    margin-top: 3px;
    color: #a36c0d;
    font-size: 9px;
    font-weight: 700;
}

.sale-bottom[b-qe1t8xcecd] {
    display: grid;
    flex-shrink: 0;
    grid-template-columns: minmax(320px, 0.9fr) minmax(280px, 1.1fr);
    align-items: end;
    gap: 20px;
    padding: 10px 13px;
}

.totals[b-qe1t8xcecd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

    .totals div[b-qe1t8xcecd] {
        min-height: 50px;
        padding: 8px 10px;
        border: 1px solid #d7dade;
        border-radius: 7px;
        background: #fafafa;
    }

    .totals span[b-qe1t8xcecd] {
        display: block;
        color: #62686d;
        font-size: 12px;
        font-weight: 700;
    }

    .totals strong[b-qe1t8xcecd] {
        display: block;
        margin-top: 5px;
        color: #303438;
        font-size: 17px;
    }

    .totals .grand-total[b-qe1t8xcecd] {
        border-color: #d3a1a1;
        background: #fff5f5;
    }

        .totals .grand-total strong[b-qe1t8xcecd] {
            color: #b42b2b;
        }


/* Riepilogo vendita: testo più leggibile */
.cash-reference label[b-qe1t8xcecd] {
    margin-bottom: 6px;
    color: #555b60;
    font-size: 12px;
    font-weight: 750;
}

.cash-reference input[b-qe1t8xcecd] {
    min-height: 40px;
    font-size: 13px;
    font-weight: 600;
}

.sale-actions[b-qe1t8xcecd] {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    gap: 16px;
    padding: 0 13px 12px;
}

    .sale-actions button[b-qe1t8xcecd] {
        min-width: 145px;
    }

.result-overlay[b-qe1t8xcecd] {
    position: fixed;
    inset: 0;
    z-index: 1800;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(20, 23, 26, 0.50);
}

.result-modal[b-qe1t8xcecd] {
    width: min(470px, 95vw);
    padding: 23px;
    border: 1px solid #cfd3d6;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(0, 0, 0, 0.24);
    text-align: center;
}

.result-icon[b-qe1t8xcecd] {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e4f4ea;
    color: #2c8654;
    font-size: 25px;
    font-weight: 700;
}

.result-modal h2[b-qe1t8xcecd] {
    margin: 10px 0 17px;
    color: #303438;
    font-size: 17px;
}

.result-grid[b-qe1t8xcecd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 18px;
    text-align: left;
}

    .result-grid div[b-qe1t8xcecd] {
        padding: 9px 10px;
        border: 1px solid #d9dcdf;
        border-radius: 7px;
        background: #fafafa;
    }

    .result-grid span[b-qe1t8xcecd] {
        display: block;
        color: #777d82;
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .result-grid strong[b-qe1t8xcecd] {
        display: block;
        margin-top: 5px;
        color: #303438;
        font-size: 14px;
    }

    .result-grid .result-total[b-qe1t8xcecd] {
        grid-column: 1 / -1;
        border-color: #d4a3a3;
        background: #fff4f4;
    }

        .result-grid .result-total strong[b-qe1t8xcecd] {
            color: #b52e2e;
            font-size: 17px;
        }

.result-modal > button[b-qe1t8xcecd] {
    min-width: 110px;
}

@media (max-width: 1150px) {
    .article-entry[b-qe1t8xcecd] {
        grid-template-columns: minmax(270px, 2fr) 80px minmax(140px, 1fr) 100px;
    }

    .discount-field[b-qe1t8xcecd],
    .vat-field[b-qe1t8xcecd],
    .add-row-button[b-qe1t8xcecd] {
        margin-top: 2px;
    }
}

@media (max-width: 850px) {
    .module-page[b-qe1t8xcecd] {
        overflow: auto;
    }

    .customer-row[b-qe1t8xcecd],
    .article-entry[b-qe1t8xcecd],
    .sale-bottom[b-qe1t8xcecd] {
        grid-template-columns: 1fr;
    }

    .sale-card[b-qe1t8xcecd] {
        min-height: 760px;
        overflow: visible;
    }

    .sale-table-shell[b-qe1t8xcecd] {
        min-height: 280px;
    }

    .sale-actions[b-qe1t8xcecd] {
        flex-wrap: wrap;
    }
}

.article-label-row[b-qe1t8xcecd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 5px;
}

.article-label-row label[b-qe1t8xcecd] {
    margin-bottom: 0;
}

.manual-article-toggle[b-qe1t8xcecd] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #b62e2e;
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.manual-article-toggle.active[b-qe1t8xcecd] {
    color: #4b5055;
}

.manual-article-fields[b-qe1t8xcecd] {
    display: grid;
    grid-template-columns: minmax(75px, 0.32fr) minmax(160px, 1fr);
    gap: 6px;
}


.manual-article-result[b-qe1t8xcecd] {
    background: #fff8f7 !important;
    border-top: 1px solid #ead8d5 !important;
}

.manual-article-result strong[b-qe1t8xcecd] {
    color: #b62e2e !important;
}

.manual-article-result .article-result-main[b-qe1t8xcecd] {
    width: 100%;
}

.result-actions[b-qe1t8xcecd] {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.result-actions button[b-qe1t8xcecd] {
    min-width: 110px;
}

/* Stampa buono - layout storico DR */
.buono-print-area[b-qe1t8xcecd] { display: none; }

@media print {
    @page { size: A4 portrait; margin: 5mm; }

    .buono-print-area[b-qe1t8xcecd] {
        display: block !important;
        position: fixed;
        inset: 0;
        z-index: 2147483647;
        width: 100%;
        min-height: 100%;
        padding: 3mm;
        box-sizing: border-box;
        background: #fff;
        color: #111;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8.5pt;
        line-height: 1.05;
    }

    .legacy-top[b-qe1t8xcecd] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12mm;
        min-height: 38mm;
        align-items: start;
    }

    .legacy-company[b-qe1t8xcecd] {
        display: flex;
        flex-direction: column;
        gap: 1.5mm;
        padding: 3mm 0 0 1mm;
        font-size: 10pt;
    }

    .legacy-company-logo[b-qe1t8xcecd] { width: 27mm; height: auto; object-fit: contain; margin-bottom: 1mm; }

    .legacy-company strong[b-qe1t8xcecd] { font-size: 10pt; }

    .legacy-customer-box[b-qe1t8xcecd] {
        min-height: 31mm;
        border: 1px solid #222;
        border-radius: 4mm;
        padding: 3mm 4mm;
        display: flex;
        flex-direction: column;
        gap: 2mm;
        font-size: 9.5pt;
    }

    .legacy-customer-box .legacy-label[b-qe1t8xcecd],
    .legacy-meta span[b-qe1t8xcecd],
    .legacy-totals span[b-qe1t8xcecd],
    .legacy-deadlines > span[b-qe1t8xcecd],
    .legacy-notes > span[b-qe1t8xcecd] {
        font-family: Arial, sans-serif;
        font-size: 5.8pt;
        line-height: 1;
    }

    .legacy-customer-box strong[b-qe1t8xcecd] { margin-top: 2mm; font-size: 10pt; }

    .legacy-meta[b-qe1t8xcecd] {
        display: grid;
        width: 100%;
        gap: 0;
        margin-top: 1.2mm;
    }

    .legacy-meta-main[b-qe1t8xcecd] { grid-template-columns: 1.15fr .9fr .85fr .85fr .9fr 2fr 1.55fr 1.45fr .55fr; }
    .legacy-meta-payment[b-qe1t8xcecd] { grid-template-columns: 1.1fr 1.6fr; }
    .legacy-meta-doc[b-qe1t8xcecd] { grid-template-columns: 1fr 1fr .75fr 1.8fr; }

    .legacy-meta > div[b-qe1t8xcecd] {
        min-height: 9mm;
        border: 1px solid #222;
        border-radius: 2.3mm;
        margin-right: -1px;
        padding: 1mm 1.5mm;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .legacy-meta strong[b-qe1t8xcecd] {
        text-align: center;
        font-size: 8.5pt;
        font-weight: 400;
        white-space: nowrap;
    }

    .legacy-items[b-qe1t8xcecd] {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        margin-top: 1.2mm;
        font-size: 8pt;
    }

    .legacy-items th[b-qe1t8xcecd],
    .legacy-items td[b-qe1t8xcecd] {
        border-left: 1px solid #222;
        border-right: 1px solid #222;
        padding: 1mm 1.2mm;
        vertical-align: top;
        overflow-wrap: anywhere;
    }

    .legacy-items th[b-qe1t8xcecd] {
        height: 6mm;
        border-top: 1px solid #222;
        border-bottom: 1px solid #222;
        padding: 1.2mm .7mm;
        font-family: Arial, sans-serif;
        font-size: 5.7pt;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
    }

    .legacy-items tbody tr.item-row td[b-qe1t8xcecd] { border-bottom: 0; }
    .legacy-items tbody tr.item-filler td[b-qe1t8xcecd] { height: 92mm; border-bottom: 1px solid #222; }

    .legacy-items th:nth-child(1)[b-qe1t8xcecd], .legacy-items td:nth-child(1)[b-qe1t8xcecd] { width: 17%; }
    .legacy-items th:nth-child(2)[b-qe1t8xcecd], .legacy-items td:nth-child(2)[b-qe1t8xcecd] { width: 33%; }
    .legacy-items th:nth-child(3)[b-qe1t8xcecd], .legacy-items td:nth-child(3)[b-qe1t8xcecd] { width: 4.5%; }
    .legacy-items th:nth-child(4)[b-qe1t8xcecd], .legacy-items td:nth-child(4)[b-qe1t8xcecd] { width: 8%; }
    .legacy-items th:nth-child(5)[b-qe1t8xcecd], .legacy-items td:nth-child(5)[b-qe1t8xcecd] { width: 12%; }
    .legacy-items th:nth-child(6)[b-qe1t8xcecd], .legacy-items td:nth-child(6)[b-qe1t8xcecd] { width: 5%; }
    .legacy-items th:nth-child(7)[b-qe1t8xcecd], .legacy-items td:nth-child(7)[b-qe1t8xcecd] { width: 5%; }
    .legacy-items th:nth-child(8)[b-qe1t8xcecd], .legacy-items td:nth-child(8)[b-qe1t8xcecd] { width: 11%; }
    .legacy-items th:nth-child(9)[b-qe1t8xcecd], .legacy-items td:nth-child(9)[b-qe1t8xcecd] { width: 4.5%; }

    .legacy-items .num[b-qe1t8xcecd] { text-align: right; white-space: nowrap; }
    .legacy-items .center[b-qe1t8xcecd] { text-align: center; }

    .legacy-totals[b-qe1t8xcecd] {
        display: grid;
        grid-template-columns: 37% 63%;
        margin-top: 1.2mm;
        min-height: 38mm;
    }

    .iva-summary[b-qe1t8xcecd] {
        display: grid;
        grid-template-columns: 1.45fr .6fr 1fr;
    }

    .iva-summary > div[b-qe1t8xcecd],
    .goods-summary > div[b-qe1t8xcecd] {
        border: 1px solid #222;
        margin-right: -1px;
        margin-bottom: -1px;
        padding: 1mm 1.5mm;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
    }

    .iva-summary strong[b-qe1t8xcecd],
    .goods-summary strong[b-qe1t8xcecd] {
        text-align: right;
        font-size: 9pt;
        font-weight: 400;
    }

    .iva-summary > div[b-qe1t8xcecd] { min-height: 38mm; }

    .goods-summary[b-qe1t8xcecd] {
        display: grid;
        grid-template-columns: repeat(20, 1fr);
        grid-template-rows: 16mm 12mm 12mm;
    }

    .goods-summary > div:nth-child(1)[b-qe1t8xcecd] { grid-column: 1 / 6; grid-row: 1; }
    .goods-summary > div:nth-child(2)[b-qe1t8xcecd] { grid-column: 6 / 9; grid-row: 1; }
    .goods-summary > div:nth-child(3)[b-qe1t8xcecd] { grid-column: 9 / 15; grid-row: 1; }
    .goods-summary > div:nth-child(4)[b-qe1t8xcecd] { grid-column: 15 / 21; grid-row: 1; }

    .goods-summary > div:nth-child(5)[b-qe1t8xcecd] { grid-column: 1 / 5; grid-row: 2; }
    .goods-summary > div:nth-child(6)[b-qe1t8xcecd] { grid-column: 5 / 9; grid-row: 2; }
    .goods-summary > div:nth-child(7)[b-qe1t8xcecd] { grid-column: 9 / 13; grid-row: 2; }
    .goods-summary > div:nth-child(8)[b-qe1t8xcecd] { grid-column: 13 / 17; grid-row: 2; }
    .goods-summary > div:nth-child(9)[b-qe1t8xcecd] { grid-column: 17 / 21; grid-row: 2; }

    .goods-summary .pay-total[b-qe1t8xcecd] {
        grid-column: 1 / 11;
        grid-row: 3;
        border-radius: 2mm;
    }

    .goods-summary .voucher-total[b-qe1t8xcecd] {
        grid-column: 11 / 21;
        grid-row: 3;
        border-radius: 2mm;
    }

    .goods-summary .pay-total strong[b-qe1t8xcecd],
    .goods-summary .voucher-total strong[b-qe1t8xcecd] {
        font-weight: 700;
        font-size: 10pt;
    }

    .legacy-deadlines[b-qe1t8xcecd],
    .legacy-notes[b-qe1t8xcecd] {
        border: 1px solid #222;
        border-radius: 2.3mm;
        margin-top: 1.2mm;
        padding: 1mm 2mm;
        min-height: 12mm;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        gap: 1.5mm;
    }

    .legacy-deadlines strong[b-qe1t8xcecd],
    .legacy-notes strong[b-qe1t8xcecd] { font-size: 8.5pt; font-weight: 400; }

    .legacy-notes[b-qe1t8xcecd] { min-height: 10mm; }

    .legacy-signatures[b-qe1t8xcecd] {
        display: flex;
        justify-content: space-between;
        gap: 8mm;
        margin-top: 6mm;
        font-family: Arial, sans-serif;
        font-size: 7pt;
        white-space: nowrap;
    }
}

.alternative-sale-box[b-qe1t8xcecd] { margin-top:8px; border:1px solid #d9dee6; border-radius:9px; overflow:hidden; background:#fff; }
.alternative-sale-box > strong[b-qe1t8xcecd] { display:block; padding:8px 10px; background:#f5f6f8; font-size:14px; }
.alternative-sale-box button[b-qe1t8xcecd] { width:100%; border:0; border-top:1px solid #eceff3; background:#fff; padding:8px 10px; display:flex; justify-content:space-between; gap:12px; text-align:left; cursor:pointer; }
.alternative-sale-box button:hover[b-qe1t8xcecd] { background:#f8f9fb; }
.alternative-sale-box small[b-qe1t8xcecd] { white-space:nowrap; font-weight:700; }


/* Uniformazione caratteri area vendita */
.sale-card .field label[b-qe1t8xcecd],
.sale-card .cash-reference label[b-qe1t8xcecd] {
    font-size: 12px;
}

.sale-card .field input[b-qe1t8xcecd],
.sale-card .field select[b-qe1t8xcecd],
.sale-card .cash-reference input[b-qe1t8xcecd] {
    font-size: 12px;
}

.sale-card .selected-article[b-qe1t8xcecd] {
    font-size: 12px;
}

.sale-card .selected-article strong[b-qe1t8xcecd],
.sale-card .selected-article span[b-qe1t8xcecd],
.sale-card .selected-article small[b-qe1t8xcecd] {
    font-size: 12px;
}

.sale-card .alternative-sale-box > strong[b-qe1t8xcecd] {
    font-size: 12px;
}

.sale-card .alternative-sale-box button[b-qe1t8xcecd] {
    font-size: 12px;
}

.sale-card .alternative-sale-box button b[b-qe1t8xcecd],
.sale-card .alternative-sale-box button span[b-qe1t8xcecd],
.sale-card .alternative-sale-box small[b-qe1t8xcecd] {
    font-size: 12px;
}


/* Riferimento banco: durante la digitazione viene sempre mostrato in maiuscolo. */
.cash-reference input[b-qe1t8xcecd] {
    text-transform: uppercase;
}

/* Reset rapido dell'articolo selezionato */
.article-autocomplete[b-qe1t8xcecd] {
    position: relative;
}

.article-autocomplete > input[b-qe1t8xcecd] {
    padding-right: 42px;
}

.article-clear-button[b-qe1t8xcecd] {
    position: absolute;
    top: 50%;
    right: 9px;
    transform: translateY(-50%);
    z-index: 5;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 50%;
    background: #eceff1;
    color: #444;
    font-size: 20px;
    line-height: 22px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.article-clear-button:hover[b-qe1t8xcecd] {
    background: #dfe3e6;
    color: #c62828;
}


/* Uniformazione tipografica vendita */
.sale-card[b-qe1t8xcecd] {
    font-size: 13px;
}
.sale-card .field label[b-qe1t8xcecd],
.sale-card .cash-reference label[b-qe1t8xcecd],
.article-label-row label[b-qe1t8xcecd] {
    font-size: 11.5px !important;
    font-weight: 700;
}
.sale-card input[b-qe1t8xcecd],
.sale-card select[b-qe1t8xcecd],
.sale-card button[b-qe1t8xcecd] {
    font-size: 13px !important;
}
.cash-reference label[b-qe1t8xcecd] {
    font-size: 11.5px !important;
}
.cash-reference input[b-qe1t8xcecd] {
    font-size: 13px !important;
}
.sale-table[b-qe1t8xcecd],
.sale-table th[b-qe1t8xcecd],
.sale-table td[b-qe1t8xcecd] {
    font-size: 12.5px !important;
}


/* Alternativi e sostitutivi unificati */
.linked-sale-box[b-qe1t8xcecd] {
    margin-top: 8px;
}

.linked-sale-box > strong[b-qe1t8xcecd] {
    display: block;
    margin-bottom: 6px;
}

.linked-sale-box button[b-qe1t8xcecd] {
    width: 100%;
}