@import '_content/ABChatAndTasks.Components/ABChatAndTasks.Components.qaecqis4da.bundle.scp.css';
@import '_content/InspigoERPConnector.SharedComponents/InspigoERPConnector.SharedComponents.xuvmex3kd1.bundle.scp.css';

/* /Components/Account/Pages/BarcodeLogin.razor.rz.scp.css */
/* ── Container ── */
.barcode-login-container[b-uq2akidt58] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
}

/* ── Card ── */
.barcode-login-card[b-uq2akidt58] {
    background: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    width: 100%;
    max-width: 420px;
    padding: 0 2rem 2rem;
    text-align: center;
    overflow: hidden;
}

.barcode-accent-strip[b-uq2akidt58] {
    height: 4px;
    background: linear-gradient(135deg, #009244 0%, #c1d11c 100%);
    margin: 0 -2rem 2rem;
}

/* ── Scan area ── */
.barcode-scan-area[b-uq2akidt58] {
    position: relative;
    padding: 2rem 0 1.5rem;
    cursor: default;
    outline: none;
    border-radius: 1rem;
    transition: background 0.2s;
}

    .barcode-scan-area:focus-within[b-uq2akidt58] {
        background: rgba(0, 146, 68, 0.03);
    }

.scan-hidden-input[b-uq2akidt58] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border: none;
    background: transparent;
    z-index: 1;
    font-size: 16px;
}

.scan-icon-wrapper[b-uq2akidt58] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 96px;
    margin-bottom: 1.25rem;
}

.scan-icon[b-uq2akidt58] {
    font-size: 2.8rem;
    color: #009244;
    z-index: 1;
    position: relative;
}

.scan-ring[b-uq2akidt58] {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid #009244;
    opacity: 0.3;
    animation: ring-pulse-b-uq2akidt58 2.2s ease-out infinite;
}

@keyframes ring-pulse-b-uq2akidt58 {
    0% {
        transform: scale(0.7);
        opacity: 0.5;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.scan-title[b-uq2akidt58] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.35rem;
}

.scan-subtitle[b-uq2akidt58] {
    font-size: 0.9rem;
    color: #94a3b8;
    margin: 0;
}

/* ── Alert ── */
.barcode-alert[b-uq2akidt58] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.88rem;
    margin-bottom: 1rem;
}

.barcode-alert-error[b-uq2akidt58] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.barcode-alert i[b-uq2akidt58] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* ── Footer ── */
.barcode-footer[b-uq2akidt58] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.barcode-divider[b-uq2akidt58] {
    width: 100%;
    height: 1px;
    background: #e2e8f0;
    margin-bottom: 0.25rem;
}

/* ── Manual entry panel ── */
.manual-entry-panel[b-uq2akidt58] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.manual-code-input[b-uq2akidt58] {
    flex: 1;
    padding: 0.65rem 1rem;
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    font-size: 1rem;
    color: #1e293b;
    background: #f8fafc;
    outline: none;
    text-align: center;
    letter-spacing: 0.1em;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .manual-code-input:focus[b-uq2akidt58] {
        border-color: #009244;
        box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.1);
        background: #fff;
    }

    .manual-code-input[b-uq2akidt58]::placeholder {
        color: #cbd5e1;
        letter-spacing: normal;
    }

.manual-submit-btn[b-uq2akidt58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 0.75rem;
    background: #009244;
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background 0.2s;
}

    .manual-submit-btn:hover[b-uq2akidt58] {
        background: #007a38;
    }

.manual-cancel-btn[b-uq2akidt58] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #fff;
    color: #64748b;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}

    .manual-cancel-btn:hover[b-uq2akidt58] {
        border-color: #cbd5e1;
        color: #334155;
    }

/* ── Manual entry button ── */
.barcode-manual-btn[b-uq2akidt58] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #94a3b8;
    font-size: 0.85rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.4rem 0.75rem;
    border-radius: 0.5rem;
    transition: color 0.2s;
}

    .barcode-manual-btn:hover[b-uq2akidt58] {
        color: #64748b;
    }

/* ── Back link ── */
.barcode-back-link[b-uq2akidt58] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #64748b;
    text-decoration: none;
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    transition: all 0.2s;
}

    .barcode-back-link:hover[b-uq2akidt58] {
        color: #334155;
        background: #f1f5f9;
    }
/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* ── Container ── */
.login-container[b-tj3weoh2zd] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 1.5rem;
    background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
}

/* ── Card ── */
.login-card[b-tj3weoh2zd] {
    background: #fff;
    border-radius: 1.25rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
    width: 100%;
    max-width: 420px;
    padding: 0 2rem 2rem;
    overflow: hidden;
}

.login-accent-strip[b-tj3weoh2zd] {
    height: 4px;
    background: linear-gradient(135deg, #009244 0%, #c1d11c 100%);
    margin: 0 -2rem 0;
}

/* ── Header ── */
.login-header[b-tj3weoh2zd] {
    margin-bottom: 1.25rem;
}

.login-options[b-tj3weoh2zd] {
    display: flex;
    gap: 0;
}

.login-option[b-tj3weoh2zd] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 1.25rem 0.5rem 1rem;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: background 0.2s, border-color 0.2s;
    cursor: default;
}

.login-option-active[b-tj3weoh2zd] {
    border-bottom-color: #009244;
    background: rgba(0, 146, 68, 0.03);
}

.login-option-link[b-tj3weoh2zd] {
    cursor: pointer;
    color: inherit;
    border-bottom-color: transparent;
}

    .login-option-link:hover[b-tj3weoh2zd] {
        background: rgba(0, 146, 68, 0.05);
        border-bottom-color: #c1d11c;
    }

.login-option-icon[b-tj3weoh2zd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 0.75rem;
    background: linear-gradient(135deg, #009244, #c1d11c);
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.login-option-icon-alt[b-tj3weoh2zd] {
    background: linear-gradient(135deg, #475569, #64748b);
}

.login-option-link:hover .login-option-icon-alt[b-tj3weoh2zd] {
    background: linear-gradient(135deg, #009244, #c1d11c);
}

.login-option-title[b-tj3weoh2zd] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1.2;
}

.login-option-sub[b-tj3weoh2zd] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 0.15rem;
    line-height: 1.2;
}

/* ── Alert ── */
.login-alert[b-tj3weoh2zd] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem 1rem;
    border-radius: 0.75rem;
    font-size: 0.88rem;
    margin-bottom: 1.25rem;
}

.login-alert-error[b-tj3weoh2zd] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.login-alert i[b-tj3weoh2zd] {
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* ── Form fields ── */
.login-field[b-tj3weoh2zd] {
    margin-bottom: 1.15rem;
}

.login-label[b-tj3weoh2zd] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.4rem;
}

    .login-label i[b-tj3weoh2zd] {
        font-size: 0.9rem;
    }

[b-tj3weoh2zd] .login-input {
    width: 100%;
    padding: 0.85rem 1.1rem;
    border: 2px solid #e2e8f0;
    border-radius: 0.75rem;
    font-size: 1.05rem;
    font-weight: 500;
    color: #1e293b;
    background: #f8fafc;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
    box-sizing: border-box;
}

[b-tj3weoh2zd] .login-input:focus {
    border-color: #009244;
    box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.1);
    background: #fff;
}

[b-tj3weoh2zd] .login-input::placeholder {
    color: #cbd5e1;
    font-weight: 400;
}

[b-tj3weoh2zd] .login-validation {
    color: #dc2626;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* ── Remember me ── */
.login-remember[b-tj3weoh2zd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    font-size: 0.88rem;
    color: #64748b;
}

[b-tj3weoh2zd] .login-checkbox {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    accent-color: #009244;
    cursor: pointer;
}

/* ── Submit ── */
.login-submit[b-tj3weoh2zd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.8rem;
    background: linear-gradient(135deg, #009244, #c1d11c);
    color: #fff;
    border: none;
    border-radius: 0.75rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.15s, box-shadow 0.2s;
}

    .login-submit:hover[b-tj3weoh2zd] {
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 146, 68, 0.35);
    }

    .login-submit:active[b-tj3weoh2zd] {
        transform: translateY(0);
    }
/* /Components/Layout/ChatLayout.razor.rz.scp.css */
.chat-page-layout[b-5scq9flq16] {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
/* /Components/Layout/EmptyLayout.razor.rz.scp.css */
.page[b-v7a1shmgt9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-v7a1shmgt9] {
    flex: 1;
}

.sidebar[b-v7a1shmgt9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-v7a1shmgt9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-v7a1shmgt9]  a, .top-row[b-v7a1shmgt9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-v7a1shmgt9]  a:hover, .top-row[b-v7a1shmgt9]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-v7a1shmgt9]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-v7a1shmgt9] {
        justify-content: space-between;
    }

        .top-row[b-v7a1shmgt9]  a, .top-row[b-v7a1shmgt9]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-v7a1shmgt9] {
        flex-direction: row;
    }

    .sidebar[b-v7a1shmgt9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-v7a1shmgt9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-v7a1shmgt9]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-v7a1shmgt9], article[b-v7a1shmgt9] {

    }
}

#blazor-error-ui[b-v7a1shmgt9] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-v7a1shmgt9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-xbenczuqqi] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-xbenczuqqi] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
}

.sidebar[b-xbenczuqqi] {
    background: linear-gradient(180deg, #022c32 0%, #1e4c53 100%);
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
    border-right: 2px solid #009244;
}

.top-row[b-xbenczuqqi] {
    background: linear-gradient(135deg, #022c32 0%, #1e4c53 100%);
    border-bottom: 2px solid #009244;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

.top-row[b-xbenczuqqi]  a, .top-row[b-xbenczuqqi]  .btn-link {
    white-space: nowrap;
    margin-left: 1.5rem;
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
}

.top-row[b-xbenczuqqi]  a:hover, .top-row[b-xbenczuqqi]  .btn-link:hover {
    color: #c1d11c;
    text-decoration: none;
}

.top-row[b-xbenczuqqi]  a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-row[b-xbenczuqqi]  button.nav-link {
    background: none;
    border: none;
    color: #ffffff;
    cursor: pointer;
    margin-left: 1.5rem;
    padding: 0;
    font-weight: 500;
}

.top-row[b-xbenczuqqi]  button.nav-link:hover { color: #c1d11c; }

@media (max-width: 640.98px) {
    .top-row[b-xbenczuqqi] { justify-content: space-between; }
    .top-row[b-xbenczuqqi]  a, .top-row[b-xbenczuqqi]  .btn-link, .top-row[b-xbenczuqqi]  button.nav-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-xbenczuqqi] {
        flex-direction: row;
        min-height: 100vh;
    }

    .sidebar[b-xbenczuqqi] {
        width: 230px;
        min-width: 230px;
        flex-shrink: 0;
        height: 100vh;
        position: sticky;
        top: 0;
        z-index: 10;
        display: flex;
        flex-direction: column;
        /* overflow: hidden — to wymusza że scrollowanie jest na .nav-scrollable, nie na sidebarze
           (inaczej DWA pionowe scrollbary nakładają się obok siebie). */
        overflow: hidden;
    }

    /* ── Collapsed sidebar ── */
    .page.sidebar-collapsed .sidebar[b-xbenczuqqi] {
        position: fixed;
        top: 0;
        left: 0;
        width: 62px;
        min-width: 62px;
        height: 100vh;
        z-index: 1050;
        overflow: hidden;
        transition: width 0.25s ease;
    }

    .page.sidebar-collapsed > main[b-xbenczuqqi] {
        margin-left: 62px;
    }

    .page.sidebar-collapsed .sidebar:hover[b-xbenczuqqi] {
        width: 230px;
        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.35);
    }

    main[b-xbenczuqqi] {
        flex: 1;
        min-width: 0;
        max-width: calc(100vw - 230px);
        overflow-x: hidden;
        /* height: 100vh ZDJĘTE — blokowało sticky sidebar przy długich stronach
           (parent .page nie mógł rosnąć wraz z content). Teraz main rośnie naturalnie,
           sidebar pozostaje sticky w ramach całej wysokości .page. */
    }

    .top-row[b-xbenczuqqi] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }

    .top-row.auth[b-xbenczuqqi]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }
}

#blazor-error-ui[b-xbenczuqqi] {
    color-scheme: light only;
    background: #fff3cd;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-xbenczuqqi] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.delivery-submenu[b-46bxthhyhg], .deposits-submenu[b-46bxthhyhg], .inventory-submenu[b-46bxthhyhg], .windykacja-submenu[b-46bxthhyhg], .products-submenu[b-46bxthhyhg], .tasks-submenu[b-46bxthhyhg], .locations-submenu[b-46bxthhyhg], .settings-submenu[b-46bxthhyhg], .tools-submenu[b-46bxthhyhg], .info-submenu[b-46bxthhyhg], .issues-submenu[b-46bxthhyhg] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

    .delivery-submenu.show[b-46bxthhyhg], .deposits-submenu.show[b-46bxthhyhg], .inventory-submenu.show[b-46bxthhyhg], .windykacja-submenu.show[b-46bxthhyhg], .products-submenu.show[b-46bxthhyhg], .tasks-submenu.show[b-46bxthhyhg], .locations-submenu.show[b-46bxthhyhg], .settings-submenu.show[b-46bxthhyhg], .tools-submenu.show[b-46bxthhyhg], .info-submenu.show[b-46bxthhyhg], .issues-submenu.show[b-46bxthhyhg] {
        max-height: 2000px;
        transition: max-height 0.3s ease-in;
    }

.nav-link:hover[b-46bxthhyhg] {
    background-color: rgba(255, 255, 255, 0.08);
}
.navbar-toggler[b-46bxthhyhg] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}
.navbar-toggler:hover[b-46bxthhyhg] {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

    .navbar-toggler:checked[b-46bxthhyhg] {
        background-color: rgba(0, 146, 68, 0.3);
        border-color: #009244;
    }

.top-row[b-46bxthhyhg] {
    min-height: 3.5rem;
    background: linear-gradient(135deg, #022c32 0%, #1e4c53 100%);
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    border-bottom: 2px solid #009244;
    padding: 0.5rem 1rem;
}

.navbar-brand[b-46bxthhyhg] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff !important;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
}
.navbar-brand:hover[b-46bxthhyhg] { color: #c1d11c !important; transform: translateX(2px); }
.brand-icon[b-46bxthhyhg] {
    width: 1.75rem;
    height: 1.75rem;
    object-fit: contain;
    flex-shrink: 0;
}

.bi[b-46bxthhyhg] {
    display: inline-block;
    width: 1.25rem;
    margin-right: 0.75rem;
    font-size: 1.2rem;
}


/* Notification bell wrapper for mobile positioning */
.notification-bell-wrapper[b-46bxthhyhg] {
    display: flex;
    align-items: center;
    margin-right: 1rem;
    z-index: 1000;
}

@media (max-width: 640px) {
    .notification-bell-wrapper[b-46bxthhyhg] {
        position: absolute;
        left: 1rem;
        top: 0.5rem;
    }
    
    .navbar-brand[b-46bxthhyhg] {
        margin-left: 3.5rem;
    }
}

.nav-item[b-46bxthhyhg] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-46bxthhyhg] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-46bxthhyhg] {
        padding-bottom: 1rem;
    }

    .nav-item[b-46bxthhyhg]  .nav-link {
        padding: 0 0.75rem;
        /* line-height musi pomieścić descendery (y, g, p, q) przy font-size 0.9rem.
           14px było za małe — text był obcinany na dolnej krawędzi nav-linka. */
        line-height: 1.4;
        font-weight: 600;
        color: #ffffff;
        background: none;
        border: none;
        border-radius: 8px;
        height: 3rem;
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        overflow: hidden;
        transition: background-color 0.15s ease, color 0.15s ease;
        text-decoration: none;
    }

    .nav-item[b-46bxthhyhg]  .nav-link::before {
        content: '';
        position: absolute;
        left: 0; top: 0;
        height: 100%; width: 0;
        background: linear-gradient(90deg, #009244 0%, #c1d11c 100%);
        transition: width 0.3s ease;
        border-radius: 8px 0 0 8px;
    }

    .nav-item[b-46bxthhyhg]  .nav-link:hover::before { width: 4px; }

    .nav-item[b-46bxthhyhg]  a.active {
        background: linear-gradient(90deg, rgba(0,146,68,0.32) 0%, rgba(193,209,28,0.18) 100%);
        color: #ffffff;
        font-weight: 700;
        border-left: 4px solid #c1d11c;
    }

    .nav-item[b-46bxthhyhg]  .nav-link:hover {
        background-color: rgba(255,255,255,0.08);
        color: #ffffff;
    }

.nav-scrollable[b-46bxthhyhg] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-46bxthhyhg] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-46bxthhyhg] {
        display: none;
    }

    .nav-scrollable[b-46bxthhyhg] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 4.5rem);
        overflow-y: auto;
        overflow-x: hidden;

        /* Custom scrollbar styles */
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    }
    
    /* Webkit scrollbar styles (Chrome, Safari, Edge) */
    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar {
        width: 6px;
    }
    
    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 3px;
    }
    
    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.25);
        border-radius: 3px;
        transition: background 0.2s ease;
    }

    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.45);
    }
}

/* Sidebar toggle button */
.sidebar-toggle-btn[b-46bxthhyhg] {
    background: none;
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    border-radius: 4px;
    display: none;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sidebar-toggle-btn:hover[b-46bxthhyhg] {
    background-color: rgba(255, 255, 255, 0.15);
}

.sidebar-toggle-btn .bi[b-46bxthhyhg] {
    margin-right: 0;
}

@media (min-width: 641px) {
    .sidebar-toggle-btn[b-46bxthhyhg] {
        display: flex;
    }
}

/* ── User info sections ── */
.user-info-collapsed[b-46bxthhyhg] {
    display: none;
}

.user-info-full[b-46bxthhyhg] {
    display: block;
}

.user-badge-line[b-46bxthhyhg] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 0.15rem 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-badge-line .bi[b-46bxthhyhg] {
    margin-right: 0.25rem;
    font-size: 0.75rem;
    flex-shrink: 0;
}

/* nav-text: always visible by default */
.nav-text[b-46bxthhyhg] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Submenu header styling (expanded) ── */
.submenu-header[b-46bxthhyhg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.submenu-icon-wrap[b-46bxthhyhg] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.submenu-chevron[b-46bxthhyhg] {
    flex-shrink: 0;
}

/* ── Nav wrapper ── */
.nav-wrapper[b-46bxthhyhg] {
    width: 100%;
    height: 100%;
}

/* ── Collapsed state (class-based, disabled on hover) ── */
.nav-wrapper.collapsed:not(:hover) .top-row[b-46bxthhyhg] {
    padding: 0 !important;
    justify-content: center;
}

.nav-wrapper.collapsed:not(:hover) .navbar-brand[b-46bxthhyhg] {
    display: none;
}

.nav-wrapper.collapsed:not(:hover) .notification-bell-wrapper[b-46bxthhyhg] {
    display: none;
}

.nav-wrapper.collapsed:not(:hover) .sidebar-toggle-btn[b-46bxthhyhg] {
    margin-right: 0;
}

/* User info: hide full, show collapsed */
.nav-wrapper.collapsed:not(:hover) .user-info-full[b-46bxthhyhg] {
    display: none;
}

.nav-wrapper.collapsed:not(:hover) .user-info-collapsed[b-46bxthhyhg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.3rem 0;
}

/* Hide all text labels */
.nav-wrapper.collapsed:not(:hover) .nav-text[b-46bxthhyhg] {
    display: none !important;
}

/* Center icons in nav items */
.nav-wrapper.collapsed:not(:hover) .nav-item[b-46bxthhyhg] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.nav-wrapper.collapsed:not(:hover) .nav-item[b-46bxthhyhg]  .nav-link {
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Submenu headers: center the icon */
.nav-wrapper.collapsed:not(:hover) .submenu-header[b-46bxthhyhg] {
    justify-content: center;
}

/* Icons: remove right margin when collapsed */
.nav-wrapper.collapsed:not(:hover) .bi[b-46bxthhyhg] {
    margin-right: 0;
    font-size: 1.25rem;
}

/* Hide all submenus when collapsed */
.nav-wrapper.collapsed:not(:hover) .delivery-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .deposits-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .inventory-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .windykacja-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .products-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .tasks-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .locations-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .settings-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .tools-submenu[b-46bxthhyhg],
.nav-wrapper.collapsed:not(:hover) .issues-submenu[b-46bxthhyhg] {
    display: none !important;
}

/* Logout button centered */
.nav-wrapper.collapsed:not(:hover) .nav-item form button.nav-link[b-46bxthhyhg] {
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Fix scrollable area */
.nav-wrapper.collapsed:not(:hover) .nav-scrollable[b-46bxthhyhg] {
    overflow-x: hidden;
}

/* Mobile scrollbar styles */
@media (max-width: 640px) {
    .nav-scrollable[b-46bxthhyhg] {
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    }
    
    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar {
        width: 4px;
    }
    
    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.25);
        border-radius: 2px;
    }
    
    .nav-scrollable[b-46bxthhyhg]::-webkit-scrollbar-thumb:hover {
        background: rgba(255, 255, 255, 0.45);
    }
}

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-sawo9fcgs6],
.components-reconnect-repeated-attempt-visible[b-sawo9fcgs6],
.components-reconnect-failed-visible[b-sawo9fcgs6],
.components-pause-visible[b-sawo9fcgs6],
.components-resume-failed-visible[b-sawo9fcgs6] {
    display: none !important;
}

.components-reconnect-reload-visible[b-sawo9fcgs6] {
    display: none !important;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-sawo9fcgs6] {
    display: flex !important;
}

#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-sawo9fcgs6] {
    display: flex !important;
}

#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-sawo9fcgs6] {
    display: flex !important;
}

#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-sawo9fcgs6] {
    display: flex !important;
}

#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-sawo9fcgs6] {
    display: flex !important;
}

#components-reconnect-modal.components-reconnect-show-reload .components-reconnect-reload-visible[b-sawo9fcgs6] {
    display: inline-flex !important;
}

#components-reconnect-modal[b-sawo9fcgs6] {
    background-color: white;
    width: min(90%, 20rem);
    margin: auto;
    padding: 1.5rem;
    border: 0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete;
    animation: fadeOut-b-sawo9fcgs6 0.3s both;
}

#components-reconnect-modal[open][b-sawo9fcgs6] {
    animation: slideUp-b-sawo9fcgs6 0.3s cubic-bezier(.05, .89, .25, 1.02),
               fadeIn-b-sawo9fcgs6 0.2s ease-in-out;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-sawo9fcgs6]::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(3px);
    animation: fadeIn-b-sawo9fcgs6 0.2s ease-in-out;
}

@keyframes slideUp-b-sawo9fcgs6 {
    from {
        transform: translateY(15px) scale(0.98);
    }
    to {
        transform: translateY(0) scale(1);
    }
}

@keyframes fadeIn-b-sawo9fcgs6 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut-b-sawo9fcgs6 {
    from { opacity: 1; }
    to { opacity: 0; }
}

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

.components-reconnect-first-attempt-visible[b-sawo9fcgs6],
.components-reconnect-repeated-attempt-visible[b-sawo9fcgs6],
.components-reconnect-failed-visible[b-sawo9fcgs6],
.components-pause-visible[b-sawo9fcgs6],
.components-resume-failed-visible[b-sawo9fcgs6] {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
}

.components-reconnect-icon-wrapper[b-sawo9fcgs6] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--global-palette1) 0%, var(--global-palette2) 100%);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.components-reconnect-icon-wrapper.warning[b-sawo9fcgs6] {
    background: linear-gradient(135deg, #ffa726 0%, #ff9800 100%);
}

.components-reconnect-icon-wrapper.error[b-sawo9fcgs6] {
    background: linear-gradient(135deg, #ef5350 0%, #e53935 100%);
}

.components-reconnect-icon-wrapper.info[b-sawo9fcgs6] {
    background: linear-gradient(135deg, #42a5f5 0%, #1e88e5 100%);
}

.components-reconnect-icon[b-sawo9fcgs6] {
    font-size: 1.5rem;
    color: white;
}

.components-reconnect-container h3[b-sawo9fcgs6] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #212529;
}

.components-reconnect-container p[b-sawo9fcgs6] {
    margin: 0;
    font-size: 0.9rem;
    color: #6c757d;
}

.components-reconnect-container p strong[b-sawo9fcgs6] {
    color: #212529;
}

.components-reconnect-buttons[b-sawo9fcgs6] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

#components-reconnect-modal button[b-sawo9fcgs6] {
    border: 0;
    background: linear-gradient(135deg, var(--global-palette1) 0%, var(--global-palette2) 100%);
    color: white;
    padding: 0.65rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
}

#components-reconnect-modal button.btn-secondary[b-sawo9fcgs6] {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
}

#components-reconnect-modal button:hover[b-sawo9fcgs6] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

#components-reconnect-modal button:active[b-sawo9fcgs6] {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

@media (max-width: 576px) {
    #components-reconnect-modal[b-sawo9fcgs6] {
        width: 85%;
        padding: 1.25rem;
    }

    .components-reconnect-icon-wrapper[b-sawo9fcgs6] {
        width: 45px;
        height: 45px;
    }

    .components-reconnect-icon[b-sawo9fcgs6] {
        font-size: 1.3rem;
    }

    .components-reconnect-container h3[b-sawo9fcgs6] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Admin/LogViewer.razor.rz.scp.css */
.log-message-full[b-ym7n3ot5sp] {
    white-space: pre-wrap;
    word-break: break-word;
    font-family: monospace;
    font-size: 0.85em;
    line-height: 1.4;
}

.exception-preview[b-ym7n3ot5sp] {
    font-family: monospace;
    font-size: 0.9em;
}

.log-table tbody tr[b-ym7n3ot5sp] {
    vertical-align: top;
}

.spin[b-ym7n3ot5sp] {
    animation: spin 1s linear infinite;
}

@@keyframes spin {
    from[b-ym7n3ot5sp] {
        transform: rotate(0deg);
    }

    to[b-ym7n3ot5sp] {
        transform: rotate(360deg);
    }
}

.table tbody tr.log-error[b-ym7n3ot5sp] {
    background-color: rgba(220, 53, 69, 0.1) !important;
}

.table tbody tr.log-warning[b-ym7n3ot5sp] {
    background-color: rgba(255, 193, 7, 0.1) !important;
}

.table tbody tr.log-fatal[b-ym7n3ot5sp] {
    background-color: rgba(220, 53, 69, 0.2) !important;
}

