/* /Layout/MainLayout.razor.rz.scp.css */
.enterprise-app-shell[b-4t3xn3339u] {
    background: var(--vk-page);
    min-height: 100vh;
}

.page-content[b-4t3xn3339u] {
    background: transparent;
    container-type: inline-size;
    container-name: page-content;
    min-height: calc(100vh - 140px);
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

.page-content[b-4t3xn3339u]::before {
    background: var(--vk-page-sheen);
    content: "";
    height: 180px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.page-content-inner[b-4t3xn3339u] {
    margin: 0 auto;
    max-width: 1760px;
    position: relative;
    width: 100%;
    z-index: 1;
}

@container page-content (max-width: 768px) {
    .page-content-inner[b-4t3xn3339u] {
        padding: 0 0.5rem;
    }
}

@media (max-width: 991.98px) {
    .page-content[b-4t3xn3339u] {
        min-height: calc(100vh - 70px);
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3b6xwtd016] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-3b6xwtd016] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-3b6xwtd016] {
    font-size: 1.1rem;
}

.bi[b-3b6xwtd016] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-3b6xwtd016] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-3b6xwtd016] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-3b6xwtd016] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-3b6xwtd016]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-3b6xwtd016]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-3b6xwtd016]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

    .collapse[b-3b6xwtd016] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-3b6xwtd016] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
@media (max-width: 768px) {
    .navbar-brand img[b-3b6xwtd016] {
        max-height: 50px;
    }
}
/* /Pages/ChannelTypes.razor.rz.scp.css */
.channel-type-layout[b-t4nk4e3c2v] {
    display: grid;
    gap: 1.1rem;
    grid-template-columns: minmax(0, 1fr);
}

.crud-panel[b-t4nk4e3c2v] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.crud-panel:hover[b-t4nk4e3c2v] {
    border-color: var(--vk-border-strong);
    box-shadow: var(--vk-shadow-lg);
}

.setup-form-backdrop[b-t4nk4e3c2v] {
    animation: modalBackdropFadeIn-b-t4nk4e3c2v 0.2s ease-out;
}

.setup-form-modal[b-t4nk4e3c2v] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    width: min(100%, 560px);
    animation: modalSlideDown-b-t4nk4e3c2v 0.25s ease-out;
}

@keyframes modalBackdropFadeIn-b-t4nk4e3c2v {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-t4nk4e3c2v {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.setup-form-modal-header[b-t4nk4e3c2v] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-right: 3rem;
}

.setup-form-modal-header span[b-t4nk4e3c2v] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    margin-top: 0.18rem;
}

.setup-form-modal-content[b-t4nk4e3c2v] {
    min-height: 0;
    overflow-y: auto;
}

.setup-modal-alert[b-t4nk4e3c2v] {
    margin-bottom: 1rem;
}

.panel-title-row[b-t4nk4e3c2v] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.panel-title-row h2[b-t4nk4e3c2v] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 800;
    gap: 0.45rem;
    margin: 0;
}

.panel-title-row span[b-t4nk4e3c2v] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.8rem;
    margin-top: 0.18rem;
}

.record-badge[b-t4nk4e3c2v] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 0;
    padding: 0.28rem 0.5rem;
}

.form-grid[b-t4nk4e3c2v] {
    display: grid;
    gap: 0.85rem;
}

.form-grid label[b-t4nk4e3c2v],
.search-field[b-t4nk4e3c2v],
.filter-field[b-t4nk4e3c2v] {
    display: grid;
    gap: 0.35rem;
}

.form-grid span[b-t4nk4e3c2v],
.search-field span[b-t4nk4e3c2v],
.filter-field span[b-t4nk4e3c2v] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.code-input[b-t4nk4e3c2v] {
    text-transform: uppercase;
}

.status-toggle[b-t4nk4e3c2v] {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    margin-top: 0.95rem;
}

.status-toggle input[type="checkbox"][b-t4nk4e3c2v] {
    accent-color: var(--vk-blue-700);
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.status-toggle span[b-t4nk4e3c2v] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.form-actions[b-t4nk4e3c2v] {
    display: flex;
    gap: 0.55rem;
    margin-top: 1rem;
}

.icon-button[b-t4nk4e3c2v] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.icon-button img[b-t4nk4e3c2v] {
    height: 16px;
    width: 16px;
}

.btn-primary.icon-button img[b-t4nk4e3c2v] {
    filter: brightness(0) invert(1);
}

.list-toolbar[b-t4nk4e3c2v] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 1fr) minmax(140px, 180px) auto;
    margin-bottom: 1rem;
}

.toolbar-actions[b-t4nk4e3c2v] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.table-wrap[b-t4nk4e3c2v] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.crud-table[b-t4nk4e3c2v] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 720px;
    width: 100%;
}

.crud-table th[b-t4nk4e3c2v] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.crud-table td[b-t4nk4e3c2v] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.9rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.crud-table tbody tr:hover[b-t4nk4e3c2v],
.crud-table tbody tr.selected-row[b-t4nk4e3c2v] {
    background: var(--vk-blue-050);
}

.crud-table tbody tr.selected-row[b-t4nk4e3c2v] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.actions-column[b-t4nk4e3c2v] {
    width: 132px;
}

.row-actions[b-t4nk4e3c2v] {
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
}

.icon-only-btn[b-t4nk4e3c2v] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-t4nk4e3c2v] {
    background: var(--vk-surface-hover);
    border-color: transparent;
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn:disabled[b-t4nk4e3c2v] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn:disabled:hover[b-t4nk4e3c2v] {
    background: var(--vk-surface-filled);
    border-color: transparent;
    box-shadow: inset 0 0 0 1px var(--vk-border);
}

.icon-only-btn.danger:hover[b-t4nk4e3c2v] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    box-shadow: inset 0 0 0 1px var(--vk-danger-soft-border), var(--vk-shadow-sm);
}

.icon-only-btn img[b-t4nk4e3c2v] {
    height: 16px;
    width: 16px;
}

.status-pill[b-t4nk4e3c2v] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-t4nk4e3c2v] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-t4nk4e3c2v] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.empty-state[b-t4nk4e3c2v] {
    color: var(--vk-muted);
    font-weight: 700;
    text-align: center;
}

.crud-alert[b-t4nk4e3c2v] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.crud-alert.success[b-t4nk4e3c2v] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.crud-alert.error[b-t4nk4e3c2v] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.crud-alert button[b-t4nk4e3c2v] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.validation-list[b-t4nk4e3c2v] {
    color: var(--vk-danger);
    margin-bottom: 0.8rem;
}

@media (max-width: 1100px) {
    .channel-type-layout[b-t4nk4e3c2v] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .list-toolbar[b-t4nk4e3c2v] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-t4nk4e3c2v],
    .toolbar-actions[b-t4nk4e3c2v] {
        flex-wrap: wrap;
    }

    .panel-title-row[b-t4nk4e3c2v] {
        flex-direction: column;
    }

    .toolbar-actions[b-t4nk4e3c2v] {
        justify-content: flex-start;
    }
}
/* /Pages/CounterSale.razor.rz.scp.css */
.cs-panel[b-o4odsopsyd] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.cs-header[b-o4odsopsyd] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.cs-header h2[b-o4odsopsyd] {
    color: var(--vk-text);
    font-size: 1rem;
    font-weight: 850;
    margin: 0;
}

.cs-header span[b-o4odsopsyd],
.cs-field span[b-o4odsopsyd] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.cs-header-actions[b-o4odsopsyd],
.cs-actions[b-o4odsopsyd],
.row-actions[b-o4odsopsyd],
.cs-modal-footer[b-o4odsopsyd] {
    display: flex;
    gap: 0.5rem;
}

.cs-header-actions[b-o4odsopsyd] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.cs-icon-button[b-o4odsopsyd] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.cs-icon-button img[b-o4odsopsyd] {
    height: 16px;
    width: 16px;
}

.cs-form-grid[b-o4odsopsyd] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.cs-field[b-o4odsopsyd] {
    display: grid;
    gap: 0.35rem;
}

.cs-field > span[b-o4odsopsyd] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.cs-detail-toolbar[b-o4odsopsyd] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.cs-section-title[b-o4odsopsyd] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.cs-detail-toolbar .cs-icon-button[b-o4odsopsyd] {
    margin-left: auto;
}

.cs-table-wrap[b-o4odsopsyd] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.cs-table[b-o4odsopsyd] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1180px;
    width: 100%;
}

.cs-table th[b-o4odsopsyd] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.cs-table td[b-o4odsopsyd] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.cs-table tbody tr:hover[b-o4odsopsyd] {
    background: var(--vk-blue-050);
}

.cs-table strong[b-o4odsopsyd] {
    color: var(--vk-text);
    font-weight: 850;
}

.cs-subtext[b-o4odsopsyd] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.numeric[b-o4odsopsyd] {
    text-align: right;
}

.cs-empty[b-o4odsopsyd] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.actions-column[b-o4odsopsyd] {
    width: 92px;
}

.row-actions[b-o4odsopsyd] {
    justify-content: flex-end;
}

.icon-only-btn[b-o4odsopsyd] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-o4odsopsyd] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn img[b-o4odsopsyd] {
    height: 16px;
    width: 16px;
}

.cs-charge-pill[b-o4odsopsyd] {
    background: var(--vk-success-soft);
    border: 1px solid var(--vk-success-soft-border);
    border-radius: 999px;
    color: var(--vk-success);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.24rem 0.5rem;
    text-transform: uppercase;
}

.cs-checkout-grid[b-o4odsopsyd] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(240px, 1fr) minmax(320px, 0.8fr);
    margin-top: 1rem;
}

.cs-remarks textarea[b-o4odsopsyd] {
    min-height: 172px;
    resize: vertical;
}

.cs-payment-panel[b-o4odsopsyd] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
}

.cs-payment-title[b-o4odsopsyd] {
    color: var(--vk-blue-800);
    font-size: 0.9rem;
    font-weight: 900;
    text-transform: uppercase;
}

.cs-payment-row[b-o4odsopsyd] {
    align-items: center;
    border-bottom: 1px solid var(--vk-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding-bottom: 0.45rem;
}

.cs-payment-row span[b-o4odsopsyd] {
    color: var(--vk-muted);
    font-size: 0.82rem;
    font-weight: 780;
}

.cs-payment-row strong[b-o4odsopsyd] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 900;
}

.cs-payment-row.total strong[b-o4odsopsyd],
.cs-payment-row.total span[b-o4odsopsyd] {
    color: var(--vk-blue-800);
    font-size: 1rem;
}

.cs-actions[b-o4odsopsyd] {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

.cs-alert[b-o4odsopsyd] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.cs-alert.success[b-o4odsopsyd] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.cs-alert.error[b-o4odsopsyd] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.cs-alert button[b-o4odsopsyd],
.cs-modal-header button[b-o4odsopsyd] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.cs-modal-backdrop[b-o4odsopsyd] {
    align-items: center;
    animation: modalBackdropFadeIn 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.cs-modal[b-o4odsopsyd] {
    animation: modalSlideDown 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-width: 680px;
            overflow: visible;
    width: min(100%, 680px);
}

.cs-modal-header[b-o4odsopsyd] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.cs-modal-header h3[b-o4odsopsyd] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.cs-modal-body[b-o4odsopsyd] {
    display: grid;
    gap: 0.9rem;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.cs-modal-footer[b-o4odsopsyd] {
    border-top: 1px solid var(--vk-card-border-soft);
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.cs-unit-grid[b-o4odsopsyd] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.8fr) minmax(150px, 0.8fr);
}

.cs-segmented[b-o4odsopsyd] {
    align-self: end;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: var(--vk-control-height);
    padding: 0.25rem;
}

.cs-segmented button[b-o4odsopsyd] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 850;
    min-width: 0;
    padding: 0.36rem 0.45rem;
}

.cs-segmented button.active[b-o4odsopsyd] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
    box-shadow: inset 0 0 0 1px var(--vk-outline-primary-border);
}

@container layout (max-width: 980px) {
    .cs-form-grid[b-o4odsopsyd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cs-checkout-grid[b-o4odsopsyd],
    .cs-unit-grid[b-o4odsopsyd] {
        grid-template-columns: 1fr;
    }
}

@container layout (max-width: 620px) {
    .cs-header[b-o4odsopsyd] {
        flex-direction: column;
    }

    .cs-header-actions[b-o4odsopsyd],
    .cs-actions[b-o4odsopsyd],
    .cs-detail-toolbar[b-o4odsopsyd] {
        justify-content: flex-start;
        width: 100%;
    }

    .cs-form-grid[b-o4odsopsyd] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/DistributorProducts.razor.rz.scp.css */
.dist-prod-panel[b-k6g2xtbfso] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.dist-prod-header[b-k6g2xtbfso] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.dist-prod-header h2[b-k6g2xtbfso] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.dist-prod-header span[b-k6g2xtbfso],
.dist-prod-field span[b-k6g2xtbfso] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.dist-prod-record-badge[b-k6g2xtbfso] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.dist-prod-header-actions[b-k6g2xtbfso],
.row-actions[b-k6g2xtbfso] {
    display: flex;
    gap: 0.5rem;
}

.dist-prod-icon-button[b-k6g2xtbfso] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.dist-prod-icon-button img[b-k6g2xtbfso] {
    height: 16px;
    width: 16px;
}

.dist-prod-toolbar[b-k6g2xtbfso] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.dist-prod-field[b-k6g2xtbfso] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.dist-prod-field.search[b-k6g2xtbfso] {
    flex: 1 1 14rem;
}

.dist-prod-table-wrap[b-k6g2xtbfso] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.dist-prod-table[b-k6g2xtbfso] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 720px;
    width: 100%;
}

.dist-prod-table th[b-k6g2xtbfso] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.85rem;
    text-align: left;
    text-transform: uppercase;
}

.dist-prod-table td[b-k6g2xtbfso] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    padding: 0.7rem 0.85rem;
    vertical-align: middle;
}

.dist-prod-empty[b-k6g2xtbfso] {
    color: var(--vk-muted);
    padding: 1.5rem !important;
    text-align: center;
}

.actions-column[b-k6g2xtbfso] {
    width: 72px;
}

.icon-only-btn[b-k6g2xtbfso] {
    align-items: center;
    background: var(--vk-surface);
    border: 1px solid var(--vk-card-border);
    border-radius: 6px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.icon-only-btn img[b-k6g2xtbfso] {
    height: 16px;
    width: 16px;
}

.status-pill[b-k6g2xtbfso] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-k6g2xtbfso] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-k6g2xtbfso] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.dist-prod-alert[b-k6g2xtbfso] {
    border-radius: 8px;
    margin-bottom: 0.85rem;
    padding: 0.7rem 2rem 0.7rem 0.9rem;
    position: relative;
}

.dist-prod-alert.success[b-k6g2xtbfso] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.dist-prod-alert.error[b-k6g2xtbfso] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.dist-prod-alert button[b-k6g2xtbfso] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 1.1rem;
    position: absolute;
    right: 0.55rem;
    top: 0.35rem;
}
/* /Pages/DriverManagement.razor.rz.scp.css */
.asset-panel[b-pnqo77nydw] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.asset-header[b-pnqo77nydw] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.asset-header h2[b-pnqo77nydw] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.asset-header span[b-pnqo77nydw],
.asset-field span[b-pnqo77nydw] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.asset-record-badge[b-pnqo77nydw] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.asset-header-actions[b-pnqo77nydw],
.row-actions[b-pnqo77nydw],
.form-actions[b-pnqo77nydw] {
    display: flex;
    gap: 0.5rem;
}

.asset-header-actions[b-pnqo77nydw] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.asset-icon-button[b-pnqo77nydw] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.asset-icon-button img[b-pnqo77nydw] {
    height: 16px;
    width: 16px;
}

.btn-primary.asset-icon-button img[b-pnqo77nydw] {
    filter: brightness(0) invert(1);
}

.asset-toolbar[b-pnqo77nydw] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.asset-field[b-pnqo77nydw] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.asset-field.search[b-pnqo77nydw] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.asset-field > span[b-pnqo77nydw] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.asset-table-wrap[b-pnqo77nydw] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.asset-table[b-pnqo77nydw] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 720px;
    width: 100%;
}

.asset-table th[b-pnqo77nydw] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.asset-table td[b-pnqo77nydw] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.asset-table tbody tr:hover[b-pnqo77nydw],
.asset-table tbody tr.selected-row[b-pnqo77nydw] {
    background: var(--vk-blue-050);
}

.asset-table tbody tr.selected-row[b-pnqo77nydw] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.asset-table tbody tr:has(.status-pill.inactive)[b-pnqo77nydw] {
    opacity: 0.78;
}

.asset-table strong[b-pnqo77nydw] {
    color: var(--vk-text);
    font-weight: 850;
}

.actions-column[b-pnqo77nydw] {
    width: 100px;
}

.row-actions[b-pnqo77nydw] {
    justify-content: flex-end;
}

.icon-only-btn[b-pnqo77nydw] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-pnqo77nydw] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn img[b-pnqo77nydw] {
    height: 16px;
    width: 16px;
}

.status-pill[b-pnqo77nydw] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-pnqo77nydw] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-pnqo77nydw] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.asset-empty[b-pnqo77nydw] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.asset-alert[b-pnqo77nydw] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.asset-alert.success[b-pnqo77nydw] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.asset-alert button[b-pnqo77nydw] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.asset-form-body[b-pnqo77nydw] {
    min-width: 0;
}

.asset-form-section[b-pnqo77nydw] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.asset-form-section h3[b-pnqo77nydw] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 850;
    margin: 0 0 0.85rem;
}

.asset-form-grid[b-pnqo77nydw] {
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.form-actions[b-pnqo77nydw] {
    justify-content: flex-start;
    margin-top: 0.35rem;
}

@media (max-width: 768px) {
    .asset-header[b-pnqo77nydw] {
        flex-direction: column;
    }

    .asset-header-actions[b-pnqo77nydw] {
        width: 100%;
    }
}
/* /Pages/GenerateDispatch.razor.rz.scp.css */
.gi-panel[b-j4f2s3vx57] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.gi-header[b-j4f2s3vx57] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.gi-header > div:first-child[b-j4f2s3vx57],
.gi-orders-panel[b-j4f2s3vx57] {
    min-width: 0;
}

.gi-header h2[b-j4f2s3vx57] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.gi-header span[b-j4f2s3vx57],
.gi-field span[b-j4f2s3vx57] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.gi-record-badge[b-j4f2s3vx57] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.gi-header-actions[b-j4f2s3vx57],
.row-actions[b-j4f2s3vx57],
.gi-modal-footer[b-j4f2s3vx57] {
    display: flex;
    gap: 0.5rem;
}

.gi-header-actions[b-j4f2s3vx57] {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
}

.gi-icon-button[b-j4f2s3vx57] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
}

.gi-icon-button img[b-j4f2s3vx57] {
    height: 16px;
    width: 16px;
}

.gi-toolbar[b-j4f2s3vx57] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.gi-field[b-j4f2s3vx57] {
    display: grid;
    flex: 1 1 14rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.gi-field > span[b-j4f2s3vx57] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.gi-field.search[b-j4f2s3vx57] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.gi-table-wrap[b-j4f2s3vx57] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    max-width: 100%;
    overflow-x: auto;
}

.gi-table[b-j4f2s3vx57] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 960px;
    width: 100%;
}

.gi-detail-table[b-j4f2s3vx57] {
    min-width: 1080px;
}

.gi-table th[b-j4f2s3vx57] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.gi-table td[b-j4f2s3vx57] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    overflow-wrap: anywhere;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.gi-table tbody tr:hover[b-j4f2s3vx57] {
    background: var(--vk-blue-050);
}

.gi-table tbody tr.short-stock[b-j4f2s3vx57] {
    background: var(--vk-warning-soft-bg);
}

.gi-table strong[b-j4f2s3vx57] {
    color: var(--vk-text);
    font-weight: 850;
}

.gi-subtext[b-j4f2s3vx57] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

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

.select-column[b-j4f2s3vx57] {
    text-align: center;
    width: 48px;
}

.actions-column[b-j4f2s3vx57] {
    width: 92px;
}

.row-actions[b-j4f2s3vx57] {
    justify-content: flex-end;
}

.gi-icon-only-btn[b-j4f2s3vx57] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.gi-icon-only-btn:hover[b-j4f2s3vx57] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.gi-icon-only-btn img[b-j4f2s3vx57] {
    height: 16px;
    width: 16px;
}

.gi-empty[b-j4f2s3vx57] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.gi-modal-header button[b-j4f2s3vx57] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
}

.gi-modal-backdrop[b-j4f2s3vx57] {
    align-items: center;
    animation: modalBackdropFadeIn-b-j4f2s3vx57 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.gi-modal[b-j4f2s3vx57] {
    animation: modalSlideDown-b-j4f2s3vx57 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-width: 720px;
    min-width: 0;
    overflow: visible;
    width: min(100%, 720px);
}

.gi-modal.gi-modal-wide[b-j4f2s3vx57] {
    max-width: 1120px;
    overflow: hidden;
    width: min(100%, 1120px);
}

@keyframes modalBackdropFadeIn-b-j4f2s3vx57 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-j4f2s3vx57 {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.gi-modal-header[b-j4f2s3vx57] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.gi-modal-header h3[b-j4f2s3vx57] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.gi-modal-body[b-j4f2s3vx57] {
    display: grid;
    gap: 0.85rem;
    min-height: 0;
    overflow: visible;
    padding: 1rem;
}

.gi-modal.gi-modal-wide .gi-modal-body[b-j4f2s3vx57] {
    overflow: auto;
}

.gi-detail-grid[b-j4f2s3vx57] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    margin-bottom: 0.85rem;
}

.gi-detail-grid div[b-j4f2s3vx57] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.58rem 0.7rem;
}

.gi-detail-grid span[b-j4f2s3vx57] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 820;
    text-transform: uppercase;
}

.gi-detail-grid strong[b-j4f2s3vx57] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.gi-modal-message[b-j4f2s3vx57] {
    border: 1px solid;
    border-radius: 8px;
    font-weight: 760;
    margin-bottom: 0.85rem;
    overflow-wrap: anywhere;
    padding: 0.65rem 0.75rem;
}

.gi-modal-message.success[b-j4f2s3vx57] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.gi-modal-message.warning[b-j4f2s3vx57] {
    background: var(--vk-warning-soft-bg);
    border-color: var(--vk-warning-soft-border);
    color: var(--vk-warning-soft-text);
}

.gi-modal-footer[b-j4f2s3vx57] {
    border-top: 1px solid var(--vk-card-border-soft);
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.gi-modal-footer .btn[b-j4f2s3vx57] {
    min-width: 0;
}

.modal-table-wrap[b-j4f2s3vx57] {
    border-radius: 7px;
}

@container layout (max-width: 1100px) {
    .gi-detail-grid[b-j4f2s3vx57] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container layout (max-width: 620px) {
    .gi-panel[b-j4f2s3vx57] {
        padding: 0.8rem;
    }

    .gi-header[b-j4f2s3vx57] {
        flex-direction: column;
    }

    .gi-header-actions[b-j4f2s3vx57] {
        justify-content: flex-start;
        width: 100%;
    }

    .gi-header-actions .btn[b-j4f2s3vx57],
    .gi-icon-button[b-j4f2s3vx57] {
        white-space: normal;
    }

    .gi-header-actions .btn[b-j4f2s3vx57] {
        width: 100%;
    }

    .gi-detail-grid[b-j4f2s3vx57] {
        grid-template-columns: 1fr;
    }

    .gi-modal-backdrop[b-j4f2s3vx57] {
        align-items: flex-start;
        padding: 0.5rem;
    }

    .gi-modal[b-j4f2s3vx57] {
        max-height: calc(100vh - 1rem);
    }

    .gi-modal-header[b-j4f2s3vx57],
    .gi-modal-body[b-j4f2s3vx57],
    .gi-modal-footer[b-j4f2s3vx57] {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .gi-modal-footer .btn[b-j4f2s3vx57] {
        width: 100%;
    }
}
/* /Pages/GenerateInvoice.razor.rz.scp.css */
.gi-panel[b-irpmoyu6k5] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.gi-header[b-irpmoyu6k5] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.gi-header > div:first-child[b-irpmoyu6k5],
.gi-orders-panel[b-irpmoyu6k5] {
    min-width: 0;
}

.gi-header h2[b-irpmoyu6k5] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.gi-header span[b-irpmoyu6k5],
.gi-field span[b-irpmoyu6k5] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.gi-record-badge[b-irpmoyu6k5] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.gi-header-actions[b-irpmoyu6k5],
.gi-modal-footer[b-irpmoyu6k5] {
    display: flex;
    gap: 0.5rem;
}

.gi-header-actions[b-irpmoyu6k5] {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    min-width: 0;
}

.gi-icon-button[b-irpmoyu6k5] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
}

.gi-icon-button img[b-irpmoyu6k5] {
    height: 16px;
    width: 16px;
}

.gi-toolbar[b-irpmoyu6k5] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.gi-field[b-irpmoyu6k5] {
    display: grid;
    flex: 1 1 14rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.gi-field > span[b-irpmoyu6k5] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.gi-field.search[b-irpmoyu6k5] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.gi-table-wrap[b-irpmoyu6k5] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    max-width: 100%;
    overflow-x: auto;
}

.gi-table[b-irpmoyu6k5] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1120px;
    width: 100%;
}

.gi-detail-table[b-irpmoyu6k5] {
    min-width: 1080px;
}

.gi-table th[b-irpmoyu6k5] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.gi-table td[b-irpmoyu6k5] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    overflow-wrap: anywhere;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.gi-table tbody tr:hover[b-irpmoyu6k5] {
    background: var(--vk-blue-050);
}

.gi-table tbody tr.short-stock[b-irpmoyu6k5] {
    background: var(--vk-warning-soft-bg);
}

.gi-table strong[b-irpmoyu6k5] {
    color: var(--vk-text);
    font-weight: 850;
}

.gi-subtext[b-irpmoyu6k5] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

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

.select-column[b-irpmoyu6k5] {
    text-align: center;
    width: 48px;
}

.actions-column[b-irpmoyu6k5] {
    width: 92px;
}

.gi-icon-only-btn[b-irpmoyu6k5] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.gi-icon-only-btn:hover[b-irpmoyu6k5] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.gi-icon-only-btn img[b-irpmoyu6k5] {
    height: 16px;
    width: 16px;
}

.gi-empty[b-irpmoyu6k5] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.gi-modal-header button[b-irpmoyu6k5] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.gi-modal-backdrop[b-irpmoyu6k5] {
    align-items: center;
    animation: modalBackdropFadeIn-b-irpmoyu6k5 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.gi-modal[b-irpmoyu6k5] {
    animation: modalSlideDown-b-irpmoyu6k5 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-width: 1120px;
    min-width: 0;
    overflow: hidden;
    width: min(100%, 1120px);
}

@keyframes modalBackdropFadeIn-b-irpmoyu6k5 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-irpmoyu6k5 {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.gi-modal-header[b-irpmoyu6k5] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.gi-modal-header h3[b-irpmoyu6k5] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.gi-modal-body[b-irpmoyu6k5] {
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.gi-detail-grid[b-irpmoyu6k5] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    margin-bottom: 0.85rem;
}

.gi-detail-grid div[b-irpmoyu6k5] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.58rem 0.7rem;
}

.gi-detail-grid span[b-irpmoyu6k5] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 820;
    text-transform: uppercase;
}

.gi-detail-grid strong[b-irpmoyu6k5] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.gi-modal-message[b-irpmoyu6k5] {
    border: 1px solid;
    border-radius: 8px;
    font-weight: 760;
    margin-bottom: 0.85rem;
    overflow-wrap: anywhere;
    padding: 0.65rem 0.75rem;
}

.gi-modal-message.success[b-irpmoyu6k5] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.gi-modal-message.warning[b-irpmoyu6k5] {
    background: var(--vk-warning-soft-bg);
    border-color: var(--vk-warning-soft-border);
    color: var(--vk-warning-soft-text);
}

.gi-modal-footer[b-irpmoyu6k5] {
    border-top: 1px solid var(--vk-card-border-soft);
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.gi-modal-footer .btn[b-irpmoyu6k5] {
    min-width: 0;
}

.modal-table-wrap[b-irpmoyu6k5] {
    border-radius: 7px;
}

@container layout (max-width: 1100px) {
    .gi-detail-grid[b-irpmoyu6k5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container layout (max-width: 620px) {
    .gi-panel[b-irpmoyu6k5] {
        padding: 0.8rem;
    }

    .gi-header[b-irpmoyu6k5] {
        flex-direction: column;
    }

    .gi-header-actions[b-irpmoyu6k5] {
        justify-content: flex-start;
        width: 100%;
    }

    .gi-header-actions .btn[b-irpmoyu6k5],
    .gi-icon-button[b-irpmoyu6k5] {
        white-space: normal;
    }

    .gi-header-actions .btn[b-irpmoyu6k5] {
        width: 100%;
    }

    .gi-detail-grid[b-irpmoyu6k5] {
        grid-template-columns: 1fr;
    }

    .gi-modal-backdrop[b-irpmoyu6k5] {
        align-items: flex-start;
        padding: 0.5rem;
    }

    .gi-modal[b-irpmoyu6k5] {
        max-height: calc(100vh - 1rem);
    }

    .gi-modal-header[b-irpmoyu6k5],
    .gi-modal-body[b-irpmoyu6k5],
    .gi-modal-footer[b-irpmoyu6k5] {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .gi-modal-footer .btn[b-irpmoyu6k5] {
        width: 100%;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.view-dashboard[b-0tjhyypqog] {
    --vd-text: var(--vk-text);
    --vd-muted: var(--vk-muted);
    --vd-blue: var(--vk-blue-600);
    --vd-blue-dark: var(--vk-blue-900);
    --vd-border: var(--vk-border);
    --vd-card: var(--vk-surface);
    --vd-shadow: var(--vk-shadow-md);
    --vd-soft: var(--vk-surface-soft);
    --vd-chip-bg: var(--vk-blue-050);
    --vd-chip-border: var(--vk-outline-primary-border);
    --vd-table-head: var(--vk-table-head);
    --vd-row-alt: var(--vk-surface-soft);
    --vd-empty-bg: var(--vk-surface-soft);
    --vd-empty-border: var(--vk-dashed-border);
    --vd-alert-bg: var(--vk-warning-soft-bg);
    --vd-alert-border: var(--vk-warning-soft-border);
    --vd-alert-text: var(--vk-warning-soft-text);
    --vd-grid-line: var(--vk-chart-grid-blue);
    --vd-area-fill: var(--vk-blue-100);
    --vd-dot-fill: var(--vk-surface);
    display: grid;
    gap: 1rem;
}

.view-dashboard .panel[b-0tjhyypqog],
.vd-stat-card[b-0tjhyypqog] {
    background: var(--vd-card);
    border: 1px solid var(--vd-border);
    border-radius: 14px;
    box-shadow: var(--vd-shadow);
}

.vd-stat-card[b-0tjhyypqog] {
    border-radius: 10px;
    box-shadow: none;
}

.vd-alert[b-0tjhyypqog] {
    align-items: center;
    background: var(--vd-alert-bg);
    border: 1px solid var(--vd-alert-border);
    border-radius: 10px;
    color: var(--vd-alert-text);
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 0.85rem;
}

.vd-alert button[b-0tjhyypqog] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.25rem;
}

.vd-pill[b-0tjhyypqog] {
    align-items: center;
    background: var(--vd-chip-bg);
    border: 1px solid var(--vd-chip-border);
    border-radius: 999px;
    color: var(--vd-blue-dark);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
}

.vd-stats-grid[b-0tjhyypqog] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%;
}

.vd-stat-card[b-0tjhyypqog] {
    display: grid;
    gap: 0.45rem;
    min-height: 112px;
    min-width: 0;
    padding: 0.8rem 0.85rem 0.7rem;
}

.vd-stat-head[b-0tjhyypqog] {
    align-items: start;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.vd-stat-head span:not(.vd-stat-icon)[b-0tjhyypqog] {
    color: var(--vd-muted);
    font-size: 0.74rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    line-height: 1.25;
    min-width: 0;
    text-transform: uppercase;
}

.vd-stat-icon[b-0tjhyypqog] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    height: 22px;
    justify-content: center;
    width: 22px;
}

.vd-stat-icon svg[b-0tjhyypqog] {
    display: block;
    height: 20px;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 20px;
}

.vd-stat-icon.users[b-0tjhyypqog],
.vd-stat-icon.orderbookers[b-0tjhyypqog],
.vd-stat-icon.unsettled-rate[b-0tjhyypqog] { color: #3b82f6; }
.vd-stat-icon.outlets[b-0tjhyypqog] { color: #14b8a6; }
.vd-stat-icon.orders[b-0tjhyypqog] { color: var(--vk-text); }
.vd-stat-icon.sale[b-0tjhyypqog],
.vd-stat-icon.credit[b-0tjhyypqog] { color: #22c55e; }
.vd-stat-icon.invoice[b-0tjhyypqog] { color: var(--vk-blue-700); }
.vd-stat-icon.unsettled[b-0tjhyypqog] { color: #f43f5e; }
.vd-stat-icon.new-outlets[b-0tjhyypqog] { color: #6366f1; }
.vd-stat-icon.pending-orders[b-0tjhyypqog] { color: #f59e0b; }
.vd-stat-icon.order-amount[b-0tjhyypqog] { color: #8b5cf6; }

.vd-stat-card strong[b-0tjhyypqog] {
    color: var(--vd-blue-dark);
    font-size: clamp(1.15rem, 1.3vw, 1.6rem);
    font-weight: 850;
    line-height: 1.1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-stat-foot[b-0tjhyypqog] {
    align-items: center;
    display: flex;
    gap: 0.45rem;
    justify-content: space-between;
}

.vd-stat-foot small[b-0tjhyypqog] {
    color: var(--vd-muted);
    font-size: 0.72rem;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-stat-foot em[b-0tjhyypqog] {
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 750;
}

.vd-stat-foot em.up[b-0tjhyypqog] {
    color: #16a34a;
}

.vd-stat-foot em.flat[b-0tjhyypqog] {
    color: var(--vd-muted);
}

.vd-stat-trend[b-0tjhyypqog] {
    color: var(--vd-blue);
    font-size: 0.74rem;
    font-weight: 650;
}

.vd-panel[b-0tjhyypqog] {
    padding: 1rem 1.05rem 1.15rem;
}

.vd-panel-header[b-0tjhyypqog] {
    align-items: start;
    display: flex;
    gap: 0.8rem;
    justify-content: space-between;
    margin-bottom: 0.95rem;
}

.vd-panel-header h2[b-0tjhyypqog] {
    color: var(--vd-blue-dark);
    font-size: 0.98rem;
    font-weight: 850;
    letter-spacing: 0.02em;
    margin: 0;
    text-transform: uppercase;
}

.vd-panel-header span[b-0tjhyypqog] {
    color: var(--vd-muted);
    display: block;
    font-size: 0.8rem;
    margin-top: 0.18rem;
}

.vd-link-btn[b-0tjhyypqog] {
    color: var(--vd-blue);
    font-size: 0.84rem;
    font-weight: 750;
    text-decoration: none;
}

.vd-link-btn.disabled[b-0tjhyypqog] {
    opacity: 0.45;
    pointer-events: none;
}

.vd-chart-panel[b-0tjhyypqog] {
    min-height: 300px;
}

.vd-area-chart[b-0tjhyypqog] {
    display: grid;
    gap: 0.45rem;
    min-height: 240px;
}

.vd-area-chart svg[b-0tjhyypqog] {
    height: 220px;
    width: 100%;
}

.vd-grid-line[b-0tjhyypqog] {
    stroke: var(--vd-grid-line);
    stroke-width: 1;
}

.vd-area-fill[b-0tjhyypqog] {
    fill: var(--vd-area-fill);
}

.vd-area-line[b-0tjhyypqog] {
    stroke: var(--vd-blue);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.vd-area-dot[b-0tjhyypqog] {
    fill: var(--vd-dot-fill);
    stroke: var(--vd-blue);
    stroke-width: 2.5;
}

.vd-chart-xlabels[b-0tjhyypqog] {
    display: grid;
    gap: 0.25rem;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
}

.vd-chart-xlabels span[b-0tjhyypqog] {
    color: var(--vd-muted);
    font-size: 0.72rem;
    font-weight: 650;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-split-grid[b-0tjhyypqog] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.vd-donut-wrap[b-0tjhyypqog] {
    align-items: center;
    display: grid;
    gap: 1rem;
    grid-template-columns: 140px minmax(0, 1fr);
}

.vd-donut-wrap.single[b-0tjhyypqog] {
    grid-template-columns: 1fr;
    justify-items: center;
}

.vd-donut[b-0tjhyypqog] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 132px;
    justify-content: center;
    position: relative;
    width: 132px;
}

.vd-donut.large[b-0tjhyypqog] {
    height: 170px;
    width: 170px;
}

.vd-donut[b-0tjhyypqog]::after {
    background: var(--vd-card);
    border-radius: 50%;
    content: "";
    inset: 20px;
    position: absolute;
}

.vd-donut.large[b-0tjhyypqog]::after {
    inset: 26px;
}

.vd-donut span[b-0tjhyypqog] {
    color: var(--vd-blue-dark);
    font-size: 1rem;
    font-weight: 850;
    position: relative;
    z-index: 1;
}

.vd-legend[b-0tjhyypqog] {
    display: grid;
    gap: 0.5rem;
}

.vd-legend.soft div[b-0tjhyypqog],
.vd-product-row[b-0tjhyypqog] {
    align-items: center;
    background: var(--vd-soft);
    border: 1px solid var(--vd-border);
    border-radius: 10px;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.55rem 0.65rem;
}

.vd-product-row[b-0tjhyypqog] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.vd-legend i[b-0tjhyypqog] {
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.vd-legend span[b-0tjhyypqog],
.vd-product-row span[b-0tjhyypqog] {
    color: var(--vd-muted);
    font-size: 0.8rem;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-legend strong[b-0tjhyypqog],
.vd-product-row em[b-0tjhyypqog] {
    color: var(--vd-blue-dark);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 800;
}

.vd-product-list[b-0tjhyypqog] {
    display: grid;
    gap: 0.5rem;
}

.vd-product-row div[b-0tjhyypqog] {
    display: grid;
    gap: 0.15rem;
    min-width: 0;
}

.vd-product-row strong[b-0tjhyypqog] {
    color: var(--vd-text);
    font-size: 0.88rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vd-table-wrap[b-0tjhyypqog] {
    overflow: auto;
}

.vd-table[b-0tjhyypqog] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 920px;
    width: 100%;
}

.vd-table th[b-0tjhyypqog],
.vd-table td[b-0tjhyypqog] {
    border-bottom: 1px solid var(--vd-border);
    padding: 0.7rem 0.6rem;
}

.vd-table th[b-0tjhyypqog] {
    background: var(--vd-table-head);
    color: var(--vd-muted);
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.vd-table td[b-0tjhyypqog] {
    color: var(--vd-text);
    font-size: 0.84rem;
}

.vd-table tbody tr:nth-child(even)[b-0tjhyypqog] {
    background: var(--vd-row-alt);
}

.vd-table .numeric[b-0tjhyypqog] {
    text-align: right;
    white-space: nowrap;
}

.vd-name-link[b-0tjhyypqog] {
    color: var(--vd-blue);
    font-weight: 700;
}

.vd-empty-cell[b-0tjhyypqog],
.vd-empty-block[b-0tjhyypqog],
.vd-empty-panel[b-0tjhyypqog] {
    color: var(--vd-muted);
    font-weight: 700;
    text-align: center;
}

.vd-empty-block[b-0tjhyypqog],
.vd-empty-panel[b-0tjhyypqog] {
    background: var(--vd-empty-bg);
    border: 1px dashed var(--vd-empty-border);
    border-radius: 10px;
    padding: 1.1rem;
}

@media (max-width: 1100px) {
    .vd-split-grid[b-0tjhyypqog] {
        grid-template-columns: 1fr;
    }

    .vd-donut-wrap[b-0tjhyypqog] {
        grid-template-columns: 1fr;
        justify-items: center;
    }
}

@media (max-width: 768px) {
    .vd-stats-grid[b-0tjhyypqog] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .vd-stats-grid[b-0tjhyypqog] {
        gap: 0.55rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vd-stat-card[b-0tjhyypqog] {
        min-height: 100px;
        padding: 0.7rem 0.75rem 0.6rem;
    }
}

@media (max-width: 380px) {
    .vd-stats-grid[b-0tjhyypqog] {
        grid-template-columns: 1fr;
    }
}

@container layout (max-width: 820px) {
    .vd-stats-grid[b-0tjhyypqog] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@container layout (max-width: 560px) {
    .vd-stats-grid[b-0tjhyypqog] {
        gap: 0.55rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container layout (max-width: 380px) {
    .vd-stats-grid[b-0tjhyypqog] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/InvoiceLayoutSetup.razor.rz.scp.css */
.po-panel[b-j1zg9werni] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.po-header[b-j1zg9werni] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.po-header h2[b-j1zg9werni] {
    color: var(--vk-text);
    font-size: 1rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.po-header span[b-j1zg9werni],
.po-field span[b-j1zg9werni] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.po-header-actions[b-j1zg9werni] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.po-field[b-j1zg9werni] {
    display: grid;
    gap: 0.35rem;
}

.po-field > span[b-j1zg9werni] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.po-alert[b-j1zg9werni] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.po-alert.success[b-j1zg9werni] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.po-alert.error[b-j1zg9werni] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.po-alert button[b-j1zg9werni] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1rem;
}

.po-empty[b-j1zg9werni] {
    color: var(--vk-muted);
    padding: 1rem;
    text-align: center;
}

.invoice-layout-panel[b-j1zg9werni] {
    min-height: calc(100vh - 190px);
}

.invoice-layout-grid[b-j1zg9werni] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);
}

.invoice-layout-editor[b-j1zg9werni] {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.invoice-layout-section[b-j1zg9werni] {
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 8px;
    padding: 0.9rem;
}

.invoice-layout-section h3[b-j1zg9werni] {
    color: var(--vk-text);
    font-size: 0.86rem;
    font-weight: 850;
    margin: 0 0 0.75rem;
    text-transform: uppercase;
}

.invoice-layout-fields[b-j1zg9werni] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(160px, 1fr));
}

.invoice-layout-fields.margin-fields[b-j1zg9werni] {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
}

.form-control-color[b-j1zg9werni] {
    max-width: 90px;
    min-height: var(--vk-control-height);
    padding: 0.25rem;
}

.invoice-layout-preview[b-j1zg9werni] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: auto;
    padding: 1rem;
    position: sticky;
    top: 1rem;
}

.invoice-preview-page[b-j1zg9werni] {
    background: #fff;
    border: 1px solid #d1d5db;
    box-shadow: var(--vk-shadow-sm);
    color: var(--invoice-text);
    font-size: var(--invoice-body-size);
    margin: 0 auto;
    max-width: 620px;
    min-width: 520px;
    padding: 28px;
}

.invoice-preview-heading[b-j1zg9werni] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin-bottom: 1.25rem;
}

.invoice-preview-brand[b-j1zg9werni] {
    align-items: center;
    border: 1px solid var(--invoice-border);
    color: var(--vk-muted);
    display: flex;
    font-size: 0.78rem;
    font-weight: 850;
    height: 42px;
    justify-content: center;
    width: 180px;
    text-align: center;
}

.invoice-preview-page h3[b-j1zg9werni] {
    color: var(--invoice-text);
    font-size: var(--invoice-title-size);
    font-weight: 850;
    margin: 0;
    text-align: center;
}

.invoice-preview-meta[b-j1zg9werni] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1.5rem;
}

.invoice-preview-meta p[b-j1zg9werni] {
    line-height: 1.45;
    margin: 0;
}

.invoice-preview-page table[b-j1zg9werni] {
    border-collapse: collapse;
    margin-top: 4rem;
    width: 100%;
}

.invoice-preview-page th[b-j1zg9werni],
.invoice-preview-page td[b-j1zg9werni] {
    border: 1px solid var(--invoice-border);
    padding: 0.35rem 0.4rem;
    vertical-align: top;
}

.invoice-preview-page th[b-j1zg9werni] {
    background: var(--invoice-header-bg);
    color: var(--invoice-header-text);
    font-weight: 850;
    text-align: center;
}

.invoice-preview-page td:not(:nth-child(2))[b-j1zg9werni] {
    text-align: right;
}

.invoice-preview-page td:first-child[b-j1zg9werni] {
    text-align: center;
}

.invoice-preview-total td[b-j1zg9werni] {
    background: var(--invoice-total-bg);
    font-weight: 850;
}

@media (max-width: 1180px) {
    .invoice-layout-grid[b-j1zg9werni] {
        grid-template-columns: 1fr;
    }

    .invoice-layout-preview[b-j1zg9werni] {
        position: static;
    }
}

@media (max-width: 720px) {
    .invoice-layout-fields[b-j1zg9werni],
    .invoice-layout-fields.margin-fields[b-j1zg9werni] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/KpiDashboard.razor.rz.scp.css */
.kpi-dashboard[b-er11t8lb8e] {
    --kd-bg: var(--vk-page);
    --kd-card: var(--vk-surface);
    --kd-text: var(--vk-text);
    --kd-muted: var(--vk-muted);
    --kd-blue: var(--vk-blue-600);
    --kd-blue-dark: var(--vk-blue-900);
    --kd-blue-mid: var(--vk-blue-700);
    --kd-blue-soft: var(--vk-blue-100);
    --kd-border: var(--vk-border);
    --kd-shadow: var(--vk-shadow-md);
    --kd-soft: var(--vk-surface-soft);
    --kd-table-head: var(--vk-table-head);
    --kd-row-alt: var(--vk-surface-soft);
    --kd-empty-bg: var(--vk-surface-soft);
    --kd-empty-border: var(--vk-dashed-border);
    --kd-alert-bg: var(--vk-warning-soft-bg);
    --kd-alert-border: var(--vk-warning-soft-border);
    --kd-alert-text: var(--vk-warning-soft-text);
    --kd-on-primary: var(--vk-on-nav);
    display: grid;
    gap: 1rem;
}

.kpi-dashboard .panel[b-er11t8lb8e],
.kd-summary-card[b-er11t8lb8e] {
    background: var(--kd-card);
    border: 1px solid var(--kd-border);
    border-radius: 14px;
    box-shadow: var(--kd-shadow);
}

.kd-alert[b-er11t8lb8e] {
    align-items: center;
    background: var(--kd-alert-bg);
    border: 1px solid var(--kd-alert-border);
    border-radius: 10px;
    color: var(--kd-alert-text);
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 0.85rem;
}

.kd-alert button[b-er11t8lb8e] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.25rem;
}

.kd-chip[b-er11t8lb8e] {
    align-items: center;
    background: var(--kd-card);
    border: 1px solid var(--kd-border);
    border-radius: 999px;
    color: var(--kd-blue-dark);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
}

.kd-summary-grid[b-er11t8lb8e] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kd-summary-card[b-er11t8lb8e] {
    display: grid;
    gap: 0.55rem;
    min-height: 118px;
    padding: 0.95rem 1rem;
}

.kd-summary-head[b-er11t8lb8e] {
    align-items: start;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.kd-summary-head span[b-er11t8lb8e] {
    color: var(--kd-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.kd-summary-head img[b-er11t8lb8e] {
    height: 18px;
    opacity: 0.75;
    width: 18px;
}

.kd-summary-card strong[b-er11t8lb8e] {
    color: var(--kd-blue-dark);
    font-size: 1.7rem;
    font-weight: 850;
    line-height: 1.1;
}

.kd-summary-foot[b-er11t8lb8e] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
}

.kd-summary-foot small[b-er11t8lb8e] {
    color: var(--kd-muted);
    font-size: 0.74rem;
}

.kd-summary-foot em[b-er11t8lb8e] {
    color: var(--kd-blue-mid);
    font-size: 0.78rem;
    font-style: normal;
    font-weight: 750;
}

.kd-summary-foot em.down[b-er11t8lb8e] {
    color: var(--kd-blue-mid);
}

.kd-panel[b-er11t8lb8e] {
    padding: 1rem 1.05rem 1.15rem;
}

.kd-panel-header[b-er11t8lb8e] {
    align-items: start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.95rem;
}

.kd-panel-header h2[b-er11t8lb8e] {
    color: var(--kd-blue-dark);
    font-size: 0.98rem;
    font-weight: 850;
    letter-spacing: 0.03em;
    margin: 0;
}

.kd-toolbar[b-er11t8lb8e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.kd-search[b-er11t8lb8e] {
    align-items: center;
    background: var(--kd-soft);
    border: 1px solid var(--kd-border);
    border-radius: 999px;
    display: inline-flex;
    gap: 0.4rem;
    min-width: min(100%, 280px);
    padding: 0.35rem 0.8rem;
}

.kd-search img[b-er11t8lb8e] {
    height: 14px;
    opacity: 0.55;
    width: 14px;
}

.kd-search input[b-er11t8lb8e] {
    background: transparent;
    border: 0;
    color: var(--kd-text);
    flex: 1;
    font-size: 0.84rem;
    min-width: 0;
    outline: none;
}

.kd-toolbar-actions[b-er11t8lb8e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.kd-ghost-btn[b-er11t8lb8e],
.kd-export-btn[b-er11t8lb8e] {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.4rem;
    padding: 0.45rem 0.8rem;
    text-decoration: none;
}

.kd-ghost-btn[b-er11t8lb8e] {
    background: var(--kd-card);
    border: 1px solid var(--kd-border);
    color: var(--kd-blue-dark);
}

.kd-export-btn[b-er11t8lb8e] {
    background: var(--kd-blue-dark);
    border: 1px solid var(--kd-blue-dark);
    color: var(--kd-on-primary);
}

.kd-export-btn.disabled[b-er11t8lb8e] {
    opacity: 0.45;
    pointer-events: none;
}

.kd-ghost-btn img[b-er11t8lb8e],
.kd-export-btn img[b-er11t8lb8e] {
    height: 14px;
    width: 14px;
}

.kd-export-btn img[b-er11t8lb8e] {
    filter: brightness(0) invert(1);
}

.kd-results-label[b-er11t8lb8e] {
    align-items: center;
    color: var(--kd-muted);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.35rem;
    margin-bottom: 0.55rem;
}

.kd-results-label img[b-er11t8lb8e] {
    height: 14px;
    opacity: 0.7;
    width: 14px;
}

.kd-table-wrap[b-er11t8lb8e] {
    overflow: auto;
}

.kd-table[b-er11t8lb8e] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1100px;
    width: 100%;
}

.kd-table th[b-er11t8lb8e],
.kd-table td[b-er11t8lb8e] {
    border-bottom: 1px solid var(--kd-border);
    padding: 0.72rem 0.6rem;
    vertical-align: middle;
}

.kd-table th[b-er11t8lb8e] {
    background: var(--kd-table-head);
    color: var(--kd-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    white-space: nowrap;
    z-index: 1;
}

.kd-table td[b-er11t8lb8e] {
    color: var(--kd-text);
    font-size: 0.84rem;
}

.kd-table tbody tr:nth-child(even)[b-er11t8lb8e] {
    background: var(--kd-row-alt);
}

.kd-table .numeric[b-er11t8lb8e] {
    text-align: right;
    white-space: nowrap;
}

.kd-name-link[b-er11t8lb8e] {
    color: var(--kd-blue);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--kd-blue) 35%, transparent);
}

.kd-pager[b-er11t8lb8e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    justify-content: space-between;
    margin-top: 0.85rem;
}

.kd-page-size[b-er11t8lb8e] {
    align-items: center;
    color: var(--kd-muted);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.4rem;
}

.kd-page-size .form-select[b-er11t8lb8e] {
    min-height: 32px;
    width: auto;
}

.kd-total[b-er11t8lb8e] {
    color: var(--kd-muted);
    font-size: 0.8rem;
    font-weight: 700;
}

.kd-page-nav[b-er11t8lb8e] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
}

.kd-page-btn[b-er11t8lb8e] {
    align-items: center;
    background: var(--kd-card);
    border: 1px solid var(--kd-border);
    border-radius: 8px;
    color: var(--kd-blue-dark);
    display: inline-flex;
    font-size: 1.1rem;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.kd-page-btn:disabled[b-er11t8lb8e] {
    opacity: 0.4;
}

.kd-page-nav strong[b-er11t8lb8e] {
    color: var(--kd-blue-dark);
    font-size: 0.82rem;
}

.kd-split-grid[b-er11t8lb8e] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.kd-donut-wrap[b-er11t8lb8e] {
    align-items: center;
    display: grid;
    gap: 1rem;
    justify-items: center;
}

.kd-donut[b-er11t8lb8e] {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    height: 190px;
    justify-content: center;
    position: relative;
    width: 190px;
}

.kd-donut[b-er11t8lb8e]::after {
    background: var(--kd-card);
    border-radius: 50%;
    content: "";
    inset: 30px;
    position: absolute;
}

.kd-donut span[b-er11t8lb8e] {
    color: var(--kd-blue-dark);
    font-size: 1.05rem;
    font-weight: 850;
    line-height: 1.15;
    position: relative;
    text-align: center;
    z-index: 1;
}

.kd-donut small[b-er11t8lb8e] {
    color: var(--kd-muted);
    font-size: 0.72rem;
    font-weight: 650;
}

.kd-legend[b-er11t8lb8e] {
    display: grid;
    gap: 0.45rem;
    width: min(100%, 320px);
}

.kd-legend div[b-er11t8lb8e] {
    align-items: center;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.kd-legend i[b-er11t8lb8e] {
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.kd-legend span[b-er11t8lb8e] {
    color: var(--kd-muted);
    font-size: 0.8rem;
}

.kd-legend strong[b-er11t8lb8e] {
    color: var(--kd-blue-dark);
    font-size: 0.82rem;
}

.kd-vbars[b-er11t8lb8e],
.kd-grouped-bars[b-er11t8lb8e] {
    align-items: end;
    display: grid;
    gap: 0.65rem;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    min-height: 220px;
}

.kd-vbar-col[b-er11t8lb8e],
.kd-gbar-col[b-er11t8lb8e] {
    align-items: center;
    display: grid;
    gap: 0.4rem;
    justify-items: center;
    min-width: 0;
}

.kd-vbar-col[b-er11t8lb8e] {
    grid-template-rows: auto 1fr auto;
    height: 220px;
}

.kd-vbar-col strong[b-er11t8lb8e] {
    color: var(--kd-blue-dark);
    font-size: 0.72rem;
}

.kd-vbar-col i[b-er11t8lb8e],
.kd-gbar-pair i[b-er11t8lb8e] {
    border-radius: 6px 6px 2px 2px;
    display: block;
    min-height: 4px;
}

.kd-vbar-col i[b-er11t8lb8e] {
    align-self: end;
    width: 34px;
}

.kd-vbar-col i.lead[b-er11t8lb8e] {
    box-shadow: var(--vk-ring);
}

.kd-vbar-col span[b-er11t8lb8e],
.kd-gbar-col span[b-er11t8lb8e] {
    color: var(--kd-muted);
    font-size: 0.7rem;
    font-weight: 650;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kd-gbar-pair[b-er11t8lb8e] {
    align-items: end;
    display: flex;
    gap: 4px;
    height: 180px;
}

.kd-gbar-pair i[b-er11t8lb8e] {
    width: 14px;
}

.kd-gbar-pair i.order[b-er11t8lb8e],
.kd-legend-inline i.order[b-er11t8lb8e] {
    background: var(--kd-blue-dark);
}

.kd-gbar-pair i.sale[b-er11t8lb8e],
.kd-legend-inline i.sale[b-er11t8lb8e] {
    background: var(--kd-blue-mid);
}

.kd-chart-note[b-er11t8lb8e] {
    align-items: center;
    color: var(--kd-muted);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 650;
    gap: 0.35rem;
    margin-top: 0.75rem;
}

.kd-chart-note.inline[b-er11t8lb8e] {
    margin-top: 0.35rem;
}

.kd-chart-note img[b-er11t8lb8e] {
    height: 14px;
    opacity: 0.7;
    width: 14px;
}

.kd-legend-inline[b-er11t8lb8e] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 0.85rem;
}

.kd-legend-inline span[b-er11t8lb8e] {
    align-items: center;
    color: var(--kd-muted);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.35rem;
}

.kd-legend-inline i[b-er11t8lb8e] {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.kd-empty-cell[b-er11t8lb8e],
.kd-empty-block[b-er11t8lb8e],
.kd-empty-panel[b-er11t8lb8e] {
    color: var(--kd-muted);
    font-weight: 700;
    text-align: center;
}

.kd-empty-block[b-er11t8lb8e],
.kd-empty-panel[b-er11t8lb8e] {
    background: var(--kd-empty-bg);
    border: 1px dashed var(--kd-empty-border);
    border-radius: 10px;
    padding: 1.1rem;
}

@media (max-width: 1200px) {
    .kd-summary-grid[b-er11t8lb8e],
    .kd-split-grid[b-er11t8lb8e] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .kd-toolbar[b-er11t8lb8e],
    .kd-pager[b-er11t8lb8e] {
        align-items: stretch;
        flex-direction: column;
    }

    .kd-summary-grid[b-er11t8lb8e],
    .kd-split-grid[b-er11t8lb8e] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/LegacyDynamicReport.razor.rz.scp.css */
.report-panel[b-z1nirhibib] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.report-header[b-z1nirhibib] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.report-header h2[b-z1nirhibib] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.report-header span[b-z1nirhibib],
.report-field span[b-z1nirhibib] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.report-record-badge[b-z1nirhibib] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.report-header-actions[b-z1nirhibib] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.report-icon-button[b-z1nirhibib] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.report-icon-button img[b-z1nirhibib] {
    height: 16px;
    width: 16px;
}

.report-toolbar[b-z1nirhibib] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    overflow: visible;
}

.report-field[b-z1nirhibib] {
    flex: 1 1 10.5rem;
    min-width: min(100%, 9.5rem);
    overflow: visible;
    position: relative;
    z-index: 1;
}

.report-field .form-control[b-z1nirhibib],
.report-field .form-select[b-z1nirhibib] {
    font-size: 0.82rem;
    min-height: var(--vk-control-height);
}

.report-loading[b-z1nirhibib],
.report-empty[b-z1nirhibib] {
    color: var(--vk-muted);
    font-size: 0.85rem;
    font-weight: 750;
    padding: 2rem 0;
    text-align: center;
}

.report-table-wrapper[b-z1nirhibib] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.report-table[b-z1nirhibib] {
    font-size: 0.78rem;
    min-width: 1100px;
    white-space: nowrap;
}

.report-table thead th[b-z1nirhibib] {
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.55rem 0.65rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.report-table tbody td[b-z1nirhibib] {
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-text);
    font-size: 0.78rem;
    padding: 0.5rem 0.65rem;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-z1nirhibib] {
    background: var(--vk-blue-050);
}
/* /Pages/ModuleWorkspace.razor.rz.scp.css */
.module-workspace-empty[b-51k1fy7erp] {
    display: grid;
    gap: 0.35rem;
    min-height: 150px;
}

.module-workspace-empty h1[b-51k1fy7erp] {
    color: var(--vk-text);
    font-size: 1.15rem;
    font-weight: 850;
    margin: 0;
}

.module-workspace-empty p[b-51k1fy7erp] {
    color: var(--vk-muted);
    font-size: 0.9rem;
    margin: 0;
}
/* /Pages/OutletApproval.razor.rz.scp.css */
.approval-page[b-s2a8f9tbpi] {
    display: grid;
    gap: 0.9rem;
}

.approval-header[b-s2a8f9tbpi],
.card-heading[b-s2a8f9tbpi],
.review-footer[b-s2a8f9tbpi],
.decision-actions[b-s2a8f9tbpi],
.approval-header-actions[b-s2a8f9tbpi] {
    display: flex;
    gap: 0.75rem;
}

.approval-header[b-s2a8f9tbpi],
.review-footer[b-s2a8f9tbpi] {
    align-items: center;
    justify-content: space-between;
}

.approval-header h2[b-s2a8f9tbpi],
.card-heading h3[b-s2a8f9tbpi] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    gap: 0.45rem;
    margin: 0;
}

.approval-header h2[b-s2a8f9tbpi] {
    font-size: 1rem;
    font-weight: 850;
    text-transform: uppercase;
}

.approval-header > div > span[b-s2a8f9tbpi],
.approval-search > span[b-s2a8f9tbpi],
.info-grid span[b-s2a8f9tbpi],
.approval-table td span[b-s2a8f9tbpi],
.photo-count[b-s2a8f9tbpi] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
}

.approval-count[b-s2a8f9tbpi] {
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.03em;
    padding: 0.28rem 0.5rem;
}

.approval-header-actions[b-s2a8f9tbpi],
.decision-actions[b-s2a8f9tbpi] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.approval-card[b-s2a8f9tbpi] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 16px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1rem 1.05rem 1.1rem;
}

.card-heading[b-s2a8f9tbpi] {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.card-heading h3[b-s2a8f9tbpi] {
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.card-heading svg[b-s2a8f9tbpi],
.review-footer svg[b-s2a8f9tbpi],
.decision-actions svg[b-s2a8f9tbpi] {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.card-heading svg[b-s2a8f9tbpi] {
    height: 16px;
    width: 16px;
}

.review-grid[b-s2a8f9tbpi] {
    align-items: start;
    display: grid;
    gap: 0.9rem;
    grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.8fr);
}

.review-column[b-s2a8f9tbpi] {
    display: grid;
    gap: 0.9rem;
    min-width: 0;
}

.info-grid[b-s2a8f9tbpi] {
    display: grid;
    gap: 0.95rem 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.info-grid .wide[b-s2a8f9tbpi] {
    grid-column: 1 / -1;
}

.info-grid strong[b-s2a8f9tbpi] {
    color: var(--vk-text);
    display: block;
    font-size: 0.98rem;
    font-weight: 800;
    margin-top: 0.18rem;
}

.info-grid > div:nth-child(5)[b-s2a8f9tbpi] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    padding-bottom: 0.85rem;
}

.approval-search[b-s2a8f9tbpi] {
    display: grid;
    gap: 0.35rem;
    margin-bottom: 0.85rem;
    max-width: 28rem;
}

.approval-search > span[b-s2a8f9tbpi] {
    text-transform: uppercase;
}

.approval-table-wrap[b-s2a8f9tbpi] {
    overflow-x: auto;
}

.approval-table[b-s2a8f9tbpi] {
    border-collapse: collapse;
    min-width: 42rem;
    width: 100%;
}

.approval-table.duplicates[b-s2a8f9tbpi] {
    min-width: 36rem;
}

.approval-table th[b-s2a8f9tbpi] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    padding: 0.45rem 0.55rem;
    text-align: left;
    text-transform: uppercase;
}

.approval-table td[b-s2a8f9tbpi] {
    border-top: 1px solid var(--vk-card-border-soft);
    color: var(--vk-text);
    font-size: 0.86rem;
    padding: 0.7rem 0.55rem;
    vertical-align: middle;
}

.approval-table td span[b-s2a8f9tbpi] {
    margin-top: 0.12rem;
}

.actions-column[b-s2a8f9tbpi],
.approval-table td:last-child[b-s2a8f9tbpi],
.approval-table th:last-child[b-s2a8f9tbpi] {
    text-align: right;
}

.approval-empty[b-s2a8f9tbpi] {
    color: var(--vk-muted);
    padding: 1.2rem 0.4rem !important;
    text-align: center;
}

.approval-empty.compact[b-s2a8f9tbpi] {
    margin: 0;
    padding: 0.35rem 0 0.2rem;
    text-align: left;
}

.system-check[b-s2a8f9tbpi] {
    background: #f3e8ff;
    border: 0;
    border-radius: 999px;
    color: #6d28d9;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    padding: 0.32rem 0.6rem;
    text-transform: uppercase;
}

.system-check:disabled[b-s2a8f9tbpi] {
    opacity: 0.6;
}

.match-pill[b-s2a8f9tbpi] {
    background: #fde7f3;
    border-radius: 999px;
    color: #db2777;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.22rem 0.5rem;
    white-space: nowrap;
}

.detail-link[b-s2a8f9tbpi] {
    background: transparent;
    border: 0;
    color: var(--vk-blue-700);
    font-weight: 800;
    padding: 0;
}

.duplicate-detail[b-s2a8f9tbpi] {
    display: grid;
    gap: 0.35rem 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.duplicate-detail .wide[b-s2a8f9tbpi] {
    grid-column: 1 / -1;
}

.duplicate-detail em[b-s2a8f9tbpi] {
    color: var(--vk-muted);
    font-style: normal;
    font-weight: 800;
    margin-right: 0.35rem;
}

.photo-count[b-s2a8f9tbpi] {
    font-weight: 750;
}

.photo-stack[b-s2a8f9tbpi] {
    display: grid;
    gap: 0.75rem;
}

.photo-frame[b-s2a8f9tbpi] {
    background: var(--vk-surface-filled);
    border: 0;
    border-radius: 14px;
    min-height: 11rem;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}

.photo-frame img[b-s2a8f9tbpi] {
    display: block;
    height: 13.5rem;
    object-fit: cover;
    width: 100%;
}

.photo-caption[b-s2a8f9tbpi],
.photo-missing[b-s2a8f9tbpi] {
    color: #fff;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.04em;
}

.photo-caption[b-s2a8f9tbpi] {
    background: rgba(15, 23, 42, 0.78);
    border-radius: 8px;
    left: 0.7rem;
    padding: 0.28rem 0.5rem;
    position: absolute;
    top: 0.7rem;
}

.photo-missing[b-s2a8f9tbpi] {
    align-items: center;
    color: var(--vk-muted);
    display: flex;
    height: 11rem;
    justify-content: center;
}

.review-footer[b-s2a8f9tbpi] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 16px;
    bottom: 0.6rem;
    box-shadow: var(--vk-shadow-md);
    padding: 0.8rem 1rem;
    position: sticky;
}

.review-footer p[b-s2a8f9tbpi] {
    align-items: center;
    color: var(--vk-muted);
    display: flex;
    font-size: 0.82rem;
    font-weight: 650;
    gap: 0.4rem;
    margin: 0;
}

.review-footer svg[b-s2a8f9tbpi],
.decision-actions svg[b-s2a8f9tbpi] {
    height: 16px;
    width: 16px;
}

.reject-button[b-s2a8f9tbpi],
.approve-button[b-s2a8f9tbpi] {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    font-weight: 800;
    gap: 0.35rem;
    min-width: 8.5rem;
    padding: 0.55rem 0.95rem;
}

.reject-button[b-s2a8f9tbpi] {
    background: #fff;
    border: 1px solid #f5b8cf;
    color: #db2777;
}

.reject-button:hover[b-s2a8f9tbpi] {
    background: #fff5fa;
    color: #be185d;
}

.approve-button svg[b-s2a8f9tbpi] {
    stroke: #fff;
}

.approval-alert[b-s2a8f9tbpi] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.approval-alert.success[b-s2a8f9tbpi] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.approval-alert.error[b-s2a8f9tbpi] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.approval-alert button[b-s2a8f9tbpi] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.approval-lightbox[b-s2a8f9tbpi] {
    align-items: center;
    background: rgba(15, 23, 42, 0.55);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 1.25rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 40;
}

.approval-lightbox-card[b-s2a8f9tbpi] {
    background: var(--vk-surface-raised);
    border-radius: 12px;
    display: grid;
    gap: 0.75rem;
    justify-items: center;
    max-width: min(920px, 100%);
    padding: 0.75rem;
}

.approval-lightbox-card img[b-s2a8f9tbpi] {
    border-radius: 8px;
    max-height: 75vh;
    max-width: 100%;
}

@container layout (max-width: 980px) {
    .review-grid[b-s2a8f9tbpi],
    .info-grid[b-s2a8f9tbpi],
    .duplicate-detail[b-s2a8f9tbpi] {
        grid-template-columns: 1fr;
    }

    .review-footer[b-s2a8f9tbpi] {
        align-items: stretch;
        flex-direction: column;
    }

    .decision-actions[b-s2a8f9tbpi] {
        justify-content: stretch;
    }

    .reject-button[b-s2a8f9tbpi],
    .approve-button[b-s2a8f9tbpi] {
        flex: 1;
        justify-content: center;
    }
}
/* /Pages/OutletDetailReport.razor.rz.scp.css */
.report-panel[b-ycdtillupd] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.report-header[b-ycdtillupd] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.report-header h2[b-ycdtillupd] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.report-header span[b-ycdtillupd],
.report-field span[b-ycdtillupd] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.report-record-badge[b-ycdtillupd] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.report-header-actions[b-ycdtillupd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.report-icon-button[b-ycdtillupd] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.report-icon-button img[b-ycdtillupd] {
    height: 16px;
    width: 16px;
}

.btn-primary.report-icon-button img[b-ycdtillupd] {
    filter: brightness(0) invert(1);
}

.report-toolbar[b-ycdtillupd] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
    overflow: visible;
}

.report-field[b-ycdtillupd] {
    flex: 1 1 10.5rem;
    min-width: min(100%, 9.5rem);
    overflow: visible;
    position: relative;
}

.report-field.search[b-ycdtillupd] {
    flex: 1 1 260px;
}

.report-field .form-control[b-ycdtillupd],
.report-field .form-select[b-ycdtillupd] {
    font-size: 0.82rem;
    min-height: var(--vk-control-height);
}

.report-loading[b-ycdtillupd],
.report-empty[b-ycdtillupd] {
    color: var(--vk-muted);
    font-size: 0.85rem;
    font-weight: 750;
    padding: 2rem 0;
    text-align: center;
}

.report-table-wrapper[b-ycdtillupd] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.report-table[b-ycdtillupd] {
    font-size: 0.78rem;
    min-width: 1200px;
    white-space: nowrap;
}

.report-table thead th[b-ycdtillupd] {
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.55rem 0.65rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.report-table tbody td[b-ycdtillupd] {
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-text);
    font-size: 0.78rem;
    padding: 0.5rem 0.65rem;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-ycdtillupd] {
    background: var(--vk-blue-050);
}

.report-table .text-primary[b-ycdtillupd] {
    color: var(--vk-blue-700) !important;
}

.report-table .fw-bold[b-ycdtillupd] {
    font-weight: 800 !important;
}

.badge[b-ycdtillupd] {
    font-size: 0.68rem;
    font-weight: 800;
    padding: 0.25rem 0.5rem;
    white-space: nowrap;
}

.bg-success[b-ycdtillupd] {
    background-color: var(--vk-green-100) !important;
    color: var(--vk-green-800) !important;
}

.bg-secondary[b-ycdtillupd] {
    background-color: var(--vk-gray-100) !important;
    color: var(--vk-gray-700) !important;
}
/* /Pages/OutletManagement.razor.rz.scp.css */
.outlet-panel[b-uxmma4r6mq] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.outlet-header[b-uxmma4r6mq] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.outlet-header h2[b-uxmma4r6mq] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.outlet-header span[b-uxmma4r6mq],
.outlet-field span[b-uxmma4r6mq] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.outlet-record-badge[b-uxmma4r6mq] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.outlet-header-actions[b-uxmma4r6mq],
.row-actions[b-uxmma4r6mq],
.form-actions[b-uxmma4r6mq] {
    display: flex;
    gap: 0.5rem;
}

.outlet-header-actions[b-uxmma4r6mq] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.outlet-icon-button[b-uxmma4r6mq] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.outlet-icon-button img[b-uxmma4r6mq] {
    height: 16px;
    width: 16px;
}

.btn-primary.outlet-icon-button img[b-uxmma4r6mq] {
    filter: brightness(0) invert(1);
}

.outlet-toolbar[b-uxmma4r6mq] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.outlet-field[b-uxmma4r6mq] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.outlet-field.location-field[b-uxmma4r6mq] {
    flex: 1 1 10.5rem;
    min-width: min(100%, 9.5rem);
}

.outlet-field.search[b-uxmma4r6mq] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.outlet-field > span[b-uxmma4r6mq] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.outlet-field.wide[b-uxmma4r6mq] {
    grid-column: span 2;
}

.outlet-table-wrap[b-uxmma4r6mq] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.outlet-table[b-uxmma4r6mq] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1180px;
    width: 100%;
}

.outlet-table th[b-uxmma4r6mq] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.outlet-table td[b-uxmma4r6mq] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: top;
}

.outlet-table tbody tr:hover[b-uxmma4r6mq],
.outlet-table tbody tr.selected-row[b-uxmma4r6mq] {
    background: var(--vk-blue-050);
}

.outlet-table tbody tr.selected-row[b-uxmma4r6mq] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.outlet-table tbody tr:has(.status-pill.inactive)[b-uxmma4r6mq] {
    opacity: 0.78;
}

.outlet-table strong[b-uxmma4r6mq] {
    color: var(--vk-text);
    font-weight: 850;
}

.outlet-subtext[b-uxmma4r6mq] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.outlet-flag-list[b-uxmma4r6mq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    max-width: 230px;
}

.outlet-flag[b-uxmma4r6mq] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 850;
    padding: 0.18rem 0.45rem;
}

.actions-column[b-uxmma4r6mq] {
    width: 132px;
}

.row-actions[b-uxmma4r6mq] {
    justify-content: flex-end;
}

.icon-only-btn[b-uxmma4r6mq] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-uxmma4r6mq] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn:disabled[b-uxmma4r6mq] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn.danger:hover[b-uxmma4r6mq] {
    background: var(--vk-danger-soft);
    box-shadow: inset 0 0 0 1px var(--vk-danger-soft-border), var(--vk-shadow-sm);
}

.icon-only-btn img[b-uxmma4r6mq] {
    height: 16px;
    width: 16px;
}

.status-pill[b-uxmma4r6mq] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-uxmma4r6mq] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-uxmma4r6mq] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.status-pill.pending[b-uxmma4r6mq] {
    background: var(--vk-warning-soft-bg);
    color: var(--vk-warning-soft-text);
}

.outlet-empty[b-uxmma4r6mq] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.outlet-alert[b-uxmma4r6mq] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.outlet-alert.success[b-uxmma4r6mq] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.outlet-alert.error[b-uxmma4r6mq] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.outlet-alert button[b-uxmma4r6mq] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.outlet-modal-alert[b-uxmma4r6mq] {
    margin-bottom: 1rem;
}

.outlet-form-body[b-uxmma4r6mq] {
    min-width: 0;
}

.outlet-form-section[b-uxmma4r6mq] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.outlet-form-section:last-of-type[b-uxmma4r6mq] {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.outlet-form-section h3[b-uxmma4r6mq] {
    color: var(--vk-text);
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0;
    margin: 0 0 0.8rem;
    text-transform: uppercase;
}

.outlet-form-grid[b-uxmma4r6mq] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.outlet-textarea[b-uxmma4r6mq] {
    min-height: 84px;
    resize: vertical;
}

.outlet-checkbox[b-uxmma4r6mq] {
    align-items: center;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.88rem;
    font-weight: 750;
    gap: 0.5rem;
    min-height: var(--vk-control-height);
}

.outlet-checkbox input[type="checkbox"][b-uxmma4r6mq] {
    accent-color: var(--vk-blue-700);
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.outlet-checkbox span[b-uxmma4r6mq] {
    line-height: 1.2;
}

.form-actions[b-uxmma4r6mq] {
    margin-top: 1rem;
}

.outlet-photo-grid[b-uxmma4r6mq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.outlet-photo-thumb[b-uxmma4r6mq] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    cursor: pointer;
    height: 92px;
    overflow: hidden;
    padding: 0;
    width: 92px;
}

.outlet-photo-thumb img[b-uxmma4r6mq] {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.outlet-photo-lightbox[b-uxmma4r6mq] {
    align-items: center;
    background: rgba(15, 23, 42, 0.55);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 1.25rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 40;
}

.outlet-photo-lightbox-card[b-uxmma4r6mq] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    display: grid;
    gap: 0.75rem;
    max-height: 90vh;
    max-width: min(920px, 100%);
    padding: 0.85rem;
}

.outlet-photo-lightbox-card img[b-uxmma4r6mq] {
    display: block;
    max-height: 72vh;
    max-width: 100%;
    object-fit: contain;
}

.validation-list[b-uxmma4r6mq] {
    color: var(--vk-danger);
    margin-bottom: 0.8rem;
}

@container layout (max-width: 1120px) {
    .outlet-form-grid[b-uxmma4r6mq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container layout (max-width: 720px) {
    .outlet-header[b-uxmma4r6mq] {
        flex-direction: column;
    }

    .outlet-header-actions[b-uxmma4r6mq] {
        justify-content: flex-start;
    }

    .outlet-form-grid[b-uxmma4r6mq] {
        grid-template-columns: 1fr;
    }

    .outlet-field.wide[b-uxmma4r6mq] {
        grid-column: auto;
    }

    .form-actions[b-uxmma4r6mq] {
        flex-wrap: wrap;
    }
}

@media (max-width: 1200px) {
    .outlet-form-grid[b-uxmma4r6mq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .outlet-header[b-uxmma4r6mq] {
        flex-direction: column;
    }

    .outlet-header-actions[b-uxmma4r6mq] {
        justify-content: flex-start;
    }

    .outlet-form-grid[b-uxmma4r6mq] {
        grid-template-columns: 1fr;
    }

    .outlet-field.wide[b-uxmma4r6mq] {
        grid-column: auto;
    }

    .form-actions[b-uxmma4r6mq] {
        flex-wrap: wrap;
    }
}
/* /Pages/PJPManagement.razor.rz.scp.css */
.pjp-panel[b-90qs7aeu9i] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.pjp-header[b-90qs7aeu9i] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.pjp-header h2[b-90qs7aeu9i],
.pjp-inline-editor-header h2[b-90qs7aeu9i] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.pjp-header span[b-90qs7aeu9i],
.pjp-field > span[b-90qs7aeu9i],
.pjp-inline-editor-header span[b-90qs7aeu9i],
.weekday-field > span[b-90qs7aeu9i] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.pjp-record-badge[b-90qs7aeu9i] {
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.pjp-header-actions[b-90qs7aeu9i],
.pjp-section-actions[b-90qs7aeu9i],
.row-actions[b-90qs7aeu9i],
.form-actions[b-90qs7aeu9i],
.pjp-section-title.with-action[b-90qs7aeu9i] {
    display: flex;
    gap: 0.5rem;
}

.pjp-header-actions[b-90qs7aeu9i] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pjp-section-actions[b-90qs7aeu9i] {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pjp-upload-input[b-90qs7aeu9i] {
    max-width: 320px;
    min-width: 230px;
}

.pjp-icon-button[b-90qs7aeu9i] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.pjp-icon-button img[b-90qs7aeu9i] {
    height: 16px;
    width: 16px;
}

.btn-primary.pjp-icon-button img[b-90qs7aeu9i] {
    filter: brightness(0) invert(1);
}

.pjp-toolbar[b-90qs7aeu9i] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.pjp-field[b-90qs7aeu9i] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.pjp-field.search[b-90qs7aeu9i] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.pjp-field > span[b-90qs7aeu9i],
.weekday-field > span[b-90qs7aeu9i] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.code-input[b-90qs7aeu9i] {
    text-transform: uppercase;
}

.pjp-table-wrap[b-90qs7aeu9i] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.pjp-table[b-90qs7aeu9i] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1120px;
    width: 100%;
}

.detail-table[b-90qs7aeu9i] {
    min-width: 980px;
}

.pjp-table th[b-90qs7aeu9i] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.pjp-table td[b-90qs7aeu9i] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.86rem;
    padding: 0.72rem 0.75rem;
    vertical-align: top;
}

.pjp-table tbody tr:hover[b-90qs7aeu9i],
.pjp-table tbody tr.selected-row[b-90qs7aeu9i] {
    background: var(--vk-blue-050);
}

.pjp-table tbody tr.selected-row[b-90qs7aeu9i] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.pjp-table tbody tr:has(.status-pill.inactive)[b-90qs7aeu9i] {
    opacity: 0.78;
}

.pjp-table strong[b-90qs7aeu9i] {
    color: var(--vk-text);
    font-weight: 850;
}

.pjp-subtext[b-90qs7aeu9i] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.toggle-column[b-90qs7aeu9i] {
    width: 42px;
}

.actions-column[b-90qs7aeu9i] {
    width: 190px;
}

.row-actions[b-90qs7aeu9i] {
    justify-content: flex-end;
}

.expand-button[b-90qs7aeu9i],
.icon-only-btn[b-90qs7aeu9i] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    color: var(--vk-text);
    display: inline-flex;
    font-weight: 850;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.expand-button[b-90qs7aeu9i] {
    color: var(--vk-blue-800);
    font-size: 1.05rem;
    font-weight: 900;
}

.expand-button:hover[b-90qs7aeu9i],
.icon-only-btn:hover[b-90qs7aeu9i] {
    background: var(--vk-surface-hover);
}

.icon-only-btn:disabled[b-90qs7aeu9i] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn.danger:hover[b-90qs7aeu9i] {
    background: var(--vk-danger-soft);
}

.icon-only-btn img[b-90qs7aeu9i] {
    height: 16px;
    width: 16px;
}

.status-pill[b-90qs7aeu9i] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-90qs7aeu9i] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-90qs7aeu9i] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.pjp-flag-list[b-90qs7aeu9i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    max-width: 230px;
}

.pjp-flag[b-90qs7aeu9i] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 850;
    padding: 0.18rem 0.45rem;
}

.pjp-flag.muted[b-90qs7aeu9i] {
    background: var(--vk-surface-filled);
    border-color: var(--vk-border);
    color: var(--vk-muted);
}

.pjp-empty[b-90qs7aeu9i] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.pjp-empty.compact[b-90qs7aeu9i] {
    padding: 0.2rem;
    text-align: left;
}

.details-row td[b-90qs7aeu9i] {
    background: var(--vk-surface-filled);
}

.detail-grid[b-90qs7aeu9i] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.detail-item[b-90qs7aeu9i] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 7px;
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
}

.detail-item span[b-90qs7aeu9i] {
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.pjp-alert[b-90qs7aeu9i] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    padding: 0.75rem 0.9rem;
}

.pjp-alert.success[b-90qs7aeu9i] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.pjp-alert.error[b-90qs7aeu9i] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.pjp-alert button[b-90qs7aeu9i] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
}

.pjp-modal-alert[b-90qs7aeu9i] {
    margin-bottom: 1rem;
}

.pjp-inline-editor[b-90qs7aeu9i],
.pjp-schedule-panel[b-90qs7aeu9i] {
    animation: inlineEditorSlideDown-b-90qs7aeu9i 0.3s ease-out;
    border-top: 1px solid var(--vk-card-border-soft);
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    scroll-margin-top: 1rem;
}

.pjp-inline-editor-card[b-90qs7aeu9i] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-sm);
    overflow: visible;
}

@keyframes inlineEditorSlideDown-b-90qs7aeu9i {
    from {
        opacity: 0;
        transform: translateY(-16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pjp-inline-editor-header[b-90qs7aeu9i] {
    align-items: flex-start;
    background: var(--vk-surface-raised);
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.pjp-inline-editor-content[b-90qs7aeu9i] {
    padding: 1rem;
}

.pjp-form-grid[b-90qs7aeu9i] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pjp-checkbox[b-90qs7aeu9i] {
    align-items: center;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.88rem;
    font-weight: 750;
    gap: 0.5rem;
    min-height: var(--vk-control-height);
}

.pjp-checkbox input[b-90qs7aeu9i],
.weekday-grid input[b-90qs7aeu9i] {
    accent-color: var(--vk-blue-700);
    cursor: pointer;
}

.pjp-section-title[b-90qs7aeu9i] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 850;
    justify-content: space-between;
    margin: 1.15rem 0 0.85rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}

.detail-editor[b-90qs7aeu9i] {
    align-items: end;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1.2fr) minmax(120px, 0.7fr) minmax(140px, 0.8fr) minmax(250px, 1.5fr) auto;
    margin-bottom: 1rem;
    padding: 0.75rem;
}

.weekday-field[b-90qs7aeu9i] {
    display: grid;
    gap: 0.35rem;
}

.weekday-grid[b-90qs7aeu9i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.weekday-grid label[b-90qs7aeu9i] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 999px;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    gap: 0.25rem;
    min-height: 32px;
    padding: 0.28rem 0.5rem;
}

.detail-add-button[b-90qs7aeu9i] {
    white-space: nowrap;
}

.detail-table-wrap[b-90qs7aeu9i] {
    margin-top: 0.75rem;
}

.form-actions[b-90qs7aeu9i] {
    flex-wrap: wrap;
    margin-top: 1rem;
}

.validation-list[b-90qs7aeu9i] {
    color: var(--vk-danger);
    margin-bottom: 0.8rem;
}

.schedule-grid[b-90qs7aeu9i] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.schedule-day[b-90qs7aeu9i] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    min-width: 0;
    padding: 0.8rem;
}

.schedule-day header[b-90qs7aeu9i] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: grid;
    gap: 0.18rem;
    margin-bottom: 0.6rem;
    padding-bottom: 0.55rem;
}

.schedule-day header strong[b-90qs7aeu9i] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 900;
}

.schedule-day header span[b-90qs7aeu9i] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 750;
}

.route-list[b-90qs7aeu9i] {
    counter-reset: route;
    display: grid;
    gap: 0.65rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.route-list li[b-90qs7aeu9i] {
    display: grid;
    gap: 0.55rem;
    grid-template-columns: 28px minmax(0, 1fr);
    position: relative;
}

.route-list li:not(:last-child)[b-90qs7aeu9i]::after {
    background: var(--vk-blue-200);
    bottom: -0.58rem;
    content: "";
    left: 13px;
    position: absolute;
    top: 30px;
    width: 2px;
}

.route-sequence[b-90qs7aeu9i] {
    align-items: center;
    background: var(--vk-blue-700);
    border-radius: 999px;
    color: #fff;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 900;
    height: 28px;
    justify-content: center;
    width: 28px;
    z-index: 1;
}

.route-list strong[b-90qs7aeu9i],
.route-list em[b-90qs7aeu9i],
.route-list small[b-90qs7aeu9i] {
    display: block;
}

.route-list strong[b-90qs7aeu9i] {
    color: var(--vk-text);
    font-size: 0.82rem;
}

.route-list em[b-90qs7aeu9i] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-style: normal;
    font-weight: 750;
}

.route-list small[b-90qs7aeu9i] {
    color: var(--vk-muted);
    font-size: 0.7rem;
    font-weight: 700;
    margin-top: 0.12rem;
}

@container layout (max-width: 1100px) {
    .pjp-form-grid[b-90qs7aeu9i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@container layout (max-width: 720px) {
    .pjp-header[b-90qs7aeu9i],
    .pjp-inline-editor-header[b-90qs7aeu9i] {
        flex-direction: column;
    }

    .pjp-header-actions[b-90qs7aeu9i] {
        justify-content: flex-start;
    }

    .pjp-form-grid[b-90qs7aeu9i],
    .detail-editor[b-90qs7aeu9i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .pjp-form-grid[b-90qs7aeu9i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

@media (max-width: 768px) {
    .pjp-header[b-90qs7aeu9i],
    .pjp-inline-editor-header[b-90qs7aeu9i] {
        flex-direction: column;
    }

    .pjp-header-actions[b-90qs7aeu9i] {
        justify-content: flex-start;
    }

    .pjp-form-grid[b-90qs7aeu9i],
    .detail-editor[b-90qs7aeu9i] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PreSale.razor.rz.scp.css */
.ps-panel[b-liext57xkq] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.ps-header[b-liext57xkq] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 0.85rem;
}

.ps-header h2[b-liext57xkq] {
    color: var(--vk-text);
    font-size: 1rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.ps-header span[b-liext57xkq] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.ps-tabs[b-liext57xkq] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    border-top: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.35rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    padding: 0.65rem 0;
}

.ps-tabs a[b-liext57xkq] {
    border-radius: 7px;
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.48rem 0.72rem;
    text-decoration: none;
    white-space: nowrap;
}

.ps-tabs a:hover[b-liext57xkq],
.ps-tabs a.active[b-liext57xkq] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
}

.ps-content[b-liext57xkq] {
    min-height: 200px;
}

.ps-iframe[b-liext57xkq] {
    border: none;
    width: 100%;
    min-height: 600px;
}

.ps-placeholder[b-liext57xkq] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    justify-content: center;
    min-height: 300px;
    opacity: 1;
    text-align: center;
}

.ps-placeholder img[b-liext57xkq] {
    filter: var(--vk-nav-active-icon-filter);
    height: 48px;
    opacity: 0.5;
    width: 48px;
}

.ps-placeholder h3[b-liext57xkq] {
    color: var(--vk-text);
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
}

.ps-placeholder p[b-liext57xkq] {
    color: var(--vk-muted);
    font-size: 0.85rem;
    margin: 0;
    max-width: 420px;
}

.ps-placeholder-link[b-liext57xkq] {
    background: var(--vk-blue-050);
    border-radius: 7px;
    color: var(--vk-blue-800);
    font-size: 0.82rem;
    font-weight: 800;
    padding: 0.48rem 0.85rem;
    text-decoration: none;
}

.ps-placeholder-link:hover[b-liext57xkq] {
    background: var(--vk-blue-100, #dbeafe);
}
/* /Pages/PrimaryProductPriceReport.razor.rz.scp.css */
.report-panel[b-ey4syxc56i] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.report-header[b-ey4syxc56i] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.report-header h2[b-ey4syxc56i] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.report-header span[b-ey4syxc56i],
.report-field span[b-ey4syxc56i] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.report-record-badge[b-ey4syxc56i] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.report-header-actions[b-ey4syxc56i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.report-icon-button[b-ey4syxc56i] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.report-icon-button img[b-ey4syxc56i] {
    height: 16px;
    width: 16px;
}

.btn-primary.report-icon-button img[b-ey4syxc56i] {
    filter: brightness(0) invert(1);
}

.report-toolbar[b-ey4syxc56i] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.report-field[b-ey4syxc56i] {
    flex: 1 1 10.5rem;
    min-width: min(100%, 9.5rem);
}

.report-field.search[b-ey4syxc56i] {
    flex: 1 1 260px;
}

.report-field .form-control[b-ey4syxc56i],
.report-field .form-select[b-ey4syxc56i] {
    font-size: 0.82rem;
    min-height: var(--vk-control-height);
}

.report-loading[b-ey4syxc56i],
.report-empty[b-ey4syxc56i] {
    color: var(--vk-muted);
    font-size: 0.85rem;
    font-weight: 750;
    padding: 2rem 0;
    text-align: center;
}

.report-table-wrapper[b-ey4syxc56i] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.report-table[b-ey4syxc56i] {
    font-size: 0.78rem;
    min-width: 1100px;
    white-space: nowrap;
}

.report-table thead th[b-ey4syxc56i] {
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.55rem 0.65rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.report-table tbody td[b-ey4syxc56i] {
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-text);
    font-size: 0.78rem;
    padding: 0.5rem 0.65rem;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-ey4syxc56i] {
    background: var(--vk-blue-050);
}

.report-table .text-primary[b-ey4syxc56i] {
    color: var(--vk-blue-700) !important;
}

.report-table .fw-bold[b-ey4syxc56i] {
    font-weight: 800 !important;
}
/* /Pages/Productmaster.razor.rz.scp.css */
.product-panel[b-tbi22vnh96] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.product-header[b-tbi22vnh96] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.product-header h2[b-tbi22vnh96] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.product-header span[b-tbi22vnh96],
.product-field span[b-tbi22vnh96] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.product-record-badge[b-tbi22vnh96] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.product-header-actions[b-tbi22vnh96],
.row-actions[b-tbi22vnh96],
.form-actions[b-tbi22vnh96] {
    display: flex;
    gap: 0.5rem;
}

.product-header-actions[b-tbi22vnh96] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.product-icon-button[b-tbi22vnh96] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.product-icon-button img[b-tbi22vnh96] {
    height: 16px;
    width: 16px;
}

.btn-primary.product-icon-button img[b-tbi22vnh96] {
    filter: brightness(0) invert(1);
}

.product-toolbar[b-tbi22vnh96] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1.4fr) minmax(120px, 0.7fr) repeat(4, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.product-field[b-tbi22vnh96] {
    display: grid;
    gap: 0.35rem;
}

.product-field > span[b-tbi22vnh96] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.product-field.wide[b-tbi22vnh96] {
    grid-column: span 3;
}

.code-input[b-tbi22vnh96] {
    text-transform: uppercase;
}

.product-table-wrap[b-tbi22vnh96] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.product-table[b-tbi22vnh96] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1120px;
    width: 100%;
}

.product-table th[b-tbi22vnh96] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.product-table td[b-tbi22vnh96] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: top;
}

.product-table tbody tr:hover[b-tbi22vnh96],
.product-table tbody tr:has(.selected-row)[b-tbi22vnh96],
.product-table tbody tr.selected-row[b-tbi22vnh96] {
    background: var(--vk-blue-050);
}

.product-table tbody tr.selected-row[b-tbi22vnh96] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.product-table tbody tr:has(.status-pill.inactive)[b-tbi22vnh96] {
    opacity: 0.78;
}

.product-table strong[b-tbi22vnh96] {
    color: var(--vk-text);
    font-weight: 850;
}

.product-subtext[b-tbi22vnh96] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.product-field .field-tip[b-tbi22vnh96] {
    display: inline-flex;
    margin: 0 0 0 0.3rem;
    position: relative;
    text-transform: none;
    vertical-align: middle;
}

.product-field .field-tip-mark[b-tbi22vnh96] {
    align-items: center;
    border: 1px solid var(--vk-border);
    border-radius: 50%;
    color: var(--vk-muted);
    cursor: help;
    display: inline-flex;
    font-size: 0.68rem;
    font-style: italic;
    font-weight: 800;
    height: 0.95rem;
    justify-content: center;
    line-height: 1;
    margin: 0;
    width: 0.95rem;
}

.product-field .field-tip-bubble[b-tbi22vnh96] {
    background: var(--vk-surface, #fff);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    color: var(--vk-text);
    display: none;
    font-size: 0.78rem;
    font-weight: 650;
    left: 0;
    line-height: 1.35;
    margin: 0;
    padding: 0.55rem 0.7rem;
    position: absolute;
    text-transform: none;
    top: calc(100% + 0.35rem);
    width: 16rem;
    z-index: 30;
}

.product-field .field-tip:hover .field-tip-bubble[b-tbi22vnh96] {
    display: block;
}

.actions-column[b-tbi22vnh96] {
    width: 132px;
}

.row-actions[b-tbi22vnh96] {
    justify-content: flex-end;
}

.icon-only-btn[b-tbi22vnh96] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-tbi22vnh96] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn:disabled[b-tbi22vnh96] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn.danger:hover[b-tbi22vnh96] {
    background: var(--vk-danger-soft);
    box-shadow: inset 0 0 0 1px var(--vk-danger-soft-border), var(--vk-shadow-sm);
}

.icon-only-btn img[b-tbi22vnh96] {
    height: 16px;
    width: 16px;
}

.status-pill[b-tbi22vnh96] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-tbi22vnh96] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-tbi22vnh96] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.product-flag-list[b-tbi22vnh96] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    max-width: 210px;
}

.product-flag[b-tbi22vnh96] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 850;
    padding: 0.18rem 0.45rem;
}

.product-empty[b-tbi22vnh96] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.product-alert[b-tbi22vnh96] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.product-alert.success[b-tbi22vnh96] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.product-alert.error[b-tbi22vnh96] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.product-alert button[b-tbi22vnh96] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.product-modal-alert[b-tbi22vnh96] {
    margin-bottom: 1rem;
}

.product-form-grid[b-tbi22vnh96] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    margin-bottom: 1rem;
}

.product-textarea[b-tbi22vnh96] {
    min-height: 92px;
    resize: vertical;
}

.product-checkbox-grid[b-tbi22vnh96] {
    display: grid;
    gap: 0.65rem 0.9rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1rem;
}

.product-checkbox-grid label[b-tbi22vnh96] {
    align-items: center;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.88rem;
    font-weight: 750;
    gap: 0.5rem;
}

.product-checkbox-grid input[type="checkbox"][b-tbi22vnh96] {
    accent-color: var(--vk-blue-700);
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.product-form-footer[b-tbi22vnh96] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.product-form-actions[b-tbi22vnh96] {
    display: flex;
    gap: 0.5rem;
}

.form-actions[b-tbi22vnh96] {
    margin-top: 1rem;
}

.validation-list[b-tbi22vnh96] {
    color: var(--vk-danger);
    margin-bottom: 0.8rem;
}

.multi-select-field[b-tbi22vnh96] {
    position: relative;
}

.multi-select-trigger[b-tbi22vnh96] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    font-size: 0.82rem;
    gap: 0.35rem;
    justify-content: space-between;
    padding: 0.4rem 0.55rem;
    text-align: left;
    width: 100%;
}

.multi-select-trigger:hover[b-tbi22vnh96] {
    border-color: var(--vk-border-strong);
}

.multi-select-arrow[b-tbi22vnh96] {
    color: var(--vk-muted);
    font-size: 0.7rem;
}

.multi-select-dropdown[b-tbi22vnh96] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 6px;
    box-shadow: var(--vk-shadow-md);
    max-height: 280px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100;
}

.multi-select-search[b-tbi22vnh96] {
    border-bottom: 1px solid var(--vk-border);
    position: sticky;
    top: 0;
    background: var(--vk-surface-raised);
    padding: 0.35rem;
    z-index: 1;
}

.multi-select-search input[b-tbi22vnh96] {
    font-size: 0.8rem;
    padding: 0.3rem 0.45rem;
}

.multi-select-option[b-tbi22vnh96] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 0.82rem;
    gap: 0.45rem;
    padding: 0.45rem 0.6rem;
}

.multi-select-option:hover[b-tbi22vnh96] {
    background: var(--vk-blue-050);
}

.multi-select-option.selected[b-tbi22vnh96] {
    background: var(--vk-blue-050);
    font-weight: 850;
}

.multi-select-option.select-all[b-tbi22vnh96] {
    border-bottom: 1px solid var(--vk-border);
}

.multi-select-check[b-tbi22vnh96] {
    color: var(--vk-blue-700);
    flex-shrink: 0;
    font-size: 0.75rem;
    visibility: hidden;
    width: 14px;
}

.multi-select-option.selected .multi-select-check[b-tbi22vnh96] {
    visibility: visible;
}

.filter-distributor[b-tbi22vnh96] {
    min-width: 180px;
}

.distributor-multi-field[b-tbi22vnh96] {
    border: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.distributor-multi-list[b-tbi22vnh96] {
    position: relative;
}

@container layout (max-width: 1100px) {
    .product-toolbar[b-tbi22vnh96] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .product-field.wide[b-tbi22vnh96] {
        grid-column: span 2;
    }
}

@container layout (max-width: 700px) {
    .product-header[b-tbi22vnh96] {
        flex-direction: column;
    }

    .product-header-actions[b-tbi22vnh96] {
        justify-content: flex-start;
    }

    .product-toolbar[b-tbi22vnh96],
    .product-form-grid[b-tbi22vnh96],
    .product-checkbox-grid[b-tbi22vnh96] {
        grid-template-columns: 1fr;
    }

    .product-field.wide[b-tbi22vnh96] {
        grid-column: auto;
    }

    .product-form-footer[b-tbi22vnh96],
    .form-actions[b-tbi22vnh96] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (max-width: 1200px) {
    .product-toolbar[b-tbi22vnh96] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .product-header[b-tbi22vnh96] {
        flex-direction: column;
    }

    .product-header-actions[b-tbi22vnh96] {
        justify-content: flex-start;
    }

    .product-toolbar[b-tbi22vnh96],
    .product-form-grid[b-tbi22vnh96],
    .product-checkbox-grid[b-tbi22vnh96] {
        grid-template-columns: 1fr;
    }

    .product-field.wide[b-tbi22vnh96] {
        grid-column: auto;
    }

    .product-form-footer[b-tbi22vnh96],
    .form-actions[b-tbi22vnh96] {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}
/* /Pages/ProductMasterReport.razor.rz.scp.css */
.report-panel[b-scqrrywald] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.report-header[b-scqrrywald] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.report-header h2[b-scqrrywald] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.report-header span[b-scqrrywald],
.report-field span[b-scqrrywald] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.report-record-badge[b-scqrrywald] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.report-header-actions[b-scqrrywald] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.report-icon-button[b-scqrrywald] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.report-icon-button img[b-scqrrywald] {
    height: 16px;
    width: 16px;
}

.btn-primary.report-icon-button img[b-scqrrywald] {
    filter: brightness(0) invert(1);
}

.report-toolbar[b-scqrrywald] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.report-field[b-scqrrywald] {
    flex: 1 1 10.5rem;
    min-width: min(100%, 9.5rem);
}

.report-field.search[b-scqrrywald] {
    flex: 1 1 260px;
}

.report-field .form-control[b-scqrrywald],
.report-field .form-select[b-scqrrywald] {
    font-size: 0.82rem;
    min-height: var(--vk-control-height);
}

.report-loading[b-scqrrywald],
.report-empty[b-scqrrywald] {
    color: var(--vk-muted);
    font-size: 0.85rem;
    font-weight: 750;
    padding: 2rem 0;
    text-align: center;
}

.report-table-wrapper[b-scqrrywald] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.report-table[b-scqrrywald] {
    font-size: 0.78rem;
    min-width: 1100px;
    white-space: nowrap;
}

.report-table thead th[b-scqrrywald] {
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.55rem 0.65rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.report-table tbody td[b-scqrrywald] {
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-text);
    font-size: 0.78rem;
    padding: 0.5rem 0.65rem;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-scqrrywald] {
    background: var(--vk-blue-050);
}

.report-table .text-primary[b-scqrrywald] {
    color: var(--vk-blue-700) !important;
}

.report-table .fw-bold[b-scqrrywald] {
    font-weight: 800 !important;
}
/* /Pages/ProductPricing.razor.rz.scp.css */
.pricing-panel[b-3ocu41a8vp] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.pricing-header[b-3ocu41a8vp] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.pricing-header h2[b-3ocu41a8vp] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.pricing-header span[b-3ocu41a8vp],
.pricing-field > span[b-3ocu41a8vp] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.pricing-record-badge[b-3ocu41a8vp] {
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.pricing-header-actions[b-3ocu41a8vp],
.row-actions[b-3ocu41a8vp],
.form-actions[b-3ocu41a8vp] {
    display: flex;
    gap: 0.5rem;
}

.pricing-icon-button[b-3ocu41a8vp] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
}

.pricing-icon-button img[b-3ocu41a8vp] {
    height: 16px;
    width: 16px;
}

.btn-primary.pricing-icon-button img[b-3ocu41a8vp] {
    filter: brightness(0) invert(1);
}

.pricing-toolbar[b-3ocu41a8vp] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(180px, 0.8fr));
    margin-bottom: 1rem;
}

.pricing-field[b-3ocu41a8vp] {
    display: grid;
    gap: 0.35rem;
}

.pricing-field > span[b-3ocu41a8vp] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.pricing-table-wrap[b-3ocu41a8vp] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.pricing-table[b-3ocu41a8vp] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1100px;
    width: 100%;
}

.pricing-table th[b-3ocu41a8vp] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.pricing-table td[b-3ocu41a8vp] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.86rem;
    padding: 0.72rem 0.75rem;
    vertical-align: top;
}

.pricing-table tbody tr:hover[b-3ocu41a8vp],
.pricing-table tbody tr:has(.selected-row)[b-3ocu41a8vp],
.pricing-table tbody tr.selected-row[b-3ocu41a8vp] {
    background: var(--vk-blue-050);
}

.pricing-table tbody tr.selected-row[b-3ocu41a8vp] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.pricing-table tbody tr:has(.status-pill.inactive)[b-3ocu41a8vp] {
    opacity: 0.78;
}

.pricing-table strong[b-3ocu41a8vp] {
    color: var(--vk-text);
    font-weight: 850;
}

.pricing-subtext[b-3ocu41a8vp] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.field-tip[b-3ocu41a8vp] {
    display: inline-flex;
    margin-left: 0.3rem;
    position: relative;
    text-transform: none;
    vertical-align: middle;
}

.field-tip-mark[b-3ocu41a8vp] {
    align-items: center;
    border: 1px solid var(--vk-border);
    border-radius: 50%;
    color: var(--vk-muted);
    cursor: help;
    display: inline-flex;
    font-size: 0.68rem;
    font-style: italic;
    font-weight: 800;
    height: 0.95rem;
    justify-content: center;
    line-height: 1;
    width: 0.95rem;
}

.field-tip-bubble[b-3ocu41a8vp] {
    background: var(--vk-surface, #fff);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    color: var(--vk-text);
    display: none;
    font-size: 0.78rem;
    font-weight: 650;
    left: 0;
    line-height: 1.35;
    padding: 0.55rem 0.7rem;
    position: absolute;
    text-transform: none;
    top: calc(100% + 0.35rem);
    width: 16rem;
    z-index: 30;
}

.field-tip:hover .field-tip-bubble[b-3ocu41a8vp] {
    display: block;
}

.actions-column[b-3ocu41a8vp] {
    width: 132px;
}

.row-actions[b-3ocu41a8vp] {
    justify-content: flex-end;
}

.icon-only-btn[b-3ocu41a8vp] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.icon-only-btn:hover[b-3ocu41a8vp] {
    background: var(--vk-surface-hover);
}

.icon-only-btn:disabled[b-3ocu41a8vp] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn.danger:hover[b-3ocu41a8vp] {
    background: var(--vk-danger-soft);
}

.icon-only-btn img[b-3ocu41a8vp] {
    height: 16px;
    width: 16px;
}

.status-pill[b-3ocu41a8vp] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-3ocu41a8vp] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-3ocu41a8vp] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.pricing-empty[b-3ocu41a8vp] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.pricing-alert[b-3ocu41a8vp] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    padding: 0.75rem 0.9rem;
}

.pricing-alert.success[b-3ocu41a8vp] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.pricing-alert.error[b-3ocu41a8vp] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.pricing-alert button[b-3ocu41a8vp] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
}

.pricing-form-grid[b-3ocu41a8vp] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pricing-checkbox-grid[b-3ocu41a8vp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
    margin-top: 1rem;
}

.pricing-checkbox-grid label[b-3ocu41a8vp] {
    align-items: center;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 750;
    gap: 0.45rem;
}

.single-select-field[b-3ocu41a8vp] {
    display: grid;
    gap: 0.35rem;
    position: relative;
}

.single-select-trigger[b-3ocu41a8vp] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    font-size: 0.82rem;
    gap: 0.35rem;
    justify-content: space-between;
    min-height: 31px;
    padding: 0.4rem 0.55rem;
    text-align: left;
    width: 100%;
}

.single-select-trigger:hover[b-3ocu41a8vp] {
    border-color: var(--vk-border-strong);
}

.single-select-dropdown[b-3ocu41a8vp] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 6px;
    box-shadow: var(--vk-shadow-md);
    max-height: 260px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100;
}