.card.card-error[b-ym7n3ot5sp] {
    border-left: 4px solid #dc3545;
}

.card.card-warning[b-ym7n3ot5sp] {
    border-left: 4px solid #ffc107;
}

.card.card-fatal[b-ym7n3ot5sp] {
    border-left: 4px solid #dc3545;
    background-color: rgba(220, 53, 69, 0.1);
}

/* Datetime-local input styling */
input[type="datetime-local"][b-ym7n3ot5sp] {
    font-size: 0.9em;
}
/* /Components/Pages/Admin/ManageLocations.razor.rz.scp.css */
/* Ikony Bootstrap Icons używane na stronie ManageLocations */
.bi-plus-circle[b-rnf9r58vw3] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.bi-magic[b-rnf9r58vw3] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    margin-right: 0.25rem;
}

.bi-arrow-clockwise[b-rnf9r58vw3] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.bi-pencil[b-rnf9r58vw3] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.bi-trash[b-rnf9r58vw3] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.bi-save[b-rnf9r58vw3] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.bi-exclamation-triangle-fill[b-rnf9r58vw3] {
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    vertical-align: -0.125em;
    margin-right: 0.5rem;
}

.bi-gear[b-rnf9r58vw3] {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
    margin-right: 0.25rem;
}

.manage-locations-header[b-rnf9r58vw3] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.manage-locations-header h3[b-rnf9r58vw3] {
    margin: 0;
}

.manage-locations-actions[b-rnf9r58vw3] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.manage-locations-actions .btn[b-rnf9r58vw3] {
    white-space: nowrap;
}

/* Animacje dla alertów */
.alert[b-rnf9r58vw3] {
    animation: slideDown-b-rnf9r58vw3 0.3s ease-out;
}

@keyframes slideDown-b-rnf9r58vw3 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
    transform: translateY(0);
    }
}

/* Styl dla modali */
.modal.show[b-rnf9r58vw3] {
    animation: fadeIn-b-rnf9r58vw3 0.15s ease-in;
}

@keyframes fadeIn-b-rnf9r58vw3 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.modal-dialog[b-rnf9r58vw3] {
    animation: slideUp-b-rnf9r58vw3 0.3s ease-out;
}

@keyframes slideUp-b-rnf9r58vw3 {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
      opacity: 1;
    }
}