.single-select-option[b-3ocu41a8vp] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 0.82rem;
    padding: 0.45rem 0.6rem;
}

.single-select-option:hover[b-3ocu41a8vp] {
    background: var(--vk-blue-050);
}

.single-select-option.selected[b-3ocu41a8vp] {
    background: var(--vk-blue-050);
    font-weight: 850;
}

.form-actions[b-3ocu41a8vp] {
    margin-top: 1rem;
}

.validation-list[b-3ocu41a8vp] {
    color: var(--vk-danger);
    margin-bottom: 0.8rem;
}

.pricing-form-grid .single-select-field[b-3ocu41a8vp] {
    grid-column: span 2;
}

.pricing-uom-grid[b-3ocu41a8vp] {
    align-items: center;
    border-top: 1px solid var(--vk-card-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.2rem;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
}

.pricing-uom-grid .switch[b-3ocu41a8vp] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
}

.pricing-uom-grid .switch input[type="checkbox"][b-3ocu41a8vp] {
    accent-color: var(--vk-blue-600);
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.pricing-uom-grid .slider[b-3ocu41a8vp] {
    display: none;
}

.uom-label[b-3ocu41a8vp] {
    color: var(--vk-text);
    font-size: 0.86rem;
    font-weight: 750;
}

.pricing-uom-calc[b-3ocu41a8vp] {
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.pricing-field input[readonly][b-3ocu41a8vp] {
    background: var(--vk-surface-filled);
    cursor: default;
    opacity: 0.75;
}

@container layout (max-width: 700px) {
    .pricing-header[b-3ocu41a8vp] {
        flex-direction: column;
    }

    .pricing-toolbar[b-3ocu41a8vp],
    .pricing-form-grid[b-3ocu41a8vp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .pricing-header[b-3ocu41a8vp] {
        flex-direction: column;
    }

    .pricing-toolbar[b-3ocu41a8vp],
    .pricing-form-grid[b-3ocu41a8vp] {
        grid-template-columns: 1fr;
    }
}

.view-readonly[b-3ocu41a8vp] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
    pointer-events: none;
}

.view-readonly :disabled[b-3ocu41a8vp] {
    color: var(--vk-text);
    opacity: 1;
}
/* /Pages/PromotionManagement.razor.rz.scp.css */
.promotion-check[b-onk7x0o9xn] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    margin: 0.2rem 0 0.35rem;
}

.promotion-check input[b-onk7x0o9xn] {
    height: 1rem;
    width: 1rem;
}

.promotion-check span[b-onk7x0o9xn] {
    color: var(--vk-text);
    font-size: 0.86rem;
    font-weight: 700;
    margin: 0;
}

.promotion-panel[b-onk7x0o9xn] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.promotion-header[b-onk7x0o9xn] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 0.85rem;
}

.promotion-header.form-open[b-onk7x0o9xn] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    margin-bottom: 0.9rem;
}

.promotion-form-screen[b-onk7x0o9xn] {
    min-width: 0;
}

.promotion-header h2[b-onk7x0o9xn],
.promotion-inline-editor-header h2[b-onk7x0o9xn] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.promotion-header span[b-onk7x0o9xn],
.promotion-field > span[b-onk7x0o9xn],
.promotion-inline-editor-header span[b-onk7x0o9xn] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.promotion-record-badge[b-onk7x0o9xn] {
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.promotion-header-actions[b-onk7x0o9xn],
.row-actions[b-onk7x0o9xn],
.form-actions[b-onk7x0o9xn],
.form-section-title.with-action[b-onk7x0o9xn] {
    display: flex;
    gap: 0.5rem;
}

.promotion-header-actions[b-onk7x0o9xn] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.promotion-icon-button[b-onk7x0o9xn] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
}

.promotion-icon-button img[b-onk7x0o9xn] {
    height: 16px;
    width: 16px;
}

.btn-primary.promotion-icon-button img[b-onk7x0o9xn] {
    filter: brightness(0) invert(1);
}

.promotion-tabs[b-onk7x0o9xn] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    border-top: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.35rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    padding: 0.65rem 0;
}

.promotion-tabs a[b-onk7x0o9xn] {
    border-radius: 7px;
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.48rem 0.72rem;
    text-decoration: none;
    white-space: nowrap;
}

.promotion-tabs a:hover[b-onk7x0o9xn],
.promotion-tabs a.active[b-onk7x0o9xn] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
}

.promotion-toolbar[b-onk7x0o9xn] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.promotion-field[b-onk7x0o9xn] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.promotion-field > span[b-onk7x0o9xn] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.promotion-field.search[b-onk7x0o9xn] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.promotion-field.span-2[b-onk7x0o9xn] {
    grid-column: span 2;
    min-width: 0;
}

.promotion-table-wrap[b-onk7x0o9xn],
.sku-table-wrap[b-onk7x0o9xn] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.promotion-table[b-onk7x0o9xn],
.sku-table[b-onk7x0o9xn] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    width: 100%;
}

.promotion-table[b-onk7x0o9xn] {
    min-width: 1180px;
}

.promotion-table.discount-table[b-onk7x0o9xn] {
    min-width: 1320px;
}

.sku-table[b-onk7x0o9xn] {
    min-width: 680px;
}

.promotion-table th[b-onk7x0o9xn],
.sku-table th[b-onk7x0o9xn] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.promotion-table td[b-onk7x0o9xn],
.sku-table td[b-onk7x0o9xn] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.86rem;
    padding: 0.72rem 0.75rem;
    vertical-align: top;
}

.promotion-table tbody tr:hover[b-onk7x0o9xn],
.promotion-table tbody tr:has(.selected-row)[b-onk7x0o9xn],
.promotion-table tbody tr.selected-row[b-onk7x0o9xn] {
    background: var(--vk-blue-050);
}

.promotion-table tbody tr.selected-row[b-onk7x0o9xn] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.promotion-table tbody tr:has(.status-pill.inactive)[b-onk7x0o9xn] {
    opacity: 0.78;
}

.promotion-table strong[b-onk7x0o9xn],
.sku-table strong[b-onk7x0o9xn] {
    color: var(--vk-text);
    font-weight: 850;
}

.promotion-subtext[b-onk7x0o9xn] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.field-tip[b-onk7x0o9xn] {
    display: inline-flex;
    margin-left: 0.3rem;
    position: relative;
    text-transform: none;
    vertical-align: middle;
}

.field-tip-mark[b-onk7x0o9xn] {
    align-items: center;
    border: 1px solid var(--vk-border);
    border-radius: 50%;
    color: var(--vk-muted);
    cursor: help;
    display: inline-flex;
    font-size: 0.68rem;
    font-style: italic;
    font-weight: 800;
    height: 0.95rem;
    justify-content: center;
    line-height: 1;
    width: 0.95rem;
}

.field-tip-bubble[b-onk7x0o9xn] {
    background: var(--vk-surface, #fff);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    color: var(--vk-text);
    display: none;
    font-size: 0.78rem;
    font-weight: 650;
    left: 0;
    line-height: 1.35;
    padding: 0.55rem 0.7rem;
    position: absolute;
    text-transform: none;
    top: calc(100% + 0.35rem);
    width: 16rem;
    z-index: 30;
}

.field-tip:hover .field-tip-bubble[b-onk7x0o9xn] {
    display: block;
}

.promotion-readonly[b-onk7x0o9xn] {
    color: var(--vk-text);
    font-weight: 750;
    line-height: 1.35;
}

.toggle-column[b-onk7x0o9xn] {
    width: 42px;
}

.actions-column[b-onk7x0o9xn] {
    width: 96px;
}

.row-actions[b-onk7x0o9xn] {
    justify-content: flex-end;
}

.expand-button[b-onk7x0o9xn],
.icon-only-btn[b-onk7x0o9xn] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.expand-button[b-onk7x0o9xn] {
    color: var(--vk-blue-800);
    font-size: 1.05rem;
    font-weight: 900;
}

.expand-button:hover[b-onk7x0o9xn],
.icon-only-btn:hover[b-onk7x0o9xn] {
    background: var(--vk-surface-hover);
}

.icon-only-btn:disabled[b-onk7x0o9xn] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn.danger:hover[b-onk7x0o9xn] {
    background: var(--vk-danger-soft);
}

.icon-only-btn img[b-onk7x0o9xn] {
    height: 16px;
    width: 16px;
}

.status-pill[b-onk7x0o9xn] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-onk7x0o9xn] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-onk7x0o9xn] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.promotion-empty[b-onk7x0o9xn] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.promotion-empty.compact[b-onk7x0o9xn] {
    padding: 0.2rem;
    text-align: left;
}

.details-row td[b-onk7x0o9xn] {
    background: var(--vk-surface-filled);
}

.detail-grid[b-onk7x0o9xn] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.detail-item[b-onk7x0o9xn] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 7px;
    display: grid;
    gap: 0.25rem;
    padding: 0.65rem;
}

.detail-item span[b-onk7x0o9xn] {
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.promotion-alert[b-onk7x0o9xn] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.8rem;
    padding: 0.75rem 0.9rem;
}

.promotion-alert.success[b-onk7x0o9xn] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.promotion-alert.error[b-onk7x0o9xn] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.promotion-alert button[b-onk7x0o9xn] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
}

.promotion-inline-editor[b-onk7x0o9xn] {
    border-top: 1px solid var(--vk-card-border-soft);
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    animation: inlineEditorSlideDown-b-onk7x0o9xn 0.3s ease-out;
    scroll-margin-top: 1rem;
}

.promotion-inline-editor-card[b-onk7x0o9xn] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: visible;
}

@keyframes inlineEditorSlideDown-b-onk7x0o9xn {
    from {
        opacity: 0;
        transform: translateY(-16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.promotion-inline-editor-header[b-onk7x0o9xn] {
    align-items: flex-start;
    background: var(--vk-surface-raised);
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.promotion-inline-editor-content[b-onk7x0o9xn] {
    padding: 1rem;
}

.promotion-form-grid[b-onk7x0o9xn] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.promotion-form-grid > .promotion-field[b-onk7x0o9xn],
.promotion-form-grid > .promotion-check[b-onk7x0o9xn] {
    min-width: 0;
}

.promotion-form-grid .form-control[b-onk7x0o9xn],
.promotion-form-grid .form-select[b-onk7x0o9xn],
.promotion-form-grid .searchable-multi-trigger[b-onk7x0o9xn] {
    max-width: 100%;
    width: 100%;
}

.searchable-multi-field[b-onk7x0o9xn] {
    position: relative;
}

.searchable-multi-trigger[b-onk7x0o9xn] {
    align-items: center;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    color: var(--vk-text);
    cursor: pointer;
    display: flex;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.5rem;
    justify-content: space-between;
    min-height: var(--vk-control-height);
    padding: 0.45rem 0.62rem;
    text-align: left;
    width: 100%;
}

.searchable-multi-trigger:hover[b-onk7x0o9xn] {
    border-color: var(--vk-border-strong);
}

.searchable-multi-trigger.invalid[b-onk7x0o9xn] {
    border-color: var(--vk-danger);
    box-shadow: 0 0 0 0.12rem color-mix(in srgb, var(--vk-danger) 14%, transparent);
}

.searchable-multi-trigger > span:first-child[b-onk7x0o9xn] {
    color: var(--vk-text);
    flex: 1;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.searchable-multi-arrow[b-onk7x0o9xn] {
    color: var(--vk-muted);
    flex-shrink: 0;
    font-size: 0.72rem;
}

.searchable-multi-dropdown[b-onk7x0o9xn] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 7px;
    box-shadow: var(--vk-shadow-md);
    left: 0;
    max-height: 280px;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 4px);
    width: 100%;
    z-index: 80;
}

.searchable-multi-dropdown.tall[b-onk7x0o9xn] {
    max-height: 340px;
}

.searchable-multi-search[b-onk7x0o9xn] {
    background: var(--vk-surface-raised);
    border-bottom: 1px solid var(--vk-border);
    padding: 0.42rem;
    position: sticky;
    top: 0;
    z-index: 1;
}

.searchable-multi-search input[b-onk7x0o9xn] {
    font-size: 0.82rem;
    padding: 0.34rem 0.48rem;
}

.searchable-multi-option[b-onk7x0o9xn] {
    align-items: center;
    color: var(--vk-text);
    cursor: pointer;
    display: grid;
    font-size: 0.83rem;
    font-weight: 700;
    gap: 0.45rem;
    grid-template-columns: 16px minmax(0, 1fr);
    min-height: 34px;
    padding: 0.45rem 0.62rem;
}

.searchable-multi-option.with-action[b-onk7x0o9xn] {
    grid-template-columns: 16px minmax(0, 1fr) auto;
}

.searchable-multi-option:hover[b-onk7x0o9xn],
.searchable-multi-option.selected[b-onk7x0o9xn] {
    background: var(--vk-blue-050);
}

.searchable-multi-option.selected[b-onk7x0o9xn] {
    font-weight: 850;
}

.searchable-multi-check[b-onk7x0o9xn] {
    color: var(--vk-blue-700);
    font-size: 0.74rem;
    visibility: hidden;
}

.searchable-multi-option.selected .searchable-multi-check[b-onk7x0o9xn] {
    visibility: visible;
}

.searchable-multi-label[b-onk7x0o9xn] {
    line-height: 1.25;
    min-width: 0;
}

.searchable-multi-empty[b-onk7x0o9xn] {
    color: var(--vk-muted);
    font-size: 0.82rem;
    font-weight: 750;
    padding: 0.7rem;
}

.field-validation-message[b-onk7x0o9xn] {
    color: var(--vk-danger);
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1.25;
    margin-top: -0.12rem;
}

.sku-required-toggle[b-onk7x0o9xn] {
    align-items: center;
    color: var(--vk-muted);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 750;
    gap: 0.35rem;
    white-space: nowrap;
}

.sku-required-toggle:has(input:disabled)[b-onk7x0o9xn] {
    cursor: not-allowed;
    opacity: 0.55;
}

.sku-table input[type="checkbox"][b-onk7x0o9xn],
.sku-required-toggle input[b-onk7x0o9xn] {
    accent-color: var(--vk-blue-600);
}

.form-section-title[b-onk7x0o9xn] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    color: var(--vk-text);
    display: flex;
    font-size: 0.9rem;
    font-weight: 850;
    justify-content: space-between;
    margin: 1.1rem 0 0.85rem;
    padding-bottom: 0.5rem;
    text-transform: uppercase;
}

.child-list[b-onk7x0o9xn] {
    display: grid;
    gap: 0.75rem;
}

.child-row[b-onk7x0o9xn] {
    align-items: end;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 8px;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1fr) minmax(120px, 180px) 38px;
    padding: 0.75rem;
}

.remove-child[b-onk7x0o9xn] {
    margin-bottom: 0.05rem;
}

.form-actions[b-onk7x0o9xn] {
    margin-top: 1rem;
}

.validation-list[b-onk7x0o9xn] {
    color: var(--vk-danger);
    margin-bottom: 0.8rem;
}

@container layout (max-width: 700px) {
    .promotion-header[b-onk7x0o9xn] {
        flex-direction: column;
    }

    .promotion-form-grid[b-onk7x0o9xn],
    .child-row[b-onk7x0o9xn] {
        grid-template-columns: 1fr;
    }

    .promotion-field.span-2[b-onk7x0o9xn] {
        grid-column: span 1;
    }
}

@media (max-width: 1100px) {
    .promotion-form-grid[b-onk7x0o9xn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .promotion-header[b-onk7x0o9xn] {
        flex-direction: column;
    }

    .promotion-form-grid[b-onk7x0o9xn],
    .child-row[b-onk7x0o9xn] {
        grid-template-columns: 1fr;
    }

    .promotion-field.span-2[b-onk7x0o9xn] {
        grid-column: span 1;
    }
}

.view-readonly[b-onk7x0o9xn] {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: 0;
    pointer-events: none;
}

.view-readonly :disabled[b-onk7x0o9xn] {
    color: var(--vk-text);
    opacity: 1;
}

.promotion-form-grid > .promotion-hint[b-onk7x0o9xn] {
    grid-column: 1 / -1;
    margin: -0.45rem 0 0;
}

.promotion-field > .promotion-hint[b-onk7x0o9xn],
.promotion-hint[b-onk7x0o9xn] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.75rem;
    font-weight: 650;
    line-height: 1.35;
    margin: 0.15rem 0 0;
    text-transform: none;
}

.sku-detail-table[b-onk7x0o9xn] {
    margin-bottom: 0.4rem;
}

.promo-sku-backdrop[b-onk7x0o9xn] {
    align-items: flex-start;
    background: var(--vk-modal-backdrop);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: visible;
    padding: 4rem 1rem 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 4100;
}

.promo-sku-modal[b-onk7x0o9xn] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    display: grid;
    gap: 0.75rem;
    max-width: 520px;
    padding: 1rem;
    width: min(520px, 100%);
}

.promo-sku-header[b-onk7x0o9xn] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.promo-sku-header h3[b-onk7x0o9xn] {
    font-size: 1rem;
    margin: 0;
}

.promo-sku-header button[b-onk7x0o9xn] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.4rem;
    line-height: 1;
}

.promo-sku-field[b-onk7x0o9xn] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
    width: 100%;
}

.promo-sku-field > span[b-onk7x0o9xn] {
    font-size: 0.76rem;
    font-weight: 750;
    text-transform: uppercase;
}

.promo-sku-field .form-control[b-onk7x0o9xn],
.promo-sku-field .form-select[b-onk7x0o9xn],
.promo-sku-modal .form-control[b-onk7x0o9xn],
.promo-sku-modal .promotion-field .form-control[b-onk7x0o9xn] {
    max-width: 100%;
    width: 100%;
}

.promo-sku-modal .promotion-field[b-onk7x0o9xn] {
    min-width: 0;
}
/* /Pages/PurchaseOrders.razor.rz.scp.css */
.po-panel[b-7ozzblp771] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.po-header[b-7ozzblp771] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.po-header h2[b-7ozzblp771] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.po-header span[b-7ozzblp771],
.po-field span[b-7ozzblp771] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.po-record-badge[b-7ozzblp771] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.po-header-actions[b-7ozzblp771],
.po-actions[b-7ozzblp771],
.row-actions[b-7ozzblp771],
.po-modal-footer[b-7ozzblp771] {
    display: flex;
    gap: 0.5rem;
}

.po-header-actions[b-7ozzblp771] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.po-icon-button[b-7ozzblp771] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.po-icon-button img[b-7ozzblp771] {
    height: 16px;
    width: 16px;
}

.po-form-grid[b-7ozzblp771] {
    display: grid;
    gap: 0.75rem;
}

.po-toolbar[b-7ozzblp771] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.po-form-grid[b-7ozzblp771] {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.po-detail-toolbar[b-7ozzblp771] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.po-section-title[b-7ozzblp771] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.po-section-hint[b-7ozzblp771] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    margin-top: 0.2rem;
}

.po-unit-grid[b-7ozzblp771] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.8fr) minmax(150px, 0.8fr);
}

.po-uom-block[b-7ozzblp771] {
    display: grid;
    gap: 0.85rem;
}

.po-price-grid[b-7ozzblp771] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
}

.po-uom-row[b-7ozzblp771] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(160px, 0.9fr) repeat(auto-fit, minmax(140px, 1fr));
}

.po-uom-label[b-7ozzblp771] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    min-height: var(--vk-control-height);
    padding-bottom: 0.15rem;
}

.po-uom-label strong[b-7ozzblp771] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 850;
}

.po-required[b-7ozzblp771] {
    color: var(--vk-danger, #c0392b);
    font-style: normal;
    font-weight: 800;
}

.po-switch[b-7ozzblp771] {
    display: inline-flex;
    height: 22px;
    position: relative;
    width: 42px;
}

.po-switch input[b-7ozzblp771] {
    height: 0;
    opacity: 0;
    width: 0;
}

.po-switch-slider[b-7ozzblp771] {
    background: var(--vk-border);
    border-radius: 999px;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.15s ease;
}

.po-switch-slider[b-7ozzblp771]::before {
    background: #fff;
    border-radius: 50%;
    bottom: 3px;
    content: "";
    height: 16px;
    left: 3px;
    position: absolute;
    transition: transform 0.15s ease;
    width: 16px;
}

.po-switch input:checked + .po-switch-slider[b-7ozzblp771] {
    background: var(--vk-blue-600, #2563eb);
}

.po-switch input:checked + .po-switch-slider[b-7ozzblp771]::before {
    transform: translateX(20px);
}

.po-segmented[b-7ozzblp771] {
    align-self: end;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: var(--vk-control-height);
    padding: 0.25rem;
}

.po-segmented button[b-7ozzblp771] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 850;
    min-width: 0;
    padding: 0.36rem 0.45rem;
}

.po-segmented button.active[b-7ozzblp771] {
    background: var(--vk-blue-050);
    box-shadow: inset 0 0 0 1px var(--vk-outline-primary-border);
    color: var(--vk-blue-800);
}

.po-field[b-7ozzblp771] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.po-field > span[b-7ozzblp771] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.po-field.search[b-7ozzblp771],
.po-field-wide[b-7ozzblp771] {
    flex: 1 1 14rem;
    grid-column: span 2;
}

.po-toolbar-button[b-7ozzblp771] {
    flex: 0 0 auto;
    min-height: var(--vk-control-height);
}

.po-table-wrap[b-7ozzblp771] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.po-table[b-7ozzblp771] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 980px;
    width: 100%;
}

.po-lines-table[b-7ozzblp771] {
    min-width: 1060px;
}

.po-receive-table[b-7ozzblp771] {
    min-width: 1080px;
}

.po-receive-controls[b-7ozzblp771] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1.2fr) minmax(160px, 0.8fr) minmax(160px, 0.8fr);
    margin-bottom: 0.85rem;
}

.po-history-section[b-7ozzblp771] {
    margin-top: 1rem;
}

.po-section-header[b-7ozzblp771] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.65rem;
}

.po-section-header h4[b-7ozzblp771] {
    color: var(--vk-text);
    font-size: 0.86rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.po-history-table[b-7ozzblp771] {
    min-width: 1120px;
}

.po-history-summary td[b-7ozzblp771] {
    border-bottom: 0;
}

.po-history-lines-row td[b-7ozzblp771] {
    background: var(--vk-surface-filled);
    padding-bottom: 0.9rem;
    padding-top: 0;
}

.po-history-lines[b-7ozzblp771] {
    display: grid;
    gap: 0.35rem;
}

.po-history-line[b-7ozzblp771] {
    align-items: center;
    border-top: 1px solid var(--vk-border);
    color: var(--vk-muted);
    display: grid;
    font-size: 0.78rem;
    gap: 0.6rem;
    grid-template-columns: minmax(220px, 1fr) repeat(4, minmax(92px, auto));
    padding-top: 0.45rem;
}

.po-history-line strong[b-7ozzblp771] {
    margin-right: 0.25rem;
}

.po-history-action[b-7ozzblp771] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 850;
    padding: 0.22rem 0.52rem;
    text-transform: uppercase;
}

.po-history-action.receive[b-7ozzblp771] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.po-history-action.cancel[b-7ozzblp771] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.po-table th[b-7ozzblp771] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.po-table td[b-7ozzblp771] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.po-table tbody tr:hover[b-7ozzblp771] {
    background: var(--vk-blue-050);
}

.po-table strong[b-7ozzblp771] {
    color: var(--vk-text);
    font-weight: 850;
}

.po-subtext[b-7ozzblp771] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.numeric[b-7ozzblp771] {
    text-align: right;
}

.po-number[b-7ozzblp771] {
    margin-left: auto;
    max-width: 132px;
    text-align: right;
}

.po-empty[b-7ozzblp771] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.po-actions[b-7ozzblp771] {
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.actions-column[b-7ozzblp771] {
    width: 172px;
}

.row-actions[b-7ozzblp771] {
    justify-content: flex-end;
}

.icon-only-btn[b-7ozzblp771] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-7ozzblp771] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn img[b-7ozzblp771] {
    height: 16px;
    width: 16px;
}

.po-status[b-7ozzblp771] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.24rem 0.5rem;
    text-transform: uppercase;
}

.po-totals[b-7ozzblp771] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.po-totals div[b-7ozzblp771],
.po-detail-grid div[b-7ozzblp771] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.2rem;
    min-width: 140px;
    padding: 0.58rem 0.7rem;
}

.po-totals span[b-7ozzblp771],
.po-detail-grid span[b-7ozzblp771] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 820;
    text-transform: uppercase;
}

.po-totals strong[b-7ozzblp771],
.po-detail-grid strong[b-7ozzblp771] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 900;
}

.po-alert[b-7ozzblp771] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.po-alert.success[b-7ozzblp771] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.po-alert.error[b-7ozzblp771] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.po-alert button[b-7ozzblp771],
.po-modal-header button[b-7ozzblp771] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.po-modal-backdrop[b-7ozzblp771] {
    align-items: center;
    animation: modalBackdropFadeIn-b-7ozzblp771 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.po-modal[b-7ozzblp771] {
    animation: modalSlideDown-b-7ozzblp771 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-width: 1080px;
    overflow: hidden;
    width: min(100%, 1080px);
}

/* Match Sale Order / Counter Sale product modal sizing. */
.po-modal.po-product-modal[b-7ozzblp771] {
    max-height: calc(100vh - 2rem);
    max-width: 680px;
    overflow: visible;
    width: min(100%, 680px);
}

.po-modal.po-product-modal .po-modal-body[b-7ozzblp771] {
    display: grid;
    gap: 0.9rem;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.po-modal.po-product-modal .po-unit-grid[b-7ozzblp771] {
    margin-top: 0;
}

@keyframes modalBackdropFadeIn-b-7ozzblp771 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-7ozzblp771 {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.po-modal-header[b-7ozzblp771] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.po-modal-header h3[b-7ozzblp771] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.po-modal-body[b-7ozzblp771] {
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.po-modal-footer[b-7ozzblp771] {
    border-top: 1px solid var(--vk-card-border-soft);
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.po-detail-grid[b-7ozzblp771] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    margin-bottom: 0.85rem;
}

.modal-table-wrap[b-7ozzblp771] {
    border-radius: 7px;
}

@container layout (max-width: 980px) {
    .po-form-grid[b-7ozzblp771],
    .po-receive-controls[b-7ozzblp771],
    .po-detail-grid[b-7ozzblp771] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .po-field.search[b-7ozzblp771],
    .po-field-wide[b-7ozzblp771] {
        grid-column: span 2;
    }
}

@container layout (max-width: 620px) {
    .po-header[b-7ozzblp771] {
        flex-direction: column;
    }

    .po-header-actions[b-7ozzblp771],
    .po-actions[b-7ozzblp771],
    .po-section-header[b-7ozzblp771] {
        justify-content: flex-start;
        width: 100%;
    }

    .po-section-header[b-7ozzblp771] {
        align-items: stretch;
        flex-direction: column;
    }

    .po-form-grid[b-7ozzblp771],
    .po-unit-grid[b-7ozzblp771],
    .po-uom-row[b-7ozzblp771],
    .po-price-grid[b-7ozzblp771],
    .po-receive-controls[b-7ozzblp771],
    .po-detail-grid[b-7ozzblp771] {
        grid-template-columns: 1fr;
    }

    .po-detail-toolbar[b-7ozzblp771] {
        align-items: stretch;
        flex-direction: column;
    }

    .po-field.search[b-7ozzblp771],
    .po-field-wide[b-7ozzblp771] {
        grid-column: auto;
    }

    .po-totals[b-7ozzblp771] {
        justify-content: stretch;
    }

    .po-totals div[b-7ozzblp771] {
        flex: 1 1 100%;
    }

    .po-history-line[b-7ozzblp771] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/RolesPermissions.razor.rz.scp.css */
.roles-permissions-page[b-sxqd37t648] {
    gap: 1rem;
}

.role-panel[b-sxqd37t648] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.role-header[b-sxqd37t648] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.role-header h2[b-sxqd37t648] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.role-header > div > span[b-sxqd37t648],
.role-field > span[b-sxqd37t648] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.role-record-badge[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.role-header-actions[b-sxqd37t648],
.row-actions[b-sxqd37t648],
.role-form-actions[b-sxqd37t648],
.matrix-actions[b-sxqd37t648] {
    display: flex;
    gap: 0.5rem;
}

.role-header-actions[b-sxqd37t648] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.icon-button[b-sxqd37t648] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.icon-button img[b-sxqd37t648] {
    height: 16px;
    width: 16px;
}

.btn-primary.icon-button img[b-sxqd37t648] {
    filter: brightness(0) invert(1);
}

.role-toolbar[b-sxqd37t648] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1.6fr) minmax(160px, 220px);
    margin-bottom: 1rem;
}

.role-field[b-sxqd37t648] {
    display: grid;
    gap: 0.35rem;
}

.role-field > span[b-sxqd37t648] {
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.role-form-grid[b-sxqd37t648] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1.4fr) minmax(220px, 0.8fr);
    margin-bottom: 1rem;
}

.role-detail-layout[b-sxqd37t648] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.7fr);
}

.role-form-side-grid[b-sxqd37t648] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr;
    margin-top: 0;
    position: sticky;
    top: 1rem;
}

.role-form-section[b-sxqd37t648] {
    margin-top: 0;
}

.role-form-actions[b-sxqd37t648] {
    border-top: 1px solid var(--vk-border);
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

.audit-section .role-form-actions .btn[b-sxqd37t648] {
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
}

.role-card[b-sxqd37t648] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    min-width: 0;
    padding: 1rem;
}

.role-card-header[b-sxqd37t648] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.role-card-header h3[b-sxqd37t648] {
    color: var(--vk-text);
    font-size: 0.94rem;
    font-weight: 850;
    margin: 0;
}

.role-card-header span[b-sxqd37t648] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.8rem;
    font-weight: 650;
    margin-top: 0.18rem;
}

.roles-table-wrap[b-sxqd37t648] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: auto;
}

.roles-table[b-sxqd37t648] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 640px;
    width: 100%;
}

.roles-table th[b-sxqd37t648] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.72rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.roles-table td[b-sxqd37t648] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.86rem;
    padding: 0.72rem;
    vertical-align: middle;
}

.roles-table tbody tr:hover[b-sxqd37t648] {
    background: var(--vk-blue-050);
}

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

.actions-column[b-sxqd37t648] {
    text-align: right;
    width: 72px;
}

.icon-only-btn[b-sxqd37t648] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--vk-muted);
    display: inline-flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    width: 34px;
}

.icon-only-btn:hover[b-sxqd37t648] {
    background: var(--vk-blue-050);
    border-color: var(--vk-blue-100);
    color: var(--vk-blue-800);
}

.icon-only-btn img[b-sxqd37t648] {
    height: 16px;
    width: 16px;
}

.role-name-cell[b-sxqd37t648] {
    display: grid;
    gap: 0.35rem;
}

.role-name-cell strong[b-sxqd37t648] {
    color: var(--vk-text);
    font-weight: 800;
}

.system-chip[b-sxqd37t648],
.permission-row small[b-sxqd37t648] {
    background: var(--vk-success-soft);
    border-radius: 999px;
    color: var(--vk-success);
    display: inline-flex;
    font-size: 0.7rem;
    font-weight: 850;
    justify-self: start;
    padding: 0.18rem 0.5rem;
}

.role-empty[b-sxqd37t648] {
    color: var(--vk-muted);
    font-weight: 700;
    padding: 1.4rem 0.72rem !important;
    text-align: center;
}

.role-empty-state[b-sxqd37t648],
.compact-empty[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px dashed var(--vk-dashed-border);
    border-radius: 8px;
    color: var(--vk-muted);
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 0.25rem;
    justify-content: center;
    min-height: 180px;
    padding: 1rem;
    text-align: center;
}

.compact-empty[b-sxqd37t648] {
    min-height: 74px;
}

.role-toast[b-sxqd37t648] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    box-shadow: var(--vk-shadow-sm);
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.role-toast.success[b-sxqd37t648] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.role-toast.error[b-sxqd37t648] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.role-toast button[b-sxqd37t648] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.permissions-card[b-sxqd37t648] {
    min-height: 0;
}

.permissions-heading[b-sxqd37t648] {
    align-items: center;
}

.permission-progress[b-sxqd37t648] {
    background: var(--vk-track-bg);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
    width: min(32%, 170px);
}

.permission-progress span[b-sxqd37t648] {
    background: var(--vk-progress-fill);
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 0;
    transition: width 0.18s ease;
}

.matrix-toolbar[b-sxqd37t648] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 1fr) minmax(160px, 220px) auto;
    margin-bottom: 1rem;
}

.matrix-actions[b-sxqd37t648] {
    justify-content: flex-end;
}

.permission-accordion[b-sxqd37t648] {
    display: grid;
    gap: 0.75rem;
}

.permission-accordion.is-reordering[b-sxqd37t648] {
    user-select: none;
}

.permission-accordion.is-reordering .module-trigger[b-sxqd37t648],
.permission-accordion.is-reordering .category-toggle[b-sxqd37t648],
.permission-accordion.is-reordering input[b-sxqd37t648],
.permission-accordion.is-reordering label[b-sxqd37t648] {
    pointer-events: none;
}

.permission-accordion-item[b-sxqd37t648] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: hidden;
}

.permission-accordion-item.dragging[b-sxqd37t648] {
    opacity: 0.55;
}

.permission-accordion-item.drop-target[b-sxqd37t648] {
    border-color: var(--vk-blue-700);
    box-shadow: inset 0 0 0 1px var(--vk-blue-700);
}

.permission-module.open[b-sxqd37t648] {
    display: block;
}

.permission-module.close[b-sxqd37t648] {
    display: none;
}

.module-header[b-sxqd37t648] {
    align-items: stretch;
    background: var(--vk-surface-filled);
    display: flex;
}

.module-header.open[b-sxqd37t648] {
    background: var(--vk-blue-050);
    border-bottom: 1px solid var(--vk-card-border);
}

.module-drag-handle[b-sxqd37t648] {
    align-items: center;
    background: transparent;
    cursor: grab;
    display: flex;
    justify-content: center;
    padding: 0 0.35rem 0 0.7rem;
    user-select: none;
    -webkit-user-drag: element;
}

.module-drag-handle:active[b-sxqd37t648] {
    cursor: grabbing;
}

.drag-grip[b-sxqd37t648] {
    background-image: radial-gradient(circle, var(--vk-muted) 1.15px, transparent 1.4px);
    background-position: center;
    background-repeat: repeat;
    background-size: 5px 5px;
    display: block;
    height: 16px;
    width: 10px;
}

.module-trigger[b-sxqd37t648] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--vk-text);
    display: grid;
    flex: 1;
    gap: 0.65rem;
    grid-template-columns: 1fr auto auto;
    min-height: 52px;
    padding: 0.8rem 0.9rem;
    text-align: left;
    width: 100%;
}

.module-header.close:hover[b-sxqd37t648],
.module-header.close .module-trigger:hover[b-sxqd37t648] {
    background: var(--vk-blue-050);
}

.module-title[b-sxqd37t648] {
    font-size: 0.94rem;
    font-weight: 850;
}

.module-meta[b-sxqd37t648] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-border);
    border-radius: 999px;
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.22rem 0.55rem;
}

.module-chevron[b-sxqd37t648] {
    color: var(--vk-muted);
    font-size: 1rem;
    line-height: 1;
    transition: transform 0.16s ease;
}

.module-header.open .module-chevron[b-sxqd37t648] {
    transform: rotate(180deg);
}

.module-header.close .module-chevron[b-sxqd37t648] {
    transform: none;
}

.module-body[b-sxqd37t648] {
    display: grid;
    gap: 0.8rem;
    padding: 0.85rem;
}

.checkline[b-sxqd37t648] {
    align-items: center;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.86rem;
    font-weight: 800;
    gap: 0.5rem;
}

.checkline input[b-sxqd37t648],
.permission-row input[b-sxqd37t648] {
    accent-color: var(--vk-blue-700);
    cursor: pointer;
    height: 17px;
    width: 17px;
}

.module-select[b-sxqd37t648] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-blue-100);
    border-radius: 8px;
    justify-self: start;
    padding: 0.45rem 0.65rem;
}

.permission-category-item[b-sxqd37t648] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: hidden;
}

.permission-category-item.dragging[b-sxqd37t648] {
    opacity: 0.55;
}

.permission-category-item.drop-target[b-sxqd37t648] {
    border-color: var(--vk-blue-700);
    box-shadow: inset 0 0 0 1px var(--vk-blue-700);
}

.permission-category.open[b-sxqd37t648] {
    display: block;
}

.permission-category.close[b-sxqd37t648] {
    display: none;
}

.category-header[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-table-head);
    display: flex;
    gap: 0.45rem;
    justify-content: space-between;
    padding: 0.65rem 0.75rem;
}

.category-header.open[b-sxqd37t648] {
    border-bottom: 1px solid var(--vk-border);
}

.category-header.close[b-sxqd37t648] {
    border-bottom: 0;
}

.category-drag-handle[b-sxqd37t648],
.permission-drag-handle[b-sxqd37t648] {
    align-items: center;
    cursor: grab;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    padding: 0.1rem 0.2rem;
    user-select: none;
    -webkit-user-drag: element;
}

.category-drag-handle:active[b-sxqd37t648],
.permission-drag-handle:active[b-sxqd37t648] {
    cursor: grabbing;
}

.category-header .checkline[b-sxqd37t648] {
    flex: 1;
    min-width: 0;
}

.category-header > span[b-sxqd37t648] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 850;
}

.category-toggle[b-sxqd37t648] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--vk-muted);
    display: inline-flex;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.category-chevron[b-sxqd37t648] {
    font-size: 0.95rem;
    line-height: 1;
    transition: transform 0.16s ease;
}

.category-header.open .category-chevron[b-sxqd37t648] {
    transform: rotate(180deg);
}

.category-header.close .category-chevron[b-sxqd37t648] {
    transform: none;
}

.permission-list[b-sxqd37t648] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.permission-row[b-sxqd37t648] {
    align-items: center;
    border-bottom: 1px solid var(--vk-border);
    border-right: 1px solid var(--vk-border);
    color: var(--vk-text);
    display: flex;
    gap: 0.58rem;
    min-height: 54px;
    padding: 0.7rem 0.75rem;
}

.permission-row.dragging[b-sxqd37t648] {
    opacity: 0.55;
}

.permission-row.drop-target[b-sxqd37t648] {
    background: var(--vk-blue-050);
    box-shadow: inset 0 0 0 1px var(--vk-blue-700);
}

.permission-row.is-checked strong[b-sxqd37t648] {
    color: var(--vk-blue-800);
}

.permission-row label[b-sxqd37t648] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 0.58rem;
    min-width: 0;
}

.permission-row:nth-child(2n)[b-sxqd37t648] {
    border-right: 0;
}

.permission-row:hover[b-sxqd37t648] {
    background: var(--vk-blue-050);
}

.permission-row span[b-sxqd37t648] {
    display: grid;
    gap: 0.22rem;
    min-width: 0;
}

.permission-row strong[b-sxqd37t648] {
    font-size: 0.86rem;
    font-weight: 760;
    line-height: 1.25;
}

.permission-row small[b-sxqd37t648] {
    background: var(--vk-amber-100);
    color: var(--vk-warning-soft-text);
}

.role-stats-grid[b-sxqd37t648] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.role-stats-grid > div[b-sxqd37t648] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    padding: 0.7rem;
}

.role-stats-grid span[b-sxqd37t648] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.74rem;
    font-weight: 850;
    text-transform: uppercase;
}

.role-stats-grid strong[b-sxqd37t648] {
    color: var(--vk-blue-900);
    display: block;
    font-size: 1.3rem;
    font-weight: 850;
    margin-top: 0.3rem;
}

.editor-section-title[b-sxqd37t648] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
}

.editor-section-title h3[b-sxqd37t648] {
    color: var(--vk-text);
    font-size: 0.86rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.editor-section-title span[b-sxqd37t648] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 850;
}

.assigned-user-list[b-sxqd37t648] {
    display: grid;
    gap: 0.55rem;
    max-height: 280px;
    overflow: auto;
}

.assigned-user[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: flex;
    gap: 0.65rem;
    padding: 0.58rem 0.65rem;
}

.assigned-avatar[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-blue-700);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 850;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.assigned-user strong[b-sxqd37t648],
.assigned-user small[b-sxqd37t648] {
    display: block;
}