/* Responsywność dla małych ekranów */
@media (max-width: 768px) {
    .table-responsive[b-rnf9r58vw3] {
        font-size: 0.875rem;
    }

    .manage-locations-actions[b-rnf9r58vw3] {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .manage-locations-actions .btn[b-rnf9r58vw3] {
        width: 100%;
    }
    
    .btn-group-sm > .btn[b-rnf9r58vw3] {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
    }
}

/* Hover efekty dla wierszy tabeli */
.table-hover tbody tr:hover[b-rnf9r58vw3] {
    background-color: rgba(0, 0, 0, 0.025);
    cursor: pointer;
}

/* Statystyki - karty */
.card[b-rnf9r58vw3] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.card:hover[b-rnf9r58vw3] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Spinner loading */
.spinner-border[b-rnf9r58vw3] {
    animation: spinner-border-b-rnf9r58vw3 0.75s linear infinite;
}

@keyframes spinner-border-b-rnf9r58vw3 {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Admin/OccupiedLocations.razor.rz.scp.css */
.occupied-container .calculation-hint[b-olzg1foka3] {
    border-left: 4px solid #0d6efd;
    background: linear-gradient(90deg, rgba(13,110,253,0.08), rgba(13,110,253,0.02));
}

.occupied-container .filter-card[b-olzg1foka3] {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.occupied-container .occupied-table-card[b-olzg1foka3] {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.occupied-container .occupied-table thead th[b-olzg1foka3] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8f9fa;
}

.occupied-container .occupied-table tbody tr:hover[b-olzg1foka3] {
    background-color: rgba(13,110,253,0.06);
}

.occupied-container .occupied-summary[b-olzg1foka3] {
    font-weight: 500;
}

.occupied-container .occupied-filter-row[b-olzg1foka3] {
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(420px, 1fr) 140px;
    gap: 12px;
}

.occupied-container .occupied-filter-search[b-olzg1foka3],
.occupied-container .occupied-filter-chips[b-olzg1foka3],
.occupied-container .occupied-filter-action[b-olzg1foka3] {
    min-width: 0;
}

.occupied-container .occupied-toggles[b-olzg1foka3] {
    min-height: 40px;
    align-items: center;
    flex-wrap: nowrap;
}

.occupied-container .status-toggles[b-olzg1foka3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.occupied-container .status-toggle[b-olzg1foka3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.85rem;
    border-radius: 20px;
    border: 1.5px solid #dee2e6;
    background: #fff;
    color: #495057;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.occupied-container .occupied-filter-action[b-olzg1foka3] {
    display: flex;
    flex-direction: column;
}

.occupied-container .occupied-filter-action .form-label[b-olzg1foka3] {
    margin-bottom: 0.4rem;
}

.occupied-container .status-toggle:hover[b-olzg1foka3] {
    border-color: #009244;
    background: rgba(0, 146, 68, 0.04);
}

.occupied-container .status-toggle.active[b-olzg1foka3] {
    border-color: #009244;
    background: rgba(0, 146, 68, 0.1);
    color: #009244;
}

.occupied-container .status-toggle input[type="checkbox"][b-olzg1foka3] {
    display: none;
}

.occupied-container .status-toggle .toggle-dot[b-olzg1foka3] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dee2e6;
    transition: background 0.15s;
}

.occupied-container .status-toggle.active .toggle-dot[b-olzg1foka3] {
    background: #009244;
}

.occupied-container .occupied-qty[b-olzg1foka3] {
    font-size: 1rem;
    color: #198754;
}

.occupied-container .products-table-card[b-olzg1foka3] {
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border-radius: 12px;
    overflow: hidden;
}

.occupied-container .products-table thead th[b-olzg1foka3] {
    white-space: nowrap;
}

.occupied-container .occupied-search-btn[b-olzg1foka3] {
    height: 40px;
    font-weight: 600;
    border-radius: 10px;
    background: linear-gradient(135deg, #009244, #0bb35b);
    border: 0;
    box-shadow: 0 2px 8px rgba(0, 146, 68, 0.25);
}

.occupied-container .occupied-search-btn:hover[b-olzg1foka3] {
    background: linear-gradient(135deg, #0bb35b, #009244);
}

@media (max-width: 991.98px) {
    .occupied-container .occupied-filter-row[b-olzg1foka3] {
        grid-template-columns: 1fr;
    }

    .occupied-container .occupied-toggles[b-olzg1foka3] {
        flex-wrap: wrap;
    }

    .occupied-container .occupied-filter-action .form-label[b-olzg1foka3] {
        display: none;
    }
}
/* /Components/Pages/Admin/Settings.razor.rz.scp.css */
/* =============================================
   Settings Page — Custom Design System
   Colors: #009244 (green), #c1d11c (lime), #1a1a2e (dark)
   ============================================= */

/* ===== Page Header ===== */
.settings-header[b-ipzlv8r7kr] {
    background: linear-gradient(135deg, #009244 0%, #c1d11c 100%);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    margin-bottom: 1.75rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.settings-header h3[b-ipzlv8r7kr] {
    margin: 0;
    font-weight: 700;
    font-size: 1.4rem;
}

.settings-header .header-sub[b-ipzlv8r7kr] {
    font-size: 0.88rem;
    opacity: 0.85;
    font-weight: 400;
}

/* ===== Section Cards ===== */
.settings-section[b-ipzlv8r7kr] {
    background: #fff;
    border: none;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 1.25rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.settings-section:hover[b-ipzlv8r7kr] {
    box-shadow: 0 4px 20px rgba(0,0,0,0.09);
}

/* ===== Section Header ===== */
.section-header[b-ipzlv8r7kr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.1rem 1.5rem;
    border-bottom: 1px solid #f0f2f5;
}

.section-icon[b-ipzlv8r7kr] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #fff;
    flex-shrink: 0;
}

.section-icon.green[b-ipzlv8r7kr]   { background: linear-gradient(135deg, #009244, #00b359); }
.section-icon.blue[b-ipzlv8r7kr]    { background: linear-gradient(135deg, #0d6efd, #3d8bfd); }
.section-icon.purple[b-ipzlv8r7kr]  { background: linear-gradient(135deg, #6f42c1, #8b5cf6); }
.section-icon.orange[b-ipzlv8r7kr]  { background: linear-gradient(135deg, #fd7e14, #f59e0b); }
.section-icon.teal[b-ipzlv8r7kr]    { background: linear-gradient(135deg, #0dcaf0, #20c997); }
.section-icon.red[b-ipzlv8r7kr]     { background: linear-gradient(135deg, #dc3545, #ef4444); }
.section-icon.indigo[b-ipzlv8r7kr]  { background: linear-gradient(135deg, #6610f2, #7c3aed); }
.section-icon.lime[b-ipzlv8r7kr]    { background: linear-gradient(135deg, #84cc16, #a3e635); }
.section-icon.cyan[b-ipzlv8r7kr]    { background: linear-gradient(135deg, #06b6d4, #22d3ee); }
.section-icon.slate[b-ipzlv8r7kr]   { background: linear-gradient(135deg, #475569, #64748b); }

.section-title[b-ipzlv8r7kr] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    line-height: 1.2;
}

.section-subtitle[b-ipzlv8r7kr] {
    font-size: 0.78rem;
    color: #6c757d;
    margin: 0;
    font-weight: 400;
}

.section-body[b-ipzlv8r7kr] {
    padding: 1.25rem 1.5rem;
}

/* ===== Toggle Grid ===== */
.toggle-grid[b-ipzlv8r7kr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 0.75rem;
}

.toggle-tile[b-ipzlv8r7kr] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 10px;
    background: #f8fafb;
    border: 1.5px solid #e9ecef;
    transition: all 0.15s ease;
    cursor: pointer;
}

.toggle-tile:hover[b-ipzlv8r7kr] {
    border-color: #b8d4c8;
    background: #f0faf5;
}

.toggle-tile.active[b-ipzlv8r7kr] {
    border-color: #009244;
    background: rgba(0, 146, 68, 0.06);
}

.toggle-tile .form-check-input[b-ipzlv8r7kr] {
    width: 2.75em;
    height: 1.4em;
    margin-top: 0.15rem;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 2em;
    transition: all 0.15s ease;
}

.toggle-tile .form-check-input:checked[b-ipzlv8r7kr] {
    background-color: #009244;
    border-color: #009244;
}

.toggle-tile .form-check-input:focus[b-ipzlv8r7kr] {
    box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.15);
    border-color: #009244;
}

.toggle-label[b-ipzlv8r7kr] {
    font-weight: 600;
    font-size: 0.88rem;
    color: #1a1a2e;
    line-height: 1.3;
}

.toggle-desc[b-ipzlv8r7kr] {
    font-size: 0.78rem;
    color: #6c757d;
    line-height: 1.3;
    margin-top: 0.15rem;
}

/* ===== Form Controls ===== */
.section-body .form-label[b-ipzlv8r7kr] {
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #6c757d;
    margin-bottom: 0.35rem;
}

.section-body .form-control[b-ipzlv8r7kr],
.section-body .form-select[b-ipzlv8r7kr] {
    border-radius: 10px;
    border: 1.5px solid #dee2e6;
    font-size: 0.9rem;
    padding: 0.55rem 0.85rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.section-body .form-control:focus[b-ipzlv8r7kr],
.section-body .form-select:focus[b-ipzlv8r7kr] {
    border-color: #009244;
    box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.12);
}

.section-body .form-text[b-ipzlv8r7kr] {
    font-size: 0.78rem;
    color: #94a3b8;
}

.section-body .input-group .form-control[b-ipzlv8r7kr] {
    border-radius: 0 10px 10px 0;
}

.section-body .input-group .form-control-color[b-ipzlv8r7kr] {
    border-radius: 10px 0 0 10px;
    border-right: none;
}

/* ===== Alert overrides inside sections ===== */
.section-body .alert[b-ipzlv8r7kr] {
    border-radius: 10px;
    font-size: 0.88rem;
    border: none;
}

/* ===== Sticky Save Bar ===== */
.save-bar[b-ipzlv8r7kr] {
    position: sticky;
    bottom: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-top: 1px solid #e9ecef;
    border-radius: 14px 14px 0 0;
    padding: 0.85rem 1.5rem;
    margin: 1rem -12px 0 -12px;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.06);
}

.btn-save-main[b-ipzlv8r7kr] {
    background: linear-gradient(135deg, #009244 0%, #00b359 100%);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 0.65rem 2rem;
    font-weight: 600;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.15s ease;
    box-shadow: 0 2px 8px rgba(0, 146, 68, 0.3);
}

.btn-save-main:hover[b-ipzlv8r7kr] {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(0, 146, 68, 0.4);
}

.btn-save-main:active[b-ipzlv8r7kr] {
    transform: translateY(0);
}

/* ===== Highlight ===== */
.highlight-setting[b-ipzlv8r7kr] {
    animation: highlight-pulse-b-ipzlv8r7kr 2s ease-in-out 3;
    padding: 8px;
    border: 1.5px solid #ffc107 !important;
    border-radius: 10px;
    background: rgba(255, 193, 7, 0.05);
}

@keyframes highlight-pulse-b-ipzlv8r7kr {
    0%, 100% { background-color: rgba(255, 193, 7, 0.05); }
    50% { background-color: rgba(255, 193, 7, 0.2); }
}

/* ===== Badge close ===== */
.badge .btn-close-white[b-ipzlv8r7kr] {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: opacity 0.2s;
}

.badge .btn-close-white:hover[b-ipzlv8r7kr] {
    opacity: 1;
}

/* ===== Folder browser ===== */
.folder-item[b-ipzlv8r7kr] {
    padding: 8px 12px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.1s;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    cursor: pointer;
}

.folder-item:hover[b-ipzlv8r7kr] {
    background: #e2f3e8;
}

.folder-item:last-child[b-ipzlv8r7kr] {
    border-bottom: none;
}

/* ===== Subsection divider ===== */
.section-divider[b-ipzlv8r7kr] {
    border: none;
    height: 1px;
    background: #f0f2f5;
    margin: 0.75rem 0;
}

/* ===== Link buttons inside sections ===== */
.section-body .btn-outline-primary[b-ipzlv8r7kr] {
    border-radius: 10px;
    font-size: 0.85rem;
    font-weight: 500;
}

/* ===== List group overrides (deposit warehouses) ===== */
.section-body .list-group-item[b-ipzlv8r7kr] {
    border-radius: 8px !important;
    border: 1px solid #e9ecef;
    margin-bottom: 0.35rem;
}

/* ===== Responsive ===== */
@media (max-width: 576px) {
    .settings-header[b-ipzlv8r7kr] {
        padding: 1.25rem 1.25rem;
        border-radius: 12px;
    }
    .section-body[b-ipzlv8r7kr] {
        padding: 1rem;
    }
    .toggle-grid[b-ipzlv8r7kr] {
        grid-template-columns: 1fr;
    }
    .save-bar[b-ipzlv8r7kr] {
        margin: 1rem -8px 0 -8px;
        padding: 0.75rem 1rem;
    }
}

/* ===== Settings Layout — TOC + Main ===== */
.settings-layout[b-ipzlv8r7kr] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.settings-toc[b-ipzlv8r7kr] {
    flex: 0 0 220px;
    position: sticky;
    top: 80px;
    align-self: flex-start;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 1rem 0.75rem;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.settings-toc-title[b-ipzlv8r7kr] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6c757d;
    padding: 0 0.75rem 0.5rem 0.75rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 0.5rem;
}

.settings-toc-nav[b-ipzlv8r7kr] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.settings-toc-nav a[b-ipzlv8r7kr] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    color: #344054;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.15s ease;
}

.settings-toc-nav a i[b-ipzlv8r7kr] {
    color: #009244;
    font-size: 0.95rem;
    width: 18px;
    text-align: center;
}

.settings-toc-nav a:hover[b-ipzlv8r7kr] {
    background: #f0f9f3;
    color: #009244;
}

.settings-main[b-ipzlv8r7kr] {
    flex: 1 1 auto;
    min-width: 0;
}

@media (max-width: 991.98px) {
    .settings-layout[b-ipzlv8r7kr] {
        flex-direction: column;
    }
    .settings-toc[b-ipzlv8r7kr] {
        position: static;
        max-height: none;
        flex: 1 1 auto;
        width: 100%;
    }
    .settings-toc-nav[b-ipzlv8r7kr] {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .settings-toc-nav a[b-ipzlv8r7kr] {
        flex: 0 0 auto;
    }
}

/* ===== Full-width override for Settings page ===== */
[b-ipzlv8r7kr] .settings-page,
.settings-page[b-ipzlv8r7kr] {
    max-width: 100% !important;
    width: 100%;
}
/* /Components/Pages/Admin/UserManagement.razor.rz.scp.css */
/* UserManagement Component Styles
   Visual language aligned with /admin/settings (Settings.razor.css):
   gradient page header, white rounded soft-shadow section cards. */

.user-management-container[b-z2pp0zjk4h] {
    padding: 0.5rem 0 2rem 0;
}

/* ===== Page Header (matches .settings-header) ===== */
.user-management-header[b-z2pp0zjk4h] {
    background: linear-gradient(135deg, #009244 0%, #c1d11c 100%);
    border-radius: 16px;
    padding: 1.5rem 2rem;
    margin-bottom: 1.5rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.user-management-header h3[b-z2pp0zjk4h] {
    margin: 0;
    font-weight: 700;
    font-size: 1.4rem;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}

.user-management-header h3 i[b-z2pp0zjk4h] {
    font-size: 1.3rem;
    opacity: 0.95;
}

.btn-add-user[b-z2pp0zjk4h] {
    background: #fff;
    background-image: none;
    border: none;
    color: #009244;
    padding: 0.6rem 1.25rem;
    border-radius: 999px;
    font-weight: 600;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-add-user:hover[b-z2pp0zjk4h] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(0,0,0,0.15);
    color: #009244;
    background: #f0faf5;
}

/* ===== Section Card (matches .settings-section) ===== */
.users-card[b-z2pp0zjk4h] {
    background: #fff;
    border: none;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
    margin-bottom: 1.25rem;
}

.users-card:hover[b-z2pp0zjk4h] {
    box-shadow: 0 4px 20px rgba(0,0,0,0.09);
}

/* ===== Card / Section Header (matches .section-header) ===== */
.session-card-header[b-z2pp0zjk4h] {
    padding: 1.1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #f0f2f5;
    background: transparent;
}

.session-card-header h5[b-z2pp0zjk4h] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a2e;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

/* Icon "blob" before card title — same look as .section-icon in Settings */
.session-card-header h5 > i.bi[b-z2pp0zjk4h] {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #009244, #00b359);
    flex-shrink: 0;
}

/* ===== Tables ===== */
.users-table[b-z2pp0zjk4h] {
    margin-bottom: 0;
}

.users-table thead[b-z2pp0zjk4h] {
    background: #f8fafb;
}

.users-table thead th[b-z2pp0zjk4h] {
    border: none;
    padding: 0.85rem 1rem;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    color: #475569;
}

.users-table tbody tr[b-z2pp0zjk4h] {
    transition: background-color 0.15s ease;
    border-bottom: 1px solid #f0f0f0;
}

.users-table tbody tr:hover[b-z2pp0zjk4h] {
    background-color: #f8fafb;
}

.users-table tbody td[b-z2pp0zjk4h] {
    padding: 1rem;
    vertical-align: middle;
}

/* ===== Refresh / utility buttons inside card headers ===== */
.btn-refresh-sessions[b-z2pp0zjk4h] {
    border: none;
    color: #fff;
    background-image: var(--gradient-primary);
    padding: 0.45rem 0.9rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    box-shadow: var(--shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.btn-refresh-sessions:hover:enabled[b-z2pp0zjk4h] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.btn-refresh-sessions:disabled[b-z2pp0zjk4h] {
    opacity: .75;
}

.force-logout-modal-content[b-z2pp0zjk4h] {
    border: none;
    border-radius: 14px;
    box-shadow: var(--shadow-lg);
}

.force-logout-modal-header[b-z2pp0zjk4h] {
    border-bottom: 1px solid #f1f5f9;
}

.force-logout-session-meta[b-z2pp0zjk4h] {
    margin-top: .75rem;
    padding: .75rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #f8fafc;
    color: #475569;
    font-size: .9rem;
}

.session-legend[b-z2pp0zjk4h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .8rem 1.25rem;
    margin-bottom: 1.25rem;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}

.session-legend-title[b-z2pp0zjk4h] {
    font-weight: 600;
    color: #334155;
    margin-right: .25rem;
}

.session-legend-item[b-z2pp0zjk4h],
.session-activity-badge[b-z2pp0zjk4h] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .2rem .55rem;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .2px;
}

.session-legend-item[b-z2pp0zjk4h] {
    border: 1px solid transparent;
    cursor: pointer;
    transition: box-shadow .15s ease, border-color .15s ease;
}

.session-legend-item:hover[b-z2pp0zjk4h] {
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

.session-legend-item.active[b-z2pp0zjk4h] {
    border-color: #0f172a;
    box-shadow: 0 0 0 2px rgba(15, 23, 42, .15);
}

.activity-all[b-z2pp0zjk4h] {
    background: #e2e8f0;
    color: #334155;
}

.activity-2[b-z2pp0zjk4h] {
    background: #dcfce7;
    color: #166534;
}

.activity-5[b-z2pp0zjk4h] {
    background: #dbeafe;
    color: #1d4ed8;
}

.activity-15[b-z2pp0zjk4h] {
    background: #fef3c7;
    color: #92400e;
}

.activity-20[b-z2pp0zjk4h] {
    background: #fee2e2;
    color: #b91c1c;
}

.session-row.activity-2 td[b-z2pp0zjk4h] {
    background-color: #dcfce7 !important;
}

.session-row.activity-5 td[b-z2pp0zjk4h] {
    background-color: #dbeafe !important;
}

.session-row.activity-15 td[b-z2pp0zjk4h] {
    background-color: #fef3c7 !important;
}

.session-row.activity-20 td[b-z2pp0zjk4h] {
    background-color: #fee2e2 !important;
}


/* ============================================
   Edit Settings Modal — sectioned cards
   (matches .settings-section / .section-header from /admin/settings)
   ============================================ */

[b-z2pp0zjk4h] .modal-body-sectioned {
    background: #f5f7fa;
    padding: 1.25rem;
}

[b-z2pp0zjk4h] .user-settings-section {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    margin-bottom: 1rem;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

[b-z2pp0zjk4h] .user-settings-section:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.09);
}

[b-z2pp0zjk4h] .user-settings-section:last-child {
    margin-bottom: 0;
}

[b-z2pp0zjk4h] .user-section-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f0f2f5;
}

[b-z2pp0zjk4h] .user-section-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    color: #fff;
    flex-shrink: 0;
    background: linear-gradient(135deg, #6c757d, #adb5bd);
}

[b-z2pp0zjk4h] .user-section-icon.green   { background: linear-gradient(135deg, #009244, #00b359); }
[b-z2pp0zjk4h] .user-section-icon.blue    { background: linear-gradient(135deg, #0d6efd, #3d8bfd); }
[b-z2pp0zjk4h] .user-section-icon.purple  { background: linear-gradient(135deg, #6f42c1, #8b5cf6); }
[b-z2pp0zjk4h] .user-section-icon.orange  { background: linear-gradient(135deg, #fd7e14, #f59e0b); }
[b-z2pp0zjk4h] .user-section-icon.teal    { background: linear-gradient(135deg, #0dcaf0, #20c997); }
[b-z2pp0zjk4h] .user-section-icon.red     { background: linear-gradient(135deg, #dc3545, #ef4444); }
[b-z2pp0zjk4h] .user-section-icon.indigo  { background: linear-gradient(135deg, #6610f2, #7c3aed); }
[b-z2pp0zjk4h] .user-section-icon.lime    { background: linear-gradient(135deg, #84cc16, #a3e635); }

[b-z2pp0zjk4h] .user-section-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    line-height: 1.2;
}

[b-z2pp0zjk4h] .user-section-body {
    padding: 1.1rem 1.25rem;
}

[b-z2pp0zjk4h] .user-section-body > .mb-4:last-child,
[b-z2pp0zjk4h] .user-section-body > .row:last-child,
[b-z2pp0zjk4h] .user-section-body > .settings-grid:last-child {
    margin-bottom: 0 !important;
}
/* /Components/Pages/Delivery/ContinueDelivery.razor.rz.scp.css */
/* =============================================
   ContinueDelivery — Scanning Page
   ============================================= */

.delivery-scan-page[b-1hvizu4r2x] {
    padding-top: 1rem;
    max-width: 900px;
}

/* ===== Scanning Header ===== */
.scan-header[b-1hvizu4r2x] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0;
}

.scan-header-info[b-1hvizu4r2x] {
    flex: 1;
    min-width: 0;
}

.scan-header-title[b-1hvizu4r2x] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.scan-header-meta[b-1hvizu4r2x] {
    font-size: 0.82rem;
    color: #6c757d;
    margin-top: 0.15rem;
}

.scan-header-actions[b-1hvizu4r2x] {
    display: flex;
    gap: 0.35rem;
    flex-shrink: 0;
}

.scan-header-actions .btn[b-1hvizu4r2x] {
    border-radius: 10px;
    font-size: 0.88rem;
    padding: 0.4rem 0.75rem;
}

/* ===== Section Card (edit form) ===== */
.section-card[b-1hvizu4r2x] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}

.section-card-header[b-1hvizu4r2x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid #f0f2f5;
}

.section-card-title[b-1hvizu4r2x] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1a1a2e;
    margin: 0;
}

.section-card-body[b-1hvizu4r2x] {
    padding: 1.1rem;
}

/* ===== Form ===== */
.form-grid[b-1hvizu4r2x] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .form-grid[b-1hvizu4r2x] {
        grid-template-columns: 1fr 1fr;
    }
}

.form-field[b-1hvizu4r2x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.form-label-modern[b-1hvizu4r2x] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #64748b;
}

.form-control-modern[b-1hvizu4r2x] {
    border-radius: 10px;
    border: 1.5px solid #dee2e6;
    padding: 0.55rem 0.85rem;
    font-size: 0.92rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-control-modern:focus[b-1hvizu4r2x] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

/* ===== Autocomplete Dropdown ===== */
.autocomplete-dropdown[b-1hvizu4r2x] {
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1.5px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-item[b-1hvizu4r2x] {
    padding: 0.6rem 0.85rem;
    cursor: pointer;
    font-size: 0.9rem;
    border-bottom: 1px solid #f0f2f5;
    transition: background 0.1s;
}

.autocomplete-item:last-child[b-1hvizu4r2x] {
    border-bottom: none;
}

.autocomplete-item:hover[b-1hvizu4r2x] {
    background: #f0f4ff;
}

/* ===== Responsive ===== */
@media (max-width: 576px) {
    .delivery-scan-page[b-1hvizu4r2x] {
        padding-top: 0.5rem;
    }

    .scan-header-title[b-1hvizu4r2x] {
        font-size: 1rem;
    }

    .scan-header-actions .btn[b-1hvizu4r2x] {
        padding: 0.35rem 0.55rem;
        font-size: 0.82rem;
    }

    .section-card[b-1hvizu4r2x] {
        border-radius: 10px;
    }

    .section-card-header[b-1hvizu4r2x] {
        padding: 0.7rem 0.85rem;
    }

    .section-card-body[b-1hvizu4r2x] {
        padding: 0.85rem;
    }
}
/* /Components/Pages/Delivery/CreateDelivery.razor.rz.scp.css */
/* =============================================
   CreateDelivery — Mobile-First
   ============================================= */

.delivery-create-page[b-tdty363ofb] {
    padding-top: 1rem;
    max-width: 800px;
}

/* ===== Section Card ===== */
.section-card[b-tdty363ofb] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}

.section-card-header[b-tdty363ofb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid #f0f2f5;
}

.section-card-title[b-tdty363ofb] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1a1a2e;
    margin: 0;
}

.section-card-body[b-tdty363ofb] {
    padding: 1.1rem;
}

.btn-ghost[b-tdty363ofb] {
    background: none;
    border: none;
    color: #6c757d;
    padding: 0.3rem 0.5rem;
    border-radius: 8px;
    transition: background 0.12s;
}

.btn-ghost:hover[b-tdty363ofb] {
    background: #f0f2f5;
    color: #1a1a2e;
}

/* ===== In-Progress List ===== */
.inprogress-list[b-tdty363ofb] {
    display: flex;
    flex-direction: column;
}

.inprogress-item[b-tdty363ofb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.1rem;
    cursor: pointer;
    transition: background 0.1s;
    border-bottom: 1px solid #f5f5f5;
    gap: 0.75rem;
}

.inprogress-item:last-child[b-tdty363ofb] {
    border-bottom: none;
}

.inprogress-item:hover[b-tdty363ofb] {
    background: #f8fafb;
}

.inprogress-item:active[b-tdty363ofb] {
    background: #eef1f5;
}

.inprogress-item-info[b-tdty363ofb] {
    flex: 1;
    min-width: 0;
}

.inprogress-item-number[b-tdty363ofb] {
    font-weight: 700;
    font-size: 0.92rem;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inprogress-item-meta[b-tdty363ofb] {
    font-size: 0.78rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inprogress-item-action[b-tdty363ofb] {
    color: #0d6efd;
    font-size: 1.25rem;
    flex-shrink: 0;
    opacity: 0.5;
    transition: opacity 0.12s;
}

.inprogress-item:hover .inprogress-item-action[b-tdty363ofb] {
    opacity: 1;
}

/* ===== Form ===== */
.form-grid[b-tdty363ofb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .form-grid[b-tdty363ofb] {
        grid-template-columns: 1fr 1fr;
    }
}

.form-field[b-tdty363ofb] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.form-label-modern[b-tdty363ofb] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #64748b;
}

.form-control-modern[b-tdty363ofb] {
    border-radius: 10px;
    border: 1.5px solid #dee2e6;
    padding: 0.55rem 0.85rem;
    font-size: 0.92rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.form-control-modern:focus[b-tdty363ofb] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.1);
}

.btn-create[b-tdty363ofb] {
    width: 100%;
    border-radius: 12px;
    padding: 0.7rem;
    font-weight: 600;
    font-size: 0.95rem;
    margin-top: 0.5rem;
}

/* ===== Autocomplete Dropdown ===== */
.autocomplete-dropdown[b-tdty363ofb] {
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1.5px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    z-index: 1000;
    max-height: 200px;
    overflow-y: auto;
}

.autocomplete-item[b-tdty363ofb] {
    padding: 0.6rem 0.85rem;
    cursor: pointer;
    font-size: 0.9rem;
    border-bottom: 1px solid #f0f2f5;
    transition: background 0.1s;
}

.autocomplete-item:last-child[b-tdty363ofb] {
    border-bottom: none;
}

.autocomplete-item:hover[b-tdty363ofb] {
    background: #f0f4ff;
}

/* ===== Scanning Header ===== */
.scan-header[b-tdty363ofb] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem 0;
}

.scan-header-info[b-tdty363ofb] {
    flex: 1;
    min-width: 0;
}

.scan-header-title[b-tdty363ofb] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scan-header-meta[b-tdty363ofb] {
    font-size: 0.82rem;
    color: #6c757d;
    margin-top: 0.15rem;
}

.scan-header-actions[b-tdty363ofb] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

.scan-header-actions .btn[b-tdty363ofb] {
    border-radius: 10px;
    font-size: 0.88rem;
    padding: 0.4rem 0.85rem;
}

/* ===== Responsive ===== */
@media (max-width: 576px) {
    .delivery-create-page[b-tdty363ofb] {
        padding-top: 0.5rem;
    }

    .section-card[b-tdty363ofb] {
        border-radius: 10px;
    }

    .section-card-header[b-tdty363ofb] {
        padding: 0.7rem 0.85rem;
    }

    .section-card-body[b-tdty363ofb] {
        padding: 0.85rem;
    }

    .inprogress-item[b-tdty363ofb] {
        padding: 0.65rem 0.85rem;
    }

    .scan-header-title[b-tdty363ofb] {
        font-size: 1rem;
    }

    .scan-header-actions .btn[b-tdty363ofb] {
        padding: 0.35rem 0.65rem;
        font-size: 0.82rem;
    }
}
/* /Components/Pages/Delivery/DeliveryPZCreationModal.razor.rz.scp.css */
/* DeliveryPZCreationModal Component Styles */

.products-table-card[b-jwqhowefi6] {
    background: white;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.products-table[b-jwqhowefi6] {
    margin-bottom: 0;
}

    .products-table thead[b-jwqhowefi6] {
        background-image: var(--gradient-header);
        color: white;
    }

        .products-table thead th[b-jwqhowefi6] {
            border: none;
            padding: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

    .products-table tbody tr[b-jwqhowefi6] {
        transition: all 0.2s ease;
        border-bottom: 1px solid #f0f0f0;
    }

        .products-table tbody tr:hover[b-jwqhowefi6] {
            background-color: var(--global-palette-light) !important;
        }

    .products-table tbody td[b-jwqhowefi6] {
        padding: 0.75rem;
        vertical-align: middle;
        transition: background-color 0.2s ease;
    }

    .products-table tfoot[b-jwqhowefi6] {
        background: #f8f9fa;
        font-weight: 600;
    }

        .products-table tfoot th[b-jwqhowefi6] {
            padding: 0.75rem;
            border-top: 2px solid #dee2e6;
        }

.sticky-top[b-jwqhowefi6] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-active[b-jwqhowefi6] {
    background-color: var(--global-palette-light) !important;
}
/* /Components/Pages/Delivery/DeliveryReports.razor.rz.scp.css */
/* DeliveryReports Component Styles */

.products-container[b-819vpevx11] {
    background: var(--global-palette-light);
    min-height: 100vh;
    padding: 2rem 0;
}

.filter-card[b-819vpevx11] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    margin-bottom: 2rem;
    overflow: hidden;
}

.filter-card-body[b-819vpevx11] {
    padding: 2rem;
}

.products-table-card[b-819vpevx11] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 2rem;
}

.products-table[b-819vpevx11] {
    margin-bottom: 0;
}

    .products-table thead[b-819vpevx11] {
        background-image: var(--gradient-header);
        color: white;
    }

        .products-table thead th[b-819vpevx11] {
            border: none;
            padding: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

    .products-table tbody tr[b-819vpevx11] {
        transition: background-color 0.2s ease;
        border-bottom: 1px solid #f0f0f0;
    }

        .products-table tbody tr:hover td[b-819vpevx11] {
            background-color: var(--global-palette-light) !important;
        }

    .products-table tbody td[b-819vpevx11] {
        padding: 1rem;
        vertical-align: middle;
        transition: background-color 0.2s ease;
    }

/* Badges */
.badge-modern[b-819vpevx11] {
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    display: inline-block;
}

.badge-warning[b-819vpevx11] {
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    color: #000;
}

.badge-success[b-819vpevx11] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

.badge-info[b-819vpevx11] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    color: white;
}

/* Buttons */
.btn-action[b-819vpevx11] {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    margin: 0;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-action:hover[b-819vpevx11] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    }

    .btn-action i[b-819vpevx11] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }

.btn-action-view[b-819vpevx11] {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    color: white;
}

.btn-action-success[b-819vpevx11] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

.btn-action-info[b-819vpevx11] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    color: white;
}

.btn-action-warning[b-819vpevx11] {
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    color: #000;
}

.btn-action-edit[b-819vpevx11] {
    background: linear-gradient(135deg, #fd7e14 0%, #e96900 100%);
    color: white;
}

.btn-action-delete[b-819vpevx11] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
}

/* Form controls */
.form-control-modern[b-819vpevx11],
.form-select[b-819vpevx11] {
    border-radius: 8px;
    border: 2px solid #e0e0e0;
    padding: 0.65rem 1rem;
    transition: all 0.2s ease;
}

    .form-control-modern:focus[b-819vpevx11],
    .form-select:focus[b-819vpevx11] {
        border-color: var(--global-palette1);
        box-shadow: 0 0 0 0.2rem rgba(0, 146, 68, 0.15);
    }

.form-label-modern[b-819vpevx11] {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-modern[b-819vpevx11] {
    border-radius: 8px;
    padding: 0.65rem 1.5rem;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
}

    .btn-modern:hover[b-819vpevx11] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.btn-outline-primary.btn-modern[b-819vpevx11] {
    border: 2px solid var(--global-palette1);
    color: var(--global-palette1);
    background: white;
}

    .btn-outline-primary.btn-modern:hover[b-819vpevx11] {
        background: var(--global-palette1);
        color: white;
    }

/* Alerts */
.alert-modern[b-819vpevx11] {
    border-radius: var(--border-radius);
    padding: 1rem 1.25rem;
    border: none;
    box-shadow: var(--shadow-sm);
}

    .alert-modern i[b-819vpevx11] {
        margin-right: 0.5rem;
    }

/* Card */
.card-modern[b-819vpevx11] {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    border: none;
    transition: all 0.2s ease;
}

    .card-modern:hover[b-819vpevx11] {
        box-shadow: var(--shadow-lg);
        transform: translateY(-2px);
    }

/* Modal */
.modal-backdrop-modern[b-819vpevx11] {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(2px);
}

.modal-modern .modal-content[b-819vpevx11] {
    border-radius: var(--border-radius);
    border: none;
    box-shadow: var(--shadow-lg);
}

.modal-modern .modal-header[b-819vpevx11] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom: 2px solid #e0e0e0;
}

/* Responsive - Mobile */
@media (max-width: 768px) {
    .products-table-card[b-819vpevx11] {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .products-table[b-819vpevx11] {
        display: block;
    }

        .products-table thead[b-819vpevx11] {
            display: none;
        }

        .products-table tbody[b-819vpevx11] {
            display: block;
        }

            .products-table tbody tr[b-819vpevx11] {
                display: block;
                background: white;
                margin-bottom: 0.75rem;
                border-radius: 8px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                padding: 0.75rem;
                border: none;
            }

                .products-table tbody tr:hover[b-819vpevx11] {
                    transform: none;
                }

            .products-table tbody td[b-819vpevx11] {
                display: block;
                padding: 0.25rem 0;
                border: none;
                text-align: left;
            }
}
/* /Components/Pages/Delivery/DeliveryScanningComponent.razor.rz.scp.css */
/* =============================================
   DeliveryScanningComponent — Mobile-First
   ============================================= */

/* ===== Alerts ===== */
.alert-scan[b-y6klny6j4r] {
    border: none;
    border-radius: 12px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.65rem 1rem;
}

.alert-scan .btn-close[b-y6klny6j4r] {
    font-size: 0.6rem;
    padding: 0.5rem;
}

/* ===== Mode Toggle ===== */
.mode-toggle-card[b-y6klny6j4r] {
    margin-bottom: 0.75rem;
}

.toggle-tile-scan[b-y6klny6j4r] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 12px;
    background: #fff;
    border: 1.5px solid #e9ecef;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.toggle-tile-scan:hover[b-y6klny6j4r] {
    border-color: #b8d4c8;
    background: #f8fdfb;
}

.toggle-tile-scan.active[b-y6klny6j4r] {
    border-color: #009244;
    background: rgba(0, 146, 68, 0.06);
}

.toggle-tile-scan .form-check-input[b-y6klny6j4r] {
    width: 2.75em;
    height: 1.4em;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 2em;
}

.toggle-tile-scan .form-check-input:checked[b-y6klny6j4r] {
    background-color: #009244;
    border-color: #009244;
}

.toggle-tile-scan .form-check-input:focus[b-y6klny6j4r] {
    box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.15);
}

.toggle-label-scan[b-y6klny6j4r] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1a1a2e;
}

.toggle-desc-scan[b-y6klny6j4r] {
    font-size: 0.78rem;
    color: #6c757d;
}

/* ===== Scanned Product Card ===== */
.scanned-product-card[b-y6klny6j4r] {
    background: #fff;
    border: 2px solid #0d6efd;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 1rem;
    box-shadow: 0 2px 12px rgba(13, 110, 253, 0.12);
}

.scanned-product-header[b-y6klny6j4r] {
    background: linear-gradient(135deg, #0d6efd, #3d8bfd);
    color: #fff;
    padding: 0.6rem 1rem;
    font-weight: 600;
    font-size: 0.9rem;
}

.scanned-product-body[b-y6klny6j4r] {
    padding: 1rem;
}

.scanned-product-info[b-y6klny6j4r] {
    margin-bottom: 0.75rem;
}

.scanned-product-name[b-y6klny6j4r] {
    font-weight: 600;
    font-size: 1rem;
    color: #1a1a2e;
    margin-bottom: 0.25rem;
}

.scanned-product-codes[b-y6klny6j4r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.scanned-product-fields[b-y6klny6j4r] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 0.75rem;
}

.field-group[b-y6klny6j4r] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.field-label[b-y6klny6j4r] {
    font-size: 0.78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #6c757d;
}

.field-group .form-control[b-y6klny6j4r],
.field-group .form-select[b-y6klny6j4r] {
    border-radius: 10px;
    border: 1.5px solid #dee2e6;
    font-size: 0.9rem;
    padding: 0.5rem 0.75rem;
}

.field-group .form-control:focus[b-y6klny6j4r] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.12);
}

.netto-calc[b-y6klny6j4r] {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 0.6rem 0.75rem;
}

.netto-row[b-y6klny6j4r] {
    display: flex;
    gap: 0.5rem;
}

.vat-select[b-y6klny6j4r] {
    max-width: 90px;
    flex-shrink: 0;
}

.btn-add-item[b-y6klny6j4r] {
    width: 100%;
    border-radius: 12px;
    padding: 0.6rem;
    font-weight: 600;
    font-size: 0.95rem;
}

/* Tablet+ layout for scanned product fields */
@media (min-width: 576px) {
    .scanned-product-fields[b-y6klny6j4r] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.6rem;
    }

    .netto-calc[b-y6klny6j4r] {
        grid-column: 1 / -1;
    }
}

/* ===== Items Header ===== */
.items-section[b-y6klny6j4r] {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    overflow: hidden;
}

.items-header[b-y6klny6j4r] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.85rem 1.1rem;
    border-bottom: 1px solid #f0f2f5;
    gap: 0.5rem;
}

.items-title[b-y6klny6j4r] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1a1a2e;
    margin: 0;
}

.items-summary[b-y6klny6j4r] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.summary-badge[b-y6klny6j4r] {
    font-size: 0.8rem;
    color: #475569;
    background: #f0f2f5;
    padding: 0.2rem 0.65rem;
    border-radius: 8px;
}

.summary-qty[b-y6klny6j4r] {
    background: #e8f5e9;
    color: #2e7d32;
}

/* ===== Items Table ===== */
.items-table-wrap[b-y6klny6j4r] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.items-table[b-y6klny6j4r] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.88rem;
}

.items-table thead[b-y6klny6j4r] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.items-table thead th[b-y6klny6j4r] {
    background: #f8f9fb;
    color: #64748b;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    padding: 0.6rem 0.75rem;
    border-bottom: 2px solid #e9ecef;
    white-space: nowrap;
    user-select: none;
}

.items-table tbody tr[b-y6klny6j4r] {
    transition: background 0.1s;
}

.items-table tbody tr:hover[b-y6klny6j4r] {
    background: #f8fafb;
}

.items-table tbody td[b-y6klny6j4r] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid #f0f2f5;
    vertical-align: middle;
    color: #1a1a2e;
}

.items-table tbody tr:last-child td[b-y6klny6j4r] {
    border-bottom: none;
}

.items-table tfoot td[b-y6klny6j4r] {
    padding: 0.7rem 0.75rem;
    border-top: 2px solid #e9ecef;
    background: #f8f9fb;
    font-size: 0.85rem;
    color: #475569;
}

/* Column sizing */
.col-name[b-y6klny6j4r] { min-width: 140px; }
.col-code[b-y6klny6j4r] { white-space: nowrap; }
.col-sku[b-y6klny6j4r]  { white-space: nowrap; color: #64748b; }
.col-qty[b-y6klny6j4r]  { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.col-price[b-y6klny6j4r] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; min-width: 90px; }
.col-time[b-y6klny6j4r] { text-align: center; white-space: nowrap; color: #94a3b8; font-size: 0.82rem; }
.col-actions[b-y6klny6j4r] { text-align: center; width: 44px; }

/* Cell styles */
.cell-name[b-y6klny6j4r] {
    font-weight: 600;
    display: block;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Code shown under name on mobile only */
.cell-code-mobile[b-y6klny6j4r] {
    display: none;
}

.items-table code[b-y6klny6j4r] {
    font-size: 0.8rem;
    background: #f0f2f5;
    padding: 0.15rem 0.45rem;
    border-radius: 4px;
    color: #475569;
}

/* Price editing */
.price-value[b-y6klny6j4r] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.15rem 0.4rem;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.1s;
    white-space: nowrap;
}

.price-value:hover[b-y6klny6j4r] {
    background: #e9ecef;
}

.price-value.no-price[b-y6klny6j4r] {
    color: #94a3b8;
    font-style: italic;
}

.price-edit-icon[b-y6klny6j4r] {
    font-size: 0.6rem;
    opacity: 0;
    transition: opacity 0.12s;
    color: #94a3b8;
}

.price-value:hover .price-edit-icon[b-y6klny6j4r] {
    opacity: 0.7;
}

.price-edit-inline[b-y6klny6j4r] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.price-edit-inline .form-control[b-y6klny6j4r] {
    width: 85px;
    font-size: 0.82rem;
    padding: 0.2rem 0.45rem;
    border-radius: 8px;
    text-align: right;
}

.price-edit-inline .btn[b-y6klny6j4r] {
    padding: 0.15rem 0.4rem;
    border-radius: 8px;
    font-size: 0.78rem;
    line-height: 1;
}

/* Remove button */
.btn-remove[b-y6klny6j4r] {
    border-radius: 8px;
    font-size: 0.78rem;
    padding: 0.25rem 0.5rem;
    opacity: 0.5;
    transition: opacity 0.12s;
}

.items-table tbody tr:hover .btn-remove[b-y6klny6j4r] {
    opacity: 1;
}

/* ===== Empty State ===== */
.empty-state[b-y6klny6j4r] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: #6c757d;
}

.empty-icon[b-y6klny6j4r] {
    font-size: 3rem;
    opacity: 0.3;
    display: block;
    margin-bottom: 0.75rem;
}

.empty-state h5[b-y6klny6j4r] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.25rem;
}

.empty-state p[b-y6klny6j4r] {
    font-size: 0.88rem;
    margin: 0;
}

/* ===== Floating Manual Entry ===== */
.floating-button[b-y6klny6j4r] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    font-size: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(13, 110, 253, 0.3);
    border: none;
}

.manual-entry-panel[b-y6klny6j4r] {
    padding: 0.75rem;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(0,0,0,0.15);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 300px;
}

.manual-entry-panel .form-control[b-y6klny6j4r] {
    border-radius: 10px;
    flex: 1;
}

.manual-entry-panel .btn[b-y6klny6j4r] {
    border-radius: 10px;
    flex-shrink: 0;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
    .items-table[b-y6klny6j4r] {
        font-size: 0.82rem;
    }

    .items-table thead th[b-y6klny6j4r] {
        font-size: 0.68rem;
        padding: 0.45rem 0.4rem;
    }

    .items-table tbody td[b-y6klny6j4r] {
        padding: 0.45rem 0.4rem;
    }

    /* Hide separate code, SKU, time columns */
    .col-code[b-y6klny6j4r],
    .col-sku[b-y6klny6j4r],
    .col-time[b-y6klny6j4r] {
        display: none;
    }

    /* Show code inline under name */
    .cell-code-mobile[b-y6klny6j4r] {
        display: block;
        margin-top: 0.15rem;
    }

    .cell-code-mobile code[b-y6klny6j4r] {
        font-size: 0.72rem;
    }

    .cell-name[b-y6klny6j4r] {
        max-width: 140px;
        font-size: 0.82rem;
    }

    .col-price[b-y6klny6j4r] {
        min-width: 70px;
    }

    .col-actions[b-y6klny6j4r] {
        width: 36px;
    }

    .btn-remove[b-y6klny6j4r] {
        padding: 0.15rem 0.35rem;
        font-size: 0.72rem;
        opacity: 1;
    }

    .price-edit-inline .form-control[b-y6klny6j4r] {
        width: 65px;
        font-size: 0.78rem;
    }

    .manual-entry-panel[b-y6klny6j4r] {
        min-width: auto;
        width: calc(100vw - 40px);
    }

    .items-section[b-y6klny6j4r] {
        border-radius: 10px;
    }

    .items-header[b-y6klny6j4r] {
        padding: 0.65rem 0.75rem;
    }
}

@media (max-width: 400px) {
    .cell-name[b-y6klny6j4r] {
        max-width: 100px;
    }
}
}
/* /Components/Pages/Delivery/PZAcceptanceList.razor.rz.scp.css */
/* ===== Page Container ===== */
.products-container[b-qgeejh94c5] {
    background: #f8f9fa;
    min-height: 100vh;
    padding: 1.5rem 0;
}

/* ===== Header ===== */
.pz-list-header[b-qgeejh94c5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===== Filter Card ===== */
.filter-card[b-qgeejh94c5] {
    background: white;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    overflow: hidden;
}

.filter-card-body[b-qgeejh94c5] {
    padding: 1rem 1.25rem;
}

.form-label-modern[b-qgeejh94c5] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #495057;
}

.form-control-modern[b-qgeejh94c5] {
    border-radius: 10px;
}

.btn-modern[b-qgeejh94c5] {
    border-radius: 10px;
    padding: 0.45rem 1rem;
    font-weight: 500;
    font-size: 0.9rem;
}

/* ===== Tab Navigation ===== */
.task-tabs[b-qgeejh94c5] {
    display: flex;
    gap: 0.35rem;
    background: #f0f2f5;
    border-radius: 12px;
    padding: 0.3rem;
    margin-bottom: 1.25rem;
}

.task-tab[b-qgeejh94c5] {
    flex: 1;
    text-align: center;
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #495057;
    font-weight: 500;
    font-size: 0.92rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.task-tab:hover[b-qgeejh94c5] {
    background: rgba(0, 146, 68, 0.08);
    color: #009244;
}

.task-tab.active[b-qgeejh94c5] {
    background: #fff;
    color: #009244;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    font-weight: 600;
}

/* ===== Task Cards ===== */
.task-card[b-qgeejh94c5] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
    overflow: hidden;
    background: #fff;
}

.task-card:hover[b-qgeejh94c5] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.priority-strip[b-qgeejh94c5] {
    width: 5px;
    min-height: 100%;
    flex-shrink: 0;
    border-radius: 4px 0 0 4px;
}

.priority-low[b-qgeejh94c5]    { background: #198754; }
.priority-normal[b-qgeejh94c5] { background: #0d6efd; }
.priority-high[b-qgeejh94c5]   { background: #ffc107; }
.priority-critical[b-qgeejh94c5] { background: #dc3545; }

.task-card-body[b-qgeejh94c5] {
    padding: 1rem 1.25rem;
    flex: 1;
    min-width: 0;
}

.task-title[b-qgeejh94c5] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.task-description[b-qgeejh94c5] {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-meta[b-qgeejh94c5] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.82rem;
    color: #6c757d;
}

.task-meta-item[b-qgeejh94c5] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.task-meta-item i[b-qgeejh94c5] {
    font-size: 0.85rem;
    opacity: 0.7;
}

.task-card-chevron[b-qgeejh94c5] {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    color: #adb5bd;
    font-size: 1.2rem;
    flex-shrink: 0;
    transition: color 0.15s ease;
}

.task-card:hover .task-card-chevron[b-qgeejh94c5] {
    color: #009244;
}

/* ===== Pill & Modern Buttons ===== */
.btn-pill[b-qgeejh94c5] {
    border-radius: 20px;
    padding: 0.4rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
}

.btn-modern[b-qgeejh94c5] {
    border-radius: 10px;
    padding: 0.45rem 1rem;
    font-weight: 500;
    font-size: 0.9rem;
}

/* ===== Alert Modern ===== */
.alert-modern[b-qgeejh94c5] {
    border-radius: 12px;
    border: none;
    font-size: 0.92rem;
    padding: 1rem 1.25rem;
}

/* ===== View Chips ===== */
.view-chip-toggle[b-qgeejh94c5] {
    display: inline-flex;
    gap: 0.4rem;
    background: #eef2f7;
    border-radius: 999px;
    padding: 0.25rem;
}

.view-chip[b-qgeejh94c5] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #5a6472;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.view-chip:hover[b-qgeejh94c5] {
    background: #dde5ef;
    color: #1f2a37;
}

.view-chip.active[b-qgeejh94c5] {
    background: linear-gradient(135deg, #009244, #00b253);
    color: #fff;
    box-shadow: 0 3px 12px rgba(0,146,68,0.28);
}

/* ===== Filter Panel ===== */
.filter-panel[b-qgeejh94c5] {
    border-radius: 14px;
}

.form-label-elegant[b-qgeejh94c5] {
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.01em;
    color: #536070;
    margin-bottom: 0.35rem;
}

.form-control-elegant[b-qgeejh94c5] {
    border-radius: 10px;
    border: 1px solid #d5dce5;
    background: #fcfdff;
}

.form-control-elegant:focus[b-qgeejh94c5] {
    border-color: #009244;
    box-shadow: 0 0 0 0.2rem rgba(0, 146, 68, 0.14);
}

/* ===== Full View Styles ===== */
.full-view-table-wrap[b-qgeejh94c5] {
    border-radius: 12px;
}

.full-view-table-wrap table thead th[b-qgeejh94c5] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #4d5968;
    white-space: nowrap;
    border-bottom-width: 1px;
}

.full-view-table-wrap table tbody tr:hover[b-qgeejh94c5] {
    background-color: #f4f9ff;
}

.full-view-table-wrap .form-check-input[b-qgeejh94c5] {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
}

.grouped-items-wrap[b-qgeejh94c5] {
    border-top: 1px solid #edf0f2;
}

.grouped-items-table thead th[b-qgeejh94c5] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.grouped-items-table tbody tr:hover[b-qgeejh94c5] {
    background-color: #fbfcff;
}

.grouped-items-table .badge[b-qgeejh94c5] {
    font-weight: 500;
}

@media (max-width: 576px) {
    .task-tab[b-qgeejh94c5] {
        font-size: 0.82rem;
        padding: 0.5rem 0.5rem;
    }

    .task-card-body[b-qgeejh94c5] {
        padding: 0.75rem 1rem;
    }

    .task-actions[b-qgeejh94c5] {
        padding: 0.75rem 0.75rem 0.75rem 0;
    }

    .task-title[b-qgeejh94c5] {
        font-size: 0.95rem;
    }
}

@media (max-width: 992px) {
    .full-view-table-wrap table[b-qgeejh94c5] {
        min-width: 860px;
    }

    .grouped-items-table[b-qgeejh94c5] {
        min-width: 980px;
    }
}

/* /Components/Pages/Delivery/PZAcceptanceReports.razor.rz.scp.css */
/* PZAcceptanceReports - reuses global product/delivery styles */

.products-container[b-j7neya8x5s] {
    background: #f8f9fa;
    min-height: 100vh;
    padding: 1.5rem 0;
}

.filter-card[b-j7neya8x5s] {
    background: white;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.filter-card-body[b-j7neya8x5s] {
    padding: 1.25rem;
}

.form-label-modern[b-j7neya8x5s] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #495057;
}

.form-control-modern[b-j7neya8x5s] {
    border-radius: 10px;
}

.btn-modern[b-j7neya8x5s] {
    border-radius: 10px;
    padding: 0.45rem 1rem;
    font-weight: 500;
    font-size: 0.9rem;
}

.alert-modern[b-j7neya8x5s] {
    border-radius: 12px;
    border: none;
    font-size: 0.92rem;
    padding: 1rem 1.25rem;
}

.products-table-card[b-j7neya8x5s] {
    background: white;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    overflow: hidden;
    margin-bottom: 1rem;
}

.products-table[b-j7neya8x5s] {
    margin-bottom: 0;
}

.products-table thead th[b-j7neya8x5s] {
    background: #f8faf9;
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6c757d;
    border-bottom: 2px solid #e8f0eb;
    padding: 0.75rem 1rem;
    white-space: nowrap;
}

.products-table tbody td[b-j7neya8x5s] {
    padding: 0.65rem 1rem;
    vertical-align: middle;
    font-size: 0.88rem;
}

.products-table tbody tr:hover[b-j7neya8x5s] {
    background: #f8fdfb;
}

.btn-action[b-j7neya8x5s] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    background: #fff;
    color: #495057;
    font-size: 0.85rem;
    transition: all 0.15s ease;
}

.btn-action:hover[b-j7neya8x5s] {
    border-color: #adb5bd;
    background: #f8f9fa;
}

.btn-action-view:hover[b-j7neya8x5s] {
    color: #0d6efd;
    border-color: #0d6efd;
}

.btn-action-delete:hover[b-j7neya8x5s] {
    color: #dc3545;
    border-color: #dc3545;
}

.card-modern[b-j7neya8x5s] {
    border: none;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s;
}

.card-modern:hover[b-j7neya8x5s] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

/* Active filter ring on stat badges */
.ring-active[b-j7neya8x5s] {
    outline: 3px solid rgba(0,0,0,0.35);
    outline-offset: 2px;
}
/* /Components/Pages/Deposits/DepositDocumentsToProcess.razor.rz.scp.css */
/* DepositDocumentsToProcess Component Styles */

.deposit-documents-container[b-pb4bahggjw] {
    min-height: 100vh;
    background: var(--global-palette-light);
    padding: 2rem 0;
}

.deposit-documents-header[b-pb4bahggjw] {
    background: white;
    border-radius: var(--border-radius);
    padding: 2rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-sm);
}

.deposit-documents-header h3[b-pb4bahggjw] {
    margin: 0;
    color: #2d3748;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.deposit-documents-header h3 i[b-pb4bahggjw] {
    font-size: 1.75rem;
    color: var(--global-palette1);
}

.deposit-documents-header p[b-pb4bahggjw] {
    margin: 0.5rem 0 0 0;
}

/* Filter Card */
.filter-card[b-pb4bahggjw] {
    background: white;
    border-radius: var(--border-radius);
    padding: 0;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.filter-card-body[b-pb4bahggjw] {
    padding: 1.5rem;
}

.form-label-modern[b-pb4bahggjw] {
    font-weight: 600;
    color: #4a5568;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-label-modern i[b-pb4bahggjw] {
    color: var(--global-palette1);
}

.form-control-modern[b-pb4bahggjw],
.form-select[b-pb4bahggjw] {
    border: 2px solid #e2e8f0;
    border-radius: var(--border-radius);
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.form-control-modern:focus[b-pb4bahggjw],
.form-select:focus[b-pb4bahggjw] {
    border-color: var(--global-palette1);
    box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.1);
}

/* Features Checkbox List */
.features-checkbox-list[b-pb4bahggjw] {
    max-height: 300px;
    overflow-y: auto;
    padding: 1rem;
    background: #f7fafc;
    border-radius: var(--border-radius);
    border: 2px solid #e2e8f0;
}

.features-checkbox-list .form-check[b-pb4bahggjw] {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 8px;
    transition: background-color 0.2s ease;
}

.features-checkbox-list .form-check:hover[b-pb4bahggjw] {
    background-color: white;
}

.features-checkbox-list .form-check-input[b-pb4bahggjw] {
    border: 2px solid #cbd5e0;
    border-radius: 4px;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    margin-top: 0.125rem;
}

.features-checkbox-list .form-check-input:checked[b-pb4bahggjw] {
    background-color: var(--global-palette1);
    border-color: var(--global-palette1);
}

.features-checkbox-list .form-check-input:focus[b-pb4bahggjw] {
    border-color: var(--global-palette1);
    box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.1);
}

.features-checkbox-list .form-check-label[b-pb4bahggjw] {
    margin-left: 0.5rem;
    cursor: pointer;
    color: #2d3748;
    font-weight: 500;
}

/* Summary Cards */
.documents-summary[b-pb4bahggjw] {
    margin-bottom: 1.5rem;
}

.summary-card[b-pb4bahggjw] {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.summary-card i[b-pb4bahggjw] {
    font-size: 2.5rem;
    color: var(--global-palette1);
}

.summary-card div[b-pb4bahggjw] {
    display: flex;
    flex-direction: column;
}

.summary-card strong[b-pb4bahggjw] {
    font-size: 1.75rem;
    color: #2d3748;
    font-weight: 700;
}

.summary-card span[b-pb4bahggjw] {
    color: #718096;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Document Cards */
.document-card[b-pb4bahggjw] {
    background: white;
    border-radius: var(--border-radius);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: var(--shadow-sm);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.document-card:hover[b-pb4bahggjw] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.document-header[b-pb4bahggjw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
}

.document-header h5[b-pb4bahggjw] {
    margin: 0 0 0.75rem 0;
    color: #2d3748;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.document-header h5 i[b-pb4bahggjw] {
    color: var(--global-palette1);
}

.document-meta[b-pb4bahggjw] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.document-notes[b-pb4bahggjw] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    background: #f7fafc;
    border-left: 4px solid var(--global-palette1);
    border-radius: 8px;
    color: #4a5568;
    font-size: 0.875rem;
}

.document-notes i[b-pb4bahggjw] {
    color: var(--global-palette1);
    margin-right: 0.5rem;
}

/* Badges */
.badge-modern[b-pb4bahggjw] {
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

.badge-info[b-pb4bahggjw] {
    background: #bee3f8;
    color: #2c5282;
}

.badge-secondary[b-pb4bahggjw] {
    background: #e2e8f0;
    color: #4a5568;
}

.badge-primary[b-pb4bahggjw] {
    background: #d6bcfa;
    color: #553c9a;
}

.badge-location[b-pb4bahggjw] {
    background: #fef5e7;
    color: #b7791f;
}

.badge-feature[b-pb4bahggjw] {
    background: #d1fae5;
    color: #065f46;
}

/* Buttons */
.btn-modern[b-pb4bahggjw] {
    border-radius: var(--border-radius);
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    border: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary.btn-modern[b-pb4bahggjw] {
    background: var(--global-palette1);
    color: white;
}

.btn-primary.btn-modern:hover:not(:disabled)[b-pb4bahggjw] {
    background: #007a38;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.btn-success.btn-modern[b-pb4bahggjw] {
    background: var(--global-palette2);
    color: #2d3748;
}

.btn-success.btn-modern:hover:not(:disabled)[b-pb4bahggjw] {
    background: #a8b916;
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.btn-modern:disabled[b-pb4bahggjw] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Alerts */
.alert-modern[b-pb4bahggjw] {
    border-radius: var(--border-radius);
    border: none;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
}

.alert-modern i[b-pb4bahggjw] {
    font-size: 1.25rem;
}

.alert-danger.alert-modern[b-pb4bahggjw] {
    background: #fed7d7;
    color: #9b2c2c;
}

.alert-success.alert-modern[b-pb4bahggjw] {
    background: #c6f6d5;
    color: #22543d;
}

.alert-info.alert-modern[b-pb4bahggjw] {
    background: #bee3f8;
    color: #2c5282;
}

.alert-warning.alert-modern[b-pb4bahggjw] {
    background: #fef5e7;
    color: #b7791f;
}

/* Table */
.documents-positions-table[b-pb4bahggjw] {
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-top: 1rem;
}

.documents-positions-table thead[b-pb4bahggjw] {
    background: var(--gradient-primary);
    color: white;
}

.documents-positions-table thead th[b-pb4bahggjw] {
    border: none;
    padding: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
}

.documents-positions-table tbody tr[b-pb4bahggjw] {
    border-bottom: 1px solid #e2e8f0;
    transition: background-color 0.2s ease;
}

.documents-positions-table tbody tr:hover[b-pb4bahggjw] {
    background-color: #f7fafc;
}

.documents-positions-table tbody td[b-pb4bahggjw] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

/* Responsive */
@media (max-width: 768px) {
    .documents-container[b-pb4bahggjw] {
        padding: 1rem 0;
    }

    .document-header[b-pb4bahggjw] {
        flex-direction: column;
    }

    .summary-card[b-pb4bahggjw] {
        text-align: center;
        flex-direction: column;
    }

    .summary-card i[b-pb4bahggjw] {
        font-size: 2rem;
    }
}
/* /Components/Pages/Deposits/DepositProcessModal.razor.rz.scp.css */
/* DepositProcessModal Component Styles */

.modal.show.d-block[b-gdchv6ufrv] {
    display: block;
}

.modal-dialog.modal-xl[b-gdchv6ufrv] {
    max-width: 1200px;
}

.modal-content[b-gdchv6ufrv] {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-lg);
}

.modal-header[b-gdchv6ufrv] {
    background: var(--gradient-primary);
    color: white;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.modal-header .btn-close[b-gdchv6ufrv] {
    filter: brightness(0) invert(1);
}

.modal-body[b-gdchv6ufrv] {
    max-height: 70vh;
    overflow-y: auto;
}

.modal-body .table[b-gdchv6ufrv] {
    margin-bottom: 0;
}

.modal-body .table thead[b-gdchv6ufrv] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: white;
}

.modal-body .table-success[b-gdchv6ufrv] {
    background-color: rgba(198, 246, 213, 0.3);
}

.modal-body .table-warning[b-gdchv6ufrv] {
    background-color: rgba(254, 245, 231, 0.5);
}

.modal-footer[b-gdchv6ufrv] {
    border-top: 2px solid #e2e8f0;
}
/* /Components/Pages/Deposits/PriceList.razor.rz.scp.css */
/* PriceList Component Styles */

.pricelist-container[b-n9h90vndrc] {
    background: var(--global-palette-light);
    min-height: 100vh;
    padding: 2rem 0;
}

.pricelist-header[b-n9h90vndrc] {
    background: white;
    padding: 2rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    margin-bottom: 2rem;
}

    .pricelist-header h3[b-n9h90vndrc] {
        margin: 0;
        font-weight: 700;
        background-image: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.filter-card[b-n9h90vndrc] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    margin-bottom: 2rem;
    overflow: hidden;
}

.filter-card-body[b-n9h90vndrc] {
    padding: 2rem;
}

.pricelist-table-card[b-n9h90vndrc] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 2rem;
}

.pricelist-table[b-n9h90vndrc] {
    margin-bottom: 0;
}

    .pricelist-table thead[b-n9h90vndrc] {
        background-image: var(--gradient-header);
        color: white;
    }

        .pricelist-table thead th[b-n9h90vndrc] {
            border: none;
            padding: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

    .pricelist-table tbody tr[b-n9h90vndrc] {
        transition: all 0.2s ease;
        border-bottom: 1px solid #f0f0f0;
    }

        .pricelist-table tbody tr:hover[b-n9h90vndrc] {
            transform: scale(1.002);
        }

            .pricelist-table tbody tr:hover td[b-n9h90vndrc] {
                background-color: var(--global-palette-light) !important;
            }

    .pricelist-table tbody td[b-n9h90vndrc] {
        padding: 1rem;
        vertical-align: middle;
        transition: background-color 0.2s ease;
    }

.badge-supplier[b-n9h90vndrc] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-weight: 600;
}

.badge-supplier-sku[b-n9h90vndrc] {
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-weight: 600;
}

.badge-price[b-n9h90vndrc] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
    color: white;
    padding: 0.4rem 0.8rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 1rem;
}

.product-info-box[b-n9h90vndrc] {
    background: var(--global-palette-light);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.list-group-item[b-n9h90vndrc] {
    border: 1px solid #dee2e6;
    margin-bottom: 0.5rem;
    border-radius: 6px !important;
}

/* Inline price editing */
.price-display-cell[b-n9h90vndrc] {
    padding: 0.25rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    min-height: 38px;
    display: flex;
    align-items: center;
}

    .price-display-cell:hover[b-n9h90vndrc] {
        background-color: #f8f9fa;
        box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.2);
    }

.price-edit-cell[b-n9h90vndrc] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.price-input[b-n9h90vndrc] {
    flex: 1;
    max-width: 120px;
    font-weight: 600;
    border: 2px solid #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

    .price-input:focus[b-n9h90vndrc] {
        border-color: #0d6efd;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.3);
    }

.price-actions[b-n9h90vndrc] {
    display: flex;
    gap: 0.25rem;
}

    .price-actions .btn[b-n9h90vndrc] {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1;
    }

/* Responsive table for mobile */
@media (max-width: 768px) {
    .pricelist-table-card[b-n9h90vndrc] {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .pricelist-table[b-n9h90vndrc] {
        display: block;
    }

        .pricelist-table thead[b-n9h90vndrc] {
            display: none;
        }

        .pricelist-table tbody[b-n9h90vndrc] {
            display: block;
        }

            .pricelist-table tbody tr[b-n9h90vndrc] {
                display: block;
                background: white;
                margin-bottom: 0.75rem;
                border-radius: 8px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                padding: 1rem;
                border: none;
            }

                .pricelist-table tbody tr:hover[b-n9h90vndrc] {
                    transform: none;
                }

            .pricelist-table tbody td[b-n9h90vndrc] {
                display: block;
                padding: 0.5rem 0;
                border: none;
                text-align: left;
            }

                .pricelist-table tbody td[b-n9h90vndrc]::before {
                    content: attr(data-label);
                    font-weight: 600;
                    margin-right: 0.5rem;
                    color: #666;
                }

    .price-input[b-n9h90vndrc] {
        max-width: 100%;
    }

    .price-edit-cell[b-n9h90vndrc] {
        flex-direction: column;
        align-items: stretch;
    }

    .price-actions[b-n9h90vndrc] {
        width: 100%;
    }

        .price-actions .btn[b-n9h90vndrc] {
            flex: 1;
        }
}
/* /Components/Pages/Finance/CollectionConfig.razor.rz.scp.css */
.nav-tabs .nav-link[b-er4oiwfij5] {
    border-radius: 0;
    min-width: 150px;
}

/* Inactive tab colors - muted versions */
.tab-yellow[b-er4oiwfij5] {
    background-color: rgba(255, 193, 7, 0.3) !important;
    border-color: rgba(255, 193, 7, 0.5) !important;
}

.tab-orange[b-er4oiwfij5] {
    background-color: rgba(253, 126, 20, 0.3) !important;
    border-color: rgba(253, 126, 20, 0.5) !important;
}

.tab-red[b-er4oiwfij5] {
    background-color: rgba(220, 53, 69, 0.3) !important;
    border-color: rgba(220, 53, 69, 0.5) !important;
}

.tab-dark[b-er4oiwfij5] {
    background-color: rgba(33, 37, 41, 0.3) !important;
    border-color: rgba(33, 37, 41, 0.5) !important;
}

/* Active tab colors - full intensity */
.tab-yellow.active[b-er4oiwfij5] {
    background-color: #ffc107 !important;
    color: black !important;
    border-color: #ffc107 !important;
}

.tab-orange.active[b-er4oiwfij5] {
    background-color: #fd7e14 !important;
    color: white !important;
    border-color: #fd7e14 !important;
}

.tab-red.active[b-er4oiwfij5] {
    background-color: #dc3545 !important;
    color: white !important;
    border-color: #dc3545 !important;
}

.tab-dark.active[b-er4oiwfij5] {
    background-color: #212529 !important;
    color: white !important;
    border-color: #212529 !important;
}
/* /Components/Pages/Finance/CollectionTabs.razor.rz.scp.css */
.nav-tabs .nav-link[b-kek38xtb1m] {
    border-radius: 0;
    min-width: 150px;
}

/* Inactive tab colors - muted versions */
.tab-yellow[b-kek38xtb1m] {
    background-color: rgba(255, 193, 7, 0.3) !important;
    border-color: rgba(255, 193, 7, 0.5) !important;
}

.tab-orange[b-kek38xtb1m] {
    background-color: rgba(253, 126, 20, 0.3) !important;
    border-color: rgba(253, 126, 20, 0.5) !important;
}

.tab-red[b-kek38xtb1m] {
    background-color: rgba(220, 53, 69, 0.3) !important;
    border-color: rgba(220, 53, 69, 0.5) !important;
}

.tab-dark[b-kek38xtb1m] {
    background-color: rgba(33, 37, 41, 0.3) !important;
    border-color: rgba(33, 37, 41, 0.5) !important;
}

/* Active tab colors - full intensity */
.tab-yellow.active[b-kek38xtb1m] {
    background-color: #ffc107 !important;
    color: black !important;
    border-color: #ffc107 !important;
}

.tab-orange.active[b-kek38xtb1m] {
    background-color: #fd7e14 !important;
    color: white !important;
    border-color: #fd7e14 !important;
}

.tab-red.active[b-kek38xtb1m] {
    background-color: #dc3545 !important;
    color: white !important;
    border-color: #dc3545 !important;
}

.tab-dark.active[b-kek38xtb1m] {
    background-color: #212529 !important;
    color: white !important;
    border-color: #212529 !important;
}

.table-orange th[b-kek38xtb1m] {
    background-color: #fd7e14 !important;
    color: white;
}

.bg-orange[b-kek38xtb1m] {
    background-color: #fd7e14 !important;
}

.btn-orange[b-kek38xtb1m] {
    background-color: #fd7e14;
    border-color: #fd7e14;
    color: white;
}

.btn-orange:hover[b-kek38xtb1m] {
    background-color: #e96b02;
    border-color: #e96b02;
    color: white;
}

.sortable-header[b-kek38xtb1m] {
    cursor: pointer;
    user-select: none;
}

.sortable-header:hover[b-kek38xtb1m] {
    background-color: rgba(255, 255, 255, 0.2);
}
}
/* /Components/Pages/Inventory/InventoryReports.razor.rz.scp.css */
/* InventoryReports Component Styles */

.products-container[b-zflcrpfnbv] {
    background: var(--global-palette-light);
    min-height: 100vh;
    padding: 2rem 0;
}

/* Page Header */
.products-header[b-zflcrpfnbv] {
    background: white;
    padding: 2rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    margin-bottom: 2rem;
}

    .products-header h3[b-zflcrpfnbv] {
        margin: 0;
        font-weight: 700;
        background-image: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

        .products-header h3 i[b-zflcrpfnbv] {
            margin-right: 0.5rem;
        }

/* Filter Card */
.filter-card[b-zflcrpfnbv] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    margin-bottom: 2rem;
    overflow: hidden;
}

.filter-card-body[b-zflcrpfnbv] {
    padding: 2rem;
}

/* Main Table Card */
.products-table-card[b-zflcrpfnbv] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 2rem;
}

.products-table[b-zflcrpfnbv] {
    margin-bottom: 0;
}

    .products-table thead[b-zflcrpfnbv] {
        background-image: var(--gradient-header);
        color: white;
    }

        .products-table thead th[b-zflcrpfnbv] {
            border: none;
            padding: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

    .products-table tbody tr[b-zflcrpfnbv] {
        transition: all 0.2s ease;
        border-bottom: 1px solid #f0f0f0;
    }

        .products-table tbody tr:hover[b-zflcrpfnbv] {
            transform: scale(1.005);
        }

            .products-table tbody tr:hover td[b-zflcrpfnbv] {
                background-color: var(--global-palette-light) !important;
            }

    .products-table tbody td[b-zflcrpfnbv] {
        padding: 1rem;
        vertical-align: middle;
        transition: background-color 0.2s ease;
    }

/* Modern Badges */
.badge-modern[b-zflcrpfnbv] {
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    display: inline-block;
}

.badge-warning[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #ffc107 0%, #ffb300 100%);
    color: #000;
}

.badge-success[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

.badge-info[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    color: white;
}

/* Action Buttons */
.btn-action[b-zflcrpfnbv] {
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    transition: all 0.2s ease;
    font-size: 0.9rem;
    margin: 0 0.1rem;
}

    .btn-action:hover[b-zflcrpfnbv] {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.15);
    }

.btn-action-edit[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #fd7e14 0%, #e96900 100%);
    color: white;
}

.btn-action-delete[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: white;
}

/* Form Controls */
.form-control-modern[b-zflcrpfnbv],
.form-select[b-zflcrpfnbv] {
    border-radius: 8px;
    border: 2px solid #e0e0e0;
    padding: 0.65rem 1rem;
    transition: all 0.2s ease;
}

    .form-control-modern:focus[b-zflcrpfnbv],
    .form-select:focus[b-zflcrpfnbv] {
        border-color: var(--global-palette1);
        box-shadow: 0 0 0 0.2rem rgba(0, 146, 68, 0.15);
    }

.form-label-modern[b-zflcrpfnbv] {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-modern[b-zflcrpfnbv] {
    border-radius: 8px;
    padding: 0.65rem 1.5rem;
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
}

    .btn-modern:hover[b-zflcrpfnbv] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }

.btn-outline-primary.btn-modern[b-zflcrpfnbv] {
    border: 2px solid var(--global-palette1);
    color: var(--global-palette1);
    background: white;
}

    .btn-outline-primary.btn-modern:hover[b-zflcrpfnbv] {
        background: var(--global-palette1);
        color: white;
    }

/* Alerts */
.alert-modern[b-zflcrpfnbv] {
    border-radius: var(--border-radius);
    padding: 1rem 1.25rem;
    border: none;
    box-shadow: var(--shadow-sm);
}

    .alert-modern i[b-zflcrpfnbv] {
        margin-right: 0.5rem;
    }

/* Card Modern */
.card-modern[b-zflcrpfnbv] {
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    border: none;
    transition: all 0.2s ease;
}

    .card-modern:hover[b-zflcrpfnbv] {
        box-shadow: var(--shadow-lg);
        transform: translateY(-2px);
    }

/* Inventory Details Modal */
.modal-fullscreen .modal-content[b-zflcrpfnbv] {
    border-radius: 0;
}

.modal-fullscreen .modal-header[b-zflcrpfnbv] {
    background: linear-gradient(135deg, var(--global-palette1) 0%, #007a38 100%);
    color: white;
    padding: 1.25rem 1.5rem;
    border-bottom: none;
}

.modal-fullscreen .modal-title[b-zflcrpfnbv] {
    font-weight: 700;
}

.modal-fullscreen .btn-close[b-zflcrpfnbv] {
    filter: brightness(0) invert(1);
}

/* Inventory Details Table */
.inventory-details-card[b-zflcrpfnbv] {
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

    .inventory-details-card .card-header[b-zflcrpfnbv] {
        background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
        border-bottom: 2px solid #e0e0e0;
        padding: 1rem 1.25rem;
    }

        .inventory-details-card .card-header h6[b-zflcrpfnbv] {
            margin: 0;
            font-weight: 700;
            color: #333;
        }

/* Sortable table headers */
.table-sortable thead th[b-zflcrpfnbv] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.2s ease;
}

    .table-sortable thead th:hover[b-zflcrpfnbv] {
        background-color: rgba(255, 255, 255, 0.1);
    }

    .table-sortable thead th .bi[b-zflcrpfnbv] {
        opacity: 0.6;
        transition: opacity 0.2s ease;
    }

    .table-sortable thead th:hover .bi[b-zflcrpfnbv] {
        opacity: 1;
    }

    .table-sortable thead th .bi-sort-up[b-zflcrpfnbv],
    .table-sortable thead th .bi-sort-down[b-zflcrpfnbv] {
        opacity: 1;
    }

/* Expandable rows */
.cursor-pointer[b-zflcrpfnbv] {
    cursor: pointer;
}

    .cursor-pointer:hover[b-zflcrpfnbv] {
        background-color: rgba(0, 123, 255, 0.08) !important;
    }

/* Location details row */
.location-detail-row[b-zflcrpfnbv] {
    background-color: #f8f9fa;
    font-size: 0.8rem;
}

    .location-detail-row td[b-zflcrpfnbv] {
        padding: 0.4rem 0.5rem !important;
    }

/* Statistics summary */
.stats-summary[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
    border-radius: var(--border-radius);
    padding: 1rem 1.5rem;
    border: none;
}

    .stats-summary h6[b-zflcrpfnbv] {
        color: #1565c0;
        font-weight: 700;
        margin-bottom: 0.75rem;
    }

/* Round badges */
.round-badge[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
    color: white;
    padding: 0.25rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Export button */
.btn-export[b-zflcrpfnbv] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    border: none;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-export:hover:not(:disabled)[b-zflcrpfnbv] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
        color: white;
    }

    .btn-export:disabled[b-zflcrpfnbv] {
        opacity: 0.6;
        transform: none;
    }

/* Difference highlighting */
.diff-positive[b-zflcrpfnbv] {
    color: #28a745;
    font-weight: 700;
}

.diff-negative[b-zflcrpfnbv] {
    color: #dc3545;
    font-weight: 700;
}

.diff-zero[b-zflcrpfnbv] {
    color: #6c757d;
}

/* Row with difference */
.row-has-difference[b-zflcrpfnbv] {
    background-color: #fff3cd !important;
}

    .row-has-difference:hover[b-zflcrpfnbv] {
        background-color: #ffe69c !important;
    }

/* Responsive Mobile */
@media (max-width: 768px) {
    .products-table-card[b-zflcrpfnbv] {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .products-table[b-zflcrpfnbv] {
        display: block;
    }

        .products-table thead[b-zflcrpfnbv] {
            display: none;
        }

        .products-table tbody[b-zflcrpfnbv] {
            display: block;
        }

            .products-table tbody tr[b-zflcrpfnbv] {
                display: block;
                background: white;
                margin-bottom: 0.75rem;
                border-radius: 8px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                padding: 0.75rem;
                border: none;
            }

                .products-table tbody tr:hover[b-zflcrpfnbv] {
                    transform: none;
                }

            .products-table tbody td[b-zflcrpfnbv] {
                display: block;
                padding: 0.25rem 0;
                border: none;
                text-align: left;
            }

    .filter-card-body[b-zflcrpfnbv] {
        padding: 1rem;
    }

    .modal-fullscreen .modal-header[b-zflcrpfnbv] {
        padding: 1rem;
    }
}
/* /Components/Pages/Inventory/InventoryScanPage.razor.rz.scp.css */
/* InventoryScanPage Styles - używa tych samych stylów co LocationScanner */

.home-container[b-d1btturv8s] {
    padding: 0.5rem;
    max-width: 100%;
    min-height: calc(100vh - 3.5rem);
    background: var(--global-palette-light);
}

.welcome-screen[b-d1btturv8s] {
    text-align: center;
    padding: 2rem 1rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
}

.welcome-icon[b-d1btturv8s] {
    font-size: 4rem;
    background-image: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.75rem;
}

.welcome-title[b-d1btturv8s] {
    font-weight: 700;
    color: #333;
    margin-bottom: 0.25rem;
    font-size: 1.1rem;
}

.welcome-text[b-d1btturv8s] {
    color: #666;
    font-size: 0.9rem;
}

.product-card[b-d1btturv8s] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.product-header[b-d1btturv8s] {
    background-image: var(--gradient-header);
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #ffffff;
}

.product-header .stock-item[b-d1btturv8s],
.product-header .stock-label[b-d1btturv8s],
.product-header .stock-value[b-d1btturv8s],
.product-header .stock-unit[b-d1btturv8s],
.product-header .product-name[b-d1btturv8s],
.product-header .product-codes[b-d1btturv8s],
.product-header strong[b-d1btturv8s] {
    color: #ffffff !important;
}

.product-header .stock-item[b-d1btturv8s] {
    border-color: rgba(255,255,255,0.45);
}

.product-header .badge-sku[b-d1btturv8s] {
    color: var(--global-palette1) !important;
}

.product-image[b-d1btturv8s] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    background: white;
    border-radius: 6px;
    padding: 0.15rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .product-image:active[b-d1btturv8s] {
        transform: scale(0.95);
    }

.product-info[b-d1btturv8s] {
    flex: 1;
    min-width: 0;
}

.product-name[b-d1btturv8s] {
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    margin: 0 0 0.35rem 0;
    word-wrap: break-word;
    line-height: 1.2;
}

.product-codes[b-d1btturv8s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.product-details[b-d1btturv8s] {
    padding: 0.75rem;
}

.detail-row[b-d1btturv8s] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

    .detail-row:last-child[b-d1btturv8s] {
        border-bottom: none;
    }

.detail-label[b-d1btturv8s] {
    font-weight: 600;
    color: #555;
    min-width: 85px;
    font-size: 0.85rem;
}

.detail-value[b-d1btturv8s] {
    flex: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.85rem;
}

.form-section[b-d1btturv8s] {
    margin-top: 0.75rem;
    padding: 0 0.75rem;
}

.form-label-modern[b-d1btturv8s] {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    display: block;
}

    .form-label-modern i[b-d1btturv8s] {
        color: var(--global-palette1);
        margin-right: 0.35rem;
    }

.form-control-lg[b-d1btturv8s] {
    padding: 0.75rem 1rem;
    font-size: 1rem;
}

.action-buttons[b-d1btturv8s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0 0.75rem 0.75rem 0.75rem;
}

.btn-action[b-d1btturv8s] {
    flex: 1;
    min-width: 0;
    padding: 0.75rem 0.5rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: none;
    min-height: 48px;
    white-space: nowrap;
}

    .btn-action:active[b-d1btturv8s] {
        transform: scale(0.95);
    }

.btn-bclose[b-d1btturv8s] {
    background-color: #e74c3c;
    color: white;
}

    .btn-bclose:hover[b-d1btturv8s], .btn-bclose:active[b-d1btturv8s] {
        background-color: #c0392b;
    }

.btn-save[b-d1btturv8s] {
    background-image: var(--gradient-primary);
    color: white;
}

    .btn-save:hover[b-d1btturv8s], .btn-save:active[b-d1btturv8s] {
        background-color: var(--global-palette1);
    }

.floating-actions[b-d1btturv8s] {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 1040;
}

.btn-floating[b-d1btturv8s] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-image: var(--gradient-primary);
    color: white;
    border: none;
    box-shadow: var(--shadow-lg);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .btn-floating:active[b-d1btturv8s] {
        transform: scale(0.9);
    }

.manual-entry-panel[b-d1btturv8s] {
    background: white;
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    padding: 0.75rem;
    display: flex;
    gap: 0.5rem;
    min-width: 260px;
}

    .manual-entry-panel input[b-d1btturv8s] {
        flex: 1;
    }

    .manual-entry-panel button[b-d1btturv8s] {
        min-width: 44px;
    }

@media (min-width: 768px) {
    .home-container[b-d1btturv8s] {
        padding: 1.5rem;
        max-width: 600px;
        margin: 0 auto;
    }

    .product-image[b-d1btturv8s] {
        width: 70px;
        height: 70px;
    }

    .product-name[b-d1btturv8s] {
        font-size: 1.05rem;
    }

    .product-header[b-d1btturv8s] {
        padding: 1rem;
    }

    .product-details[b-d1btturv8s] {
        padding: 1rem;
    }

    .detail-row[b-d1btturv8s] {
        padding: 0.6rem 0;
    }

    .form-section[b-d1btturv8s] {
        padding: 0 1rem;
    }

    .action-buttons[b-d1btturv8s] {
        padding: 0 1rem 1rem 1rem;
    }
}
/* /Components/Pages/Issues/IssueRoutes.razor.rz.scp.css */
/* ============================================
   Wydania — Trasy (IssueRoutes)
   Spójne z paletą AB: --global-palette1..6 z app.css
   ============================================ */

.routes-page[b-3ynyr86ebt] {
    /* Animacja wejścia w stylu apki */
    animation: fadeIn 0.4s ease-in;
    overflow-x: hidden; /* defensive — wąskie viewporty z pełną tabelą nie wypychają main */
}

/* ---------- Hero ---------- */
.routes-hero[b-3ynyr86ebt] {
    background: linear-gradient(135deg, var(--global-palette4, #022c32) 0%, var(--global-palette5, #1e4c53) 100%);
    padding: 1.5rem 1.75rem;
}

.routes-hero h1[b-3ynyr86ebt] {
    font-size: 1.5rem;
    font-weight: 700;
}

.hero-stats[b-3ynyr86ebt] {
    display: flex;
    gap: 1.5rem;
}

.hero-stat[b-3ynyr86ebt] {
    text-align: center;
    color: white;
    min-width: 80px;
}

.hero-stat .stat-num[b-3ynyr86ebt] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--global-palette2, #c1d11c);
    line-height: 1;
}

.hero-stat .stat-lbl[b-3ynyr86ebt] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.85;
    margin-top: 0.25rem;
}

/* ---------- Toolbar ---------- */
.routes-toolbar[b-3ynyr86ebt] {
    background: white;
    border-radius: 8px;
    padding: 0.85rem 1rem;
    margin-bottom: 1rem;
    box-shadow: var(--card-shadow, 0 2px 8px rgba(0,0,0,0.08));
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.toolbar-actions[b-3ynyr86ebt], .toolbar-filters[b-3ynyr86ebt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.toolbar-actions .modern-btn[b-3ynyr86ebt] {
    padding: 0.55rem 1rem;
    font-size: 0.82rem;
}

/* Toggle "Podgląd jako pakowacz" — wyróżniony, ale nie konkurujący z primary actions */
.view-toggle[b-3ynyr86ebt] {
    margin-left: auto;
    font-size: 0.78rem !important;
}

/* Bar podglądu pakowacza — żółty info-banner zamiast normalnego toolbara */
.packer-preview-bar[b-3ynyr86ebt] {
    flex: 1;
    background: linear-gradient(135deg, #fff3cd 0%, #ffeeba 100%);
    border-left: 4px solid #f0b400;
    border-radius: 6px;
    padding: 0.55rem 0.85rem;
    color: #856404;
    align-items: center;
    gap: 0.75rem;
}

.packer-preview-bar .packer-preview-info[b-3ynyr86ebt] {
    flex: 1;
    font-size: 0.88rem;
    color: #856404;
}

.packer-preview-bar .packer-preview-info .bi[b-3ynyr86ebt] {
    margin-right: 0.35rem;
}

.filter-label[b-3ynyr86ebt] {
    font-size: 0.85rem;
    color: var(--global-palette6, #4a6a6e);
    font-weight: 600;
}

.date-pills[b-3ynyr86ebt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    background: #f1f5f9;
    border-radius: 6px;
    padding: 0.25rem;
}

.date-pill[b-3ynyr86ebt] {
    border: none;
    background: transparent;
    padding: 0.35rem 0.85rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--global-palette3, #111317);
    transition: all 0.2s ease;
}

.date-pill:hover[b-3ynyr86ebt] {
    background: rgba(0,146,68,0.1);
}

.date-pill.active[b-3ynyr86ebt] {
    background: var(--global-palette1, #009244);
    color: white;
    box-shadow: 0 2px 4px rgba(0,146,68,0.3);
}

.date-input[b-3ynyr86ebt] {
    padding: 0.4rem 0.6rem !important;
    width: 150px !important;
    font-size: 0.85rem !important;
}

.icon-btn[b-3ynyr86ebt] {
    background: #f1f5f9;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 6px;
    cursor: pointer;
    color: var(--global-palette5, #1e4c53);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.icon-btn:hover:not(:disabled)[b-3ynyr86ebt] {
    background: var(--global-palette1, #009244);
    color: white;
}

.icon-btn:disabled[b-3ynyr86ebt] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* ---------- Grid kart tras ---------- */
.routes-grid[b-3ynyr86ebt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    gap: 1rem;
}

.route-card[b-3ynyr86ebt] {
    background: white;
    border-radius: 10px;
    box-shadow: var(--card-shadow, 0 2px 8px rgba(0,0,0,0.08));
    overflow: hidden;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    border-top: 4px solid var(--global-palette6, #4a6a6e);
}

.route-card:hover[b-3ynyr86ebt] {
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.route-card.status-planned[b-3ynyr86ebt]    { border-top-color: var(--global-palette5, #1e4c53); }
.route-card.status-in-progress[b-3ynyr86ebt]{ border-top-color: var(--global-palette2, #c1d11c); }
.route-card.status-completed[b-3ynyr86ebt]  { border-top-color: var(--global-palette1, #009244); }
.route-card.status-cancelled[b-3ynyr86ebt]  { border-top-color: #dc3545; }

.route-card-head[b-3ynyr86ebt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.85rem 1rem 0.5rem;
    gap: 0.5rem;
}

.route-name[b-3ynyr86ebt] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--global-palette3, #111317);
    line-height: 1.2;
}

.route-date[b-3ynyr86ebt] {
    margin-top: 0.25rem;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.date-badge[b-3ynyr86ebt] {
    background: #f1f5f9;
    color: var(--global-palette3, #111317);
    padding: 0.15rem 0.55rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
}

.date-badge.today[b-3ynyr86ebt] {
    background: var(--global-palette1, #009244);
    color: white;
}

.day-label[b-3ynyr86ebt] {
    font-size: 0.75rem;
    color: var(--global-palette6, #4a6a6e);
    text-transform: uppercase;
    font-weight: 600;
}

.status-pill[b-3ynyr86ebt] {
    padding: 0.25rem 0.7rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
}

.status-pill.status-planned[b-3ynyr86ebt]    { background: rgba(30,76,83,0.12);  color: var(--global-palette5, #1e4c53); }
.status-pill.status-in-progress[b-3ynyr86ebt]{ background: rgba(193,209,28,0.20);color: #6a7700; }
.status-pill.status-completed[b-3ynyr86ebt]  { background: rgba(0,146,68,0.15);  color: var(--global-palette1, #009244); }
.status-pill.status-cancelled[b-3ynyr86ebt]  { background: rgba(220,53,69,0.15); color: #b91c1c; }

.route-card-body[b-3ynyr86ebt] {
    padding: 0 1rem 0.75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.route-vehicle[b-3ynyr86ebt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: var(--global-palette5, #1e4c53);
}

.route-vehicle .reg-plate[b-3ynyr86ebt] {
    background: #f1f5f9;
    padding: 0.1rem 0.5rem;
    border-radius: 4px;
    font-family: monospace;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    margin-left: auto;
}

.route-weight .weight-text[b-3ynyr86ebt] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.9rem;
    flex-wrap: wrap;
}

.route-weight .docs-count[b-3ynyr86ebt] {
    margin-left: auto;
    font-size: 0.85rem;
    color: var(--global-palette6, #4a6a6e);
}

.weight-bar[b-3ynyr86ebt] {
    margin-top: 0.4rem;
    height: 8px;
    background: #f1f5f9;
    border-radius: 6px;
    overflow: hidden;
}

.weight-bar-fill[b-3ynyr86ebt] {
    height: 100%;
    border-radius: 6px;
    transition: width 0.4s ease;
}

.weight-bar-fill.ok[b-3ynyr86ebt]    { background: linear-gradient(90deg, var(--global-palette1, #009244), var(--global-palette2, #c1d11c)); }
.weight-bar-fill.warn[b-3ynyr86ebt]  { background: linear-gradient(90deg, #f0b400, #f08000); }
.weight-bar-fill.over[b-3ynyr86ebt]  { background: linear-gradient(90deg, #dc3545, #b91c1c); }

.route-docs[b-3ynyr86ebt] {
    border-top: 1px dashed #e5e7eb;
    padding-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.docs-empty[b-3ynyr86ebt] {
    font-size: 0.8rem;
    color: var(--global-palette6, #4a6a6e);
    font-style: italic;
}

.doc-row-mini[b-3ynyr86ebt] {
    display: grid;
    grid-template-columns: 28px 1fr 1.2fr auto;
    gap: 0.4rem;
    font-size: 0.83rem;
    align-items: baseline;
    padding: 0.15rem 0;
}

.doc-row-mini .doc-order[b-3ynyr86ebt] {
    color: var(--global-palette6, #4a6a6e);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.doc-row-mini .doc-num[b-3ynyr86ebt] {
    font-weight: 600;
    color: var(--global-palette3, #111317);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-row-mini .doc-name[b-3ynyr86ebt] {
    color: var(--global-palette6, #4a6a6e);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.doc-row-mini .doc-weight[b-3ynyr86ebt] {
    background: #f1f5f9;
    padding: 0.05rem 0.4rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--global-palette5, #1e4c53);
    white-space: nowrap;
}

.docs-more[b-3ynyr86ebt] {
    font-size: 0.75rem;
    color: var(--global-palette6, #4a6a6e);
    font-style: italic;
    margin-top: 0.15rem;
    padding-left: 32px;
}

.route-card-foot[b-3ynyr86ebt] {
    border-top: 1px solid #e5e7eb;
    padding: 0.6rem 1rem;
    background: #fafbfc;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.route-card-foot .modern-btn[b-3ynyr86ebt] {
    flex: 1;
    padding: 0.5rem 0.75rem;
    font-size: 0.82rem;
}

/* ---------- Empty state ---------- */
.empty-state[b-3ynyr86ebt] {
    background: white;
    border-radius: 10px;
    padding: 3rem 1.5rem;
    text-align: center;
    box-shadow: var(--card-shadow, 0 2px 8px rgba(0,0,0,0.08));
}

.empty-icon[b-3ynyr86ebt] {
    font-size: 4rem;
    color: var(--global-palette6, #4a6a6e);
    opacity: 0.5;
    margin-bottom: 1rem;
}

.empty-state h3[b-3ynyr86ebt] {
    color: var(--global-palette3, #111317);
    margin-bottom: 0.5rem;
}

.empty-state p[b-3ynyr86ebt] {
    color: var(--global-palette6, #4a6a6e);
    max-width: 480px;
    margin: 0 auto;
}

.empty-state-small[b-3ynyr86ebt] {
    padding: 1.5rem;
    text-align: center;
    color: var(--global-palette6, #4a6a6e);
    font-style: italic;
}

/* ---------- Details modal — tabs ---------- */
.details-tabs[b-3ynyr86ebt] {
    display: flex;
    border-bottom: 2px solid #e5e7eb;
    background: #fafbfc;
    overflow-x: auto;
}

.details-tab[b-3ynyr86ebt] {
    border: none;
    background: transparent;
    padding: 0.85rem 1.1rem;
    cursor: pointer;
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--global-palette6, #4a6a6e);
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.details-tab:hover[b-3ynyr86ebt] {
    color: var(--global-palette1, #009244);
    background: rgba(0,146,68,0.04);
}

.details-tab.active[b-3ynyr86ebt] {
    color: var(--global-palette1, #009244);
    border-bottom-color: var(--global-palette1, #009244);
    background: white;
}

.tab-count[b-3ynyr86ebt] {
    background: #f1f5f9;
    padding: 0.05rem 0.45rem;
    border-radius: 8px;
    font-size: 0.72rem;
    font-weight: 700;
    margin-left: 0.15rem;
}

.details-tab.active .tab-count[b-3ynyr86ebt] {
    background: var(--global-palette1, #009244);
    color: white;
}

.details-content[b-3ynyr86ebt] {
    padding: 1rem 1.25rem;
    min-height: 250px;
}

/* ---------- Weight summary ---------- */
.weight-summary[b-3ynyr86ebt] {
    background: linear-gradient(135deg, #f1f5f9 0%, #e6efe9 100%);
    border-radius: 8px;
    padding: 0.85rem 1.1rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    border-left: 4px solid var(--global-palette1, #009244);
}

.weight-summary.over[b-3ynyr86ebt] {
    background: linear-gradient(135deg, #f8d7da 0%, #f1c2c7 100%);
    border-left-color: #dc3545;
}

.weight-summary .weight-big[b-3ynyr86ebt] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--global-palette3, #111317);
    margin: 0 0.4rem;
}

/* ---------- Order list (kolejność dostaw) ---------- */
.order-list[b-3ynyr86ebt] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.order-item[b-3ynyr86ebt] {
    display: grid;
    grid-template-columns: 36px 36px 1fr auto auto;
    gap: 0.75rem;
    align-items: center;
    background: white;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--global-palette1, #009244);
    border-radius: 6px;
    padding: 0.7rem 0.85rem;
    transition: all 0.2s ease;
}

.order-item:hover[b-3ynyr86ebt] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.order-num[b-3ynyr86ebt] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--global-palette1, #009244);
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.order-arrows[b-3ynyr86ebt] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.arrow-btn[b-3ynyr86ebt] {
    background: #f1f5f9;
    border: none;
    width: 28px;
    height: 22px;
    border-radius: 4px;
    cursor: pointer;
    color: var(--global-palette5, #1e4c53);
    transition: all 0.15s ease;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

.arrow-btn:hover:not(:disabled)[b-3ynyr86ebt] {
    background: var(--global-palette1, #009244);
    color: white;
}

.arrow-btn:disabled[b-3ynyr86ebt] {
    opacity: 0.3;
    cursor: not-allowed;
}

.order-info[b-3ynyr86ebt] {
    min-width: 0;
}

.order-doc-num[b-3ynyr86ebt] {
    font-weight: 600;
    color: var(--global-palette3, #111317);
    font-size: 0.95rem;
}

.order-contractor[b-3ynyr86ebt] {
    color: var(--global-palette6, #4a6a6e);
    font-size: 0.85rem;
}

.order-meta[b-3ynyr86ebt] {
    font-size: 0.75rem;
    color: var(--global-palette6, #4a6a6e);
    margin-top: 0.15rem;
}

.weight-badge[b-3ynyr86ebt] {
    background: #f1f5f9;
    padding: 0.3rem 0.65rem;
    border-radius: 6px;
    font-weight: 700;
    color: var(--global-palette5, #1e4c53);
    font-size: 0.85rem;
    white-space: nowrap;
}

.weight-badge.no-data[b-3ynyr86ebt] {
    color: var(--global-palette6, #4a6a6e);
    font-style: italic;
    font-weight: 500;
}

/* ---------- Add doc list ---------- */
.search-row[b-3ynyr86ebt] {
    margin-bottom: 0.85rem;
}

.search-row .modern-input[b-3ynyr86ebt] {
    width: 100%;
}

.available-list[b-3ynyr86ebt] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    max-height: 420px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.available-row[b-3ynyr86ebt] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 0.75rem;
    align-items: center;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 0.65rem 0.85rem;
    transition: all 0.2s ease;
}

.available-row:hover[b-3ynyr86ebt] {
    border-color: var(--global-palette1, #009244);
    box-shadow: 0 2px 6px rgba(0,146,68,0.1);
}

.available-row.was-removed[b-3ynyr86ebt] {
    border-left: 4px solid #f0b400;
    background: linear-gradient(90deg, #fffbea 0%, white 30%);
}

.avail-removed-badge[b-3ynyr86ebt] {
    margin-top: 0.4rem;
    font-size: 0.78rem;
    color: #856404;
    background: #fff3cd;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    border-left: 3px solid #ffc107;
    line-height: 1.4;
}

.avail-removed-badge .bi[b-3ynyr86ebt] {
    margin-right: 0.25rem;
}

.avail-num[b-3ynyr86ebt] {
    font-weight: 600;
    color: var(--global-palette3, #111317);
}

.avail-contractor[b-3ynyr86ebt] {
    font-size: 0.85rem;
    color: var(--global-palette6, #4a6a6e);
}

.avail-meta[b-3ynyr86ebt] {
    display: flex;
    gap: 0.3rem;
    flex-direction: column;
    align-items: flex-end;
}

/* ---------- Vehicle / Route def cards ---------- */
.vehicle-list[b-3ynyr86ebt], .route-def-list[b-3ynyr86ebt] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.vehicle-card[b-3ynyr86ebt], .route-def-card[b-3ynyr86ebt] {
    background: white;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    border-left: 4px solid var(--global-palette1, #009244);
    padding: 0.85rem;
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 0.85rem;
    align-items: center;
}

.vehicle-card.inactive[b-3ynyr86ebt], .route-def-card.inactive[b-3ynyr86ebt] {
    opacity: 0.55;
    border-left-color: var(--global-palette6, #4a6a6e);
}

.vehicle-icon[b-3ynyr86ebt], .def-icon[b-3ynyr86ebt] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--global-palette4, #022c32), var(--global-palette5, #1e4c53));
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.vehicle-fields[b-3ynyr86ebt], .def-fields[b-3ynyr86ebt] {
    min-width: 0;
}

.vehicle-actions[b-3ynyr86ebt], .def-actions[b-3ynyr86ebt] {
    display: flex;
    gap: 0.3rem;
    flex-direction: column;
}

.info-grid[b-3ynyr86ebt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.5rem 1rem;
    margin-top: 1rem;
}

.info-grid div[b-3ynyr86ebt] {
    padding: 0.4rem 0;
    border-bottom: 1px dashed #f4f4f4;
    font-size: 0.9rem;
    color: var(--global-palette3, #111317);
}

/* ---------- btn-sm tweak for modern-btn (toolbar inline) ---------- */
.btn-sm[b-3ynyr86ebt] {
    padding: 0.4rem 0.75rem !important;
    font-size: 0.78rem !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
    .routes-hero[b-3ynyr86ebt] {
        padding: 1rem;
    }
    .routes-hero h1[b-3ynyr86ebt] { font-size: 1.2rem; }
    .hero-stats[b-3ynyr86ebt] {
        gap: 0.85rem;
        width: 100%;
        justify-content: space-between;
    }
    .routes-grid[b-3ynyr86ebt] {
        grid-template-columns: 1fr;
    }
    .toolbar-actions .modern-btn[b-3ynyr86ebt] {
        flex: 1 1 calc(50% - 0.25rem);
        font-size: 0.78rem;
        padding: 0.5rem 0.6rem;
    }
    .order-item[b-3ynyr86ebt] {
        grid-template-columns: 32px 32px 1fr;
        grid-template-rows: auto auto;
        gap: 0.5rem;
    }
    .order-weight[b-3ynyr86ebt], .order-actions[b-3ynyr86ebt] {
        grid-column: 1 / -1;
        display: flex;
        justify-content: space-between;
    }
    .available-row[b-3ynyr86ebt] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }
    .avail-meta[b-3ynyr86ebt] {
        flex-direction: row;
        align-items: center;
    }
    .vehicle-card[b-3ynyr86ebt], .route-def-card[b-3ynyr86ebt] {
        grid-template-columns: 1fr;
    }
    .vehicle-icon[b-3ynyr86ebt], .def-icon[b-3ynyr86ebt] {
        margin: 0 auto;
    }
    .vehicle-actions[b-3ynyr86ebt], .def-actions[b-3ynyr86ebt] {
        flex-direction: row;
        justify-content: flex-end;
    }
}
/* /Components/Pages/Issues/IssueWarehouse.razor.rz.scp.css */
/* ===== Page Container ===== */
.products-container[b-7c067i3nrz] {
    background: #f8f9fa;
    min-height: 100vh;
    padding: 1.5rem 0;
}

/* ===== Header ===== */
.pz-list-header[b-7c067i3nrz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* ===== Filter Card ===== */
.filter-card[b-7c067i3nrz] {
    background: white;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    overflow: hidden;
}

.filter-card-body[b-7c067i3nrz] {
    padding: 1rem 1.25rem;
}

.form-label-modern[b-7c067i3nrz] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #495057;
}

.form-control-modern[b-7c067i3nrz] {
    border-radius: 10px;
}

.btn-modern[b-7c067i3nrz] {
    border-radius: 10px;
    padding: 0.45rem 1rem;
    font-weight: 500;
    font-size: 0.9rem;
}

/* ===== Tab Navigation ===== */
.task-tabs[b-7c067i3nrz] {
    display: flex;
    gap: 0.35rem;
    background: #f0f2f5;
    border-radius: 12px;
    padding: 0.3rem;
    margin-bottom: 1.25rem;
}

.task-tab[b-7c067i3nrz] {
    flex: 1;
    text-align: center;
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #495057;
    font-weight: 500;
    font-size: 0.92rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.task-tab:hover[b-7c067i3nrz] {
    background: rgba(0, 146, 68, 0.08);
    color: #009244;
}

.task-tab.active[b-7c067i3nrz] {
    background: #fff;
    color: #009244;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    font-weight: 600;
}

/* ===== Task Cards ===== */
.task-card[b-7c067i3nrz] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
    overflow: hidden;
    background: #fff;
}

.task-card:hover[b-7c067i3nrz] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.priority-strip[b-7c067i3nrz] {
    width: 5px;
    min-height: 100%;
    flex-shrink: 0;
    border-radius: 4px 0 0 4px;
}

.priority-low[b-7c067i3nrz]    { background: #198754; }
.priority-normal[b-7c067i3nrz] { background: #0d6efd; }
.priority-high[b-7c067i3nrz]   { background: #ffc107; }
.priority-critical[b-7c067i3nrz] { background: #dc3545; }

.task-card-body[b-7c067i3nrz] {
    padding: 1rem 1.25rem;
    flex: 1;
    min-width: 0;
}

.task-title[b-7c067i3nrz] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.task-description[b-7c067i3nrz] {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-meta[b-7c067i3nrz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.82rem;
    color: #6c757d;
}

.task-meta-item[b-7c067i3nrz] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.task-meta-item i[b-7c067i3nrz] {
    font-size: 0.85rem;
    opacity: 0.7;
}

.task-card-chevron[b-7c067i3nrz] {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    color: #adb5bd;
    font-size: 1.2rem;
    flex-shrink: 0;
    transition: color 0.15s ease;
}

.task-card:hover .task-card-chevron[b-7c067i3nrz] {
    color: #009244;
}

/* ===== Pill & Modern Buttons ===== */
.btn-pill[b-7c067i3nrz] {
    border-radius: 20px;
    padding: 0.4rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
}

.btn-modern[b-7c067i3nrz] {
    border-radius: 10px;
    padding: 0.45rem 1rem;
    font-weight: 500;
    font-size: 0.9rem;
}

/* ===== Alert Modern ===== */
.alert-modern[b-7c067i3nrz] {
    border-radius: 12px;
    border: none;
    font-size: 0.92rem;
    padding: 1rem 1.25rem;
}

/* ===== View Chips ===== */
.view-chip-toggle[b-7c067i3nrz] {
    display: inline-flex;
    gap: 0.4rem;
    background: #eef2f7;
    border-radius: 999px;
    padding: 0.25rem;
}

.view-chip[b-7c067i3nrz] {
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #5a6472;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.view-chip:hover[b-7c067i3nrz] {
    background: #dde5ef;
    color: #1f2a37;
}

.view-chip.active[b-7c067i3nrz] {
    background: linear-gradient(135deg, #009244, #00b253);
    color: #fff;
    box-shadow: 0 3px 12px rgba(0,146,68,0.28);
}

/* ===== Filter Panel ===== */
.filter-panel[b-7c067i3nrz] {
    border-radius: 14px;
}

.form-label-elegant[b-7c067i3nrz] {
    font-weight: 600;
    font-size: 0.78rem;
    letter-spacing: 0.01em;
    color: #536070;
    margin-bottom: 0.35rem;
}

.form-control-elegant[b-7c067i3nrz] {
    border-radius: 10px;
    border: 1px solid #d5dce5;
    background: #fcfdff;
}

.form-control-elegant:focus[b-7c067i3nrz] {
    border-color: #009244;
    box-shadow: 0 0 0 0.2rem rgba(0, 146, 68, 0.14);
}

/* ===== Full View Styles ===== */
.full-view-table-wrap[b-7c067i3nrz] {
    border-radius: 12px;
}

.full-view-table-wrap table thead th[b-7c067i3nrz] {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #4d5968;
    white-space: nowrap;
    border-bottom-width: 1px;
}

.full-view-table-wrap table tbody tr:hover[b-7c067i3nrz] {
    background-color: #f4f9ff;
}

.full-view-table-wrap .form-check-input[b-7c067i3nrz] {
    width: 1.1rem;
    height: 1.1rem;
    cursor: pointer;
}

.grouped-items-wrap[b-7c067i3nrz] {
    border-top: 1px solid #edf0f2;
}

.grouped-items-table thead th[b-7c067i3nrz] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.grouped-items-table tbody tr:hover[b-7c067i3nrz] {
    background-color: #fbfcff;
}

.grouped-items-table .badge[b-7c067i3nrz] {
    font-weight: 500;
}

@media (max-width: 576px) {
    .task-tab[b-7c067i3nrz] {
        font-size: 0.82rem;
        padding: 0.5rem 0.5rem;
    }

    .task-card-body[b-7c067i3nrz] {
        padding: 0.75rem 1rem;
    }

    .task-actions[b-7c067i3nrz] {
        padding: 0.75rem 0.75rem 0.75rem 0;
    }

    .task-title[b-7c067i3nrz] {
        font-size: 0.95rem;
    }
}

@media (max-width: 992px) {
    .full-view-table-wrap table[b-7c067i3nrz] {
        min-width: 860px;
    }

    .grouped-items-table[b-7c067i3nrz] {
        min-width: 980px;
    }
}

/* /Components/Pages/LocationScanner.razor.rz.scp.css */
/* LocationScanner Component Styles (Mobile-First) */

.home-container[b-iurl1i7o2q] {
    padding: 0.5rem;
    max-width: 100%;
    min-height: calc(100vh - 3.5rem);
    background: var(--global-palette-light);
}

/* Welcome Screen */
.welcome-screen[b-iurl1i7o2q] {
    text-align: center;
    padding: 2rem 1rem;
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
}

.welcome-icon[b-iurl1i7o2q] {
    font-size: 4rem;
    background-image: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.75rem;
}

.welcome-title[b-iurl1i7o2q] {
    font-weight: 700;
    color: #333;
    margin-bottom: 0.25rem;
    font-size: 1.1rem;
}

.welcome-text[b-iurl1i7o2q] {
    color: #666;
    font-size: 0.9rem;
}

/* Product Card */
.product-card[b-iurl1i7o2q] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.product-header[b-iurl1i7o2q] {
    background-image: var(--gradient-header);
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #ffffff;
}

.product-header .stock-item[b-iurl1i7o2q],
.product-header .stock-label[b-iurl1i7o2q],
.product-header .stock-value[b-iurl1i7o2q],
.product-header .stock-unit[b-iurl1i7o2q],
.product-header .product-name[b-iurl1i7o2q],
.product-header .product-codes[b-iurl1i7o2q],
.product-header strong[b-iurl1i7o2q] {
    color: #ffffff !important;
}

.product-header .stock-item[b-iurl1i7o2q] {
    border-color: rgba(255,255,255,0.45);
}

.product-header .badge-sku[b-iurl1i7o2q] {
    color: var(--global-palette1) !important;
}

.product-image[b-iurl1i7o2q] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    background: white;
    border-radius: 6px;
    padding: 0.15rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .product-image:active[b-iurl1i7o2q] {
        transform: scale(0.95);
    }

.product-info[b-iurl1i7o2q] {
    flex: 1;
    min-width: 0;
}

.product-name[b-iurl1i7o2q] {
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    margin: 0 0 0.35rem 0;
    word-wrap: break-word;
    line-height: 1.2;
}

.product-codes[b-iurl1i7o2q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

/* Product Stock in Header */
.product-stock[b-iurl1i7o2q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.stock-item[b-iurl1i7o2q] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    font-size: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

    .stock-item i[b-iurl1i7o2q] {
        font-size: 0.9rem;
        opacity: 0.9;
    }

    .stock-item .stock-label[b-iurl1i7o2q] {
        font-weight: 500;
    }

    .stock-item .stock-value[b-iurl1i7o2q] {
        font-weight: 700;
        font-size: 0.95rem;
    }

    .stock-item .stock-unit[b-iurl1i7o2q] {
        font-size: 0.75rem;
    }

    .stock-item.stock-available[b-iurl1i7o2q] {
        background: rgba(255, 255, 255, 0.25);
    }

    .stock-item.stock-reserved[b-iurl1i7o2q] {
        background: rgba(255, 255, 255, 0.15);
    }

@media (min-width: 768px) {
    .product-stock[b-iurl1i7o2q] {
        gap: 0.75rem;
        margin-top: 0.65rem;
    }

    .stock-item[b-iurl1i7o2q] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }

        .stock-item .stock-value[b-iurl1i7o2q] {
            font-size: 1rem;
        }
}

/* Product Details */
.product-details[b-iurl1i7o2q] {
    padding: 0.75rem;
}

.detail-row[b-iurl1i7o2q] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

    .detail-row:last-child[b-iurl1i7o2q] {
        border-bottom: none;
    }

    .detail-row.highlight[b-iurl1i7o2q] {
        background: var(--global-palette-light);
        margin: 0 -0.75rem;
        padding: 0.5rem 0.75rem;
    }

.detail-label[b-iurl1i7o2q] {
    font-weight: 600;
    color: #555;
    min-width: 85px;
    font-size: 0.85rem;
}

.detail-value[b-iurl1i7o2q] {
    flex: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.85rem;
}

/* Form Section */
.form-section[b-iurl1i7o2q] {
    margin-top: 0.75rem;
    padding: 0 0.75rem;
}

.form-label-modern[b-iurl1i7o2q] {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    display: block;
}

    .form-label-modern i[b-iurl1i7o2q] {
        color: var(--global-palette1);
        margin-right: 0.35rem;
    }

.form-control-lg[b-iurl1i7o2q] {
    padding: 0.75rem 1rem;
    font-size: 1rem;
}

/* Size Selector */
.size-selector[b-iurl1i7o2q] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.size-button[b-iurl1i7o2q] {
    flex: 1;
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1.1rem;
    font-weight: 700;
    color: #666;
    transition: all 0.2s ease;
    cursor: pointer;
    min-height: 50px;
}

    .size-button:active[b-iurl1i7o2q] {
        transform: scale(0.95);
    }

    .size-button.selected[b-iurl1i7o2q] {
        background-image: var(--gradient-primary);
        color: white;
        border-color: var(--global-palette1);
        box-shadow: var(--shadow-md);
    }

/* Action Buttons */
.action-buttons[b-iurl1i7o2q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0 0.75rem 0.75rem 0.75rem;
}

.btn-action[b-iurl1i7o2q] {
    flex: 1;
    min-width: 0;
    padding: 0.75rem 0.5rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: none;
    min-height: 48px;
    white-space: nowrap;
}

/* Responsive: 2 rows for 4 buttons on small screens */
@media (max-width: 576px) {
    .action-buttons[b-iurl1i7o2q] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* When there are only 2-3 buttons, keep them in one row */
    .action-buttons:has(.btn-action:nth-child(4))[b-iurl1i7o2q] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .action-buttons:not(:has(.btn-action:nth-child(4)))[b-iurl1i7o2q] {
        display: flex;
        flex-wrap: nowrap;
    }
    
    .action-buttons:not(:has(.btn-action:nth-child(4))) .btn-action[b-iurl1i7o2q] {
        flex: 1;
    }
}

    .btn-action:active[b-iurl1i7o2q] {
        transform: scale(0.95);
    }

.btn-bclose[b-iurl1i7o2q] {
    background-color: #e74c3c;
    color: white;
}

    .btn-bclose:hover[b-iurl1i7o2q], .btn-bclose:active[b-iurl1i7o2q] {
        background-color: #c0392b;
    }

.btn-save[b-iurl1i7o2q] {
    background-image: var(--gradient-primary);
    color: white;
}

    .btn-save:hover[b-iurl1i7o2q], .btn-save:active[b-iurl1i7o2q] {
        background-color: var(--global-palette1);
    }

.btn-print[b-iurl1i7o2q] {
    background-color: #3498db;
    color: white;
}

    .btn-print:hover[b-iurl1i7o2q], .btn-print:active[b-iurl1i7o2q] {
        background-color: #2980b9;
    }

.btn-assign[b-iurl1i7o2q] {
    width: 100%;
    background-color: #f39c12;
    color: white;
    margin-top: 0.5rem;
}

    .btn-assign:hover[b-iurl1i7o2q], .btn-assign:active[b-iurl1i7o2q] {
        background-color: #e67e22;
    }

.btn-add-ean[b-iurl1i7o2q] {
    background-color: transparent;
    border: 1px solid var(--global-palette1);
    color: var(--global-palette1);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    margin-left: 0.5rem;
}

    .btn-add-ean:active[b-iurl1i7o2q] {
        background-color: var(--global-palette1);
        color: white;
    }

/* Floating Actions */
.floating-actions[b-iurl1i7o2q] {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 1040;
}

.btn-floating[b-iurl1i7o2q] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-image: var(--gradient-primary);
    color: white;
    border: none;
    box-shadow: var(--shadow-lg);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

    .btn-floating:active[b-iurl1i7o2q] {
        transform: scale(0.9);
    }

.manual-entry-panel[b-iurl1i7o2q] {
    background: white;
    border-radius: 12px;
    box-shadow: var(--shadow-lg);
    padding: 0.75rem;
    display: flex;
    gap: 0.5rem;
    min-width: 260px;
}

    .manual-entry-panel input[b-iurl1i7o2q] {
        flex: 1;
    }

    .manual-entry-panel button[b-iurl1i7o2q] {
        min-width: 44px;
    }

    /* Responsive Adjustments */
@media (min-width: 768px) {
    .home-container[b-iurl1i7o2q] {
        padding: 1.5rem;
        max-width: 600px;
        margin: 0 auto;
    }

    .product-image[b-iurl1i7o2q] {
        width: 70px;
        height: 70px;
    }

    .product-name[b-iurl1i7o2q] {
        font-size: 1.05rem;
    }

    .product-header[b-iurl1i7o2q] {
        padding: 1rem;
    }

    .product-details[b-iurl1i7o2q] {
        padding: 1rem;
    }

    .detail-row[b-iurl1i7o2q] {
        padding: 0.6rem 0;
    }

    .form-section[b-iurl1i7o2q] {
        padding: 0 1rem;
    }

    .action-buttons[b-iurl1i7o2q] {
        padding: 0 1rem 1rem 1rem;
    }
}

/* Landscape Mode */
@media (orientation: landscape) and (max-height: 500px) {
    .home-container[b-iurl1i7o2q] {
        padding: 0.35rem;
    }

    .product-card[b-iurl1i7o2q] {
        margin-bottom: 0.35rem;
    }

    .product-header[b-iurl1i7o2q] {
        padding: 0.5rem;
    }

    .product-image[b-iurl1i7o2q] {
        width: 50px;
        height: 50px;
    }

    .product-name[b-iurl1i7o2q] {
        font-size: 0.85rem;
    }

    .product-details[b-iurl1i7o2q] {
        padding: 0.5rem;
    }

    .detail-row[b-iurl1i7o2q] {
        padding: 0.35rem 0;
    }

    .form-section[b-iurl1i7o2q] {
        margin-top: 0.5rem;
        padding: 0 0.5rem;
    }

    .action-buttons[b-iurl1i7o2q] {
        margin-top: 0.5rem;
        padding: 0 0.5rem 0.5rem 0.5rem;
        gap: 0.35rem;
    }

    .btn-action[b-iurl1i7o2q] {
        padding: 0.5rem 0.35rem;
        min-height: 40px;
        font-size: 0.8rem;
    }

    .size-button[b-iurl1i7o2q] {
        padding: 0.5rem;
        min-height: 40px;
        font-size: 1rem;
    }

    .detail-label[b-iurl1i7o2q] {
        font-size: 0.75rem;
    }

    .detail-value[b-iurl1i7o2q] {
        font-size: 0.75rem;
    }
}

/* Small Screens */
@media (max-width: 300px) {
    .action-buttons[b-iurl1i7o2q] {
        flex-direction: column;
    }

    .btn-action[b-iurl1i7o2q] {
        width: 100%;
    }

    .size-selector[b-iurl1i7o2q] {
        flex-direction: row;
    }

    .detail-label[b-iurl1i7o2q] {
        min-width: 75px;
        font-size: 0.8rem;
    }

    .detail-value[b-iurl1i7o2q] {
        font-size: 0.8rem;
    }

    .product-name[b-iurl1i7o2q] {
        font-size: 0.9rem;
    }

    .product-header[b-iurl1i7o2q] {
        padding: 0.6rem;
    }

    .product-image[b-iurl1i7o2q] {
        width: 55px;
        height: 55px;
    }
}

/* ===== Location View ===== */
.location-view-card[b-iurl1i7o2q] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.location-view-header[b-iurl1i7o2q] {
    background-image: var(--gradient-header);
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #ffffff;
}

.location-view-header *[b-iurl1i7o2q],
.location-view-header strong[b-iurl1i7o2q],
.location-view-header .badge[b-iurl1i7o2q] {
    color: #ffffff !important;
}

.location-view-icon[b-iurl1i7o2q] {
    font-size: 1.75rem;
    opacity: 0.9;
    flex-shrink: 0;
}

.location-view-title[b-iurl1i7o2q] {
    flex: 1;
    min-width: 0;
}

.location-view-title h5[b-iurl1i7o2q] {
    margin: 0;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
    word-break: break-all;
}

.location-view-count[b-iurl1i7o2q] {
    font-size: 0.82rem;
    opacity: 0.85;
}

.location-view-header .btn[b-iurl1i7o2q] {
    color: white;
    border-color: rgba(255,255,255,0.4);
    flex-shrink: 0;
}

.location-view-header .btn:hover[b-iurl1i7o2q] {
    background: rgba(255,255,255,0.15);
}

.location-view-empty[b-iurl1i7o2q] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: #999;
}

.location-view-empty i[b-iurl1i7o2q] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
    opacity: 0.5;
}

.location-view-empty p[b-iurl1i7o2q] {
    margin: 0;
    font-size: 0.9rem;
}

.location-view-section-header[b-iurl1i7o2q] {
    padding: 0.6rem 1rem;
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.82rem;
    color: #6c757d;
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.location-view-list[b-iurl1i7o2q] {
    padding: 0;
}

.location-product-item[b-iurl1i7o2q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: background 0.15s ease;
}

.location-product-item:last-child[b-iurl1i7o2q] {
    border-bottom: none;
}

.location-product-item:active[b-iurl1i7o2q] {
    background: #f0f7ff;
}

.location-product-thumb[b-iurl1i7o2q] {
    width: 44px;
    height: 44px;
    object-fit: contain;
    border-radius: 8px;
    background: #f5f5f5;
    flex-shrink: 0;
}

.location-product-thumb-placeholder[b-iurl1i7o2q] {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bbb;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.location-product-info[b-iurl1i7o2q] {
    flex: 1;
    min-width: 0;
}

.location-product-name[b-iurl1i7o2q] {
    font-weight: 600;
    font-size: 0.88rem;
    color: #1a1a2e;
    line-height: 1.25;
    margin-bottom: 0.2rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.location-product-codes[b-iurl1i7o2q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.location-product-codes .badge[b-iurl1i7o2q] {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0.15rem 0.4rem;
}

.location-product-extra-qty[b-iurl1i7o2q] {
    font-size: 0.78rem;
    color: #6c757d;
    margin-top: 0.2rem;
}

.location-product-stock[b-iurl1i7o2q] {
    text-align: right;
    flex-shrink: 0;
}

.stock-badge[b-iurl1i7o2q] {
    display: block;
    font-weight: 700;
    font-size: 0.95rem;
    color: #1a1a2e;
}

.stock-unit[b-iurl1i7o2q] {
    display: block;
    font-size: 0.72rem;
    color: #999;
}

.location-product-arrow[b-iurl1i7o2q] {
    color: #ccc;
    font-size: 0.9rem;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .location-product-item:hover[b-iurl1i7o2q] {
        background: #f0f7ff;
    }

    .location-product-thumb[b-iurl1i7o2q],
    .location-product-thumb-placeholder[b-iurl1i7o2q] {
        width: 52px;
        height: 52px;
    }
}
/* /Components/Pages/SubiektProducts.razor.rz.scp.css */
/* SubiektProducts Component Styles */

.products-container[b-i8oq8r5q9d] {
    background: var(--global-palette-light);
    min-height: 100vh;
    padding: 2rem 0;
}

.products-header[b-i8oq8r5q9d] {
    background: white;
    padding: 2rem;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    margin-bottom: 2rem;
}

    .products-header h3[b-i8oq8r5q9d] {
        margin: 0;
        font-weight: 700;
        background-image: var(--gradient-primary);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }

.filter-card[b-i8oq8r5q9d] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    margin-bottom: 2rem;
    overflow: hidden;
}

.filter-card-body[b-i8oq8r5q9d] {
    padding: 2rem;
}

.products-table-card[b-i8oq8r5q9d] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 2rem;
}

.products-table[b-i8oq8r5q9d] {
    margin-bottom: 0;
}

    .products-table thead[b-i8oq8r5q9d] {
        background-image: var(--gradient-header);
        color: white;
    }

        .products-table thead th[b-i8oq8r5q9d] {
            border: none;
            padding: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

    .products-table tbody tr[b-i8oq8r5q9d] {
        transition: all 0.2s ease;
        border-bottom: 1px solid #f0f0f0;
    }

        .products-table tbody tr td span[b-i8oq8r5q9d] {
            margin: 1px;
        }

        .products-table tbody tr:hover[b-i8oq8r5q9d] {
            transform: scale(1.005);
        }

            .products-table tbody tr:hover td[b-i8oq8r5q9d] {
                background-color: var(--global-palette-light) !important;
            }

    .products-table tbody td[b-i8oq8r5q9d] {
        padding: 1rem;
        vertical-align: middle;
        transition: background-color 0.2s ease;
    }

.product-image-cell[b-i8oq8r5q9d] {
    padding: 0.5rem !important;
}

.product-thumbnail-wrapper[b-i8oq8r5q9d] {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.product-thumbnail[b-i8oq8r5q9d] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-info-box[b-i8oq8r5q9d] {
    background: var(--global-palette-light);
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.scanning-indicator[b-i8oq8r5q9d] {
    font-size: 3rem;
    background-image: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
    animation: pulse-b-i8oq8r5q9d 1.5s ease-in-out infinite;
}

@keyframes pulse-b-i8oq8r5q9d {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

/* Responsive table for mobile */
@media (max-width: 768px) {
    .products-table-card[b-i8oq8r5q9d] {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .products-table[b-i8oq8r5q9d] {
        display: block;
    }

        .products-table thead[b-i8oq8r5q9d] {
            display: none;
        }

        .products-table tbody[b-i8oq8r5q9d] {
            display: block;
        }

            .products-table tbody tr[b-i8oq8r5q9d] {
                display: block;
                background: white;
                margin-bottom: 0.75rem;
                border-radius: 8px;
                box-shadow: 0 2px 4px rgba(0,0,0,0.1);
                padding: 0.75rem;
                border: none;
            }

                .products-table tbody tr:hover[b-i8oq8r5q9d] {
                    transform: none;
                }

            .products-table tbody td[b-i8oq8r5q9d] {
                display: block;
                padding: 0.25rem 0;
                border: none;
                text-align: left;
            }

                .products-table tbody td[b-i8oq8r5q9d]::before {
                    display: none;
                }

    /* Image at the top, smaller */
    .product-image-cell[b-i8oq8r5q9d] {
        text-align: center !important;
        padding: 0 !important;
        margin-bottom: 0.5rem;
    }

    .product-thumbnail-wrapper[b-i8oq8r5q9d] {
        width: 60px;
        height: 60px;
        margin: 0 auto;
    }

    /* Compact layout */
    .products-table tbody tr[b-i8oq8r5q9d] {
        display: grid;
        grid-template-columns: 60px 1fr auto;
        grid-template-rows: auto auto auto;
        gap: 0.5rem;
        align-items: start;
    }

    /* Image in first column, spanning all rows */
    .product-image-cell[b-i8oq8r5q9d] {
        grid-column: 1;
        grid-row: 1 / 4;
    }

    /* Checkbox - before image */
    .products-table tbody td:nth-child(1)[b-i8oq8r5q9d] {
        grid-column: 1;
        grid-row: 1;
        padding: 0 !important;
        align-self: start;
    }

    /* Image in first column */
    .product-image-cell[b-i8oq8r5q9d] {
        grid-column: 1;
        grid-row: 2 / 5;
    }

    /* Name - second column, first row */
    .products-table tbody td:nth-child(3)[b-i8oq8r5q9d] {
        grid-column: 2;
        grid-row: 1;
        font-weight: 600;
        font-size: 0.9rem;
        padding: 0 !important;
    }

    /* Symbol/SKU - second column, second row */
    .products-table tbody td:nth-child(4)[b-i8oq8r5q9d] {
        grid-column: 2;
        grid-row: 2;
        padding: 0 !important;
    }

        .products-table tbody td:nth-child(4) .badge[b-i8oq8r5q9d] {
            font-size: 0.7rem;
            padding: 0.15rem 0.4rem;
        }

    /* EAN - second column, third row */
    .products-table tbody td:nth-child(5)[b-i8oq8r5q9d] {
        grid-column: 2;
        grid-row: 3;
        font-size: 0.75rem;
        color: #666;
        padding: 0 !important;
    }

    /* Stock + Unit - third column, first row */
    .products-table tbody td:nth-child(6)[b-i8oq8r5q9d],
    .products-table tbody td:nth-child(7)[b-i8oq8r5q9d] {
        grid-column: 3;
        grid-row: 1;
        text-align: right;
        font-size: 0.85rem;
        padding: 0 !important;
    }

    .products-table tbody td:nth-child(7)[b-i8oq8r5q9d] {
        display: none;
    }

    .products-table tbody td:nth-child(6)[b-i8oq8r5q9d]::after {
        content: attr(data-unit);
        margin-left: 0.25rem;
        font-size: 0.75rem;
        color: #666;
    }

    /* Location - third column, second row */
    .products-table tbody td:nth-child(8)[b-i8oq8r5q9d] {
        grid-column: 3;
        grid-row: 2;
        text-align: right;
        padding: 0 !important;
    }

        .products-table tbody td:nth-child(8) .badge[b-i8oq8r5q9d] {
            font-size: 0.7rem;
            padding: 0.15rem 0.4rem;
        }

    /* Size - third column, third row */
    .products-table tbody td:nth-child(9)[b-i8oq8r5q9d] {
        grid-column: 3;
        grid-row: 3;
        text-align: right;
        padding: 0 !important;
    }

        .products-table tbody td:nth-child(9) .badge[b-i8oq8r5q9d] {
            font-size: 0.7rem;
            padding: 0.15rem 0.4rem;
        }

    /* Actions button - below everything */
    .products-table tbody td:nth-child(10)[b-i8oq8r5q9d] {
        grid-column: 1 / 4;
        grid-row: 5;
        text-align: center;
        padding-top: 0.5rem !important;
        border-top: 1px solid #f0f0f0;
        margin-top: 0.5rem;
    }

        .products-table tbody td:nth-child(10) .btn[b-i8oq8r5q9d] {
            width: 100%;
            font-size: 0.85rem;
            padding: 0.4rem;
        }
}
/* /Components/Pages/Tasks/RestockTasks.razor.rz.scp.css */
/* ===== Task Cards ===== */
.task-card[b-urt6z64diw] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    transition: box-shadow 0.2s ease, transform 0.15s ease;
    overflow: hidden;
    background: #fff;
}

.task-card:hover[b-urt6z64diw] {
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    transform: translateY(-1px);
}

.priority-strip[b-urt6z64diw] {
    width: 5px;
    min-height: 100%;
    flex-shrink: 0;
    border-radius: 4px 0 0 4px;
}

.priority-normal[b-urt6z64diw]   { background: #0d6efd; }
.priority-high[b-urt6z64diw]     { background: #ffc107; }
.priority-critical[b-urt6z64diw] { background: #dc3545; }

.task-card-body[b-urt6z64diw] {
    padding: 1rem 1.25rem;
    flex: 1;
    min-width: 0;
}

.task-title[b-urt6z64diw] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #1a1a2e;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.task-meta[b-urt6z64diw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.82rem;
    color: #6c757d;
}

.task-meta-item[b-urt6z64diw] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.task-meta-item i[b-urt6z64diw] {
    font-size: 0.85rem;
    opacity: 0.7;
}

.task-actions[b-urt6z64diw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1rem 1rem 1rem 0;
    justify-content: center;
    flex-shrink: 0;
}

.task-actions[b-urt6z64diw]  .btn {
    font-size: 0.82rem;
    padding: 0.35rem 0.75rem;
    border-radius: 8px;
    white-space: nowrap;
}

/* ===== Restock Info ===== */
.restock-info[b-urt6z64diw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.restock-info-item[b-urt6z64diw] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.restock-info-item i[b-urt6z64diw] {
    font-size: 0.9rem;
}

/* ===== Page Header ===== */
.page-header[b-urt6z64diw] {
    background: linear-gradient(135deg, #009244 0%, #c1d11c 100%);
    border-radius: 16px;
    padding: 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.page-header h3[b-urt6z64diw] {
    margin: 0;
    font-weight: 700;
    font-size: 1.35rem;
}

/* ===== Tab Navigation ===== */
.task-tabs[b-urt6z64diw] {
    display: flex;
    gap: 0.35rem;
    background: #f0f2f5;
    border-radius: 12px;
    padding: 0.3rem;
    margin-bottom: 1.25rem;
}

.task-tab[b-urt6z64diw] {
    flex: 1;
    text-align: center;
    padding: 0.6rem 0.75rem;
    border-radius: 10px;
    border: none;
    background: transparent;
    color: #495057;
    font-weight: 500;
    font-size: 0.92rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.task-tab:hover[b-urt6z64diw] {
    background: rgba(0, 146, 68, 0.08);
    color: #009244;
}

.task-tab.active[b-urt6z64diw] {
    background: #fff;
    color: #009244;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    font-weight: 600;
}

/* ===== Filter Card ===== */
.filter-card[b-urt6z64diw] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.filter-card .form-label[b-urt6z64diw] {
    font-weight: 600;
    font-size: 0.82rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #6c757d;
    margin-bottom: 0.4rem;
}

.filter-card .form-control[b-urt6z64diw],
.filter-card .form-select[b-urt6z64diw] {
    border-radius: 10px;
    border: 1px solid #dee2e6;
    font-size: 0.9rem;
    padding: 0.5rem 0.85rem;
}

.filter-card .form-control:focus[b-urt6z64diw],
.filter-card .form-select:focus[b-urt6z64diw] {
    border-color: #009244;
    box-shadow: 0 0 0 3px rgba(0, 146, 68, 0.12);
}

/* ===== Status Toggle Chips ===== */
.status-toggles[b-urt6z64diw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.status-toggle[b-urt6z64diw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.85rem;
    border-radius: 20px;
    border: 1.5px solid #dee2e6;
    background: #fff;
    color: #495057;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.status-toggle:hover[b-urt6z64diw] {
    border-color: #009244;
    background: rgba(0, 146, 68, 0.04);
}

.status-toggle.active[b-urt6z64diw] {
    border-color: #009244;
    background: rgba(0, 146, 68, 0.1);
    color: #009244;
}

.status-toggle input[type="checkbox"][b-urt6z64diw] {
    display: none;
}

.status-toggle .toggle-dot[b-urt6z64diw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #dee2e6;
    transition: background 0.15s;
}

.status-toggle.active .toggle-dot[b-urt6z64diw] {
    background: #009244;
}

/* ===== Pill buttons ===== */
.btn-pill[b-urt6z64diw] {
    border-radius: 20px;
    padding: 0.4rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
}

/* ===== Polished modals ===== */
.modal-modern[b-urt6z64diw]  .modal-content {
    border: none;
    border-radius: 16px;
    box-shadow: 0 12px 48px rgba(0,0,0,0.18);
    overflow: hidden;
}

.modal-modern[b-urt6z64diw]  .modal-header {
    border-bottom: 1px solid #f0f0f0;
    padding: 1.1rem 1.5rem;
}

.modal-modern[b-urt6z64diw]  .modal-footer {
    border-top: 1px solid #f0f0f0;
    padding: 1rem 1.5rem;
}

/* ===== Location Deduction Modal ===== */
.deduction-location-item[b-urt6z64diw] {
    border-radius: 10px !important;
    margin-bottom: 0.35rem;
    border: 1.5px solid #e9ecef;
    transition: all 0.15s ease;
    padding: 0.75rem 1rem;
}

.deduction-location-item:hover[b-urt6z64diw] {
    border-color: #009244;
    background: rgba(0, 146, 68, 0.04);
}

.deduction-location-item:active[b-urt6z64diw] {
    background: rgba(0, 146, 68, 0.1);
    transform: scale(0.99);
}

.deduction-detail-card[b-urt6z64diw] {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    border: 1px solid #e9ecef;
}

.deduction-detail-row[b-urt6z64diw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
}

.deduction-detail-row + .deduction-detail-row[b-urt6z64diw] {
    border-top: 1px solid #e9ecef;
}

.deduction-detail-label[b-urt6z64diw] {
    font-size: 0.85rem;
    color: #6c757d;
}

.deduction-detail-value[b-urt6z64diw] {
    font-size: 0.95rem;
    color: #1a1a2e;
}
/* /Components/Pages/Tools/BulkEanUpload.razor.rz.scp.css */
/* BulkEanUpload Component Styles */

.products-container[b-lzc9asry9t] {
    background: var(--global-palette-light);
    min-height: 100vh;
    padding: 2rem 0;
}

.filter-card[b-lzc9asry9t] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
}

.filter-card-body[b-lzc9asry9t] {
    padding: 2rem;
}

.products-table-card[b-lzc9asry9t] {
    background: white;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 2rem;
}

.products-table[b-lzc9asry9t] {
    margin-bottom: 0;
}

    .products-table thead[b-lzc9asry9t] {
        background-image: var(--gradient-header);
        color: white;
    }

        .products-table thead th[b-lzc9asry9t] {
            border: none;
            padding: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85rem;
            letter-spacing: 0.5px;
            white-space: nowrap;
        }

    .products-table tbody tr[b-lzc9asry9t] {
        transition: all 0.2s ease;
        border-bottom: 1px solid #f0f0f0;
    }

        .products-table tbody tr:hover[b-lzc9asry9t] {
            transform: scale(1.005);
        }

            .products-table tbody tr:hover td[b-lzc9asry9t] {
                background-color: var(--global-palette-light) !important;
            }

    .products-table tbody td[b-lzc9asry9t] {
        padding: 1rem;
        vertical-align: middle;
        transition: background-color 0.2s ease;
    }

/* Badges */
.badge-modern[b-lzc9asry9t] {
    padding: 0.35rem 0.75rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.85rem;
    display: inline-block;
}

.badge-success[b-lzc9asry9t] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
}

/* Form controls */
.form-control-modern[b-lzc9asry9t] {
    border-radius: 8px;
    border: 2px solid #e0e0e0;
    padding: 0.65rem 1rem;
    transition: all 0.2s ease;
}

    .form-control-modern:focus[b-lzc9asry9t] {
        border-color: var(--global-palette1);
        box-shadow: 0 0 0 0.2rem rgba(0, 146, 68, 0.15);
    }

/* Buttons */
.btn-modern[b-lzc9asry9t] {
    border-radius: 8px;
    padding: 0.65rem 1.5rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

    .btn-modern:hover[b-lzc9asry9t] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }
/* /Components/ProductEditModal.razor.rz.scp.css */
/* ProductEditModal Component Styles */

/* Product Card */
.product-card[b-28rr4xbhjr] {
    background: white;
    border-radius: var(--border-radius);
    overflow: hidden;
}

.product-header[b-28rr4xbhjr] {
    background-image: var(--gradient-header);
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #ffffff;
}

.product-header .stock-item[b-28rr4xbhjr],
.product-header .stock-label[b-28rr4xbhjr],
.product-header .stock-value[b-28rr4xbhjr],
.product-header .stock-unit[b-28rr4xbhjr],
.product-header .product-name[b-28rr4xbhjr],
.product-header .product-codes[b-28rr4xbhjr],
.product-header strong[b-28rr4xbhjr] {
    color: #ffffff !important;
}

.product-header .stock-item[b-28rr4xbhjr] {
    border-color: rgba(255,255,255,0.45);
}

/* badge-sku ma własny color (palette1) na białym tle — nie nadpisuj. */
.product-header .badge-sku[b-28rr4xbhjr] {
    color: var(--global-palette1) !important;
}

.product-image[b-28rr4xbhjr] {
    width: 60px;
    height: 60px;
    object-fit: contain;
    background: white;
    border-radius: 6px;
    padding: 0.15rem;
    cursor: pointer;
    transition: transform 0.2s ease;
}

    .product-image:active[b-28rr4xbhjr] {
        transform: scale(0.95);
    }

.product-info[b-28rr4xbhjr] {
    flex: 1;
    min-width: 0;
}

.product-name[b-28rr4xbhjr] {
    color: white;
    font-weight: 700;
    font-size: 0.95rem;
    margin: 0 0 0.35rem 0;
    word-wrap: break-word;
    line-height: 1.2;
}

.product-codes[b-28rr4xbhjr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

/* Product Stock in Header */
.product-stock[b-28rr4xbhjr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.stock-item[b-28rr4xbhjr] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.3rem 0.6rem;
    border-radius: 6px;
    font-size: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

    .stock-item i[b-28rr4xbhjr] {
        font-size: 0.9rem;
        opacity: 0.9;
    }

    .stock-item .stock-label[b-28rr4xbhjr] {
        font-weight: 500;
    }

    .stock-item .stock-value[b-28rr4xbhjr] {
        font-weight: 700;
        font-size: 0.95rem;
    }

    .stock-item .stock-unit[b-28rr4xbhjr] {
        font-size: 0.75rem;
    }

    .stock-item.stock-available[b-28rr4xbhjr] {
        background: rgba(255, 255, 255, 0.25);
    }

    .stock-item.stock-reserved[b-28rr4xbhjr] {
        background: rgba(255, 255, 255, 0.15);
    }

@media (min-width: 768px) {
    .product-stock[b-28rr4xbhjr] {
        gap: 0.75rem;
        margin-top: 0.65rem;
    }

    .stock-item[b-28rr4xbhjr] {
        padding: 0.4rem 0.8rem;
        font-size: 0.85rem;
    }

        .stock-item .stock-value[b-28rr4xbhjr] {
            font-size: 1rem;
        }
}

/* Product Details */
.product-details[b-28rr4xbhjr] {
    padding: 0.75rem;
}

.detail-row[b-28rr4xbhjr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f0f0f0;
}

    .detail-row:last-child[b-28rr4xbhjr] {
        border-bottom: none;
    }

    .detail-row.highlight[b-28rr4xbhjr] {
        background: var(--global-palette-light);
        margin: 0 -0.75rem;
        padding: 0.5rem 0.75rem;
    }

.detail-label[b-28rr4xbhjr] {
    font-weight: 600;
    color: #555;
    min-width: 85px;
    font-size: 0.85rem;
}

.detail-value[b-28rr4xbhjr] {
    flex: 1;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.25rem;
    font-size: 0.85rem;
}

/* Form Section */
.form-section[b-28rr4xbhjr] {
    margin-top: 0.75rem;
    padding: 0 0.75rem;
}

.form-label-modern[b-28rr4xbhjr] {
    font-weight: 600;
    color: #333;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    display: block;
}

    .form-label-modern i[b-28rr4xbhjr] {
        color: var(--global-palette1);
        margin-right: 0.35rem;
    }

.form-control-lg[b-28rr4xbhjr] {
    padding: 0.75rem 1rem;
    font-size: 1rem;
}

/* Size Selector */
.size-selector[b-28rr4xbhjr] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
}

.size-button[b-28rr4xbhjr] {
    flex: 1;
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 1.1rem;
    font-weight: 700;
    color: #666;
    transition: all 0.2s ease;
    cursor: pointer;
    min-height: 50px;
}

    .size-button:active[b-28rr4xbhjr] {
        transform: scale(0.95);
    }

    .size-button.selected[b-28rr4xbhjr] {
        background-image: var(--gradient-primary);
        color: white;
        border-color: var(--global-palette1);
        box-shadow: var(--shadow-md);
    }

/* Action Buttons */
.action-buttons[b-28rr4xbhjr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0 0.75rem 0.75rem 0.75rem;
}

.btn-action[b-28rr4xbhjr] {
    flex: 1;
    min-width: 0;
    padding: 0.75rem 0.5rem;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    border: none;
    min-height: 48px;
    white-space: nowrap;
}

/* Responsive: 2 rows for 4 buttons on small screens */
@media (max-width: 576px) {
    .action-buttons[b-28rr4xbhjr] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* When there are only 2-3 buttons, keep them in one row */
    .action-buttons:has(.btn-action:nth-child(4))[b-28rr4xbhjr] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .action-buttons:not(:has(.btn-action:nth-child(4)))[b-28rr4xbhjr] {
        display: flex;
        flex-wrap: nowrap;
    }
    
    .action-buttons:not(:has(.btn-action:nth-child(4))) .btn-action[b-28rr4xbhjr] {
        flex: 1;
    }
}

    .btn-action:active[b-28rr4xbhjr] {
        transform: scale(0.95);
    }

.btn-bclose[b-28rr4xbhjr] {
    background-color: #e74c3c;
    color: white;
}

    .btn-bclose:hover[b-28rr4xbhjr], .btn-bclose:active[b-28rr4xbhjr] {
        background-color: #c0392b;
    }

.btn-save[b-28rr4xbhjr] {
    background-image: var(--gradient-primary);
    color: white;
}

    .btn-save:hover[b-28rr4xbhjr], .btn-save:active[b-28rr4xbhjr] {
        background-color: var(--global-palette1);
    }

.btn-print[b-28rr4xbhjr] {
    background-color: #3498db;
    color: white;
}

    .btn-print:hover[b-28rr4xbhjr], .btn-print:active[b-28rr4xbhjr] {
        background-color: #2980b9;
    }

.btn-add-ean[b-28rr4xbhjr] {
    background-color: transparent;
    border: 1px solid var(--global-palette1);
    color: var(--global-palette1);
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    margin-left: 0.5rem;
}

    .btn-add-ean:active[b-28rr4xbhjr] {
        background-color: var(--global-palette1);
        color: white;
    }

/* Modal specific adjustments */
@media (min-width: 768px) {
    .product-image[b-28rr4xbhjr] {
        width: 70px;
        height: 70px;
    }

    .product-name[b-28rr4xbhjr] {
        font-size: 1.05rem;
    }

    .product-header[b-28rr4xbhjr] {
        padding: 1rem;
    }

    .product-details[b-28rr4xbhjr] {
        padding: 1rem;
    }

    .detail-row[b-28rr4xbhjr] {
        padding: 0.6rem 0;
    }

    .form-section[b-28rr4xbhjr] {
        padding: 0 1rem;
    }

    .action-buttons[b-28rr4xbhjr] {
        padding: 0 1rem 1rem 1rem;
    }
}

/* Small Screens */
@media (max-width: 300px) {
    .action-buttons[b-28rr4xbhjr] {
        flex-direction: column;
    }

    .btn-action[b-28rr4xbhjr] {
        width: 100%;
    }

    .size-selector[b-28rr4xbhjr] {
        flex-direction: row;
    }

    .detail-label[b-28rr4xbhjr] {
        min-width: 75px;
        font-size: 0.8rem;
    }

    .detail-value[b-28rr4xbhjr] {
        font-size: 0.8rem;
    }

    .product-name[b-28rr4xbhjr] {
        font-size: 0.9rem;
    }

    .product-header[b-28rr4xbhjr] {
        padding: 0.6rem;
    }

    .product-image[b-28rr4xbhjr] {
        width: 55px;
        height: 55px;
    }
}
/* /Components/ReusableComponents/AdditionalLocationsComponent.razor.rz.scp.css */
.saved-cell-flash[b-cty0g2xj2e] {
    animation: savedCellFlashAnimation-b-cty0g2xj2e 1s ease-in-out;
}

@keyframes savedCellFlashAnimation-b-cty0g2xj2e {
    0% {
        background-color: rgba(25, 135, 84, 0.45);
    }
    100% {
        background-color: transparent;
    }
}

/* Task 4 (Kacper) — wider location field, narrower quantity */
.additional-locations-table[b-cty0g2xj2e] {
    table-layout: fixed;
    width: 100%;
}

/* Lokalizacje techniczne (systemowe: DOSTAWY/NADMIAR/PRZENOSZENIE) — wyciszone, zawsze na dole. */
.additional-locations-table .al-technical-row td[b-cty0g2xj2e] {
    background-color: #f6f7f9;
    color: #6c757d;
}

.additional-locations-table .al-col-qty[b-cty0g2xj2e] {
    width: 90px;
}

.additional-locations-table .al-col-actions[b-cty0g2xj2e] {
    width: 110px;
}

.additional-locations-table td input.form-control[b-cty0g2xj2e] {
    width: 100%;
    min-width: 0;
}

.additional-locations-table td.al-col-qty input[b-cty0g2xj2e],
.additional-locations-table td:nth-child(2) input[type="number"][b-cty0g2xj2e] {
    text-align: right;
    padding-right: 0.4rem;
}

@media (max-width: 576px) {
    .additional-locations-table .al-col-qty[b-cty0g2xj2e] {
        width: 72px;
    }
    .additional-locations-table .al-col-actions[b-cty0g2xj2e] {
        width: 90px;
    }
}
/* /Components/Shared/LicenseLockScreen.razor.rz.scp.css */
.license-lock-screen[b-k60omdnotf] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background:
        radial-gradient(circle at 10% 20%, rgba(0, 146, 68, 0.2), transparent 35%),
        radial-gradient(circle at 90% 80%, rgba(193, 209, 28, 0.18), transparent 35%),
        linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
}

.license-lock-card[b-k60omdnotf] {
    width: min(700px, 100%);
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.35);
    padding: 2rem;
    text-align: center;
}

.license-lock-icon[b-k60omdnotf] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
}

.license-lock-card h1[b-k60omdnotf] {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
}

.license-lock-reason[b-k60omdnotf] {
    margin-bottom: 1rem;
    color: #334155;
    font-size: 1.05rem;
}

.license-lock-message[b-k60omdnotf] {
    margin: 1rem 0;
    padding: 0.9rem 1rem;
    border: 1px solid #fecaca;
    border-radius: 12px;
    background: #fff1f2;
    color: #991b1b;
    font-weight: 500;
}

.license-lock-help[b-k60omdnotf] {
    margin: 0;
    color: #475569;
}

.license-lock-form[b-k60omdnotf] {
    text-align: left;
    max-width: 520px;
    margin: 0 auto;
}

.license-lock-form .form-label[b-k60omdnotf] {
    font-weight: 600;
    color: #334155;
}

.license-lock-result[b-k60omdnotf] {
    margin-top: 0.9rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    font-size: 0.95rem;
}

.license-lock-result.success[b-k60omdnotf] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.license-lock-result.error[b-k60omdnotf] {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #9f1239;
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notification-bell-link[b-3yqhjjo9xp] {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 1.5rem;
    color: #fff !important;
    text-decoration: none;
    padding: 0.5rem;
    transition: color 0.2s ease;
}

.notification-bell-link:hover[b-3yqhjjo9xp] {
    color: #f0f0f0 !important;
}

.notification-bell-link .bi[b-3yqhjjo9xp] {
    color: #fff !important;
}

.notification-badge[b-3yqhjjo9xp] {
    position: absolute;
    top: 0;
    right: 0;
    background: #dc3545;
    color: white;
    border-radius: 50%;
    padding: 0.2rem 0.4rem;
    font-size: 0.7rem;
    font-weight: bold;
    min-width: 18px;
    text-align: center;
    line-height: 1;
}
/* /Components/Shared/TaskDependencyGraphView.razor.rz.scp.css */
/* ===== Dependency Graph ===== */

.dep-graph-toolbar[b-1xwtmrev9f] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid #e8e8e8;
    background: #fafbfc;
    border-radius: 12px 12px 0 0;
}

.dep-graph-zoom-label[b-1xwtmrev9f] {
    font-size: 0.72rem;
    font-weight: 600;
    min-width: 38px;
    text-align: center;
    color: #495057;
}

.dep-graph-scroll[b-1xwtmrev9f] {
    overflow: auto;
    scrollbar-width: thin;
    max-height: 500px;
}

.dep-graph-sizer[b-1xwtmrev9f] {
    position: relative;
}

.dep-graph-canvas[b-1xwtmrev9f] {
    position: relative;
}

.dep-graph-svg[b-1xwtmrev9f] {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 0;
}

/* Edges */
.dep-edge-done[b-1xwtmrev9f] {
    fill: none;
    stroke: #198754;
    stroke-width: 2.5;
}

.dep-edge-active[b-1xwtmrev9f] {
    fill: none;
    stroke: #6610f2;
    stroke-width: 2.5;
    stroke-dasharray: 6 3;
    animation: depEdgePulse 1.5s infinite;
}

.dep-edge-pending[b-1xwtmrev9f] {
    fill: none;
    stroke: #adb5bd;
    stroke-width: 2;
    stroke-dasharray: 4 4;
}

/* Nodes */
.dep-graph-node[b-1xwtmrev9f] {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    z-index: 1;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    padding: 0.4rem 0.3rem;
    border-radius: 10px;
    background: #fff;
    border: 1.5px solid #e0e0e0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.dep-graph-node:hover[b-1xwtmrev9f] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    z-index: 10;
}

.dep-graph-node-icon[b-1xwtmrev9f] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    margin-bottom: 0.25rem;
}

.dep-node-completed .dep-graph-node-icon[b-1xwtmrev9f] {
    background: linear-gradient(135deg, #198754, #20c997);
}

.dep-node-active .dep-graph-node-icon[b-1xwtmrev9f] {
    background: linear-gradient(135deg, var(--global-palette4), var(--global-palette5));
    animation: depNodePulse 2s infinite;
}

.dep-node-ready .dep-graph-node-icon[b-1xwtmrev9f] {
    background: linear-gradient(135deg, #6c757d, #adb5bd);
}

.dep-node-blocked .dep-graph-node-icon[b-1xwtmrev9f] {
    background: linear-gradient(135deg, #495057, #6c757d);
    opacity: 0.7;
}

.dep-node-cancelled .dep-graph-node-icon[b-1xwtmrev9f] {
    background: linear-gradient(135deg, #dc3545, #e74c3c);
    opacity: 0.6;
}

.dep-graph-node-label[b-1xwtmrev9f] {
    font-size: 0.72rem;
    font-weight: 600;
    text-align: center;
    color: #333;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.dep-graph-node-user[b-1xwtmrev9f] {
    font-size: 0.6rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}

.dep-graph-node-date[b-1xwtmrev9f] {
    font-size: 0.6rem;
    font-weight: 500;
    margin-top: 0.1rem;
}

@@keyframes depNodePulse {
    0%[b-1xwtmrev9f], 100%[b-1xwtmrev9f] { box-shadow: 0 2px 8px rgba(13, 110, 253, 0.3); }
    50%[b-1xwtmrev9f] { box-shadow: 0 2px 16px rgba(13, 110, 253, 0.6); }
}

@@keyframes depEdgePulse {
    0%[b-1xwtmrev9f], 100%[b-1xwtmrev9f] { opacity: 1; }
    50%[b-1xwtmrev9f] { opacity: 0.5; }
}

@@media (max-width: 576px) {
    .dep-graph-node-label[b-1xwtmrev9f] {
        font-size: 0.62rem;
        max-width: 80px;
    }
    .dep-graph-node-user[b-1xwtmrev9f] {
        font-size: 0.52rem;
        max-width: 80px;
    }
}
/* /Components/Shared/TaskGanttChart.razor.rz.scp.css */
/* ===== Gantt Chart — single scroll container, sticky header ===== */
.gantt-wrapper[b-tfwzy5brze] {
    --label-w: 200px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: auto;
    max-height: 70vh;
    background: #fff;
    font-size: 0.82rem;
    scrollbar-width: thin;
}

.gantt-table[b-tfwzy5brze] {
    position: relative;
    width: fit-content;
    min-width: 100%;
}

/* ── Rows ── */
.gantt-row[b-tfwzy5brze] {
    display: flex;
}

/* Header row — sticky at top */
.gantt-row-header[b-tfwzy5brze] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: #fff;
}

.gantt-row-header .gantt-cell-label[b-tfwzy5brze] {
    font-weight: 700;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-right: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    padding: 0.6rem 0.75rem;
    height: 52px;
}

/* Label cells */
.gantt-cell-label[b-tfwzy5brze] {
    width: var(--label-w);
    min-width: var(--label-w);
    flex-shrink: 0;
    box-sizing: border-box;
}

/* Task label */
.gantt-task-label[b-tfwzy5brze] {
    padding: 0.35rem 0.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    cursor: pointer;
    transition: background 0.15s ease;
    border-right: 1px solid #e0e0e0;
    background: #fff;
    min-height: 48px;
    -webkit-tap-highlight-color: transparent;
}

@media (hover: hover) {
    .gantt-task-label:hover[b-tfwzy5brze] {
        background: #f8f9ff;
    }
}

.gantt-task-title[b-tfwzy5brze] {
    min-width: 0;
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6;
}

.gantt-task-id[b-tfwzy5brze] {
    font-size: 0.65rem;
    color: #adb5bd;
    margin-right: 0.3rem;
}

.gantt-task-user[b-tfwzy5brze] {
    font-size: 0.62rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1.2;
}

/* Stage separator */
.gantt-row-stage[b-tfwzy5brze] {
    background: linear-gradient(135deg, #e8e9ed, #f0f1f3);
    border-top: 2px solid #ced4da;
}

.gantt-stage-label[b-tfwzy5brze] {
    display: flex;
    align-items: center;
    padding: 0 0.75rem;
    height: 26px;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #495057;
}

.gantt-stage-label-text[b-tfwzy5brze] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gantt-stage-badge[b-tfwzy5brze] {
    font-size: 0.55rem;
    font-weight: 600;
    padding: 1px 6px;
    border-radius: 4px;
    white-space: nowrap;
    margin-left: 6px;
    letter-spacing: 0;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.gantt-stage-badge-active[b-tfwzy5brze] {
    background: rgba(25, 135, 84, 0.15);
    color: #198754;
}

.gantt-stage-badge-waiting[b-tfwzy5brze] {
    background: rgba(255, 193, 7, 0.25);
    color: #946206;
}

.gantt-row-stage-waiting[b-tfwzy5brze] {
    background: linear-gradient(135deg, #fff8e1, #fff3cd);
    border-top-color: #ffc107;
    opacity: 0.8;
}

.gantt-stage-badge-completed[b-tfwzy5brze] {
    background: rgba(25, 135, 84, 0.15);
    color: #198754;
}

.gantt-row-stage-completed[b-tfwzy5brze] {
    background: linear-gradient(135deg, #e8f5e9, #d7f0da);
    border-top-color: #66bb6a;
}

.gantt-stage-filler[b-tfwzy5brze] {
    flex: 1;
}

/* Task rows */
.gantt-row-task[b-tfwzy5brze] {
    border-top: 1px solid #f0f0f0;
}

@media (hover: hover) {
    .gantt-row-task:hover .gantt-task-label[b-tfwzy5brze] {
        background: #f8f9ff;
    }

    .gantt-row-task:hover .gantt-timeline[b-tfwzy5brze] {
        background: #f8f9ff;
    }
}

.gantt-row-empty .gantt-task-label[b-tfwzy5brze] {
    cursor: default;
}

.gantt-row-empty .gantt-task-label:hover[b-tfwzy5brze] {
    background: #fff;
}

/* Timeline area */
.gantt-timeline[b-tfwzy5brze] {
    position: relative;
    display: flex;
    flex-shrink: 0;
}

/* Day cells */
.gantt-cell-day[b-tfwzy5brze] {
    flex-shrink: 0;
    box-sizing: border-box;
}

.gantt-day-header[b-tfwzy5brze] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.3rem 0;
    border-right: 1px solid rgba(255,255,255,0.08);
}

.gantt-row-task .gantt-cell-day[b-tfwzy5brze] {
    border-right: 1px solid #f0f0f0;
    min-height: 48px;
}

.gantt-day-name[b-tfwzy5brze] {
    font-size: 0.62rem;
    opacity: 0.7;
    text-transform: uppercase;
}

.gantt-day-number[b-tfwzy5brze] {
    font-weight: 700;
    font-size: 0.78rem;
}

.gantt-today[b-tfwzy5brze] {
    background: rgba(13, 110, 253, 0.25);
    border-radius: 4px;
}

.gantt-today-col[b-tfwzy5brze] {
    background: rgba(13, 110, 253, 0.04);
}

/* ── Bars ── */
.gantt-bar[b-tfwzy5brze] {
    position: absolute;
    top: 5px;
    height: 26px;
    border-radius: 6px;
    z-index: 2;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: opacity 0.2s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    -webkit-user-select: none;
    user-select: none;
}

@media (hover: hover) {
    .gantt-bar:hover[b-tfwzy5brze] {
        opacity: 0.9;
        box-shadow: 0 3px 12px rgba(0,0,0,0.18);
    }
}

.gantt-bar-inner[b-tfwzy5brze] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    overflow: hidden;
}

.gantt-bar-text[b-tfwzy5brze] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gantt-bar-completed[b-tfwzy5brze] {
    background: linear-gradient(135deg, #198754, #20c997);
}

.gantt-bar-active[b-tfwzy5brze] {
    background: linear-gradient(135deg, var(--global-palette4), var(--global-palette5));
    animation: ganttPulse 2.5s infinite;
}

.gantt-bar-pending[b-tfwzy5brze] {
    background: linear-gradient(135deg, #adb5bd, #ced4da);
}

.gantt-bar-cancelled[b-tfwzy5brze] {
    background: linear-gradient(135deg, #dc3545, #e74c3c);
    opacity: 0.5;
}

/* Draggable bars */
.gantt-bar-draggable[b-tfwzy5brze] {
    cursor: grab;
    touch-action: pan-y;
}

@media (hover: hover) {
    .gantt-bar-draggable:active[b-tfwzy5brze] {
        cursor: grabbing;
    }
}

.gantt-bar-dragging[b-tfwzy5brze] {
    opacity: 0.75;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
    z-index: 10 !important;
    transition: none !important;
}

.gantt-bar-resizing[b-tfwzy5brze] {
    opacity: 0.85;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    z-index: 10 !important;
    transition: none !important;
}

/* Resize handle on right edge */
[b-tfwzy5brze] .gantt-resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    cursor: col-resize;
    background: rgba(255,255,255,0.15);
    border-left: 2px solid rgba(255,255,255,0.3);
    border-radius: 0 6px 6px 0;
    transition: background 0.15s ease;
}

[b-tfwzy5brze] .gantt-resize-handle:hover {
    background: rgba(255,255,255,0.35);
    border-left-color: rgba(255,255,255,0.6);
}

/* Days badge inside bar */
[b-tfwzy5brze] .gantt-bar-days {
    font-size: 0.58rem;
    font-weight: 700;
    opacity: 0.7;
    color: #fff;
    margin-left: auto;
    padding-right: 10px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Drag overlay — captures pointer events during drag */
.gantt-drag-overlay[b-tfwzy5brze] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    cursor: grabbing;
}

/* Date label shown while dragging — inside sticky header */
.gantt-drag-indicator[b-tfwzy5brze] {
    position: absolute;
    bottom: -20px;
    transform: translateX(-50%);
    background: #1a1a2e;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 20;
    pointer-events: none;
}

/* Today marker */
.gantt-today-marker[b-tfwzy5brze] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #dc3545;
    z-index: 4;
    pointer-events: none;
}

.gantt-today-marker[b-tfwzy5brze]::before {
    content: 'Dziś';
    position: absolute;
    top: 2px;
    left: 4px;
    font-size: 0.6rem;
    color: #dc3545;
    font-weight: 700;
    white-space: nowrap;
}

@@keyframes ganttPulse {
    0%[b-tfwzy5brze], 100%[b-tfwzy5brze] { box-shadow: 0 2px 6px rgba(13,110,253,0.3); }
    50%[b-tfwzy5brze] { box-shadow: 0 2px 14px rgba(13,110,253,0.5); }
}

/* Actual completion overlay */
.gantt-actual-overlay[b-tfwzy5brze] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
}

.gantt-actual-ontime[b-tfwzy5brze] {
    background: rgba(255,255,255,0.25);
    border: 2px solid rgba(255,255,255,0.5);
}

.gantt-actual-overrun[b-tfwzy5brze] {
    background: rgba(220,53,69,0.35);
    border: 2px solid #dc3545;
    border-radius: 6px;
}

.gantt-actual-label[b-tfwzy5brze] {
    font-size: 0.6rem;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
    white-space: nowrap;
    padding: 0 4px;
}

/* Responsive */
@@media (max-width: 768px) {
    .gantt-wrapper[b-tfwzy5brze] {
        --label-w: 50px;
    }
    .gantt-row-header .gantt-cell-label[b-tfwzy5brze] {
        font-size: 0.6rem;
        padding: 0.3rem 0.35rem;
    }
    .gantt-task-label[b-tfwzy5brze] {
        padding: 0.25rem 0.35rem;
    }
    .gantt-task-title[b-tfwzy5brze] {
        font-size: 0.6rem;
    }
    .gantt-task-id[b-tfwzy5brze] {
        display: none;
    }
    .gantt-task-user[b-tfwzy5brze] {
        display: none;
    }
    .gantt-stage-label[b-tfwzy5brze] {
        padding: 0.2rem 0.35rem;
    }
    .gantt-stage-label-text[b-tfwzy5brze] {
        font-size: 0.55rem;
    }
}
/* /Components/Shared/TaskPipelineView.razor.rz.scp.css */
/* ===== Pipeline View (Level-based columns) ===== */

.pipeline-zoom-toolbar[b-gqhw1clohd] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid #e8e8e8;
    background: #fafbfc;
    border-radius: 12px 12px 0 0;
}

.pipeline-zoom-label[b-gqhw1clohd] {
    font-size: 0.72rem;
    font-weight: 600;
    min-width: 38px;
    text-align: center;
    color: #495057;
}

.pipeline-zoom-scroll[b-gqhw1clohd] {
    overflow: auto;
    scrollbar-width: thin;
    max-height: 500px;
}

.pipeline-view[b-gqhw1clohd] {
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    padding: 1.5rem 0.5rem;
    scrollbar-width: thin;
}

/* A level column — holds 1 or more parallel tasks */
.pipeline-level[b-gqhw1clohd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
}

/* Visual hint for parallel tasks */
.pipeline-level-multi[b-gqhw1clohd] {
    border: 2px dashed #dee2e6;
    border-radius: 14px;
    padding: 0.6rem 0.4rem;
    background: rgba(13, 110, 253, 0.02);
}

.pipeline-step[b-gqhw1clohd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 110px;
    max-width: 160px;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    position: relative;
}

.pipeline-step:hover[b-gqhw1clohd] {
    transform: translateY(-3px);
}

.pipeline-step-icon[b-gqhw1clohd] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,0.12);
    transition: all 0.25s ease;
    z-index: 1;
}

.pipeline-step-completed .pipeline-step-icon[b-gqhw1clohd] {
    background: linear-gradient(135deg, #198754, #20c997);
}

.pipeline-step-active .pipeline-step-icon[b-gqhw1clohd] {
    background: linear-gradient(135deg, var(--global-palette4), var(--global-palette5));
    animation: pipelinePulse 2s infinite;
}

.pipeline-step-ready .pipeline-step-icon[b-gqhw1clohd] {
    background: linear-gradient(135deg, #6c757d, #adb5bd);
}

.pipeline-step-blocked .pipeline-step-icon[b-gqhw1clohd] {
    background: linear-gradient(135deg, #495057, #6c757d);
    opacity: 0.7;
}

.pipeline-step-cancelled .pipeline-step-icon[b-gqhw1clohd] {
    background: linear-gradient(135deg, #dc3545, #e74c3c);
    opacity: 0.6;
}

.pipeline-step-number[b-gqhw1clohd] {
    font-size: 0.9rem;
}

.pipeline-step-label[b-gqhw1clohd] {
    margin-top: 0.5rem;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: center;
    color: #333;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}

.pipeline-step-date[b-gqhw1clohd] {
    font-size: 0.68rem;
    color: #198754;
    margin-top: 0.15rem;
    font-weight: 500;
}

/* Connector between levels */
.pipeline-connector[b-gqhw1clohd] {
    display: flex;
    align-items: center;
    min-width: 36px;
    padding: 0 0.15rem;
    position: relative;
}

.pipeline-connector-line[b-gqhw1clohd] {
    height: 3px;
    flex: 1;
    min-width: 20px;
    border-radius: 2px;
    transition: background 0.3s ease;
}

.pipeline-connector-arrow[b-gqhw1clohd] {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    transition: border-left-color 0.3s ease;
}

.pipeline-connector-done .pipeline-connector-line[b-gqhw1clohd] {
    background: linear-gradient(90deg, #198754, #20c997);
}

.pipeline-connector-done .pipeline-connector-arrow[b-gqhw1clohd] {
    border-left: 8px solid #20c997;
}

.pipeline-connector-pending .pipeline-connector-line[b-gqhw1clohd] {
    background: #dee2e6;
}

.pipeline-connector-pending .pipeline-connector-arrow[b-gqhw1clohd] {
    border-left: 8px solid #dee2e6;
}

@@keyframes pipelinePulse {
    0%[b-gqhw1clohd], 100%[b-gqhw1clohd] { box-shadow: 0 3px 12px rgba(13, 110, 253, 0.3); }
    50%[b-gqhw1clohd] { box-shadow: 0 3px 20px rgba(13, 110, 253, 0.6); }
}

.pipeline-stage-label[b-gqhw1clohd] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #6c757d;
    text-align: center;
    margin-bottom: 4px;
}

.pipeline-stage-waiting .pipeline-stage-label[b-gqhw1clohd] {
    color: #e67e22;
}

.pipeline-stage-waiting[b-gqhw1clohd] {
    opacity: 0.55;
    border-color: #f0ad4e !important;
    background: rgba(240, 173, 78, 0.06) !important;
}

.pipeline-level-active[b-gqhw1clohd] {
    border-color: #0d6efd !important;
    background: rgba(13, 110, 253, 0.05) !important;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15);
}

.pipeline-step-assignee[b-gqhw1clohd] {
    font-size: 0.62rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

@@media (max-width: 576px) {
    .pipeline-step-label[b-gqhw1clohd] {
        font-size: 0.65rem !important;
        max-width: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .pipeline-step-assignee[b-gqhw1clohd] {
        font-size: 0.55rem;
        max-width: 60px;
    }
    .pipeline-stage-label[b-gqhw1clohd] {
        font-size: 0.6rem;
    }
}
/* /Components/Shared/TaskProcessPopup.razor.rz.scp.css */
/* ===== Process Popup ===== */
.process-popup[b-64idmupco9] {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 64px rgba(0,0,0,0.2);
}

.process-popup-header[b-64idmupco9] {
    background: linear-gradient(135deg, #1a1a2e, #16213e);
    color: #fff;
    padding: 1rem 1.5rem;
}

.process-popup-stats[b-64idmupco9] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.3rem;
}

.process-popup-stats .badge[b-64idmupco9] {
    font-size: 0.68rem;
    font-weight: 500;
}

/* Progress */
.process-progress-bar .progress[b-64idmupco9] {
    background: #e9ecef;
}

/* ─── Stages section ─── */
.process-stages-section[b-64idmupco9] {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 1rem;
    background: #fafbfc;
}

.process-stage-add-form[b-64idmupco9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #fff;
    border: 1px dashed #ced4da;
    border-radius: 8px;
}

.process-stage-block[b-64idmupco9] {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    background: #fff;
    overflow: hidden;
}

.process-stage-block:last-child[b-64idmupco9] {
    margin-bottom: 0;
}

.process-stage-unassigned[b-64idmupco9] {
    border-style: dashed;
    background: #fffdf0;
}

.process-stage-header[b-64idmupco9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: linear-gradient(135deg, #e8e9ed, #f0f1f3);
    border-bottom: 1px solid #e0e0e0;
    font-size: 0.8rem;
    font-weight: 600;
}

.process-stage-name[b-64idmupco9] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
    border-radius: 4px;
    transition: background 0.15s ease;
}

.process-stage-name:hover[b-64idmupco9] {
    background: rgba(0,0,0,0.06);
}

.process-stage-edit-icon[b-64idmupco9] {
    font-size: 0.55rem;
    opacity: 0;
    transition: opacity 0.15s;
}

.process-stage-name:hover .process-stage-edit-icon[b-64idmupco9] {
    opacity: 0.5;
}

.process-stage-count[b-64idmupco9] {
    font-size: 0.62rem;
}

.process-stage-delete-btn[b-64idmupco9] {
    opacity: 0;
    transition: opacity 0.15s;
    padding: 0 4px;
    font-size: 0.65rem;
}

.process-stage-header:hover .process-stage-delete-btn[b-64idmupco9] {
    opacity: 1;
}

/* Task list rows */
.process-task-row[b-64idmupco9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.15s ease;
    font-size: 0.82rem;
}

.process-task-row:hover[b-64idmupco9] {
    background: #f0f4ff;
}

.process-task-row:last-child[b-64idmupco9] {
    border-bottom: none;
}

.process-task-id[b-64idmupco9] {
    font-size: 0.7rem;
    color: #adb5bd;
    font-weight: 600;
    flex-shrink: 0;
}

.process-task-title[b-64idmupco9] {
    font-size: 0.82rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

.process-stage-select[b-64idmupco9] {
    width: 140px;
    flex-shrink: 0;
    font-size: 0.72rem;
    padding: 2px 6px;
    height: 26px;
}

.process-task-remove-btn[b-64idmupco9] {
    opacity: 0;
    transition: opacity 0.15s;
    padding: 0 4px;
    font-size: 0.6rem;
    flex-shrink: 0;
}

.process-task-row:hover .process-task-remove-btn[b-64idmupco9] {
    opacity: 1;
}

.process-task-meta[b-64idmupco9] {
    font-size: 0.72rem;
    flex-shrink: 0;
    white-space: nowrap;
}

/* Search results */
.process-search-results[b-64idmupco9] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    max-height: 200px;
    overflow-y: auto;
}

.process-search-result[b-64idmupco9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    cursor: pointer;
    transition: background 0.15s;
    border-bottom: 1px solid #f0f0f0;
}

.process-search-result:hover[b-64idmupco9] {
    background: #e8f4ff;
}

.process-search-result:last-child[b-64idmupco9] {
    border-bottom: none;
}
/* /Components/Shared/TaskTemplateStagesEditor.razor.rz.scp.css */
/* ===== Stages Editor ===== */
.stages-editor[b-krb0mmjwes] {
    border: 1px solid #dee2e6;
    border-radius: 12px;
    background: #fafbfc;
    padding: 1rem;
}

.stages-editor-header[b-krb0mmjwes] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.stages-editor-title[b-krb0mmjwes] {
    font-weight: 700;
    font-size: 0.92rem;
    color: #1a1a2e;
}

.stages-editor-subtitle[b-krb0mmjwes] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.1rem;
}

.stages-empty[b-krb0mmjwes] {
    text-align: center;
    padding: 1.5rem;
    color: #6c757d;
    font-size: 0.85rem;
}

/* ===== Mini Pipeline Preview ===== */
.stages-preview[b-krb0mmjwes] {
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.stages-preview-title[b-krb0mmjwes] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.stages-preview-flow[b-krb0mmjwes] {
    display: flex;
    align-items: center;
    gap: 0;
    overflow-x: auto;
    padding: 0.5rem 0;
    scrollbar-width: thin;
}

.stages-preview-node[b-krb0mmjwes] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    min-width: 70px;
    max-width: 90px;
    padding: 0.4rem 0.3rem;
    border-radius: 8px;
    background: #e9ecef;
    font-size: 0.68rem;
    font-weight: 600;
    text-align: center;
    color: #333;
    transition: transform 0.15s ease;
}

.stages-preview-root[b-krb0mmjwes] {
    background: linear-gradient(135deg, #ffc107, #ff9800);
    color: #fff;
    min-width: 60px;
}

.stages-preview-inactive[b-krb0mmjwes] {
    opacity: 0.45;
}

.stages-preview-order[b-krb0mmjwes] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0d6efd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 700;
}

.stages-preview-label[b-krb0mmjwes] {
    font-size: 0.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
}

.stages-preview-level[b-krb0mmjwes] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
}

.stages-preview-parallel[b-krb0mmjwes] {
    border: 2px dashed #0d6efd;
    border-radius: 10px;
    padding: 0.35rem;
    background: rgba(13, 110, 253, 0.03);
}

.stages-preview-arrow[b-krb0mmjwes] {
    display: flex;
    align-items: center;
    min-width: 24px;
    padding: 0 0.1rem;
}

.stages-preview-arrow-line[b-krb0mmjwes] {
    height: 2px;
    flex: 1;
    min-width: 12px;
    background: #adb5bd;
}

.stages-preview-arrow-head[b-krb0mmjwes] {
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #adb5bd;
}

/* ===== Stage Card ===== */
.stage-card[b-krb0mmjwes] {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    margin-bottom: 0.75rem;
    transition: box-shadow 0.15s ease;
    overflow: hidden;
}

.stage-card:hover[b-krb0mmjwes] {
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.stage-card-inactive[b-krb0mmjwes] {
    opacity: 0.6;
}

.stage-card-header[b-krb0mmjwes] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: linear-gradient(135deg, #f8f9fa, #fff);
    border-bottom: 1px solid #f0f0f0;
}

.stage-card-number[b-krb0mmjwes] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--global-palette4), var(--global-palette5));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.82rem;
    flex-shrink: 0;
}

.stage-card-title-area[b-krb0mmjwes] {
    flex: 1;
    min-width: 0;
}

.stage-title-input[b-krb0mmjwes] {
    border: none !important;
    background: transparent !important;
    font-weight: 600;
    font-size: 0.88rem;
    padding: 0.2rem 0.4rem !important;
}

.stage-title-input:focus[b-krb0mmjwes] {
    background: #f8f9ff !important;
    border: 1px solid #0d6efd !important;
    border-radius: 6px;
}

.stage-card-actions[b-krb0mmjwes] {
    display: flex;
    gap: 0.2rem;
    flex-shrink: 0;
}

.btn-icon[b-krb0mmjwes] {
    width: 28px;
    height: 28px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #fff;
    color: #6c757d;
    font-size: 0.78rem;
    transition: all 0.15s ease;
}

.btn-icon:hover[b-krb0mmjwes] {
    background: #f0f0f0;
    color: #333;
}

.btn-icon-danger:hover[b-krb0mmjwes] {
    background: #fff5f5;
    color: #dc3545;
    border-color: #dc3545;
}

.stage-card-body[b-krb0mmjwes] {
    padding: 0.75rem;
}

/* ===== Dependency Chips ===== */
.stage-dep-section[b-krb0mmjwes] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.stage-dep-label[b-krb0mmjwes] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #6c757d;
    white-space: nowrap;
    padding-top: 0.2rem;
}

.stage-dep-chips[b-krb0mmjwes] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-items: center;
}

.stage-dep-chip[b-krb0mmjwes] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 600;
    background: #e7f1ff;
    color: #0d6efd;
    border: 1px solid #b6d4fe;
}

.stage-dep-chip-root[b-krb0mmjwes] {
    background: linear-gradient(135deg, #fff3cd, #ffeeba);
    color: #856404;
    border-color: #ffc107;
}

.stage-dep-chip-name[b-krb0mmjwes] {
    font-weight: 400;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stage-dep-chip-remove[b-krb0mmjwes] {
    background: none;
    border: none;
    padding: 0;
    margin-left: 0.1rem;
    color: inherit;
    opacity: 0.5;
    cursor: pointer;
    font-size: 0.8rem;
    line-height: 1;
}

.stage-dep-chip-remove:hover[b-krb0mmjwes] {
    opacity: 1;
}

.stage-dep-add-btn[b-krb0mmjwes] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px dashed #adb5bd;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    color: #6c757d;
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
}

.stage-dep-add-btn:hover[b-krb0mmjwes] {
    border-color: #0d6efd;
    color: #0d6efd;
    background: #f0f7ff;
}

.stage-dep-add-btn[b-krb0mmjwes]::after {
    display: none !important;
}

/* ===== Dependency Picker (Blazor-managed) ===== */
.stage-dep-picker[b-krb0mmjwes] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #fff;
    margin-top: 0.5rem;
    padding: 0.4rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.stage-dep-picker-header[b-krb0mmjwes] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.3rem 0.5rem;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0.3rem;
}

.stage-dep-picker-item[b-krb0mmjwes] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    width: 100%;
    border: none;
    background: none;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s ease;
}

.stage-dep-picker-item:hover[b-krb0mmjwes] {
    background: #f0f7ff;
}

.stage-dep-picker-item.active[b-krb0mmjwes] {
    background: #e7f1ff;
    font-weight: 600;
}

.form-label-sm[b-krb0mmjwes] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.2rem;
}