.assigned-user strong[b-sxqd37t648] {
    color: var(--vk-text);
    font-size: 0.84rem;
    font-weight: 800;
}

.assigned-user small[b-sxqd37t648] {
    color: var(--vk-muted);
    font-size: 0.75rem;
    margin-top: 0.12rem;
}

.audit-section dl[b-sxqd37t648] {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.audit-section dl > div[b-sxqd37t648] {
    display: grid;
    gap: 0.15rem;
}

.audit-section dt[b-sxqd37t648] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.audit-section dd[b-sxqd37t648] {
    color: var(--vk-text);
    font-size: 0.86rem;
    font-weight: 720;
    margin: 0;
}

.roles-skeleton-grid[b-sxqd37t648] {
    display: grid;
    gap: 0.8rem;
}

.skeleton-card[b-sxqd37t648] {
    display: grid;
    gap: 0.8rem;
}

.skeleton-card span[b-sxqd37t648] {
    animation: skeleton-pulse-b-sxqd37t648 1.1s ease-in-out infinite;
    background: var(--vk-skeleton-bg);
    background-size: 220% 100%;
    border-radius: 8px;
    display: block;
    height: 42px;
}

.skeleton-card span:first-child[b-sxqd37t648] {
    height: 68px;
}

.skeleton-card.wide span:nth-child(2)[b-sxqd37t648],
.skeleton-card.wide span:nth-child(3)[b-sxqd37t648],
.skeleton-card.wide span:nth-child(4)[b-sxqd37t648] {
    height: 88px;
}

@keyframes skeleton-pulse-b-sxqd37t648 {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -220% 0;
    }
}

@container layout (max-width: 900px) {
    .role-toolbar[b-sxqd37t648],
    .role-form-grid[b-sxqd37t648],
    .role-detail-layout[b-sxqd37t648],
    .matrix-toolbar[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .role-form-side-grid[b-sxqd37t648] {
        position: static;
    }

    .matrix-actions[b-sxqd37t648],
    .role-form-actions[b-sxqd37t648],
    .role-header-actions[b-sxqd37t648] {
        justify-content: flex-start;
    }
}

@container layout (max-width: 550px) {
    .permission-list[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .permission-row[b-sxqd37t648],
    .permission-row:nth-child(2n)[b-sxqd37t648] {
        border-right: 0;
    }

    .role-form-actions[b-sxqd37t648],
    .matrix-actions[b-sxqd37t648] {
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {
    .role-toolbar[b-sxqd37t648],
    .role-form-grid[b-sxqd37t648],
    .role-detail-layout[b-sxqd37t648],
    .matrix-toolbar[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .role-form-side-grid[b-sxqd37t648] {
        position: static;
    }

    .matrix-actions[b-sxqd37t648],
    .role-form-actions[b-sxqd37t648],
    .role-header-actions[b-sxqd37t648] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .permission-list[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .permission-row[b-sxqd37t648],
    .permission-row:nth-child(2n)[b-sxqd37t648] {
        border-right: 0;
    }

    .role-form-actions[b-sxqd37t648],
    .matrix-actions[b-sxqd37t648] {
        flex-wrap: wrap;
    }
}
/* /Pages/SaleDashboard.razor.rz.scp.css */
.sales-dashboard[b-pdgiv9xx3n] {
    --sd-text: var(--vk-text);
    --sd-muted: var(--vk-muted);
    --sd-blue: var(--vk-blue-600);
    --sd-blue-dark: var(--vk-blue-900);
    --sd-blue-mid: var(--vk-blue-700);
    --sd-border: var(--vk-border);
    --sd-card: var(--vk-surface);
    --sd-shadow: var(--vk-shadow-md);
    --sd-soft: var(--vk-surface-soft);
    --sd-chip-bg: var(--vk-blue-050);
    --sd-table-head: var(--vk-table-head);
    --sd-row-alt: var(--vk-surface-soft);
    --sd-empty-bg: var(--vk-surface-soft);
    --sd-empty-border: var(--vk-dashed-border);
    --sd-alert-bg: var(--vk-warning-soft-bg);
    --sd-alert-border: var(--vk-warning-soft-border);
    --sd-alert-text: var(--vk-warning-soft-text);
    --sd-on-primary: var(--vk-on-nav);
    display: grid;
    gap: 1rem;
}

.sales-dashboard .panel[b-pdgiv9xx3n],
.sd-summary-card[b-pdgiv9xx3n] {
    background: var(--sd-card);
    border: 1px solid var(--sd-border);
    border-radius: 14px;
    box-shadow: var(--sd-shadow);
}

.sd-alert[b-pdgiv9xx3n] {
    align-items: center;
    background: var(--sd-alert-bg);
    border: 1px solid var(--sd-alert-border);
    border-radius: 10px;
    color: var(--sd-alert-text);
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 0.85rem;
}

.sd-alert button[b-pdgiv9xx3n] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.25rem;
}

.sd-chip[b-pdgiv9xx3n] {
    align-items: center;
    background: var(--sd-card);
    border: 1px solid var(--sd-border);
    border-radius: 999px;
    color: var(--sd-blue-dark);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.35rem;
    padding: 0.3rem 0.75rem;
}

.sd-summary-grid[b-pdgiv9xx3n] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sd-summary-card[b-pdgiv9xx3n] {
    display: grid;
    gap: 0.55rem;
    min-height: 118px;
    padding: 0.95rem 1rem;
}

.sd-summary-head[b-pdgiv9xx3n] {
    align-items: start;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.sd-summary-head span[b-pdgiv9xx3n] {
    color: var(--sd-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.sd-summary-head img[b-pdgiv9xx3n] {
    height: 18px;
    opacity: 0.75;
    width: 18px;
}

.sd-summary-card strong[b-pdgiv9xx3n] {
    color: var(--sd-blue-dark);
    font-size: 1.7rem;
    font-weight: 850;
    line-height: 1.1;
}

.sd-summary-foot[b-pdgiv9xx3n] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.sd-summary-foot small[b-pdgiv9xx3n] {
    color: var(--sd-muted);
    font-size: 0.74rem;
}

.sd-summary-foot em[b-pdgiv9xx3n] {
    background: var(--sd-chip-bg);
    border-radius: 999px;
    color: var(--sd-blue-mid);
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 750;
    padding: 0.12rem 0.45rem;
}

.sd-panel[b-pdgiv9xx3n] {
    padding: 1rem 1.05rem 1.15rem;
}

.sd-panel-header[b-pdgiv9xx3n] {
    align-items: start;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.95rem;
}

.sd-panel-header h2[b-pdgiv9xx3n] {
    color: var(--sd-blue-dark);
    font-size: 0.98rem;
    font-weight: 850;
    letter-spacing: 0.03em;
    margin: 0;
}

.sd-toolbar[b-pdgiv9xx3n] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.sd-search[b-pdgiv9xx3n] {
    align-items: center;
    background: var(--sd-soft);
    border: 1px solid var(--sd-border);
    border-radius: 999px;
    display: inline-flex;
    gap: 0.4rem;
    min-width: min(100%, 280px);
    padding: 0.35rem 0.8rem;
}

.sd-search img[b-pdgiv9xx3n] {
    height: 14px;
    opacity: 0.55;
    width: 14px;
}

.sd-search input[b-pdgiv9xx3n] {
    background: transparent;
    border: 0;
    color: var(--sd-text);
    flex: 1;
    font-size: 0.84rem;
    min-width: 0;
    outline: none;
}

.sd-toolbar-actions[b-pdgiv9xx3n] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.sd-ghost-btn[b-pdgiv9xx3n],
.sd-export-btn[b-pdgiv9xx3n] {
    align-items: center;
    border-radius: 10px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 750;
    gap: 0.4rem;
    padding: 0.45rem 0.8rem;
    text-decoration: none;
}

.sd-ghost-btn[b-pdgiv9xx3n] {
    background: var(--sd-card);
    border: 1px solid var(--sd-border);
    color: var(--sd-blue-dark);
}

.sd-export-btn[b-pdgiv9xx3n] {
    background: var(--sd-blue-dark);
    border: 1px solid var(--sd-blue-dark);
    color: var(--sd-on-primary);
}

.sd-export-btn.disabled[b-pdgiv9xx3n] {
    opacity: 0.45;
    pointer-events: none;
}

.sd-ghost-btn img[b-pdgiv9xx3n],
.sd-export-btn img[b-pdgiv9xx3n] {
    height: 14px;
    width: 14px;
}

.sd-export-btn img[b-pdgiv9xx3n] {
    filter: brightness(0) invert(1);
}

.sd-results-label[b-pdgiv9xx3n],
.sd-chart-note[b-pdgiv9xx3n] {
    align-items: center;
    color: var(--sd-muted);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.35rem;
}

.sd-results-label[b-pdgiv9xx3n] {
    margin-bottom: 0.55rem;
}

.sd-results-label img[b-pdgiv9xx3n],
.sd-chart-note img[b-pdgiv9xx3n] {
    height: 14px;
    opacity: 0.7;
    width: 14px;
}

.sd-chart-note[b-pdgiv9xx3n] {
    margin-top: 0.35rem;
}

.sd-table-wrap[b-pdgiv9xx3n] {
    overflow: auto;
}

.sd-table[b-pdgiv9xx3n] {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 980px;
    width: 100%;
}

.sd-table th[b-pdgiv9xx3n],
.sd-table td[b-pdgiv9xx3n] {
    border-bottom: 1px solid var(--sd-border);
    padding: 0.72rem 0.6rem;
    vertical-align: middle;
}

.sd-table th[b-pdgiv9xx3n] {
    background: var(--sd-table-head);
    color: var(--sd-muted);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    white-space: nowrap;
    z-index: 1;
}

.sd-table td[b-pdgiv9xx3n] {
    color: var(--sd-text);
    font-size: 0.84rem;
}

.sd-table tbody tr:nth-child(even)[b-pdgiv9xx3n] {
    background: var(--sd-row-alt);
}

.sd-table .numeric[b-pdgiv9xx3n] {
    text-align: right;
    white-space: nowrap;
}

.sd-name-link[b-pdgiv9xx3n] {
    color: var(--sd-blue);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: color-mix(in srgb, var(--sd-blue) 35%, transparent);
}

.sd-pager[b-pdgiv9xx3n] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    justify-content: space-between;
    margin-top: 0.85rem;
}

.sd-page-size[b-pdgiv9xx3n] {
    align-items: center;
    color: var(--sd-muted);
    display: inline-flex;
    font-size: 0.8rem;
    font-weight: 700;
    gap: 0.4rem;
}

.sd-page-size .form-select[b-pdgiv9xx3n] {
    min-height: 32px;
    width: auto;
}

.sd-total[b-pdgiv9xx3n] {
    color: var(--sd-muted);
    font-size: 0.8rem;
    font-weight: 700;
}

.sd-page-nav[b-pdgiv9xx3n] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
}

.sd-page-btn[b-pdgiv9xx3n] {
    align-items: center;
    background: var(--sd-card);
    border: 1px solid var(--sd-border);
    border-radius: 8px;
    color: var(--sd-blue-dark);
    display: inline-flex;
    font-size: 1.1rem;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.sd-page-btn:disabled[b-pdgiv9xx3n] {
    opacity: 0.4;
}

.sd-page-nav strong[b-pdgiv9xx3n] {
    color: var(--sd-blue-dark);
    font-size: 0.82rem;
}

.sd-grouped-bars[b-pdgiv9xx3n] {
    align-items: end;
    display: grid;
    gap: 0.65rem;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    min-height: 220px;
}

.sd-gbar-col[b-pdgiv9xx3n] {
    align-items: center;
    display: grid;
    gap: 0.4rem;
    justify-items: center;
    min-width: 0;
}

.sd-gbar-pair[b-pdgiv9xx3n] {
    align-items: end;
    display: flex;
    gap: 4px;
    height: 180px;
}

.sd-gbar-pair i[b-pdgiv9xx3n] {
    border-radius: 6px 6px 2px 2px;
    display: block;
    min-height: 4px;
    width: 14px;
}

.sd-gbar-pair i.order[b-pdgiv9xx3n],
.sd-legend-inline i.order[b-pdgiv9xx3n] {
    background: var(--sd-blue-dark);
}

.sd-gbar-pair i.sale[b-pdgiv9xx3n],
.sd-legend-inline i.sale[b-pdgiv9xx3n] {
    background: var(--sd-blue-mid);
}

.sd-gbar-col span[b-pdgiv9xx3n] {
    color: var(--sd-muted);
    font-size: 0.7rem;
    font-weight: 650;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sd-legend-inline[b-pdgiv9xx3n] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 0.85rem;
}

.sd-legend-inline span[b-pdgiv9xx3n] {
    align-items: center;
    color: var(--sd-muted);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    gap: 0.35rem;
}

.sd-legend-inline i[b-pdgiv9xx3n] {
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.sd-empty-cell[b-pdgiv9xx3n],
.sd-empty-block[b-pdgiv9xx3n],
.sd-empty-panel[b-pdgiv9xx3n] {
    color: var(--sd-muted);
    font-weight: 700;
    text-align: center;
}

.sd-empty-block[b-pdgiv9xx3n],
.sd-empty-panel[b-pdgiv9xx3n] {
    background: var(--sd-empty-bg);
    border: 1px dashed var(--sd-empty-border);
    border-radius: 10px;
    padding: 1.1rem;
}

@media (max-width: 1200px) {
    .sd-summary-grid[b-pdgiv9xx3n] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .sd-toolbar[b-pdgiv9xx3n],
    .sd-pager[b-pdgiv9xx3n] {
        align-items: stretch;
        flex-direction: column;
    }

    .sd-summary-grid[b-pdgiv9xx3n] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SaleOrders.razor.rz.scp.css */
.so-panel[b-sm3ey0j7u2] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.so-header[b-sm3ey0j7u2] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.so-header h2[b-sm3ey0j7u2] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.so-header span[b-sm3ey0j7u2],
.so-field span[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.so-record-badge[b-sm3ey0j7u2] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.so-header-actions[b-sm3ey0j7u2],
.so-actions[b-sm3ey0j7u2],
.row-actions[b-sm3ey0j7u2],
.so-modal-footer[b-sm3ey0j7u2] {
    display: flex;
    gap: 0.5rem;
}

.so-header-actions[b-sm3ey0j7u2] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.so-icon-button[b-sm3ey0j7u2] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.so-icon-button img[b-sm3ey0j7u2] {
    height: 16px;
    width: 16px;
}

.so-form-grid[b-sm3ey0j7u2],
.so-line-adder[b-sm3ey0j7u2] {
    display: grid;
    gap: 0.75rem;
}

.so-toolbar[b-sm3ey0j7u2] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.so-form-grid[b-sm3ey0j7u2] {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.so-line-adder[b-sm3ey0j7u2] {
    align-items: end;
    grid-template-columns: minmax(260px, 1fr) auto;
    margin-bottom: 0.85rem;
}

.so-detail-toolbar[b-sm3ey0j7u2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.so-detail-toolbar .so-icon-button[b-sm3ey0j7u2] {
    margin-left: auto;
}

.so-section-title[b-sm3ey0j7u2] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.so-section-hint[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.76rem;
    font-weight: 700;
    margin-top: 0.2rem;
}

.so-stock-preview[b-sm3ey0j7u2] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 0.85rem;
    padding: 0.7rem 0.85rem;
}

.so-stock-preview span[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 820;
    text-transform: uppercase;
}

.so-stock-preview strong[b-sm3ey0j7u2] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 900;
}

.so-unit-grid[b-sm3ey0j7u2] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.8fr) minmax(150px, 0.8fr);
}

.so-segmented[b-sm3ey0j7u2] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
}

.so-segmented button[b-sm3ey0j7u2] {
    background: transparent;
    border: 0;
    color: var(--vk-muted);
    font-size: 0.82rem;
    font-weight: 800;
    padding: 0.65rem 0.5rem;
}

.so-segmented button.active[b-sm3ey0j7u2] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
}

.so-charge-pill[b-sm3ey0j7u2] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.24rem 0.5rem;
    text-transform: uppercase;
}

.so-charge-pill.free[b-sm3ey0j7u2] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.so-charge-icon[b-sm3ey0j7u2] {
    align-items: center;
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.so-charge-icon img[b-sm3ey0j7u2] {
    filter: var(--vk-nav-active-icon-filter);
    height: 16px;
    width: 16px;
}

.so-field[b-sm3ey0j7u2] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.so-field > span[b-sm3ey0j7u2] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.so-field.search[b-sm3ey0j7u2],
.so-field-wide[b-sm3ey0j7u2] {
    flex: 1 1 14rem;
    grid-column: span 2;
}

.so-toolbar-button[b-sm3ey0j7u2] {
    flex: 0 0 auto;
    min-height: var(--vk-control-height);
}

.so-table-wrap[b-sm3ey0j7u2] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.so-lines-wrap[b-sm3ey0j7u2],
.modal-table-wrap[b-sm3ey0j7u2] {
    overflow-x: hidden;
}

.so-table[b-sm3ey0j7u2] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1120px;
    width: 100%;
}

.so-lines-table[b-sm3ey0j7u2],
.so-detail-table[b-sm3ey0j7u2] {
    min-width: 0;
    table-layout: fixed;
    width: 100%;
}

.so-lines-table col.so-col-product[b-sm3ey0j7u2],
.so-detail-table col.so-col-product[b-sm3ey0j7u2],
.so-lines-table th:nth-child(1)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(1)[b-sm3ey0j7u2] {
    width: 14%;
}

.so-lines-table col.so-col-variation[b-sm3ey0j7u2],
.so-detail-table col.so-col-variation[b-sm3ey0j7u2],
.so-lines-table th:nth-child(2)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(2)[b-sm3ey0j7u2] {
    width: 6%;
}

.so-lines-table col.so-col-price[b-sm3ey0j7u2],
.so-detail-table col.so-col-price[b-sm3ey0j7u2],
.so-lines-table th:nth-child(3)[b-sm3ey0j7u2],
.so-lines-table th:nth-child(4)[b-sm3ey0j7u2],
.so-lines-table th:nth-child(5)[b-sm3ey0j7u2],
.so-lines-table th:nth-child(8)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(3)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(4)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(5)[b-sm3ey0j7u2] {
    width: 6%;
}

.so-lines-table col.so-col-disc-pct[b-sm3ey0j7u2],
.so-lines-table th:nth-child(6)[b-sm3ey0j7u2] {
    width: 7%;
}

.so-lines-table col.so-col-disc-amt[b-sm3ey0j7u2],
.so-detail-table col.so-col-disc-amt[b-sm3ey0j7u2],
.so-lines-table th:nth-child(7)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(9)[b-sm3ey0j7u2] {
    width: 9%;
}

.so-lines-table col.so-col-qty[b-sm3ey0j7u2],
.so-detail-table col.so-col-qty[b-sm3ey0j7u2],
.so-lines-table th:nth-child(9)[b-sm3ey0j7u2],
.so-lines-table th:nth-child(11)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(6)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(8)[b-sm3ey0j7u2] {
    width: 6.5%;
}

.so-lines-table col.so-col-qty-sec[b-sm3ey0j7u2],
.so-detail-table col.so-col-qty-sec[b-sm3ey0j7u2],
.so-lines-table th:nth-child(10)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(7)[b-sm3ey0j7u2] {
    width: 8%;
}

.so-lines-table col.so-col-amount[b-sm3ey0j7u2],
.so-detail-table col.so-col-amount[b-sm3ey0j7u2],
.so-lines-table th:nth-child(12)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(10)[b-sm3ey0j7u2] {
    width: 7%;
}

.so-lines-table col.so-col-charge[b-sm3ey0j7u2],
.so-detail-table col.so-col-charge[b-sm3ey0j7u2],
.so-lines-table th:nth-child(13)[b-sm3ey0j7u2],
.so-detail-table th:nth-child(11)[b-sm3ey0j7u2] {
    width: 6%;
}

.so-lines-table col.so-col-action[b-sm3ey0j7u2],
.so-lines-table th:nth-child(14)[b-sm3ey0j7u2] {
    width: 5%;
}

.so-table th[b-sm3ey0j7u2] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.so-table td[b-sm3ey0j7u2] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.so-lines-table th[b-sm3ey0j7u2],
.so-detail-table th[b-sm3ey0j7u2] {
    font-size: 0.68rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
    padding: 0.42rem 0.32rem;
    white-space: normal;
    word-break: break-word;
}

.so-lines-table td[b-sm3ey0j7u2],
.so-detail-table td[b-sm3ey0j7u2] {
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 0.42rem 0.32rem;
    word-break: break-word;
}

.so-table tbody tr:hover[b-sm3ey0j7u2] {
    background: var(--vk-blue-050);
}

.so-table strong[b-sm3ey0j7u2] {
    color: var(--vk-text);
    font-weight: 850;
}

.so-subtext[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.so-offer-list[b-sm3ey0j7u2] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0;
}

.so-offer-list li[b-sm3ey0j7u2] {
    color: var(--vk-text);
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.3;
}

.so-applied[b-sm3ey0j7u2] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.75rem;
}

.so-applied-title[b-sm3ey0j7u2] {
    font-size: 0.82rem;
    font-weight: 850;
}

.so-applied-row[b-sm3ey0j7u2] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.78rem;
}

.so-applied-row span[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    font-weight: 800;
    min-width: 6.5rem;
}

.so-applied-row em[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    font-style: normal;
    font-weight: 700;
}

.numeric[b-sm3ey0j7u2] {
    text-align: right;
}

.so-number[b-sm3ey0j7u2] {
    margin-left: auto;
    max-width: 116px;
    text-align: right;
}

.so-empty[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.so-actions[b-sm3ey0j7u2] {
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.actions-column[b-sm3ey0j7u2] {
    width: 132px;
}

.row-actions[b-sm3ey0j7u2] {
    justify-content: flex-end;
}

.icon-only-btn[b-sm3ey0j7u2] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-sm3ey0j7u2] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn img[b-sm3ey0j7u2] {
    height: 16px;
    width: 16px;
}

.so-status[b-sm3ey0j7u2] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.24rem 0.5rem;
    text-transform: uppercase;
}

.so-form-footer[b-sm3ey0j7u2] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 0.85rem;
}

.so-checkout-grid[b-sm3ey0j7u2] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(240px, 1fr) minmax(320px, 0.8fr);
    margin-top: 1rem;
}

.so-checkout-side[b-sm3ey0j7u2] {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
}

.so-remarks[b-sm3ey0j7u2] {
    align-content: start;
    flex: 0 0 auto;
    gap: 0.15rem;
    width: 100%;
}

.so-remarks > span[b-sm3ey0j7u2] {
    margin: 0;
}

.so-remarks textarea[b-sm3ey0j7u2] {
    min-height: 52px;
    resize: vertical;
}

.so-checkout-side .applied-discount-panel[b-sm3ey0j7u2] {
    margin: 0;
    width: 100%;
}

.so-payment-panel[b-sm3ey0j7u2] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
}

.so-payment-title[b-sm3ey0j7u2] {
    color: var(--vk-blue-800);
    font-size: 0.9rem;
    font-weight: 900;
    text-transform: uppercase;
}

.so-payment-row[b-sm3ey0j7u2] {
    align-items: center;
    border-bottom: 1px solid var(--vk-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding-bottom: 0.45rem;
}

.so-payment-row span[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    font-size: 0.82rem;
    font-weight: 780;
}

.so-payment-row strong[b-sm3ey0j7u2] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 900;
}

.so-payment-row.total strong[b-sm3ey0j7u2],
.so-payment-row.total span[b-sm3ey0j7u2] {
    color: var(--vk-blue-800);
    font-size: 1rem;
}

.so-remarks-field[b-sm3ey0j7u2] {
    flex: 1 1 18rem;
    max-width: min(100%, 28rem);
    min-width: min(100%, 16rem);
}

.so-footer-right[b-sm3ey0j7u2] {
    display: grid;
    gap: 0.75rem;
    justify-items: end;
    margin-left: auto;
}

.so-totals[b-sm3ey0j7u2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
}

.so-totals div[b-sm3ey0j7u2],
.so-detail-grid div[b-sm3ey0j7u2] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.2rem;
    min-width: 140px;
    padding: 0.58rem 0.7rem;
}

.so-totals span[b-sm3ey0j7u2],
.so-detail-grid span[b-sm3ey0j7u2] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 820;
    text-transform: uppercase;
}

.so-totals strong[b-sm3ey0j7u2],
.so-detail-grid strong[b-sm3ey0j7u2] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 900;
}

.so-alert[b-sm3ey0j7u2] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.so-alert.success[b-sm3ey0j7u2] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.so-alert.error[b-sm3ey0j7u2] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.so-alert button[b-sm3ey0j7u2],
.so-modal-header button[b-sm3ey0j7u2] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.so-modal-backdrop[b-sm3ey0j7u2] {
    align-items: center;
    animation: modalBackdropFadeIn-b-sm3ey0j7u2 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.so-modal[b-sm3ey0j7u2] {
    animation: modalSlideDown-b-sm3ey0j7u2 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-width: 1120px;
    overflow: hidden;
    width: min(100%, 1120px);
}

/* Match Counter Sale .cs-modal sizing (must override .so-modal). */
.so-modal.so-product-modal[b-sm3ey0j7u2] {
    max-height: calc(100vh - 2rem);
    max-width: 680px;
    overflow: visible;
    width: min(100%, 680px);
}

.so-modal.so-product-modal .so-modal-body[b-sm3ey0j7u2] {
    display: grid;
    gap: 0.9rem;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.so-modal.so-product-modal .so-stock-preview[b-sm3ey0j7u2],
.so-modal.so-product-modal .so-unit-grid[b-sm3ey0j7u2] {
    margin-top: 0;
}

.so-modal.so-product-modal .so-segmented[b-sm3ey0j7u2] {
    align-self: end;
    gap: 0.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: var(--vk-control-height);
    overflow: visible;
    padding: 0.25rem;
}

.so-modal.so-product-modal .so-segmented button[b-sm3ey0j7u2] {
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 850;
    min-width: 0;
    padding: 0.36rem 0.45rem;
}

.so-modal.so-product-modal .so-segmented button.active[b-sm3ey0j7u2] {
    box-shadow: inset 0 0 0 1px var(--vk-outline-primary-border);
}

@keyframes modalBackdropFadeIn-b-sm3ey0j7u2 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-sm3ey0j7u2 {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.so-modal-header[b-sm3ey0j7u2] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.so-modal-header h3[b-sm3ey0j7u2] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.so-modal-body[b-sm3ey0j7u2] {
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.so-modal-footer[b-sm3ey0j7u2] {
    border-top: 1px solid var(--vk-card-border-soft);
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.so-detail-grid[b-sm3ey0j7u2] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    margin-bottom: 0.85rem;
}

.modal-table-wrap[b-sm3ey0j7u2] {
    border-radius: 7px;
}

@container layout (max-width: 1100px) {
    .so-form-grid[b-sm3ey0j7u2],
    .so-detail-grid[b-sm3ey0j7u2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .so-checkout-grid[b-sm3ey0j7u2] {
        grid-template-columns: 1fr;
    }

    .so-field.search[b-sm3ey0j7u2],
    .so-field-wide[b-sm3ey0j7u2] {
        grid-column: span 2;
    }
}

@container layout (max-width: 620px) {
    .so-header[b-sm3ey0j7u2] {
        flex-direction: column;
    }

    .so-header-actions[b-sm3ey0j7u2],
    .so-actions[b-sm3ey0j7u2],
    .so-detail-toolbar[b-sm3ey0j7u2] {
        justify-content: flex-start;
        width: 100%;
    }

    .so-form-grid[b-sm3ey0j7u2],
    .so-line-adder[b-sm3ey0j7u2],
    .so-detail-grid[b-sm3ey0j7u2],
    .so-checkout-grid[b-sm3ey0j7u2] {
        grid-template-columns: 1fr;
    }

    .so-field.search[b-sm3ey0j7u2],
    .so-field-wide[b-sm3ey0j7u2] {
        grid-column: auto;
    }

    .so-totals[b-sm3ey0j7u2] {
        justify-content: stretch;
    }

    .so-totals div[b-sm3ey0j7u2] {
        flex: 1 1 100%;
    }
}
/* /Pages/SalesOrganogram.razor.rz.scp.css */
.sales-organogram[b-32qqy2rgbl] {
    --so-blue: var(--vk-primary-end);
    --so-blue-dark: var(--vk-blue-900);
    --so-green: var(--vk-success);
    --so-purple: #a78bfa;
    --so-orange: var(--vk-warning);
    --so-muted: var(--vk-muted);
    --so-border: var(--vk-border);
    --so-card: var(--vk-surface);
    --so-shadow: var(--vk-shadow-md);
    --so-text: var(--vk-text);
    --so-soft: var(--vk-surface-soft);
    --so-track: var(--vk-track-bg);
    --so-alert-bg: var(--vk-warning-soft-bg);
    --so-alert-border: var(--vk-warning-soft-border);
    --so-alert-text: var(--vk-warning-soft-text);
    --so-success-soft: var(--vk-success-soft);
    --so-success-text: var(--vk-success);
    --so-danger-soft: var(--vk-danger-soft);
    --so-danger-text: var(--vk-danger);
    --so-on-primary: var(--vk-on-nav);
    --so-input-bg: var(--vk-surface);
    --so-input-text: var(--vk-text);
    --so-tone-green: var(--vk-success-soft);
    --so-tone-purple: rgba(167, 139, 250, 0.22);
    --so-tone-blue: var(--vk-blue-100);
    --so-tone-orange: var(--vk-amber-100);
    display: grid;
    gap: 1rem;
}

.sales-organogram .panel[b-32qqy2rgbl],
.so-kpi-card[b-32qqy2rgbl] {
    background: var(--so-card);
    border: 1px solid var(--so-border);
    border-radius: 14px;
    box-shadow: var(--so-shadow);
}

.so-alert[b-32qqy2rgbl] {
    align-items: center;
    background: var(--so-alert-bg);
    border: 1px solid var(--so-alert-border);
    border-radius: 10px;
    color: var(--so-alert-text);
    display: flex;
    justify-content: space-between;
    padding: 0.7rem 0.85rem;
}

.so-alert button[b-32qqy2rgbl] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.25rem;
}

.so-kpi-grid[b-32qqy2rgbl] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.so-kpi-card[b-32qqy2rgbl] {
    display: grid;
    gap: 0.45rem;
    padding: 0.95rem 1rem;
}

.so-kpi-head[b-32qqy2rgbl] {
    align-items: start;
    display: flex;
    justify-content: space-between;
}

.so-kpi-head span[b-32qqy2rgbl] {
    color: var(--so-muted);
    font-size: 0.82rem;
    font-weight: 700;
}

.so-kpi-head img[b-32qqy2rgbl] {
    border-radius: 10px;
    height: 34px;
    padding: 0.45rem;
    width: 34px;
}

.so-kpi-head img.tone-green[b-32qqy2rgbl] { background: var(--so-tone-green); }
.so-kpi-head img.tone-purple[b-32qqy2rgbl] { background: var(--so-tone-purple); }
.so-kpi-head img.tone-blue[b-32qqy2rgbl] { background: var(--so-tone-blue); }
.so-kpi-head img.tone-orange[b-32qqy2rgbl] { background: var(--so-tone-orange); }

.so-kpi-card strong[b-32qqy2rgbl] {
    color: var(--so-text);
    font-size: 1.55rem;
    font-weight: 850;
}

.so-kpi-card small[b-32qqy2rgbl] {
    color: var(--so-muted);
    font-size: 0.76rem;
}

.so-kpi-card small.up[b-32qqy2rgbl] {
    color: var(--so-green);
    font-weight: 700;
}

.so-tabs[b-32qqy2rgbl] {
    display: flex;
    gap: 0.35rem;
}

.so-tabs button[b-32qqy2rgbl] {
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--so-muted);
    font-size: 0.92rem;
    font-weight: 750;
    padding: 0.45rem 0.2rem;
}

.so-tabs button.active[b-32qqy2rgbl] {
    border-bottom-color: var(--so-blue);
    color: var(--so-blue);
}

.so-panel[b-32qqy2rgbl] {
    padding: 1.05rem 1.15rem 1.25rem;
}

.so-panel-header h2[b-32qqy2rgbl] {
    color: var(--so-text);
    font-size: 1.05rem;
    font-weight: 850;
    margin: 0;
}

.so-panel-header p[b-32qqy2rgbl] {
    color: var(--so-muted);
    font-size: 0.84rem;
    margin: 0.25rem 0 1rem;
}

.so-tree[b-32qqy2rgbl] {
    display: grid;
    gap: 1.25rem;
    overflow-x: auto;
    padding: 0.5rem 0 1rem;
}

.so-tree-root[b-32qqy2rgbl] {
    display: flex;
    justify-content: center;
    min-width: min(100%, 960px);
    width: 100%;
}

.so-perf-grid[b-32qqy2rgbl] {
    display: grid;
    gap: 1rem;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1rem;
}

.so-section-title[b-32qqy2rgbl] {
    align-items: center;
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.so-section-title h3[b-32qqy2rgbl] {
    color: var(--so-text);
    font-size: 0.95rem;
    font-weight: 850;
    margin: 0;
}

.so-section-title img[b-32qqy2rgbl] {
    height: 16px;
    width: 16px;
}

.so-performer-list[b-32qqy2rgbl],
.so-division-list[b-32qqy2rgbl] {
    display: grid;
    gap: 0.55rem;
}

.so-performer-row[b-32qqy2rgbl],
.so-division-row[b-32qqy2rgbl] {
    background: var(--so-soft);
    border: 1px solid var(--so-border);
    border-radius: 12px;
    padding: 0.7rem 0.8rem;
}

.so-performer-row[b-32qqy2rgbl] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.so-performer-row strong[b-32qqy2rgbl],
.so-division-meta strong[b-32qqy2rgbl] {
    color: var(--so-text);
    display: block;
    font-size: 0.9rem;
}

.so-performer-row span[b-32qqy2rgbl],
.so-division-meta span[b-32qqy2rgbl] {
    color: var(--so-muted);
    font-size: 0.76rem;
}

.so-performer-row em[b-32qqy2rgbl] {
    background: var(--so-success-soft);
    border-radius: 999px;
    color: var(--so-success-text);
    font-style: normal;
    font-weight: 800;
    padding: 0.2rem 0.55rem;
}

.so-division-meta[b-32qqy2rgbl] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.so-bar-track[b-32qqy2rgbl] {
    background: var(--so-track);
    border-radius: 999px;
    height: 8px;
    overflow: hidden;
}

.so-bar-track i[b-32qqy2rgbl] {
    background: var(--so-blue);
    display: block;
    height: 100%;
}

.so-footer-metrics[b-32qqy2rgbl] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.so-footer-metrics div[b-32qqy2rgbl] {
    background: var(--so-soft);
    border: 1px solid var(--so-border);
    border-radius: 12px;
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
}

.so-footer-metrics span[b-32qqy2rgbl] {
    color: var(--so-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.so-footer-metrics strong[b-32qqy2rgbl] {
    color: var(--so-text);
    font-size: 1.4rem;
    font-weight: 850;
}

.tone-green-text[b-32qqy2rgbl] { color: var(--so-green); }
.tone-purple-text[b-32qqy2rgbl] { color: var(--so-purple); }
.tone-blue-text[b-32qqy2rgbl] { color: var(--so-blue); }

.so-empty[b-32qqy2rgbl] {
    color: var(--so-muted);
    font-weight: 700;
    padding: 1rem;
    text-align: center;
}

@media (max-width: 1100px) {
    .so-kpi-grid[b-32qqy2rgbl],
    .so-perf-grid[b-32qqy2rgbl],
    .so-footer-metrics[b-32qqy2rgbl] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .so-kpi-grid[b-32qqy2rgbl],
    .so-perf-grid[b-32qqy2rgbl],
    .so-footer-metrics[b-32qqy2rgbl] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SalesOrganogramNode.razor.rz.scp.css */
.so-node[b-5hxhyq8s0c] {
    --so-blue: var(--vk-primary-end);
    --so-muted: var(--vk-muted);
    --so-border: var(--vk-border);
    --so-shadow: var(--vk-shadow-md);
    --so-text: var(--vk-text);
    --so-card: var(--vk-surface);
    --so-soft: var(--vk-surface-soft);
    --so-soft-end: var(--vk-track-bg);
    --so-success-soft: var(--vk-success-soft);
    --so-success-text: var(--vk-success);
    --so-danger-soft: var(--vk-danger-soft);
    --so-danger-text: var(--vk-danger);
    --so-connector: var(--vk-border-strong);
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.so-node-card[b-5hxhyq8s0c] {
    background: var(--so-card);
    border: 1px solid var(--so-border);
    border-radius: 14px;
    box-shadow: var(--so-shadow);
    display: grid;
    gap: 0.7rem;
    max-width: 420px;
    padding: 0.95rem 1rem;
    width: min(100%, 420px);
}

.so-node.depth-1 .so-node-card[b-5hxhyq8s0c],
.so-node.depth-2 .so-node-card[b-5hxhyq8s0c],
.so-node.depth-3 .so-node-card[b-5hxhyq8s0c] {
    max-width: 300px;
    width: min(100%, 300px);
}

.so-node-head[b-5hxhyq8s0c] {
    align-items: start;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.so-node-head strong[b-5hxhyq8s0c] {
    color: var(--so-text);
    display: block;
    font-size: 1rem;
}

.so-node-head span[b-5hxhyq8s0c] {
    color: var(--so-muted);
    font-size: 0.78rem;
}

.so-node-head em[b-5hxhyq8s0c] {
    border-radius: 999px;
    font-size: 0.74rem;
    font-style: normal;
    font-weight: 800;
    padding: 0.18rem 0.5rem;
}

.so-node-head em.up[b-5hxhyq8s0c] {
    background: var(--so-success-soft);
    color: var(--so-success-text);
}

.so-node-head em.down[b-5hxhyq8s0c] {
    background: var(--so-danger-soft);
    color: var(--so-danger-text);
}

.so-node-stats[b-5hxhyq8s0c] {
    display: grid;
    gap: 0.45rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.so-node-stats div[b-5hxhyq8s0c] {
    display: grid;
    gap: 0.15rem;
}

.so-node-stats span[b-5hxhyq8s0c] {
    color: var(--so-muted);
    font-size: 0.68rem;
    font-weight: 700;
}

.so-node-stats strong[b-5hxhyq8s0c] {
    color: var(--so-text);
    font-size: 0.84rem;
}

.so-net-row[b-5hxhyq8s0c] {
    align-items: center;
    background: var(--vk-soft-row-bg);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 0.55rem 0.7rem;
}

.so-net-row span[b-5hxhyq8s0c] {
    color: var(--so-muted);
    font-size: 0.78rem;
    font-weight: 700;
}

.so-net-row strong[b-5hxhyq8s0c] {
    color: var(--so-text);
    font-size: 1.05rem;
    font-weight: 850;
}

.so-node-foot[b-5hxhyq8s0c] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.so-node-foot span[b-5hxhyq8s0c] {
    color: var(--so-muted);
    font-size: 0.78rem;
}

.so-toggle[b-5hxhyq8s0c] {
    background: transparent;
    border: 0;
    color: var(--so-blue);
    font-size: 0.8rem;
    font-weight: 800;
    padding: 0;
}

.so-children[b-5hxhyq8s0c] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.25rem;
    justify-content: center;
    padding-top: 0.85rem;
    position: relative;
    width: 100%;
}

.so-children[b-5hxhyq8s0c]::before {
    background: var(--so-connector);
    content: "";
    height: 14px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 1px;
}
/* /Pages/SecondaryProductPriceReport.razor.rz.scp.css */
.report-panel[b-mu8buctk6q] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.report-header[b-mu8buctk6q] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.report-header h2[b-mu8buctk6q] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.report-header span[b-mu8buctk6q],
.report-field span[b-mu8buctk6q] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.report-record-badge[b-mu8buctk6q] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.report-header-actions[b-mu8buctk6q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.report-icon-button[b-mu8buctk6q] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.report-icon-button img[b-mu8buctk6q] {
    height: 16px;
    width: 16px;
}

.btn-primary.report-icon-button img[b-mu8buctk6q] {
    filter: brightness(0) invert(1);
}

.report-toolbar[b-mu8buctk6q] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.report-field[b-mu8buctk6q] {
    flex: 1 1 10.5rem;
    min-width: min(100%, 9.5rem);
}

.report-field.search[b-mu8buctk6q] {
    flex: 1 1 260px;
}

.report-field .form-control[b-mu8buctk6q],
.report-field .form-select[b-mu8buctk6q] {
    font-size: 0.82rem;
    min-height: var(--vk-control-height);
}

.report-loading[b-mu8buctk6q],
.report-empty[b-mu8buctk6q] {
    color: var(--vk-muted);
    font-size: 0.85rem;
    font-weight: 750;
    padding: 2rem 0;
    text-align: center;
}

.report-table-wrapper[b-mu8buctk6q] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.report-table[b-mu8buctk6q] {
    font-size: 0.78rem;
    min-width: 1100px;
    white-space: nowrap;
}

.report-table thead th[b-mu8buctk6q] {
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.55rem 0.65rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.report-table tbody td[b-mu8buctk6q] {
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-text);
    font-size: 0.78rem;
    padding: 0.5rem 0.65rem;
    vertical-align: middle;
}

.report-table tbody tr:hover[b-mu8buctk6q] {
    background: var(--vk-blue-050);
}

.report-table .text-primary[b-mu8buctk6q] {
    color: var(--vk-blue-700) !important;
}

.report-table .fw-bold[b-mu8buctk6q] {
    font-weight: 800 !important;
}
/* /Pages/SetupMasterGroupPage.razor.rz.scp.css */
.setup-master-tabs[b-2p0n9ib3rz] {
    align-items: center;
    background: var(--vk-surface-disabled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: inline-flex;
    gap: 0.2rem;
    padding: 0.22rem;
    width: fit-content;
}

.setup-master-tab[b-2p0n9ib3rz] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--vk-text);
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1;
    padding: 0.58rem 0.85rem;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
    white-space: nowrap;
}

.setup-master-tab:hover[b-2p0n9ib3rz] {
    background: var(--vk-surface-hover);
    color: var(--vk-blue-800);
}

.setup-master-tab.active[b-2p0n9ib3rz] {
    background: var(--vk-blue-700);
    box-shadow: 0 1px 2px rgba(11, 43, 165, 0.2);
    color: #fff;
}

.setup-master-tabs[b-2p0n9ib3rz] {
    text-wrap: balance;
}
/* /Pages/SpotSale.razor.rz.scp.css */
.ss-panel[b-wmkv3lbtmj] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.ss-header[b-wmkv3lbtmj] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.ss-header h2[b-wmkv3lbtmj] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.ss-header span[b-wmkv3lbtmj],
.ss-field span[b-wmkv3lbtmj] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.ss-record-badge[b-wmkv3lbtmj] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.ss-header-actions[b-wmkv3lbtmj],
.ss-actions[b-wmkv3lbtmj],
.row-actions[b-wmkv3lbtmj],
.ss-modal-footer[b-wmkv3lbtmj] {
    display: flex;
    gap: 0.5rem;
}

.ss-header-actions[b-wmkv3lbtmj] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ss-icon-button[b-wmkv3lbtmj] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.ss-icon-button img[b-wmkv3lbtmj] {
    height: 16px;
    width: 16px;
}

.ss-form-grid[b-wmkv3lbtmj] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.ss-field[b-wmkv3lbtmj] {
    display: grid;
    gap: 0.35rem;
}

.ss-field > span[b-wmkv3lbtmj] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.ss-toolbar[b-wmkv3lbtmj] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ss-field.search[b-wmkv3lbtmj] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.ss-detail-toolbar[b-wmkv3lbtmj] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
}

.ss-section-title[b-wmkv3lbtmj] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.ss-detail-toolbar .ss-icon-button[b-wmkv3lbtmj] {
    margin-left: auto;
}

.ss-table-wrap[b-wmkv3lbtmj] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: hidden;
}

.ss-table[b-wmkv3lbtmj] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 0;
    table-layout: fixed;
    width: 100%;
}

.ss-table col.ss-col-product[b-wmkv3lbtmj],
.ss-table th:nth-child(1)[b-wmkv3lbtmj] {
    width: 14%;
}

.ss-table col.ss-col-variation[b-wmkv3lbtmj],
.ss-table th:nth-child(2)[b-wmkv3lbtmj] {
    width: 6%;
}

.ss-table col.ss-col-price[b-wmkv3lbtmj],
.ss-table th:nth-child(3)[b-wmkv3lbtmj],
.ss-table th:nth-child(4)[b-wmkv3lbtmj],
.ss-table th:nth-child(5)[b-wmkv3lbtmj],
.ss-table th:nth-child(8)[b-wmkv3lbtmj] {
    width: 6%;
}

.ss-table col.ss-col-disc-pct[b-wmkv3lbtmj],
.ss-table th:nth-child(6)[b-wmkv3lbtmj] {
    width: 7%;
}

.ss-table col.ss-col-disc-amt[b-wmkv3lbtmj],
.ss-table th:nth-child(7)[b-wmkv3lbtmj] {
    width: 9%;
}

.ss-table col.ss-col-qty[b-wmkv3lbtmj],
.ss-table th:nth-child(9)[b-wmkv3lbtmj],
.ss-table th:nth-child(11)[b-wmkv3lbtmj] {
    width: 6.5%;
}

.ss-table col.ss-col-qty-sec[b-wmkv3lbtmj],
.ss-table th:nth-child(10)[b-wmkv3lbtmj] {
    width: 8%;
}

.ss-table col.ss-col-amount[b-wmkv3lbtmj],
.ss-table th:nth-child(12)[b-wmkv3lbtmj] {
    width: 7%;
}

.ss-table col.ss-col-charge[b-wmkv3lbtmj],
.ss-table th:nth-child(13)[b-wmkv3lbtmj] {
    width: 6%;
}

.ss-table col.ss-col-action[b-wmkv3lbtmj],
.ss-table th:nth-child(14)[b-wmkv3lbtmj] {
    width: 5%;
}

.ss-table th[b-wmkv3lbtmj] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.68rem;
    font-weight: 850;
    line-height: 1.15;
    overflow-wrap: anywhere;
    padding: 0.42rem 0.32rem;
    text-transform: uppercase;
    white-space: normal;
    word-break: break-word;
}

.ss-table td[b-wmkv3lbtmj] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    overflow: hidden;
    overflow-wrap: anywhere;
    padding: 0.42rem 0.32rem;
    vertical-align: middle;
    word-break: break-word;
}

.ss-table tbody tr:hover[b-wmkv3lbtmj] {
    background: var(--vk-blue-050);
}

.ss-table strong[b-wmkv3lbtmj] {
    color: var(--vk-text);
    font-weight: 850;
}

.ss-subtext[b-wmkv3lbtmj] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.numeric[b-wmkv3lbtmj] {
    text-align: right;
}

.ss-empty[b-wmkv3lbtmj] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.actions-column[b-wmkv3lbtmj] {
    width: 92px;
}

.row-actions[b-wmkv3lbtmj] {
    justify-content: flex-end;
}

.icon-only-btn[b-wmkv3lbtmj] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-wmkv3lbtmj] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn img[b-wmkv3lbtmj] {
    height: 16px;
    width: 16px;
}

.ss-charge-pill[b-wmkv3lbtmj] {
    background: var(--vk-success-soft);
    border: 1px solid var(--vk-success-soft-border);
    border-radius: 999px;
    color: var(--vk-success);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.24rem 0.5rem;
    text-transform: uppercase;
}

.ss-charge-icon[b-wmkv3lbtmj] {
    align-items: center;
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    display: inline-flex;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.ss-charge-icon img[b-wmkv3lbtmj] {
    filter: var(--vk-nav-active-icon-filter);
    height: 16px;
    width: 16px;
}

.ss-checkout-grid[b-wmkv3lbtmj] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(240px, 1fr) minmax(320px, 0.8fr);
    margin-top: 1rem;
}

.ss-remarks textarea[b-wmkv3lbtmj] {
    min-height: 172px;
    resize: vertical;
}

.ss-payment-panel[b-wmkv3lbtmj] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.55rem;
    padding: 0.85rem;
}

.ss-payment-title[b-wmkv3lbtmj] {
    color: var(--vk-blue-800);
    font-size: 0.9rem;
    font-weight: 900;
    text-transform: uppercase;
}

.ss-payment-row[b-wmkv3lbtmj] {
    align-items: center;
    border-bottom: 1px solid var(--vk-border);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding-bottom: 0.45rem;
}

.ss-payment-row span[b-wmkv3lbtmj] {
    color: var(--vk-muted);
    font-size: 0.82rem;
    font-weight: 780;
}

.ss-payment-row strong[b-wmkv3lbtmj] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 900;
}

.ss-payment-row.total strong[b-wmkv3lbtmj],
.ss-payment-row.total span[b-wmkv3lbtmj] {
    color: var(--vk-blue-800);
    font-size: 1rem;
}

.ss-actions[b-wmkv3lbtmj] {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-top: 0.25rem;
}

.ss-alert[b-wmkv3lbtmj] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.ss-alert.success[b-wmkv3lbtmj] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.ss-alert.error[b-wmkv3lbtmj] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.ss-alert button[b-wmkv3lbtmj],
.ss-modal-header button[b-wmkv3lbtmj] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.ss-modal-backdrop[b-wmkv3lbtmj] {
    align-items: center;
    animation: modalBackdropFadeIn 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.ss-modal[b-wmkv3lbtmj] {
    animation: modalSlideDown 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-width: 720px;
            overflow: visible;
    width: min(100%, 720px);
}

.ss-modal-header[b-wmkv3lbtmj] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.ss-modal-header h3[b-wmkv3lbtmj] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.ss-modal-body[b-wmkv3lbtmj] {
    display: grid;
    gap: 0.9rem;
    min-height: 0;
    overflow: auto;
    padding: 1rem;
}

.ss-modal-footer[b-wmkv3lbtmj] {
    border-top: 1px solid var(--vk-card-border-soft);
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.ss-unit-grid[b-wmkv3lbtmj],
.ss-discount-grid[b-wmkv3lbtmj] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.8fr) minmax(150px, 0.8fr);
}

.ss-discount-grid[b-wmkv3lbtmj] {
    align-items: end;
    grid-template-columns: minmax(160px, 0.6fr) minmax(180px, 1fr);
}

.ss-segmented[b-wmkv3lbtmj] {
    align-self: end;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: var(--vk-control-height);
    padding: 0.25rem;
}

.ss-segmented button[b-wmkv3lbtmj] {
    background: transparent;
    border: 0;
    border-radius: 6px;
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 850;
    min-width: 0;
    padding: 0.36rem 0.45rem;
}

.ss-segmented button.active[b-wmkv3lbtmj] {
    background: var(--vk-blue-050);
    box-shadow: inset 0 0 0 1px var(--vk-outline-primary-border);
    color: var(--vk-blue-800);
}

.ss-toggle[b-wmkv3lbtmj] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 820;
    gap: 0.55rem;
    min-height: var(--vk-control-height);
    padding: 0.5rem 0.65rem;
}

.ss-toggle input[b-wmkv3lbtmj] {
    height: 16px;
    width: 16px;
}

.ss-placeholder[b-wmkv3lbtmj] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    justify-content: center;
    min-height: 300px;
    padding: 2rem;
    text-align: center;
}

.ss-placeholder img[b-wmkv3lbtmj] {
    filter: var(--vk-nav-active-icon-filter);
    height: 48px;
    opacity: 0.55;
    width: 48px;
}

.ss-placeholder h3[b-wmkv3lbtmj] {
    color: var(--vk-text);
    font-size: 1.1rem;
    font-weight: 850;
    margin: 0;
}

.ss-placeholder p[b-wmkv3lbtmj] {
    color: var(--vk-muted);
    font-size: 0.85rem;
    margin: 0;
    max-width: 340px;
}

@container layout (max-width: 980px) {
    .ss-form-grid[b-wmkv3lbtmj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ss-checkout-grid[b-wmkv3lbtmj],
    .ss-unit-grid[b-wmkv3lbtmj],
    .ss-discount-grid[b-wmkv3lbtmj] {
        grid-template-columns: 1fr;
    }

    .ss-field.search[b-wmkv3lbtmj] {
        flex: 1 1 100%;
    }
}

@container layout (max-width: 620px) {
    .ss-header[b-wmkv3lbtmj] {
        flex-direction: column;
    }

    .ss-header-actions[b-wmkv3lbtmj],
    .ss-actions[b-wmkv3lbtmj],
    .ss-detail-toolbar[b-wmkv3lbtmj] {
        justify-content: flex-start;
        width: 100%;
    }

    .ss-form-grid[b-wmkv3lbtmj] {
        grid-template-columns: 1fr;
    }

    .ss-field.search[b-wmkv3lbtmj] {
        flex: 1 1 100%;
    }
}
/* /Pages/StockLimitManagement.razor.rz.scp.css */
.stock-panel[b-5zikolo0xt] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.stock-header[b-5zikolo0xt] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.stock-header h2[b-5zikolo0xt] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.stock-header span[b-5zikolo0xt],
.stock-field span[b-5zikolo0xt] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.stock-record-badge[b-5zikolo0xt] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.stock-header-actions[b-5zikolo0xt] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.stock-icon-button[b-5zikolo0xt] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.stock-icon-button img[b-5zikolo0xt] {
    height: 16px;
    width: 16px;
}

.stock-tabs[b-5zikolo0xt] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.95rem;
    padding-bottom: 0.7rem;
}

.stock-tabs a[b-5zikolo0xt] {
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.46rem 0.68rem;
    text-decoration: none;
}

.stock-tabs a:hover[b-5zikolo0xt] {
    background: var(--vk-surface-hover);
    color: var(--vk-text);
}

.stock-tabs a.active[b-5zikolo0xt] {
    background: var(--vk-blue-050);
    border-color: var(--vk-outline-primary-border);
    color: var(--vk-blue-800);
}

.stock-toolbar[b-5zikolo0xt] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.manage-toolbar .stock-field[b-5zikolo0xt] {
    flex: 0 1 420px;
}

.stock-field[b-5zikolo0xt] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.stock-field > span[b-5zikolo0xt] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.stock-field.search[b-5zikolo0xt] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.stock-table-wrap[b-5zikolo0xt] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.stock-table[b-5zikolo0xt] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 920px;
    width: 100%;
}

.stock-table th[b-5zikolo0xt] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.stock-table td[b-5zikolo0xt] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.stock-table tbody tr:hover[b-5zikolo0xt] {
    background: var(--vk-blue-050);
}

.stock-subtext[b-5zikolo0xt] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.numeric[b-5zikolo0xt] {
    text-align: right;
}

.stock-number[b-5zikolo0xt] {
    margin-left: auto;
    max-width: 132px;
    text-align: right;
}

.input-table td:last-child[b-5zikolo0xt],
.input-table td:nth-last-child(2)[b-5zikolo0xt],
.input-table td:nth-last-child(3)[b-5zikolo0xt] {
    text-align: right;
}

.stock-empty[b-5zikolo0xt] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.stock-alert[b-5zikolo0xt] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.stock-alert.success[b-5zikolo0xt] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.stock-alert.error[b-5zikolo0xt] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.stock-alert button[b-5zikolo0xt] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}
/* /Pages/StockManagement.razor.rz.scp.css */
.stock-panel[b-z5zficef87] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.stock-header[b-z5zficef87] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.stock-header h2[b-z5zficef87] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.stock-header span[b-z5zficef87],
.stock-field span[b-z5zficef87] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.stock-record-badge[b-z5zficef87] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.stock-header-actions[b-z5zficef87],
.stock-actions[b-z5zficef87],
.row-actions[b-z5zficef87],
.stock-modal-footer[b-z5zficef87] {
    display: flex;
    gap: 0.5rem;
}

.stock-header-actions[b-z5zficef87] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.stock-icon-button[b-z5zficef87] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.stock-icon-button img[b-z5zficef87] {
    height: 16px;
    width: 16px;
}

.stock-tabs[b-z5zficef87] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.95rem;
    padding-bottom: 0.7rem;
}

.stock-tabs a[b-z5zficef87] {
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.46rem 0.68rem;
    text-decoration: none;
}

.stock-tabs a:hover[b-z5zficef87] {
    background: var(--vk-surface-hover);
    color: var(--vk-text);
}

.stock-tabs a.active[b-z5zficef87] {
    background: var(--vk-blue-050);
    border-color: var(--vk-outline-primary-border);
    color: var(--vk-blue-800);
}

.stock-toolbar[b-z5zficef87] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.stock-field[b-z5zficef87] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.stock-field > span[b-z5zficef87] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.stock-field.search[b-z5zficef87] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.stock-toolbar-button[b-z5zficef87] {
    flex: 0 0 auto;
    min-height: var(--vk-control-height);
}

.stock-table-wrap[b-z5zficef87] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.stock-table[b-z5zficef87] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 920px;
    width: 100%;
}

.stock-table.input-table[b-z5zficef87] {
    min-width: 1080px;
}

.stock-table.detail-table[b-z5zficef87] {
    min-width: 1100px;
}

.stock-table.report-table[b-z5zficef87] {
    min-width: 760px;
}

.stock-table th[b-z5zficef87] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.stock-table td[b-z5zficef87] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.stock-table tbody tr:hover[b-z5zficef87] {
    background: var(--vk-blue-050);
}

.stock-table strong[b-z5zficef87] {
    color: var(--vk-text);
    font-weight: 850;
}

.stock-subtext[b-z5zficef87] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.numeric[b-z5zficef87] {
    text-align: right;
}

.stock-number[b-z5zficef87] {
    margin-left: auto;
    max-width: 132px;
    text-align: right;
}

.stock-empty[b-z5zficef87] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.stock-actions[b-z5zficef87] {
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.actions-column[b-z5zficef87] {
    width: 92px;
}

.row-actions[b-z5zficef87] {
    justify-content: flex-end;
}

.icon-only-btn[b-z5zficef87] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-z5zficef87] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn img[b-z5zficef87] {
    height: 16px;
    width: 16px;
}

.stock-alert[b-z5zficef87] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.stock-alert.success[b-z5zficef87] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.stock-alert.error[b-z5zficef87] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.stock-alert button[b-z5zficef87],
.stock-modal-header button[b-z5zficef87] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

@keyframes modalBackdropFadeIn-b-z5zficef87 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-z5zficef87 {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.stock-modal-backdrop[b-z5zficef87] {
    align-items: center;
    animation: modalBackdropFadeIn-b-z5zficef87 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.stock-modal[b-z5zficef87] {
    animation: modalSlideDown-b-z5zficef87 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    max-height: min(88vh, 760px);
    max-width: 920px;
    overflow: hidden;
    width: min(100%, 920px);
}

.stock-modal.adjustment-modal[b-z5zficef87] {
    max-width: 720px;
}

.stock-modal-header[b-z5zficef87] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.stock-modal-header h3[b-z5zficef87] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

.stock-modal-body[b-z5zficef87] {
    max-height: 60vh;
    overflow: auto;
    padding: 1rem;
}

.stock-modal-footer[b-z5zficef87] {
    border-top: 1px solid var(--vk-card-border-soft);
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.review-table[b-z5zficef87] {
    min-width: 640px;
}

.adjustment-grid[b-z5zficef87] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.adjustment-gen-no[b-z5zficef87] {
    grid-column: 1 / -1;
}

.stock-uom-panel[b-z5zficef87] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.stock-uom-panel label[b-z5zficef87] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.84rem;
    font-weight: 780;
    gap: 0.42rem;
    min-height: var(--vk-control-height);
    padding: 0.45rem 0.6rem;
}

.stock-adjust-total[b-z5zficef87] {
    align-items: center;
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 0.65rem 0.75rem;
}

.stock-adjust-total span[b-z5zficef87] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.stock-adjust-total strong[b-z5zficef87] {
    color: var(--vk-blue-800);
    font-size: 1rem;
    font-weight: 900;
}

@container layout (max-width: 980px) {
    .stock-field.search[b-z5zficef87] {
        flex: 1 1 100%;
    }
}

@container layout (max-width: 620px) {
    .stock-header[b-z5zficef87] {
        flex-direction: column;
    }

    .stock-header-actions[b-z5zficef87],
    .stock-actions[b-z5zficef87] {
        justify-content: flex-start;
        width: 100%;
    }

    .stock-field.search[b-z5zficef87] {
        flex: 1 1 100%;
    }

    .adjustment-grid[b-z5zficef87] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/SubChannelTypes.razor.rz.scp.css */
.sub-channel-type-layout[b-5aluiemiui] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
}

.crud-panel[b-5aluiemiui] {
    background: var(--vk-panel-wash);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1rem;
}

.setup-form-backdrop[b-5aluiemiui] {
    animation: modalBackdropFadeIn-b-5aluiemiui 0.2s ease-out;
}

.setup-form-modal[b-5aluiemiui] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    width: min(100%, 560px);
    animation: modalSlideDown-b-5aluiemiui 0.25s ease-out;
}

@keyframes modalBackdropFadeIn-b-5aluiemiui {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-5aluiemiui {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.setup-form-modal-header[b-5aluiemiui] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-right: 3rem;
}

.setup-form-modal-header span[b-5aluiemiui] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    margin-top: 0.18rem;
}

.setup-form-modal-content[b-5aluiemiui] {
    min-height: 0;
    overflow-y: auto;
}

.setup-modal-alert[b-5aluiemiui] {
    margin-bottom: 1rem;
}

.panel-title-row[b-5aluiemiui] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.panel-title-row h2[b-5aluiemiui] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 800;
    gap: 0.45rem;
    margin: 0;
}

.panel-title-row span[b-5aluiemiui] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.8rem;
    margin-top: 0.18rem;
}

.record-badge[b-5aluiemiui] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
    margin-top: 0;
    padding: 0.28rem 0.5rem;
}

.form-grid[b-5aluiemiui] {
    display: grid;
    gap: 0.85rem;
}

.form-grid label[b-5aluiemiui],
.search-field[b-5aluiemiui],
.filter-field[b-5aluiemiui] {
    display: grid;
    gap: 0.35rem;
}

.form-grid span[b-5aluiemiui],
.search-field span[b-5aluiemiui],
.filter-field span[b-5aluiemiui] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.code-input[b-5aluiemiui] {
    text-transform: uppercase;
}

.status-toggle[b-5aluiemiui] {
    align-items: center;
    display: inline-flex;
    gap: 0.45rem;
    margin-top: 0.95rem;
}

.status-toggle span[b-5aluiemiui] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.form-actions[b-5aluiemiui] {
    display: flex;
    gap: 0.55rem;
    margin-top: 1rem;
}

.icon-button[b-5aluiemiui] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.icon-button img[b-5aluiemiui] {
    height: 16px;
    width: 16px;
}

.btn-primary.icon-button img[b-5aluiemiui] {
    filter: brightness(0) invert(1);
}

.list-toolbar[b-5aluiemiui] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(200px, 1fr) minmax(170px, 230px) minmax(140px, 180px) auto;
    margin-bottom: 1rem;
}

.toolbar-actions[b-5aluiemiui] {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

.table-wrap[b-5aluiemiui] {
    overflow-x: auto;
}

.crud-table[b-5aluiemiui] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 820px;
    width: 100%;
}

.crud-table th[b-5aluiemiui] {
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.crud-table td[b-5aluiemiui] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.9rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.crud-table tbody tr:hover[b-5aluiemiui],
.crud-table tbody tr.selected-row[b-5aluiemiui] {
    background: var(--vk-blue-050);
}

.crud-table tbody tr.selected-row[b-5aluiemiui] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.table-muted[b-5aluiemiui] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    margin-top: 0.12rem;
}

.actions-column[b-5aluiemiui] {
    width: 132px;
}

.row-actions[b-5aluiemiui] {
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
}

.icon-only-btn[b-5aluiemiui] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-5aluiemiui] {
    background: var(--vk-blue-050);
    border-color: var(--vk-border-strong);
    box-shadow: var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn:disabled[b-5aluiemiui] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn:disabled:hover[b-5aluiemiui] {
    background: var(--vk-surface-filled);
    border-color: var(--vk-border);
    box-shadow: none;
    transform: none;
}

.icon-only-btn.danger:hover[b-5aluiemiui] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
}

.icon-only-btn img[b-5aluiemiui] {
    height: 16px;
    width: 16px;
}

.status-pill[b-5aluiemiui] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 800;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-5aluiemiui] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-5aluiemiui] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.empty-state[b-5aluiemiui] {
    color: var(--vk-muted);
    font-weight: 700;
    text-align: center;
}

.crud-alert[b-5aluiemiui] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.crud-alert.success[b-5aluiemiui] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.crud-alert.error[b-5aluiemiui] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.crud-alert button[b-5aluiemiui] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.validation-list[b-5aluiemiui] {
    color: var(--vk-danger);
    margin-bottom: 0.8rem;
}

@media (max-width: 1180px) {
    .sub-channel-type-layout[b-5aluiemiui] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .list-toolbar[b-5aluiemiui] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-5aluiemiui],
    .toolbar-actions[b-5aluiemiui] {
        flex-wrap: wrap;
    }

    .panel-title-row[b-5aluiemiui] {
        flex-direction: column;
    }

    .toolbar-actions[b-5aluiemiui] {
        justify-content: flex-start;
    }
}
/* /Pages/Usermaster.razor.rz.scp.css */
.user-panel[b-zwkfo3zfve] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.user-header[b-zwkfo3zfve] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.user-header h2[b-zwkfo3zfve] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.user-header span[b-zwkfo3zfve],
.user-field span[b-zwkfo3zfve] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.user-record-badge[b-zwkfo3zfve] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.user-header-actions[b-zwkfo3zfve] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.user-form-body[b-zwkfo3zfve] {
    min-width: 0;
}

.user-form-status[b-zwkfo3zfve] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}

.icon-button[b-zwkfo3zfve] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.icon-button img[b-zwkfo3zfve] {
    height: 16px;
    width: 16px;
}

.btn-primary.icon-button img[b-zwkfo3zfve] {
    filter: brightness(0) invert(1);
}

.user-card-header[b-zwkfo3zfve] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.user-card-header h2[b-zwkfo3zfve] {
    color: var(--vk-text);
    font-size: 1rem;
    font-weight: 850;
    margin: 0;
}

.user-card-header span[b-zwkfo3zfve] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.8rem;
    font-weight: 650;
    margin-top: 0.18rem;
}

.user-table-meta[b-zwkfo3zfve] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.user-table-meta span[b-zwkfo3zfve] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 999px;
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 800;
    margin: 0;
    padding: 0.22rem 0.55rem;
}

.user-list-meta[b-zwkfo3zfve] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.65rem;
}

.user-toolbar[b-zwkfo3zfve] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(230px, 1fr) minmax(120px, 150px) minmax(150px, 190px) minmax(160px, 210px);
    margin-bottom: 1rem;
}

.user-field[b-zwkfo3zfve] {
    display: grid;
    gap: 0.35rem;
}

.user-field > span[b-zwkfo3zfve],
.upload-control > span[b-zwkfo3zfve] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.search-field input[b-zwkfo3zfve] {
    padding-left: 0.9rem;
}

.user-table-wrap[b-zwkfo3zfve] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: auto;
}

.user-table[b-zwkfo3zfve] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 940px;
    width: 100%;
}

.user-table th[b-zwkfo3zfve] {
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}

.user-table th button[b-zwkfo3zfve] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    display: inline-flex;
    font: inherit;
    gap: 0.25rem;
    padding: 0;
    text-transform: inherit;
}

.user-table td[b-zwkfo3zfve] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.86rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.user-table tbody tr[b-zwkfo3zfve] {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

.user-table tbody tr:hover[b-zwkfo3zfve],
.user-table tbody tr:has(.selected-row)[b-zwkfo3zfve],
.user-table tbody tr.selected-row[b-zwkfo3zfve] {
    background: var(--vk-blue-050);
}

.user-table tbody tr.selected-row[b-zwkfo3zfve] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.user-table tbody tr:has(.status-chip.inactive)[b-zwkfo3zfve],
.user-table tbody tr:has(.status-chip.locked)[b-zwkfo3zfve] {
    opacity: 0.78;
}

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

.user-identity[b-zwkfo3zfve] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 40px minmax(0, 1fr);
}

.user-identity strong[b-zwkfo3zfve],
.access-cell strong[b-zwkfo3zfve] {
    color: var(--vk-text);
    display: block;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-identity small[b-zwkfo3zfve],
.access-cell span[b-zwkfo3zfve] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-avatar[b-zwkfo3zfve],
.profile-preview[b-zwkfo3zfve] {
    align-items: center;
    background: var(--vk-avatar-bg);
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-weight: 850;
    justify-content: center;
    overflow: hidden;
}

.user-avatar[b-zwkfo3zfve] {
    font-size: 0.8rem;
    height: 40px;
    width: 40px;
}

.user-avatar img[b-zwkfo3zfve],
.profile-preview img[b-zwkfo3zfve] {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.chip-list[b-zwkfo3zfve],
.status-stack[b-zwkfo3zfve] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.role-chip[b-zwkfo3zfve],
.status-chip[b-zwkfo3zfve] {
    align-items: center;
    border: 1px solid;
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 850;
    justify-content: center;
    min-height: 25px;
    padding: 0.22rem 0.58rem;
    white-space: nowrap;
}

.role-chip[b-zwkfo3zfve] {
    background: var(--vk-blue-050);
    border-color: var(--vk-blue-100);
    color: var(--vk-blue-800);
}

.role-chip.muted[b-zwkfo3zfve] {
    background: var(--vk-surface-filled);
    border-color: var(--vk-border);
    color: var(--vk-muted);
}

.status-chip.active[b-zwkfo3zfve] {
    background: var(--vk-success-soft-bg);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.status-chip.inactive[b-zwkfo3zfve] {
    background: var(--vk-warning-soft-bg);
    border-color: var(--vk-warning-soft-border);
    color: var(--vk-warning-soft-text);
}

.status-chip.locked[b-zwkfo3zfve] {
    background: var(--vk-danger-soft-bg);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.actions-column[b-zwkfo3zfve] {
    text-align: right;
    width: 330px;
}

.row-actions[b-zwkfo3zfve] {
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
}

.icon-only-btn[b-zwkfo3zfve],
.status-action-btn[b-zwkfo3zfve] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.icon-only-btn[b-zwkfo3zfve] {
    display: inline-flex;
    width: 32px;
}

.icon-only-btn img[b-zwkfo3zfve],
.status-action-btn img[b-zwkfo3zfve] {
    height: 16px;
    width: 16px;
}

.status-action-btn[b-zwkfo3zfve] {
    color: var(--vk-text);
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 850;
    gap: 0.35rem;
    min-width: 104px;
    padding: 0 0.58rem;
}

.icon-only-btn:hover[b-zwkfo3zfve],
.status-action-btn:hover[b-zwkfo3zfve] {
    background: var(--vk-blue-050);
    border-color: var(--vk-blue-100);
    box-shadow: var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn.danger:hover[b-zwkfo3zfve],
.status-action-btn.danger:hover[b-zwkfo3zfve] {
    background: var(--vk-danger-soft-bg);
    border-color: var(--vk-danger-soft-border);
}

.status-action-btn.success:hover[b-zwkfo3zfve] {
    background: var(--vk-success-soft-bg);
    border-color: var(--vk-success-soft-border);
}

.pagination-row[b-zwkfo3zfve] {
    align-items: center;
    color: var(--vk-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 0.85rem;
}

.pagination-row label[b-zwkfo3zfve] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
}

.pagination-row .form-select[b-zwkfo3zfve] {
    min-height: var(--vk-control-height);
    min-width: 74px;
}

.validation-list[b-zwkfo3zfve] {
    background: var(--vk-danger-soft-bg);
    border: 1px solid var(--vk-danger-soft-border);
    border-radius: 8px;
    color: var(--vk-danger);
    font-size: 0.82rem;
    font-weight: 700;
    margin: 0 0 1rem;
    padding: 0.75rem 0.9rem 0.75rem 1.8rem;
}

.form-section[b-zwkfo3zfve] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: grid;
    gap: 0.85rem;
    padding: 1rem 0;
}

.form-section:first-of-type[b-zwkfo3zfve] {
    padding-top: 0;
}

.form-section.muted-section[b-zwkfo3zfve] {
    opacity: 0.7;
}

.form-section-title[b-zwkfo3zfve] {
    align-items: center;
    display: flex;
    gap: 0.55rem;
    justify-content: space-between;
}

.form-section-title h3[b-zwkfo3zfve] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 850;
    margin: 0;
}

.form-grid[b-zwkfo3zfve] {
    display: grid;
    gap: 0.8rem;
}

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

.profile-upload-row[b-zwkfo3zfve] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.8rem;
    grid-template-columns: 64px minmax(0, 1fr);
    padding: 0.8rem;
}

.profile-preview[b-zwkfo3zfve] {
    box-shadow: var(--vk-shadow-sm);
    font-size: 1rem;
    height: 64px;
    width: 64px;
}

.upload-control[b-zwkfo3zfve] {
    display: grid;
    gap: 0.38rem;
    min-width: 0;
}

.upload-control input[type="file"][b-zwkfo3zfve] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    color: var(--vk-text);
    font-size: 0.82rem;
    min-height: var(--vk-control-height);
    padding: var(--vk-control-padding-y) var(--vk-control-padding-x);
    width: 100%;
}

.upload-control input[type="file"][b-zwkfo3zfve]::file-selector-button {
    background: var(--vk-blue-700);
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
    margin-right: 0.7rem;
    padding: 0.42rem 0.7rem;
}

.toggle-grid[b-zwkfo3zfve] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.switch-line[b-zwkfo3zfve] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    color: var(--vk-text);
    display: flex;
    font-size: 0.9rem;
    font-weight: 750;
    gap: 0.6rem;
    min-height: var(--vk-control-height);
    padding: var(--vk-control-padding-y) var(--vk-control-padding-x);
}

.switch-line input[b-zwkfo3zfve] {
    accent-color: var(--vk-blue-700);
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.switch-line input:disabled[b-zwkfo3zfve] {
    cursor: not-allowed;
}

.mobile-user[b-zwkfo3zfve] {
    align-self: end;
}

.password-default-note[b-zwkfo3zfve],
.password-reset-summary[b-zwkfo3zfve] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: flex;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.7rem 0.8rem;
}

.password-default-note[b-zwkfo3zfve] {
    justify-content: space-between;
}

.password-default-note span[b-zwkfo3zfve],
.password-reset-summary small[b-zwkfo3zfve] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 850;
}

.password-default-note span[b-zwkfo3zfve] {
    text-transform: uppercase;
}

.password-default-note strong[b-zwkfo3zfve],
.password-reset-summary strong[b-zwkfo3zfve] {
    color: var(--vk-text);
    font-weight: 850;
}

.password-reset-summary strong[b-zwkfo3zfve],
.password-reset-summary small[b-zwkfo3zfve] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-panel[b-zwkfo3zfve] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1rem 0 0;
}

.audit-panel > div[b-zwkfo3zfve] {
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: 0.7rem;
}

.audit-panel span[b-zwkfo3zfve] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.audit-panel strong[b-zwkfo3zfve] {
    color: var(--vk-text);
    font-size: 0.86rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.audit-panel small[b-zwkfo3zfve] {
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 650;
}

.editor-actions[b-zwkfo3zfve] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    justify-content: flex-end;
    padding-top: 1rem;
}

.user-empty-state[b-zwkfo3zfve],
.user-error-state[b-zwkfo3zfve] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px dashed var(--vk-dashed-border);
    border-radius: 8px;
    color: var(--vk-muted);
    display: flex;
    flex-direction: column;
    font-weight: 700;
    gap: 0.35rem;
    justify-content: center;
    min-height: 220px;
    padding: 1rem;
    text-align: center;
}

.user-empty-state strong[b-zwkfo3zfve],
.user-error-state strong[b-zwkfo3zfve] {
    color: var(--vk-text);
    font-size: 1rem;
}

.user-error-state[b-zwkfo3zfve] {
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
    min-height: 180px;
}

.user-toast[b-zwkfo3zfve] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    box-shadow: var(--vk-shadow-sm);
    display: flex;
    font-weight: 750;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
}

.user-toast.success[b-zwkfo3zfve] {
    background: var(--vk-success-soft-bg);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.user-toast.error[b-zwkfo3zfve] {
    background: var(--vk-danger-soft-bg);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.user-toast button[b-zwkfo3zfve] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
}

.user-card[b-zwkfo3zfve] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1rem;
}

.user-skeleton-grid[b-zwkfo3zfve] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(260px, 0.8fr) minmax(400px, 1.2fr);
}

.skeleton-card[b-zwkfo3zfve] {
    display: grid;
    gap: 0.75rem;
    min-height: 360px;
}

.skeleton-card.wide[b-zwkfo3zfve] {
    min-height: 520px;
}

.skeleton-card span[b-zwkfo3zfve] {
    animation: user-skeleton-b-zwkfo3zfve 1.2s ease-in-out infinite;
    background: var(--vk-skeleton-bg);
    background-size: 240% 100%;
    border-radius: 8px;
    display: block;
    height: 42px;
}

.skeleton-card span:first-child[b-zwkfo3zfve] {
    height: 64px;
}

@keyframes user-skeleton-b-zwkfo3zfve {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

@container layout (max-width: 900px) {
    .user-toolbar[b-zwkfo3zfve] {
        grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr);
    }

    .user-skeleton-grid[b-zwkfo3zfve] {
        grid-template-columns: 1fr;
    }
}

@container layout (max-width: 650px) {
    .user-header[b-zwkfo3zfve],
    .user-header-actions[b-zwkfo3zfve] {
        flex-direction: column;
    }

    .user-card[b-zwkfo3zfve] {
        padding: 0.85rem;
    }

    .user-card-header[b-zwkfo3zfve],
    .pagination-row[b-zwkfo3zfve] {
        align-items: flex-start;
        flex-direction: column;
    }

    .user-table-meta[b-zwkfo3zfve] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .user-toolbar[b-zwkfo3zfve],
    .form-grid.two[b-zwkfo3zfve],
    .toggle-grid[b-zwkfo3zfve],
    .audit-panel[b-zwkfo3zfve] {
        grid-template-columns: 1fr;
    }

    .profile-upload-row[b-zwkfo3zfve] {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .profile-preview[b-zwkfo3zfve] {
        height: 56px;
        width: 56px;
    }

    .editor-actions[b-zwkfo3zfve] {
        justify-content: stretch;
    }

    .editor-actions .btn[b-zwkfo3zfve] {
        flex: 1 1 150px;
    }
}

@container layout (max-width: 480px) {
    .page-actions[b-zwkfo3zfve] {
        width: 100%;
    }

    .page-actions .btn[b-zwkfo3zfve] {
        flex: 1 1 0;
    }

    .row-actions[b-zwkfo3zfve] {
        justify-content: flex-start;
    }

    .user-table[b-zwkfo3zfve] {
        min-width: 960px;
    }
}

@media (max-width: 1399.98px) {
    .user-header[b-zwkfo3zfve] {
        flex-wrap: wrap;
    }
}

@media (max-width: 991.98px) {
    .user-toolbar[b-zwkfo3zfve] {
        grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr);
    }

    .user-skeleton-grid[b-zwkfo3zfve] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .user-card[b-zwkfo3zfve] {
        padding: 0.85rem;
    }

    .user-card-header[b-zwkfo3zfve],
    .pagination-row[b-zwkfo3zfve] {
        align-items: flex-start;
        flex-direction: column;
    }

    .user-table-meta[b-zwkfo3zfve] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .user-toolbar[b-zwkfo3zfve],
    .form-grid.two[b-zwkfo3zfve],
    .toggle-grid[b-zwkfo3zfve],
    .audit-panel[b-zwkfo3zfve] {
        grid-template-columns: 1fr;
    }

    .profile-upload-row[b-zwkfo3zfve] {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .profile-preview[b-zwkfo3zfve] {
        height: 56px;
        width: 56px;
    }

    .editor-actions[b-zwkfo3zfve] {
        justify-content: stretch;
    }

    .editor-actions .btn[b-zwkfo3zfve] {
        flex: 1 1 150px;
    }
}

@media (max-width: 575.98px) {
    .page-actions[b-zwkfo3zfve] {
        width: 100%;
    }

    .page-actions .btn[b-zwkfo3zfve] {
        flex: 1 1 0;
    }

    .row-actions[b-zwkfo3zfve] {
        justify-content: flex-start;
    }

    .user-table[b-zwkfo3zfve] {
        min-width: 960px;
    }
}
/* /Pages/VehicleManagement.razor.rz.scp.css */
.asset-panel[b-lfc59jasc8] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.asset-header[b-lfc59jasc8] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.asset-header h2[b-lfc59jasc8] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.asset-header span[b-lfc59jasc8],
.asset-field span[b-lfc59jasc8] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.asset-record-badge[b-lfc59jasc8] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.asset-header-actions[b-lfc59jasc8],
.row-actions[b-lfc59jasc8],
.form-actions[b-lfc59jasc8] {
    display: flex;
    gap: 0.5rem;
}

.asset-header-actions[b-lfc59jasc8] {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.asset-icon-button[b-lfc59jasc8] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.asset-icon-button img[b-lfc59jasc8] {
    height: 16px;
    width: 16px;
}

.btn-primary.asset-icon-button img[b-lfc59jasc8] {
    filter: brightness(0) invert(1);
}

.asset-toolbar[b-lfc59jasc8] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.asset-field[b-lfc59jasc8] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.asset-field.search[b-lfc59jasc8] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.asset-field > span[b-lfc59jasc8] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.asset-table-wrap[b-lfc59jasc8] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.asset-table[b-lfc59jasc8] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 720px;
    width: 100%;
}

.asset-table th[b-lfc59jasc8] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.asset-table td[b-lfc59jasc8] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.asset-table tbody tr:hover[b-lfc59jasc8],
.asset-table tbody tr.selected-row[b-lfc59jasc8] {
    background: var(--vk-blue-050);
}

.asset-table tbody tr.selected-row[b-lfc59jasc8] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.asset-table tbody tr:has(.status-pill.inactive)[b-lfc59jasc8] {
    opacity: 0.78;
}

.asset-table strong[b-lfc59jasc8] {
    color: var(--vk-text);
    font-weight: 850;
}

.actions-column[b-lfc59jasc8] {
    width: 100px;
}

.row-actions[b-lfc59jasc8] {
    justify-content: flex-end;
}

.icon-only-btn[b-lfc59jasc8] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-lfc59jasc8] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn img[b-lfc59jasc8] {
    height: 16px;
    width: 16px;
}

.status-pill[b-lfc59jasc8] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-lfc59jasc8] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-lfc59jasc8] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.asset-empty[b-lfc59jasc8] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.asset-alert[b-lfc59jasc8] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.asset-alert.success[b-lfc59jasc8] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.asset-alert button[b-lfc59jasc8] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.asset-form-body[b-lfc59jasc8] {
    min-width: 0;
}

.asset-form-section[b-lfc59jasc8] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.asset-form-section h3[b-lfc59jasc8] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 850;
    margin: 0 0 0.85rem;
}

.asset-form-grid[b-lfc59jasc8] {
    display: grid;
    gap: 0.85rem 1rem;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

.form-actions[b-lfc59jasc8] {
    justify-content: flex-start;
    margin-top: 0.35rem;
}

@media (max-width: 768px) {
    .asset-header[b-lfc59jasc8] {
        flex-direction: column;
    }

    .asset-header-actions[b-lfc59jasc8] {
        width: 100%;
    }
}
/* /Pages/ViewDispatch.razor.rz.scp.css */
.vd-panel[b-7x6m3uqt9a] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.vd-header[b-7x6m3uqt9a] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.vd-header > div:first-child[b-7x6m3uqt9a],
.vd-invoices-panel[b-7x6m3uqt9a] {
    min-width: 0;
}

.vd-header h2[b-7x6m3uqt9a] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.vd-header span[b-7x6m3uqt9a],
.vd-field span[b-7x6m3uqt9a] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.vd-record-badge[b-7x6m3uqt9a] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.vd-header-actions[b-7x6m3uqt9a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.vd-icon-button[b-7x6m3uqt9a] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
}

.vd-icon-button img[b-7x6m3uqt9a] {
    height: 16px;
    width: 16px;
}

.vd-toolbar[b-7x6m3uqt9a] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.vd-field[b-7x6m3uqt9a] {
    display: grid;
    flex: 1 1 12rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.vd-field > span[b-7x6m3uqt9a] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.vd-field em[b-7x6m3uqt9a] {
    color: var(--vk-danger, #b42318);
    font-style: normal;
}

.vd-field.search[b-7x6m3uqt9a] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.vd-field.date[b-7x6m3uqt9a] {
    flex: 0 0 10.5rem;
}

.vd-table-wrap[b-7x6m3uqt9a] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    max-width: 100%;
    overflow-x: auto;
}

.vd-table[b-7x6m3uqt9a] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1180px;
    width: 100%;
}

.vd-table th[b-7x6m3uqt9a] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.vd-table td[b-7x6m3uqt9a] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    overflow-wrap: anywhere;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.vd-table tbody tr:hover[b-7x6m3uqt9a] {
    background: var(--vk-blue-050);
}

.vd-table strong[b-7x6m3uqt9a] {
    color: var(--vk-text);
    font-weight: 850;
}

.vd-table td.numeric[b-7x6m3uqt9a],
.numeric[b-7x6m3uqt9a] {
    overflow-wrap: normal;
    text-align: right;
    white-space: nowrap;
}

.actions-column[b-7x6m3uqt9a] {
    width: 92px;
}

.row-actions[b-7x6m3uqt9a] {
    display: flex;
    justify-content: flex-end;
}

.vd-icon-only-btn[b-7x6m3uqt9a] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.vd-icon-only-btn:hover[b-7x6m3uqt9a] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.vd-icon-only-btn img[b-7x6m3uqt9a] {
    height: 16px;
    width: 16px;
}

.vd-empty[b-7x6m3uqt9a] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

@container layout (max-width: 720px) {
    .vd-header[b-7x6m3uqt9a] {
        flex-direction: column;
    }

    .vd-header-actions[b-7x6m3uqt9a] {
        justify-content: flex-start;
        width: 100%;
    }

    .vd-header-actions .btn[b-7x6m3uqt9a],
    .vd-icon-button[b-7x6m3uqt9a] {
        white-space: normal;
    }

    .vd-field.date[b-7x6m3uqt9a] {
        flex: 1 1 10.5rem;
    }
}



.gi-modal-backdrop[b-7x6m3uqt9a] {
    align-items: center;
    animation: modalBackdropFadeIn-b-7x6m3uqt9a 0.2s ease-out;
    background: var(--vk-modal-backdrop);
    backdrop-filter: blur(8px) saturate(1.05);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    padding: 1rem;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3100;
}

.gi-modal[b-7x6m3uqt9a] {
    animation: modalSlideDown-b-7x6m3uqt9a 0.25s ease-out;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    color: var(--vk-text);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    max-width: 720px;
    min-width: 0;
    overflow: visible;
    width: min(100%, 720px);
}

.gi-modal.gi-modal-wide[b-7x6m3uqt9a] {
    max-width: 1120px;
    width: min(100%, 1120px);
}

@keyframes modalBackdropFadeIn-b-7x6m3uqt9a {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-7x6m3uqt9a {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.gi-modal-header[b-7x6m3uqt9a] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.9rem 1rem;
}

.gi-modal-header button[b-7x6m3uqt9a] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0;
}

.gi-modal-header h3[b-7x6m3uqt9a] {
    color: var(--vk-text);
    font-size: 0.98rem;
    font-weight: 850;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    text-transform: uppercase;
}

.gi-modal-body[b-7x6m3uqt9a] {
    display: grid;
    gap: 0.85rem;
    min-height: 0;
    overflow: visible;
    padding: 1rem;
}

.gi-detail-grid[b-7x6m3uqt9a] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(5, minmax(130px, 1fr));
    margin-bottom: 0.85rem;
}

.gi-detail-grid div[b-7x6m3uqt9a] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: grid;
    gap: 0.2rem;
    min-width: 0;
    padding: 0.58rem 0.7rem;
}

.gi-detail-grid span[b-7x6m3uqt9a] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 820;
    text-transform: uppercase;
}

.gi-detail-grid strong[b-7x6m3uqt9a] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.gi-modal-message[b-7x6m3uqt9a] {
    border: 1px solid;
    border-radius: 8px;
    font-weight: 760;
    margin-bottom: 0.85rem;
    overflow-wrap: anywhere;
    padding: 0.65rem 0.75rem;
}

.gi-modal-message.success[b-7x6m3uqt9a] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.gi-modal-message.warning[b-7x6m3uqt9a] {
    background: var(--vk-warning-soft-bg);
    border-color: var(--vk-warning-soft-border);
    color: var(--vk-warning-soft-text);
}

.gi-modal-footer[b-7x6m3uqt9a] {
    border-top: 1px solid var(--vk-card-border-soft);
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 0.85rem 1rem;
}

.gi-modal-footer .btn[b-7x6m3uqt9a] {
    min-width: 0;
}

.modal-table-wrap[b-7x6m3uqt9a] {
    border-radius: 7px;
}

@container layout (max-width: 1100px) {
    .gi-detail-grid[b-7x6m3uqt9a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container layout (max-width: 620px) {
    .gi-panel[b-7x6m3uqt9a] {
        padding: 0.8rem;
    }

    .gi-header[b-7x6m3uqt9a] {
        flex-direction: column;
    }

    .gi-header-actions[b-7x6m3uqt9a] {
        justify-content: flex-start;
        width: 100%;
    }

    .gi-header-actions .btn[b-7x6m3uqt9a],
    .gi-icon-button[b-7x6m3uqt9a] {
        white-space: normal;
    }

    .gi-header-actions .btn[b-7x6m3uqt9a] {
        width: 100%;
    }

    .gi-detail-grid[b-7x6m3uqt9a] {
        grid-template-columns: 1fr;
    }

    .gi-modal-backdrop[b-7x6m3uqt9a] {
        align-items: flex-start;
        padding: 0.5rem;
    }

    .gi-modal[b-7x6m3uqt9a] {
        max-height: calc(100vh - 1rem);
    }

    .gi-modal-header[b-7x6m3uqt9a],
    .gi-modal-body[b-7x6m3uqt9a],
    .gi-modal-footer[b-7x6m3uqt9a] {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .gi-modal-footer .btn[b-7x6m3uqt9a] {
        width: 100%;
    }
}


.vd-print-types[b-7x6m3uqt9a] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.vd-radio[b-7x6m3uqt9a] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    font-size: 0.86rem;
    font-weight: 650;
    gap: 0.45rem;
}

.vd-field-error[b-7x6m3uqt9a] {
    color: #b42318;
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    margin-top: 0.25rem;
}

.gi-field[b-7x6m3uqt9a] {
    display: grid;
    gap: 0.35rem;
}

.gi-field > span[b-7x6m3uqt9a] {
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 750;
}

.gi-field em[b-7x6m3uqt9a] {
    color: #b42318;
    font-style: normal;
}
/* /Pages/ViewInvoice.razor.rz.scp.css */
.vi-panel[b-z3z7mqvn1d] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.vi-header[b-z3z7mqvn1d] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.vi-header > div:first-child[b-z3z7mqvn1d],
.vi-invoices-panel[b-z3z7mqvn1d] {
    min-width: 0;
}

.vi-header h2[b-z3z7mqvn1d] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.vi-header span[b-z3z7mqvn1d],
.vi-field span[b-z3z7mqvn1d] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.vi-record-badge[b-z3z7mqvn1d] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.vi-header-actions[b-z3z7mqvn1d] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.vi-icon-button[b-z3z7mqvn1d] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
}

.vi-icon-button img[b-z3z7mqvn1d] {
    height: 16px;
    width: 16px;
}

.vi-toolbar[b-z3z7mqvn1d] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.vi-field[b-z3z7mqvn1d] {
    display: grid;
    flex: 1 1 12rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.vi-field > span[b-z3z7mqvn1d] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.vi-field em[b-z3z7mqvn1d] {
    color: var(--vk-danger, #b42318);
    font-style: normal;
}

.vi-field.search[b-z3z7mqvn1d] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.vi-field.date[b-z3z7mqvn1d] {
    flex: 0 0 10.5rem;
}

.vi-table-wrap[b-z3z7mqvn1d] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    max-width: 100%;
    overflow-x: auto;
}

.vi-table[b-z3z7mqvn1d] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1180px;
    width: 100%;
}

.vi-table th[b-z3z7mqvn1d] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.vi-table td[b-z3z7mqvn1d] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    overflow-wrap: anywhere;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.vi-table tbody tr:hover[b-z3z7mqvn1d] {
    background: var(--vk-blue-050);
}

.vi-table strong[b-z3z7mqvn1d] {
    color: var(--vk-text);
    font-weight: 850;
}

.vi-table td.numeric[b-z3z7mqvn1d],
.numeric[b-z3z7mqvn1d] {
    overflow-wrap: normal;
    text-align: right;
    white-space: nowrap;
}

.actions-column[b-z3z7mqvn1d] {
    width: 92px;
}

.row-actions[b-z3z7mqvn1d] {
    display: flex;
    justify-content: flex-end;
}

.vi-icon-only-btn[b-z3z7mqvn1d] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.vi-icon-only-btn:hover[b-z3z7mqvn1d] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.vi-icon-only-btn img[b-z3z7mqvn1d] {
    height: 16px;
    width: 16px;
}

.vi-empty[b-z3z7mqvn1d] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

@container layout (max-width: 720px) {
    .vi-header[b-z3z7mqvn1d] {
        flex-direction: column;
    }

    .vi-header-actions[b-z3z7mqvn1d] {
        justify-content: flex-start;
        width: 100%;
    }

    .vi-header-actions .btn[b-z3z7mqvn1d],
    .vi-icon-button[b-z3z7mqvn1d] {
        white-space: normal;
    }

    .vi-field.date[b-z3z7mqvn1d] {
        flex: 1 1 10.5rem;
    }
}
/* /Shared/ApiErrorBoundary.razor.rz.scp.css */
.api-error-boundary[b-tyya8j33cs] {
    margin: 1rem auto;
    max-width: 40rem;
    padding: 1rem 1.25rem;
    border: 1px solid #f0c7c7;
    background: #fff6f6;
    color: #7a1f1f;
}

.api-error-boundary p[b-tyya8j33cs] {
    margin: 0 0 0.75rem;
}

.api-error-boundary button[b-tyya8j33cs] {
    cursor: pointer;
}
/* /Shared/AppliedDiscountPanel.razor.rz.scp.css */
.applied-discount-panel[b-smsvm5xuq6] {
    background: var(--vk-surface, #fff);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    overflow: hidden;
}

.applied-discount-toggle[b-smsvm5xuq6],
.applied-discount-card-toggle[b-smsvm5xuq6] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    text-align: left;
    width: 100%;
}

.applied-discount-toggle[b-smsvm5xuq6] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    padding: 0.55rem 0.75rem;
}

.applied-discount-heading[b-smsvm5xuq6] {
    align-items: center;
    display: flex;
    gap: 0.4rem;
    min-width: 0;
}

.applied-discount-heading strong[b-smsvm5xuq6] {
    font-size: 0.84rem;
}

.applied-discount-count[b-smsvm5xuq6] {
    background: var(--vk-blue-700, #1d4f91);
    border-radius: 999px;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
    padding: 0.22rem 0.45rem;
}

.applied-discount-hint[b-smsvm5xuq6],
.applied-discount-more[b-smsvm5xuq6] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.applied-discount-list[b-smsvm5xuq6] {
    border-top: 1px solid var(--vk-border);
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    max-height: 320px;
    overflow: auto;
    padding: 0.55rem;
}

.applied-discount-card[b-smsvm5xuq6] {
    background: var(--vk-surface, #fff);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
}

.applied-discount-card-toggle[b-smsvm5xuq6] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
    padding: 0.5rem 0.65rem;
}

.applied-discount-card-head[b-smsvm5xuq6] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
    justify-content: space-between;
}

.applied-discount-card-head strong[b-smsvm5xuq6] {
    color: #1b7f3a;
    font-size: 0.78rem;
    white-space: nowrap;
}

.applied-discount-card-toggle div[b-smsvm5xuq6] {
    font-size: 0.76rem;
    line-height: 1.3;
}

.applied-discount-card-toggle span[b-smsvm5xuq6] {
    color: var(--vk-muted);
    font-weight: 700;
}

.applied-discount-badge[b-smsvm5xuq6] {
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.2;
    padding: 0.16rem 0.45rem;
}

.applied-discount-badge.scheme[b-smsvm5xuq6] {
    background: #e8edf3;
    color: #334155;
}

.applied-discount-badge.outlet[b-smsvm5xuq6] {
    background: #fff3d6;
    color: #8a5a00;
}

.applied-discount-badge.foc[b-smsvm5xuq6] {
    background: #e5f6ea;
    color: #176b32;
}

.applied-discount-badge.discount[b-smsvm5xuq6] {
    background: #e7f1fb;
    color: #1d4f91;
}

.applied-discount-detail[b-smsvm5xuq6] {
    background: var(--vk-surface-filled, #f6f8fb);
    border-top: 1px solid var(--vk-border);
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    margin: 0;
    padding: 0.5rem 0.65rem 0.6rem;
}

.applied-discount-detail div[b-smsvm5xuq6] {
    display: flex;
    gap: 0.5rem;
}

.applied-discount-detail dt[b-smsvm5xuq6] {
    color: var(--vk-muted);
    flex: 0 0 7.2rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.applied-discount-detail dd[b-smsvm5xuq6] {
    font-size: 0.74rem;
    margin: 0;
}
/* /Shared/CascadeDropdownTreeView.razor.rz.scp.css */
.cascade-tree[b-2q4cbg072c] {
    box-sizing: border-box;
    display: grid;
    gap: 0.45rem;
    max-width: 220px;
    min-width: 0;
    width: 100%;
}

.cascade-tree-node[b-2q4cbg072c] {
    box-sizing: border-box;
    display: grid;
    gap: 0.22rem;
    min-width: 0;
    overflow: visible;
}

.cascade-tree-node.is-nested[b-2q4cbg072c] {
    border-left: 2px solid var(--vk-card-border-soft);
    margin-left: var(--cascade-indent, 0px);
}

.cascade-tree-label[b-2q4cbg072c] {
    color: var(--vk-muted);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.cascade-tree :deep(.autocomplete-multi-box)[b-2q4cbg072c] {
    min-height: var(--vk-control-height);
    padding: var(--vk-control-padding-y) var(--vk-control-padding-x);
}

.cascade-tree :deep(.autocomplete-multi-input)[b-2q4cbg072c] {
    font-size: 0.78rem;
    font-weight: 720;
    min-width: 0;
}

.cascade-tree.is-inline[b-2q4cbg072c] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem 0.65rem;
    max-width: none;
    width: 100%;
}

.cascade-tree.is-inline .cascade-tree-node[b-2q4cbg072c] {
    flex: 1 1 150px;
    max-width: 220px;
    min-width: 140px;
}

.cascade-tree.is-inline .cascade-tree-node.is-nested[b-2q4cbg072c] {
    border-left: 0;
    margin-left: 0 !important;
}

.cascade-tree.is-inline :deep(.autocomplete-multi-box)[b-2q4cbg072c] {
    background: var(--vk-surface);
    min-height: var(--vk-control-height);
}
/* /Shared/DashboardFilterHeader.razor.rz.scp.css */
.dfh[b-o69ap26x35] {
    display: grid;
    gap: 1rem;
}

.dfh-topbar[b-o69ap26x35] {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.dfh-topbar h1[b-o69ap26x35] {
    color: var(--vk-blue-900);
    font-size: 1.35rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    margin: 0;
}

.dfh.compact-title .dfh-topbar[b-o69ap26x35] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-border);
    border-radius: 12px;
    box-shadow: var(--vk-shadow-sm);
    min-height: 58px;
    padding: 0.7rem 1rem;
}

.dfh.organogram[b-o69ap26x35] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-border);
    border-radius: 12px;
    gap: 0.85rem;
    padding: 0.95rem 1.05rem 1.05rem;
}

.dfh.organogram .dfh-topbar[b-o69ap26x35] {
    background: transparent;
    border: 0;
    box-shadow: none;
    min-height: 0;
    padding: 0;
}

.dfh-title-block[b-o69ap26x35] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.dfh-title-block p[b-o69ap26x35] {
    color: var(--vk-muted);
    font-size: 0.82rem;
    font-weight: 600;
    margin: 0;
}

.dfh.compact-title .dfh-topbar h1[b-o69ap26x35] {
    font-size: 1.12rem;
    letter-spacing: 0.06em;
}

.dfh.organogram .dfh-topbar h1[b-o69ap26x35] {
    font-size: 1.18rem;
}

.dfh.organogram .dfh-period-select select[b-o69ap26x35] {
    border-radius: 8px;
    min-width: 128px;
}

.dfh-date-panel[b-o69ap26x35] {
    background: color-mix(in srgb, var(--vk-blue-100) 55%, var(--vk-surface));
    border-radius: 10px;
    display: grid;
    gap: 0.7rem;
    padding: 0.85rem 1rem 1rem;
}

.dfh-date-panel h2[b-o69ap26x35] {
    color: var(--vk-blue-900);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    margin: 0;
}

.dfh-date-row[b-o69ap26x35] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem 1.1rem;
}

.dfh-date-control[b-o69ap26x35] {
    display: grid;
    gap: 0.28rem;
    min-width: min(100%, 220px);
}

.dfh-date-control > span[b-o69ap26x35] {
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 650;
}

.dfh-date-input[b-o69ap26x35] {
    align-items: center;
    background: var(--vk-surface);
    border: 1px solid var(--vk-border-strong, var(--vk-border));
    border-radius: 8px;
    display: flex;
    min-height: var(--vk-control-height);
    padding: 0 var(--vk-control-padding-x);
}

.dfh-date-input input[type="date"][b-o69ap26x35] {
    background: transparent;
    border: 0;
    color: var(--vk-blue-900);
    flex: 1 1 auto;
    font-size: 0.88rem;
    font-weight: 650;
    min-width: 0;
    outline: none;
}

.dfh-apply-filter[b-o69ap26x35] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-border-strong, var(--vk-border));
    border-radius: 8px;
    color: var(--vk-blue-900);
    font-size: 0.88rem;
    font-weight: 750;
    min-height: var(--vk-control-height);
    padding: 0 1.15rem;
    white-space: nowrap;
}

.dfh-apply-filter:disabled[b-o69ap26x35] {
    opacity: 0.55;
}

.dfh-period-select[b-o69ap26x35] {
    display: inline-flex;
    margin: 0;
}

.dfh-period-select select[b-o69ap26x35] {
    appearance: none;
    background: var(--vk-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2313306d' d='M3 4.5L6 8l3-3.5'/%3E%3C/svg%3E") no-repeat right 0.7rem center;
    border: 1px solid var(--vk-border);
    border-radius: 999px;
    color: var(--vk-blue-900);
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 750;
    min-height: 36px;
    min-width: 118px;
    padding: 0.3rem 1.8rem 0.3rem 0.95rem;
}

.dfh-period-select select:focus[b-o69ap26x35] {
    border-color: var(--vk-blue-600);
    box-shadow: var(--vk-ring);
    outline: 0;
}

.dfh-filter-panel[b-o69ap26x35] {
        align-items: start;
    background: var(--vk-surface);
    border: 1px solid var(--vk-border);
    border-radius: 14px;
    box-shadow: var(--vk-shadow-md);
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(240px, 1.2fr) auto;
    padding: 0.75rem 0.9rem;
}

.dfh-filter-panel.no-dates[b-o69ap26x35] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) auto;
}

.dfh-field[b-o69ap26x35] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.dfh-field > span[b-o69ap26x35],
.dfh-field :deep(.location-tree-field > span)[b-o69ap26x35] {
    color: var(--vk-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dfh-field :deep(.form-select)[b-o69ap26x35],
.dfh-apply[b-o69ap26x35] {
    min-height: var(--vk-control-height);
}

.dfh-field :deep(.form-select)[b-o69ap26x35],
.dfh-field :deep(.location-tree-trigger)[b-o69ap26x35],
.dfh-period[b-o69ap26x35] {
    border-radius: 7px;
}

.dfh-period[b-o69ap26x35] {
    align-items: center;
    background: var(--vk-surface-raised, var(--vk-surface));
    border: 1px solid var(--vk-border);
    color: var(--vk-blue-900);
    display: flex;
    font-size: 0.78rem;
    font-weight: 750;
    gap: 0.35rem;
    min-height: var(--vk-control-height);
    padding: 0 0.65rem;
}

.dfh-period img[b-o69ap26x35] {
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.dfh-period input[type="date"][b-o69ap26x35] {
    background: transparent;
    border: 0;
    color: inherit;
    flex: 1 1 auto;
    font-size: 0.78rem;
    font-weight: 700;
    min-width: 0;
    outline: none;
}

.dfh-apply[b-o69ap26x35] {
    align-self: end;
    padding-left: 1rem;
    padding-right: 1rem;
    white-space: nowrap;
}

@media (max-width: 1100px) {
    .dfh-filter-panel[b-o69ap26x35],
    .dfh-filter-panel.no-dates[b-o69ap26x35] {
        grid-template-columns: 1fr 1fr;
    }

    .dfh-date-field[b-o69ap26x35],
    .dfh-apply[b-o69ap26x35] {
        grid-column: auto;
    }
}

@media (max-width: 700px) {
    .dfh-topbar[b-o69ap26x35] {
        align-items: stretch;
        flex-direction: column;
    }

    .dfh-filter-panel[b-o69ap26x35],
    .dfh-filter-panel.no-dates[b-o69ap26x35],
    .dfh-date-row[b-o69ap26x35] {
        grid-template-columns: 1fr;
    }

    .dfh-date-control[b-o69ap26x35],
    .dfh-apply-filter[b-o69ap26x35] {
        width: 100%;
    }
}
/* /Shared/InvoicePaymentWorkspace.razor.rz.scp.css */
.ip-panel[b-4ha9urhtp2] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.ip-header[b-4ha9urhtp2] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.ip-header > div:first-child[b-4ha9urhtp2],
.ip-invoices-panel[b-4ha9urhtp2] {
    min-width: 0;
}

.ip-header h2[b-4ha9urhtp2] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.ip-header span[b-4ha9urhtp2],
.ip-field span[b-4ha9urhtp2] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.ip-record-badge[b-4ha9urhtp2] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.ip-header-actions[b-4ha9urhtp2] {
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
    min-width: 0;
}

.ip-icon-button[b-4ha9urhtp2] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    max-width: 100%;
    white-space: nowrap;
}

.ip-icon-button img[b-4ha9urhtp2] {
    height: 16px;
    width: 16px;
}

.ip-toolbar[b-4ha9urhtp2] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.ip-field[b-4ha9urhtp2] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    min-width: min(100%, 9.5rem);
}

.ip-field.search[b-4ha9urhtp2] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.ip-field > span[b-4ha9urhtp2] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.remarks[b-4ha9urhtp2] {
    margin-bottom: 1rem;
}

.ip-table-wrap[b-4ha9urhtp2] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    max-width: 100%;
    overflow-x: auto;
}

.ip-table[b-4ha9urhtp2] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 1180px;
    width: 100%;
}

.ip-table th[b-4ha9urhtp2] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.ip-table td[b-4ha9urhtp2] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    overflow-wrap: anywhere;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.ip-table tbody tr:hover[b-4ha9urhtp2] {
    background: var(--vk-blue-050);
}

.ip-table tbody tr.selected[b-4ha9urhtp2] {
    background: var(--vk-success-soft);
}

.ip-table strong[b-4ha9urhtp2] {
    color: var(--vk-text);
    font-weight: 850;
}

.ip-subtext[b-4ha9urhtp2] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.numeric[b-4ha9urhtp2] {
    text-align: right;
    white-space: nowrap;
}

.select-column[b-4ha9urhtp2] {
    text-align: center;
    width: 48px;
}

.amount-column[b-4ha9urhtp2] {
    width: 150px;
}

.ip-amount-input[b-4ha9urhtp2] {
    margin-left: auto;
    max-width: 130px;
    text-align: right;
}

.ip-select[b-4ha9urhtp2] {
    min-width: 96px;
}

.ip-empty[b-4ha9urhtp2] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.ip-alert[b-4ha9urhtp2] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    gap: 0.75rem;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    overflow-wrap: anywhere;
    padding: 0.75rem 0.9rem;
}

.ip-alert.success[b-4ha9urhtp2] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.ip-alert.error[b-4ha9urhtp2] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.ip-alert button[b-4ha9urhtp2] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

@container layout (max-width: 620px) {
    .ip-panel[b-4ha9urhtp2] {
        padding: 0.8rem;
    }

    .ip-header[b-4ha9urhtp2] {
        flex-direction: column;
    }

    .ip-header-actions[b-4ha9urhtp2] {
        justify-content: flex-start;
        width: 100%;
    }

    .ip-header-actions .btn[b-4ha9urhtp2],
    .ip-icon-button[b-4ha9urhtp2] {
        white-space: normal;
    }

    .ip-header-actions .btn[b-4ha9urhtp2] {
        width: 100%;
    }
}
/* /Shared/LocationToolbarField.razor.rz.scp.css */
.outlet-field.location-field[b-5c6ex55hs4] {
    display: grid;
    flex: 1 1 10.5rem;
    gap: 0.35rem;
    margin: 0;
    min-width: min(100%, 9.5rem);
    overflow: visible;
    position: relative;
    z-index: 5;
}

.outlet-field.location-field.is-open[b-5c6ex55hs4] {
    z-index: 40;
}

.outlet-field.location-field > span[b-5c6ex55hs4] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 750;
    margin: 0;
    text-transform: uppercase;
}

.location-filter-card[b-5c6ex55hs4] {
    --loc-card-radius: 8px;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: var(--loc-card-radius);
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: visible;
    position: relative;
    width: 100%;
}

.location-filter-card-header[b-5c6ex55hs4] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--loc-card-radius);
    color: inherit;
    cursor: pointer;
    display: flex;
    gap: 0.45rem;
    justify-content: space-between;
    min-height: var(--vk-control-height);
    padding: var(--vk-control-padding-y) var(--vk-control-padding-x);
    text-align: left;
    width: 100%;
}

.location-filter-card.is-expanded .location-filter-card-header[b-5c6ex55hs4] {
    border-radius: var(--loc-card-radius) var(--loc-card-radius) 0 0;
}

.location-filter-card-header:hover:not(:disabled)[b-5c6ex55hs4] {
    background: var(--vk-surface-hover);
}

.location-filter-card-header:disabled[b-5c6ex55hs4] {
    cursor: default;
    opacity: 0.65;
}

.location-filter-summary[b-5c6ex55hs4] {
    color: var(--vk-text);
    flex: 1 1 auto;
    font-size: 0.88rem;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.location-filter-esc[b-5c6ex55hs4] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-border);
    border-radius: 4px;
    color: var(--vk-muted);
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    padding: 0.22rem 0.38rem;
    text-transform: uppercase;
}

.location-filter-card-caret[b-5c6ex55hs4] {
    color: var(--vk-muted);
    flex: 0 0 auto;
    height: 0.75rem;
    transition: transform 0.16s ease;
    width: 0.75rem;
}

.location-filter-hint[b-5c6ex55hs4] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 600;
    margin: 0;
}

.location-filter-hint kbd[b-5c6ex55hs4] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 4px;
    box-shadow: none;
    color: var(--vk-text);
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.08rem 0.32rem;
}

.location-filter-card.is-expanded .location-filter-card-caret[b-5c6ex55hs4] {
    transform: rotate(180deg);
}

.location-filter-card-body[b-5c6ex55hs4] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-border);
    border-radius: 0 0 var(--loc-card-radius) var(--loc-card-radius);
    box-shadow: var(--vk-shadow-md, 0 10px 28px rgba(15, 23, 42, 0.14));
    display: grid;
    gap: 0.55rem;
    left: 0;
    min-width: min(92vw, 36rem);
    padding: 0.65rem 0.75rem 0.8rem;
    pointer-events: auto;
    position: absolute;
    top: 100%;
    width: max(100%, 22rem);
    z-index: 1050;
}

.location-filter-card-body[hidden][b-5c6ex55hs4] {
    display: none !important;
}

.location-filter-extra[b-5c6ex55hs4] {
    border-top: 1px solid var(--vk-card-border-soft, var(--vk-border));
    display: grid;
    gap: 0.45rem;
    padding-top: 0.55rem;
}

.location-filter-extra[b-5c6ex55hs4]  .cascade-tree,
.location-filter-card-body[b-5c6ex55hs4]  .cascade-tree {
    max-width: none;
}

.location-filter-card-body[b-5c6ex55hs4]  .autocomplete-multi {
    position: relative;
}

.location-filter-card-body[b-5c6ex55hs4]  .autocomplete-multi.is-open {
    z-index: 1060;
}

@media (max-width: 700px) {
    .outlet-field.location-field[b-5c6ex55hs4] {
        flex: 1 1 100%;
    }

    .location-filter-card-body[b-5c6ex55hs4] {
        left: 0;
        min-width: 0;
        right: 0;
        width: 100%;
    }
}
/* /Shared/LocationTreeCard.razor.rz.scp.css */
.location-tree-card[b-umhvc0h691] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: calc(100vh - 7.5rem);
    min-height: 0;
    overflow: hidden;
}

.location-tree-card-header[b-umhvc0h691] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    flex: 0 0 auto;
    gap: 0.5rem;
    justify-content: space-between;
    padding: 0.7rem 0.85rem 0.55rem;
}

.location-tree-card-body[b-umhvc0h691] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    padding: 0.7rem 0.85rem 0.85rem;
}

.location-tree-mobile-close[b-umhvc0h691] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--vk-muted);
    cursor: pointer;
    display: none;
    flex: 0 0 auto;
    font-size: 1.35rem;
    font-weight: 700;
    height: 1.75rem;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: 1.75rem;
}

.location-tree-mobile-close:hover[b-umhvc0h691] {
    color: var(--vk-text);
}

.location-tree-sidebar-title[b-umhvc0h691] {
    color: var(--vk-text);
    flex: 1 1 auto;
    font-size: 0.82rem;
    font-weight: 850;
    letter-spacing: 0.03em;
    margin: 0;
    min-width: 0;
    text-transform: uppercase;
}

.location-tree-list[b-umhvc0h691] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.location-tree-list :deep(.cascade-tree)[b-umhvc0h691] {
    max-width: none;
    overflow: visible;
    width: 100%;
}

.location-tree-list :deep(.cascade-tree-node)[b-umhvc0h691] {
    overflow: visible;
}

.location-tree-list :deep(.autocomplete-multi.is-open)[b-umhvc0h691] {
    z-index: 30;
}
/* /Shared/LocationTreeListLayout.razor.rz.scp.css */
.location-tree-layout[b-1anklstauu] {
    min-width: 0;
    overflow: visible;
    width: 100%;
}

.location-tree-layout[b-1anklstauu]  .so-toolbar,
.location-tree-layout[b-1anklstauu]  .outlet-toolbar,
.location-tree-layout[b-1anklstauu]  .po-toolbar,
.location-tree-layout[b-1anklstauu]  .pjp-toolbar,
.location-tree-layout[b-1anklstauu]  .gi-toolbar,
.location-tree-layout[b-1anklstauu]  .stock-toolbar,
.location-tree-layout[b-1anklstauu]  .ip-toolbar,
.location-tree-layout[b-1anklstauu]  .promo-toolbar,
.location-tree-layout[b-1anklstauu]  .promotion-toolbar,
.location-tree-layout[b-1anklstauu]  .report-toolbar {
    overflow: visible;
    position: relative;
    z-index: 8;
}
/* /Shared/LocationTreeSelect.razor.rz.scp.css */
.location-tree-field[b-wtn65vtbnt] {
    display: grid;
    gap: 0.35rem;
    max-width: 220px;
    position: relative;
    width: 220px;
}

.location-tree-field > span[b-wtn65vtbnt] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.location-tree-field :deep(.cascade-tree)[b-wtn65vtbnt] {
    max-width: 220px;
    width: 220px;
}

.location-tree-field.is-fluid[b-wtn65vtbnt],
.location-tree-field.is-fluid :deep(.cascade-tree)[b-wtn65vtbnt] {
    max-width: none;
    width: 100%;
}
/* /Shared/PaginationBar.razor.rz.scp.css */
.pagination-row[b-ibnw6egtp3] {
    align-items: center;
    color: var(--vk-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.84rem;
    font-weight: 750;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 0.85rem;
}

.pagination-row label[b-ibnw6egtp3] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
}

.pagination-row .form-select[b-ibnw6egtp3] {
    min-height: var(--vk-control-height);
    min-width: 74px;
}

@container layout (max-width: 500px) {
    .pagination-row[b-ibnw6egtp3] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .pagination-row[b-ibnw6egtp3] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Shared/PortalWorkspaceNav.razor.rz.scp.css */
.portal-workspace-shell[b-8x6ypsfffv] {
    padding: clamp(1rem, 2vw, 1.45rem) clamp(1rem, 2vw, 1.6rem) 0;
}

.portal-workspace-nav[b-8x6ypsfffv] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 12px;
    box-shadow: var(--vk-shadow-sm);
    padding: 1rem;
}

.portal-workspace-title[b-8x6ypsfffv] {
    align-items: center;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.8rem;
    padding-bottom: 0.7rem;
}

.portal-workspace-title img[b-8x6ypsfffv] {
    filter: var(--vk-nav-active-icon-filter);
    height: 16px;
    width: 16px;
}

.portal-workspace-title h2[b-8x6ypsfffv] {
    color: var(--vk-text);
    font-size: 0.92rem;
    font-weight: 900;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.portal-workspace-grid[b-8x6ypsfffv] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

@container layout (max-width: 900px) {
    .portal-workspace-grid[b-8x6ypsfffv] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@container layout (max-width: 640px) {
    .portal-workspace-grid[b-8x6ypsfffv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@container layout (max-width: 400px) {
    .portal-workspace-grid[b-8x6ypsfffv] {
        grid-template-columns: 1fr;
    }
}

.portal-workspace-link[b-8x6ypsfffv] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-radius: 10px;
    color: var(--vk-text);
    display: inline-flex;
    gap: 0.55rem;
    min-height: 36px;
    min-width: 0;
    padding: 0.55rem 0.72rem;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.portal-workspace-link img[b-8x6ypsfffv] {
    filter: var(--vk-nav-active-icon-filter);
    flex: 0 0 auto;
    height: 16px;
    opacity: 0.95;
    width: 16px;
}

.portal-workspace-link span[b-8x6ypsfffv] {
    font-size: 0.78rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-workspace-link:not(.disabled):hover[b-8x6ypsfffv] {
    background: var(--vk-blue-050);
    border-color: var(--vk-border-strong);
    box-shadow: var(--vk-shadow-xs);
    color: var(--vk-blue-800);
    transform: translateY(-1px);
}

    .portal-workspace-link.active[b-8x6ypsfffv] {
        background: var(--vk-blue-700);
        border-color: var(--vk-blue-700);
        box-shadow: 0 1px 2px rgba(11, 43, 165, 0.18);
        color: #fff;
    }

.portal-workspace-link.active img[b-8x6ypsfffv] {
    filter: brightness(0) invert(1);
}

.portal-workspace-link.disabled[b-8x6ypsfffv] {
    cursor: default;
    opacity: 0.72;
}

.portal-workspace-link:has(img[alt=""])[b-8x6ypsfffv] {
    opacity: 0.85;
}

.portal-workspace-group[b-8x6ypsfffv] {
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
    padding: 0.45rem;
}

.portal-workspace-group.active[b-8x6ypsfffv] {
    border-color: var(--vk-blue-200);
    box-shadow: var(--vk-shadow-xs);
}

.portal-workspace-parent[b-8x6ypsfffv] {
    background: transparent;
    border-color: transparent;
    min-height: 32px;
    padding: 0.4rem 0.45rem;
}

.portal-workspace-parent:not(.disabled):hover[b-8x6ypsfffv] {
    background: var(--vk-blue-050);
}

.portal-workspace-submenu[b-8x6ypsfffv] {
    display: grid;
    gap: 0.35rem;
}

.portal-workspace-sublink[b-8x6ypsfffv] {
    align-items: center;
    border-radius: 6px;
    color: var(--vk-muted);
    display: inline-flex;
    gap: 0.45rem;
    min-height: 30px;
    min-width: 0;
    padding: 0.35rem 0.45rem;
    text-decoration: none;
    transition: background-color 0.16s ease, color 0.16s ease;
}

.portal-workspace-sublink img[b-8x6ypsfffv] {
    filter: var(--vk-nav-active-icon-filter);
    flex: 0 0 auto;
    height: 14px;
    opacity: 0.82;
    width: 14px;
}

.portal-workspace-sublink span[b-8x6ypsfffv] {
    font-size: 0.74rem;
    font-weight: 780;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-workspace-sublink:not(.disabled):hover[b-8x6ypsfffv],
.portal-workspace-sublink.active[b-8x6ypsfffv] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
}

.portal-workspace-sublink.disabled[b-8x6ypsfffv] {
    cursor: default;
    opacity: 0.66;
}

.report-workspace-nav[b-8x6ypsfffv] {
    padding-bottom: 0.85rem;
}

.report-workspace-nav .portal-workspace-title[b-8x6ypsfffv] {
    margin-bottom: 0.65rem;
    padding-bottom: 0.6rem;
}

.report-workspace-tabs-shell[b-8x6ypsfffv] {
    display: grid;
    gap: 0.65rem;
    min-width: 0;
    padding-top: 0.1rem;
}

.report-workspace-parent-tabs[b-8x6ypsfffv] {
    align-items: flex-end;
    border-bottom: 1px solid var(--vk-card-border);
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-width: 0;
}

.report-workspace-parent-tab[b-8x6ypsfffv] {
    align-items: center;
    appearance: none;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-border);
    border-bottom-color: var(--vk-card-border);
    border-radius: 7px 7px 0 0;
    color: var(--vk-text);
    display: inline-flex;
    font: inherit;
    gap: 0.45rem;
    min-height: 34px;
    min-width: 0;
    padding: 0.48rem 0.72rem;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.report-workspace-parent-tab:not(.disabled)[b-8x6ypsfffv] {
    cursor: pointer;
}

.report-workspace-parent-tab img[b-8x6ypsfffv] {
    filter: var(--vk-nav-active-icon-filter);
    flex: 0 0 auto;
    height: 15px;
    opacity: 0.92;
    width: 15px;
}

.report-workspace-parent-tab span[b-8x6ypsfffv] {
    font-size: 0.76rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-workspace-parent-tab:not(.disabled):hover[b-8x6ypsfffv] {
    background: var(--vk-blue-050);
    border-color: var(--vk-blue-200);
    color: var(--vk-blue-800);
}

.report-workspace-parent-tab.active[b-8x6ypsfffv] {
    background: var(--vk-surface-raised);
    border-color: var(--vk-blue-300);
    border-bottom-color: var(--vk-surface-raised);
    box-shadow: inset 0 2px 0 var(--vk-blue-700);
    color: var(--vk-blue-800);
    margin-bottom: -1px;
}

.report-workspace-parent-tab.disabled[b-8x6ypsfffv] {
    cursor: default;
    opacity: 0.65;
}

.report-workspace-child-tabs[b-8x6ypsfffv] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-width: 0;
    padding: 0.5rem;
}

.report-workspace-tab[b-8x6ypsfffv] {
    align-items: center;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-border);
    border-radius: 6px;
    color: var(--vk-text);
    display: inline-flex;
    gap: 0.45rem;
    min-height: 32px;
    min-width: 0;
    padding: 0.42rem 0.65rem;
    text-decoration: none;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.report-workspace-tab img[b-8x6ypsfffv] {
    filter: var(--vk-nav-active-icon-filter);
    flex: 0 0 auto;
    height: 15px;
    opacity: 0.92;
    width: 15px;
}

.report-workspace-tab span[b-8x6ypsfffv] {
    font-size: 0.74rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-workspace-tab:not(.disabled):hover[b-8x6ypsfffv] {
    background: var(--vk-blue-050);
    border-color: var(--vk-blue-200);
    color: var(--vk-blue-800);
}

.report-workspace-tab.active[b-8x6ypsfffv] {
    background: var(--vk-blue-700);
    border-color: var(--vk-blue-700);
    box-shadow: var(--vk-shadow-xs);
    color: #fff;
}

.report-workspace-tab.active img[b-8x6ypsfffv] {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.report-workspace-tab.disabled[b-8x6ypsfffv] {
    cursor: default;
    opacity: 0.65;
}

@container layout (max-width: 640px) {
    .report-workspace-tabs-shell[b-8x6ypsfffv],
    .report-workspace-parent-tabs[b-8x6ypsfffv],
    .report-workspace-child-tabs[b-8x6ypsfffv] {
        align-items: stretch;
        width: 100%;
    }

    .report-workspace-parent-tab[b-8x6ypsfffv],
    .report-workspace-tab[b-8x6ypsfffv] {
        width: 100%;
    }
}
/* /Shared/PreSaleTabs.razor.rz.scp.css */
.pre-sale-tabs[b-4aivri7rsr] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-sm);
    display: flex;
    gap: 0.35rem;
    margin-bottom: 0.9rem;
    overflow-x: auto;
    padding: 0.55rem;
}

.pre-sale-tabs a[b-4aivri7rsr] {
    border-radius: 7px;
    color: var(--vk-muted);
    flex: 0 0 auto;
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.48rem 0.72rem;
    text-decoration: none;
    white-space: nowrap;
}

.pre-sale-tabs a:hover[b-4aivri7rsr],
.pre-sale-tabs a.active[b-4aivri7rsr] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
}

@container layout (max-width: 520px) {
    .pre-sale-tabs[b-4aivri7rsr] {
        padding: 0.45rem;
    }
}
/* /Shared/SearchableMultiSelect.razor.rz.scp.css */
.autocomplete-multi[b-jq6dlh1d91] {
    min-width: 0;
    position: relative;
    width: 100%;
}

.autocomplete-multi.is-open[b-jq6dlh1d91] {
    z-index: 20;
}

.autocomplete-multi-label[b-jq6dlh1d91] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-bottom: 0.18rem;
}

.autocomplete-multi-box[b-jq6dlh1d91] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 6px;
    cursor: text;
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    min-height: var(--vk-control-height);
    padding: var(--vk-control-padding-y) var(--vk-control-padding-x);
}

.autocomplete-multi-box:hover[b-jq6dlh1d91] {
    border-color: var(--vk-border-strong);
}

.autocomplete-multi.is-open .autocomplete-multi-box[b-jq6dlh1d91] {
    border-color: var(--vk-blue-700);
    box-shadow: 0 0 0 1px var(--vk-blue-700);
}

.autocomplete-multi.is-disabled .autocomplete-multi-box[b-jq6dlh1d91] {
    cursor: not-allowed;
    opacity: 0.72;
}

.autocomplete-multi.is-invalid .autocomplete-multi-box[b-jq6dlh1d91] {
    border-color: var(--vk-danger);
    box-shadow: 0 0 0 1px var(--vk-danger);
}

.autocomplete-chip[b-jq6dlh1d91] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800);
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 750;
    gap: 0.2rem;
    line-height: 1;
    max-width: 100%;
    padding: 0.22rem 0.28rem 0.22rem 0.5rem;
}

.autocomplete-chip span[b-jq6dlh1d91] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.autocomplete-chip-remove[b-jq6dlh1d91] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--vk-blue-800);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.95rem;
    height: 16px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 16px;
}

.autocomplete-chip-remove:hover[b-jq6dlh1d91] {
    background: var(--vk-blue-700);
    color: #fff;
}

.autocomplete-multi-input[b-jq6dlh1d91] {
    background: transparent;
    border: 0;
    color: var(--vk-text);
    flex: 1 1 8rem;
    font-size: 0.82rem;
    min-height: 26px;
    min-width: 7rem;
    outline: none;
    padding: 0.15rem 0.2rem;
}

.autocomplete-multi-input:disabled[b-jq6dlh1d91] {
    cursor: not-allowed;
}

.autocomplete-multi-esc[b-jq6dlh1d91] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-border);
    border-radius: 4px;
    color: var(--vk-muted);
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    margin-left: 0.25rem;
    padding: 0.22rem 0.38rem;
    text-transform: uppercase;
}

.autocomplete-multi-menu[b-jq6dlh1d91] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 6px;
    box-shadow: var(--vk-shadow-md);
    max-height: 240px;
    overflow-y: auto;
    position: absolute;
    top: calc(100% + 0.2rem);
    width: 100%;
    z-index: 100;
}

.autocomplete-multi-option[b-jq6dlh1d91] {
    background: transparent;
    border: 0;
    color: var(--vk-text);
    cursor: pointer;
    display: block;
    font-size: 0.82rem;
    padding: 0.45rem 0.65rem;
    text-align: left;
    width: 100%;
}

.autocomplete-multi-option:hover[b-jq6dlh1d91],
.autocomplete-multi-option.active[b-jq6dlh1d91] {
    background: var(--vk-blue-050);
    font-weight: 750;
}

.autocomplete-multi-empty[b-jq6dlh1d91] {
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 750;
    padding: 0.75rem 0.65rem;
}
/* /Shared/SearchableSelect.razor.rz.scp.css */
.autocomplete-multi[b-zozpu9lpuf] {
    min-width: 0;
    overflow: visible;
    position: relative;
    width: 100%;
}

.autocomplete-multi.is-open[b-zozpu9lpuf] {
    z-index: 20;
}

.autocomplete-multi-label[b-zozpu9lpuf] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-bottom: 0.18rem;
}

.autocomplete-multi-box[b-zozpu9lpuf] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-border);
    border-radius: 6px;
    cursor: text;
    display: flex;
    min-height: var(--vk-control-height);
    padding: var(--vk-control-padding-y) var(--vk-control-padding-x);
}

.autocomplete-multi-box:hover[b-zozpu9lpuf] {
    border-color: var(--vk-border-strong);
}

.autocomplete-multi.is-open .autocomplete-multi-box[b-zozpu9lpuf] {
    border-color: var(--vk-blue-700);
    box-shadow: 0 0 0 1px var(--vk-blue-700);
}

.autocomplete-multi.is-disabled .autocomplete-multi-box[b-zozpu9lpuf] {
    cursor: not-allowed;
    opacity: 0.72;
}

.autocomplete-multi.is-invalid .autocomplete-multi-box[b-zozpu9lpuf] {
    border-color: var(--vk-danger);
    box-shadow: 0 0 0 1px var(--vk-danger);
}

.autocomplete-multi-input[b-zozpu9lpuf] {
    background: transparent;
    border: 0;
    color: var(--vk-text);
    flex: 1 1 auto;
    font-size: 0.82rem;
    min-height: 26px;
    outline: none;
    padding: 0.15rem 0.2rem;
    width: 100%;
}

.autocomplete-multi-input:disabled[b-zozpu9lpuf] {
    cursor: not-allowed;
}

.autocomplete-multi-clear[b-zozpu9lpuf] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: var(--vk-muted);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.05rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    min-height: 22px;
    min-width: 22px;
    padding: 0;
}

.autocomplete-multi-clear:hover[b-zozpu9lpuf] {
    background: var(--vk-surface);
    color: var(--vk-text);
}

.autocomplete-multi-esc[b-zozpu9lpuf] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-border);
    border-radius: 4px;
    color: var(--vk-muted);
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    margin-left: 0.25rem;
    padding: 0.22rem 0.38rem;
    text-transform: uppercase;
}

.autocomplete-multi-menu[b-zozpu9lpuf] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 6px;
    box-shadow: var(--vk-shadow-md);
    left: 0;
    max-height: 240px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: calc(100% + 0.2rem);
    width: 100%;
    z-index: 100;
}

/* Optional portal mode (FloatMenu=true) — JS sets inline fixed coords */
.autocomplete-multi-menu.is-fixed[b-zozpu9lpuf] {
    position: fixed;
    right: auto;
    z-index: 1080;
}

.autocomplete-multi-option[b-zozpu9lpuf] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--vk-text);
    cursor: pointer;
    display: flex;
    font-size: 0.82rem;
    gap: 0.35rem;
    padding: 0.45rem 0.65rem;
    text-align: left;
    width: 100%;
}

.autocomplete-multi-check[b-zozpu9lpuf] {
    color: var(--vk-blue-700);
    flex: 0 0 0.9rem;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    width: 0.9rem;
}

.autocomplete-multi-option-label[b-zozpu9lpuf] {
    min-width: 0;
}

.autocomplete-multi-option:hover[b-zozpu9lpuf],
.autocomplete-multi-option.active[b-zozpu9lpuf] {
    background: var(--vk-blue-100);
}

.autocomplete-multi-option.selected[b-zozpu9lpuf] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
    font-weight: 750;
}

.autocomplete-multi-option.selected.active[b-zozpu9lpuf],
.autocomplete-multi-option.selected:hover[b-zozpu9lpuf] {
    background: var(--vk-blue-100);
}

.autocomplete-multi-empty[b-zozpu9lpuf] {
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 750;
    padding: 0.75rem 0.65rem;
}
/* /Shared/SetupEntityTabs.razor.rz.scp.css */
.setup-entity-tabs[b-1q3eadok1q] {
    align-items: center;
    background: var(--vk-surface-disabled);
    border: 1px solid var(--vk-border);
    border-radius: 8px;
    display: inline-flex;
    gap: 0.2rem;
    padding: 0.22rem;
}

.setup-entity-tab[b-1q3eadok1q] {
    border-radius: 6px;
    color: var(--vk-text);
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1;
    padding: 0.58rem 0.85rem;
    text-decoration: none;
    transition: background-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
    white-space: nowrap;
}

.setup-entity-tab:hover[b-1q3eadok1q] {
    background: var(--vk-surface-hover);
    color: var(--vk-blue-800);
}

.setup-entity-tab.active[b-1q3eadok1q] {
    background: var(--vk-blue-700);
    box-shadow: 0 1px 2px rgba(11, 43, 165, 0.2);
    color: #fff;
}

@media (max-width: 560px) {
    .setup-entity-tabs[b-1q3eadok1q] {
        align-self: stretch;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .setup-entity-tab[b-1q3eadok1q] {
        text-align: center;
    }
}
/* /Shared/SetupMasterCrud.razor.rz.scp.css */
.setup-master-panel[b-woc4j78mlg] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.setup-master-header[b-woc4j78mlg] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: 0.85rem;
}

.setup-master-header-actions[b-woc4j78mlg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.setup-master-header h2[b-woc4j78mlg] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.setup-master-header span[b-woc4j78mlg],
.setup-master-field span[b-woc4j78mlg],
.setup-master-modal-header span[b-woc4j78mlg] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.setup-record-badge[b-woc4j78mlg] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.setup-master-toolbar[b-woc4j78mlg] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(220px, 1fr) minmax(140px, 180px);
    margin-bottom: 1rem;
}

.setup-master-field[b-woc4j78mlg] {
    display: grid;
    gap: 0.35rem;
}

.setup-master-field > span[b-woc4j78mlg] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.setup-master-actions[b-woc4j78mlg],
.row-actions[b-woc4j78mlg],
.form-actions[b-woc4j78mlg] {
    display: flex;
    gap: 0.5rem;
}

.setup-master-actions[b-woc4j78mlg] {
    justify-content: flex-end;
}

.icon-button[b-woc4j78mlg] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.icon-button img[b-woc4j78mlg] {
    height: 16px;
    width: 16px;
}

.btn-primary.icon-button img[b-woc4j78mlg] {
    filter: brightness(0) invert(1);
}

.setup-master-table-wrap[b-woc4j78mlg] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.setup-master-table[b-woc4j78mlg] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 760px;
    width: 100%;
}

.setup-master-table th[b-woc4j78mlg] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
}

.setup-master-table td[b-woc4j78mlg] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.9rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.setup-master-table tbody tr:hover[b-woc4j78mlg],
.setup-master-table tbody tr:has(.selected-row)[b-woc4j78mlg],
.setup-master-table tbody tr.selected-row[b-woc4j78mlg] {
    background: var(--vk-blue-050);
}

.setup-master-table tbody tr.selected-row[b-woc4j78mlg] {
    background: var(--vk-blue-100);
    outline: 2px solid var(--vk-blue-600);
    outline-offset: -2px;
}

.setup-master-table tbody tr:has(.status-pill.inactive)[b-woc4j78mlg] {
    opacity: 0.78;
}

.actions-column[b-woc4j78mlg] {
    width: 132px;
}

.row-actions[b-woc4j78mlg] {
    justify-content: flex-end;
}

.icon-only-btn[b-woc4j78mlg] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
    width: 32px;
}

.icon-only-btn:hover[b-woc4j78mlg] {
    background: var(--vk-surface-hover);
    box-shadow: inset 0 0 0 1px var(--vk-border-strong), var(--vk-shadow-sm);
    transform: translateY(-1px);
}

.icon-only-btn:disabled[b-woc4j78mlg] {
    cursor: not-allowed;
    opacity: 0.45;
}

.icon-only-btn.danger:hover[b-woc4j78mlg] {
    background: var(--vk-danger-soft);
    box-shadow: inset 0 0 0 1px var(--vk-danger-soft-border), var(--vk-shadow-sm);
}

.icon-only-btn img[b-woc4j78mlg] {
    height: 16px;
    width: 16px;
}

.status-pill[b-woc4j78mlg] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.25rem 0.58rem;
}

.status-pill.active[b-woc4j78mlg] {
    background: var(--vk-success-soft);
    color: var(--vk-success);
}

.status-pill.inactive[b-woc4j78mlg] {
    background: var(--vk-danger-soft);
    color: var(--vk-danger);
}

.setup-master-empty[b-woc4j78mlg] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.setup-master-alert[b-woc4j78mlg] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
}

.setup-master-alert.success[b-woc4j78mlg] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.setup-master-alert.error[b-woc4j78mlg] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.setup-master-alert button[b-woc4j78mlg] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

.setup-form-backdrop[b-woc4j78mlg] {
    animation: modalBackdropFadeIn-b-woc4j78mlg 0.2s ease-out;
}

.setup-master-modal[b-woc4j78mlg] {
    animation: modalSlideDown-b-woc4j78mlg 0.25s ease-out;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 2rem);
    width: min(100%, 760px);
}

@keyframes modalBackdropFadeIn-b-woc4j78mlg {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes modalSlideDown-b-woc4j78mlg {
    from {
        opacity: 0;
        transform: translateY(-20px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.setup-master-modal-header[b-woc4j78mlg] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-right: 3rem;
}

.setup-master-modal-content[b-woc4j78mlg] {
    min-height: 0;
    overflow-y: auto;
}

.setup-master-form-body[b-woc4j78mlg] {
    min-width: 0;
}

.setup-master-form-grid[b-woc4j78mlg] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-actions[b-woc4j78mlg] {
    justify-content: flex-end;
    margin-top: 1rem;
}

.checkbox-field[b-woc4j78mlg] {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 0.55rem;
    justify-content: flex-end;
    margin-top: 1.35rem;
}

.checkbox-field input[b-woc4j78mlg],
.setup-master-status-toggle input[b-woc4j78mlg] {
    accent-color: var(--vk-blue-700);
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.setup-master-status-toggle[b-woc4j78mlg] {
    align-items: center;
    display: inline-flex;
    gap: 0.55rem;
    margin-top: 1rem;
}

.setup-master-status-toggle span[b-woc4j78mlg] {
    color: var(--vk-text);
    font-size: 0.9rem;
    font-weight: 750;
}

.form-actions[b-woc4j78mlg] {
    margin-top: 1rem;
}

.image-upload-field[b-woc4j78mlg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.image-preview-wrap[b-woc4j78mlg] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.image-preview[b-woc4j78mlg] {
    border: 1px solid var(--vk-card-border);
    border-radius: 6px;
    max-height: 80px;
    max-width: 120px;
    object-fit: contain;
}

@container layout (max-width: 800px) {
    .setup-master-toolbar[b-woc4j78mlg],
    .setup-master-form-grid[b-woc4j78mlg] {
        grid-template-columns: 1fr;
    }

    .setup-master-actions[b-woc4j78mlg] {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .setup-master-toolbar[b-woc4j78mlg],
    .setup-master-form-grid[b-woc4j78mlg] {
        grid-template-columns: 1fr;
    }

    .setup-master-actions[b-woc4j78mlg] {
        justify-content: flex-start;
    }
}
/* /Shared/StockIssuancePanel.razor.rz.scp.css */
.ss-panel[b-8h8pbwr0ty] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.ss-header[b-8h8pbwr0ty] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.ss-header h2[b-8h8pbwr0ty] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.ss-header span[b-8h8pbwr0ty],
.ss-field span[b-8h8pbwr0ty] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.ss-record-badge[b-8h8pbwr0ty] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.ss-header-actions[b-8h8pbwr0ty] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.ss-icon-button[b-8h8pbwr0ty] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.ss-icon-button img[b-8h8pbwr0ty] {
    height: 16px;
    width: 16px;
}

.ss-form-grid[b-8h8pbwr0ty] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    margin-bottom: 1rem;
}

.ss-field[b-8h8pbwr0ty] {
    display: grid;
    gap: 0.35rem;
}

.ss-field > span[b-8h8pbwr0ty] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.ss-toolbar[b-8h8pbwr0ty] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ss-field.search[b-8h8pbwr0ty] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.ss-table-wrap[b-8h8pbwr0ty] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.ss-table[b-8h8pbwr0ty] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 900px;
    width: 100%;
}

.ss-table th[b-8h8pbwr0ty] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.ss-table td[b-8h8pbwr0ty] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.ss-table tbody tr:hover[b-8h8pbwr0ty] {
    background: var(--vk-blue-050);
}

.ss-table strong[b-8h8pbwr0ty] {
    color: var(--vk-text);
    font-weight: 850;
}

.ss-subtext[b-8h8pbwr0ty] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.77rem;
    font-weight: 700;
    margin-top: 0.15rem;
}

.numeric[b-8h8pbwr0ty] {
    text-align: right;
}

.ss-empty[b-8h8pbwr0ty] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.ss-table .form-control[b-8h8pbwr0ty] {
    max-width: 120px;
    margin-left: auto;
}

.ss-alert[b-8h8pbwr0ty] {
    align-items: center;
    border: 1px solid;
    border-radius: 8px;
    display: flex;
    font-weight: 750;
    justify-content: space-between;
    margin-bottom: 0.85rem;
    padding: 0.75rem 0.9rem;
}

.ss-alert.success[b-8h8pbwr0ty] {
    background: var(--vk-success-soft);
    border-color: var(--vk-success-soft-border);
    color: var(--vk-success);
}

.ss-alert.error[b-8h8pbwr0ty] {
    background: var(--vk-danger-soft);
    border-color: var(--vk-danger-soft-border);
    color: var(--vk-danger);
}

.ss-alert button[b-8h8pbwr0ty] {
    background: transparent;
    border: 0;
    color: inherit;
    font-size: 1.2rem;
    line-height: 1;
}

@container layout (max-width: 720px) {
    .ss-header[b-8h8pbwr0ty] {
        flex-direction: column;
    }

    .ss-header-actions[b-8h8pbwr0ty] {
        justify-content: flex-start;
        width: 100%;
    }

    .ss-form-grid[b-8h8pbwr0ty] {
        grid-template-columns: 1fr;
    }

    .ss-field.search[b-8h8pbwr0ty] {
        flex: 1 1 100%;
    }
}
/* /Shared/ViewStockAssurancePanel.razor.rz.scp.css */
.ss-panel[b-ol642dqmfg] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-md);
    min-width: 0;
    padding: 1.05rem;
}

.ss-header[b-ol642dqmfg] {
    align-items: flex-start;
    border-bottom: 1px solid var(--vk-card-border-soft);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.9rem;
    padding-bottom: 0.85rem;
}

.ss-header h2[b-ol642dqmfg] {
    align-items: center;
    color: var(--vk-text);
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    font-weight: 850;
    gap: 0.45rem;
    margin: 0;
    text-transform: uppercase;
}

.ss-header span[b-ol642dqmfg],
.ss-field span[b-ol642dqmfg] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.78rem;
    font-weight: 750;
    margin-top: 0.18rem;
}

.ss-record-badge[b-ol642dqmfg] {
    align-items: center;
    background: var(--vk-blue-050);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.68rem !important;
    font-weight: 900 !important;
    line-height: 1;
    margin-top: 0 !important;
    padding: 0.28rem 0.5rem;
}

.ss-header-actions[b-ol642dqmfg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.ss-icon-button[b-ol642dqmfg] {
    align-items: center;
    display: inline-flex;
    gap: 0.4rem;
    justify-content: center;
    white-space: nowrap;
}

.ss-icon-button img[b-ol642dqmfg] {
    height: 16px;
    width: 16px;
}

.ss-field[b-ol642dqmfg] {
    display: grid;
    gap: 0.35rem;
}

.ss-field > span[b-ol642dqmfg] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.ss-toolbar[b-ol642dqmfg] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.ss-field.search[b-ol642dqmfg] {
    flex: 1 1 14rem;
    min-width: min(100%, 12rem);
}

.ss-field.date[b-ol642dqmfg] {
    flex: 0 0 10.5rem;
}

.ss-table-wrap[b-ol642dqmfg] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

.ss-table[b-ol642dqmfg] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 640px;
    width: 100%;
}

.ss-table th[b-ol642dqmfg] {
    background: var(--vk-surface-filled);
    border-bottom: 1px solid var(--vk-border);
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 850;
    padding: 0.7rem 0.75rem;
    text-transform: uppercase;
    white-space: nowrap;
}

.ss-table td[b-ol642dqmfg] {
    border-bottom: 1px solid var(--vk-border);
    font-size: 0.88rem;
    padding: 0.72rem 0.75rem;
    vertical-align: middle;
}

.ss-table tbody tr:hover[b-ol642dqmfg] {
    background: var(--vk-blue-050);
}

.ss-table strong[b-ol642dqmfg] {
    color: var(--vk-text);
    font-weight: 850;
}

.ss-empty[b-ol642dqmfg] {
    color: var(--vk-muted);
    font-weight: 750;
    padding: 1rem;
    text-align: center;
}

.actions-column[b-ol642dqmfg] {
    width: 92px;
}

.row-actions[b-ol642dqmfg] {
    display: flex;
    justify-content: flex-end;
}

.icon-only-btn[b-ol642dqmfg] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 1px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 1px var(--vk-border);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.icon-only-btn:hover[b-ol642dqmfg] {
    background: var(--vk-surface-hover);
}

.icon-only-btn img[b-ol642dqmfg] {
    height: 16px;
    width: 16px;
}

@container layout (max-width: 720px) {
    .ss-header[b-ol642dqmfg] {
        flex-direction: column;
    }

    .ss-header-actions[b-ol642dqmfg] {
        justify-content: flex-start;
        width: 100%;
    }

    .ss-field.search[b-ol642dqmfg],
    .ss-field.date[b-ol642dqmfg] {
        flex: 1 1 100%;
    }
}