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

.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-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: hidden;
    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: 38px;
    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] {
        justify-content: flex-start;
        width: 100%;
    }

    .cs-form-grid[b-o4odsopsyd] {
        grid-template-columns: 1fr;
    }
}
/* /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],
.row-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-workspace[b-irpmoyu6k5] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
    min-width: 0;
}

.gi-location-panel[b-irpmoyu6k5] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    min-width: 0;
    padding: 0.75rem;
}

.gi-location-title[b-irpmoyu6k5] {
    color: var(--vk-muted);
    font-size: 0.74rem;
    font-weight: 850;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.gi-location-list[b-irpmoyu6k5] {
    display: grid;
    gap: 0.35rem;
    max-height: 580px;
    overflow: auto;
    padding-right: 0.15rem;
}

.gi-location-button[b-irpmoyu6k5] {
    background: var(--vk-surface-soft);
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--vk-text);
    display: grid;
    gap: 0.14rem;
    margin-bottom: 0.35rem;
    padding: 0.5rem 0.55rem 0.5rem calc(0.55rem + (var(--depth, 0) * 0.7rem));
    text-align: left;
    width: 100%;
}

.gi-location-button:hover[b-irpmoyu6k5] {
    background: var(--vk-blue-050);
    border-color: var(--vk-border);
}

.gi-location-button.active[b-irpmoyu6k5] {
    background: var(--vk-blue-700);
    border-color: var(--vk-blue-700);
    color: #fff;
}

.gi-location-button.active .gi-location-meta[b-irpmoyu6k5] {
    color: rgba(255, 255, 255, 0.76);
}

.gi-location-name[b-irpmoyu6k5] {
    font-size: 0.82rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.gi-location-meta[b-irpmoyu6k5] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 720;
}

.gi-toolbar[b-irpmoyu6k5] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 0.8fr) minmax(240px, 1.2fr) auto;
    margin-bottom: 1rem;
}

.gi-field[b-irpmoyu6k5] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

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

.gi-toolbar-button[b-irpmoyu6k5] {
    min-height: 38px;
}

.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;
}

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

.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-alert[b-irpmoyu6k5] {
    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;
    padding: 0.75rem 0.9rem;
    overflow-wrap: anywhere;
}

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

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

.gi-alert button[b-irpmoyu6k5],
.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-workspace[b-irpmoyu6k5] {
        grid-template-columns: 1fr;
    }

    .gi-location-list[b-irpmoyu6k5] {
        max-height: 260px;
    }

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

    .gi-toolbar-button[b-irpmoyu6k5] {
        width: 100%;
    }
}

@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-toolbar[b-irpmoyu6k5],
    .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 */
.dashboard-home[b-0tjhyypqog] {
    gap: 0.85rem;
    isolation: isolate;
    position: relative;
}

.dh-heading[b-0tjhyypqog] {
    flex: 0 0 auto;
    gap: 1rem;
    z-index: 2;
}

.dh-heading[b-0tjhyypqog],
.dh-empty-panel[b-0tjhyypqog],
.dh-section-grid[b-0tjhyypqog],
.dh-filter-panel[b-0tjhyypqog],
.dh-stats-grid[b-0tjhyypqog] {
    position: relative;
    width: 100%;
}

.dh-empty-panel[b-0tjhyypqog],
.dh-section-grid[b-0tjhyypqog],
.dh-filter-panel[b-0tjhyypqog],
.dh-stats-grid[b-0tjhyypqog] {
    z-index: 1;
}

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

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

.dh-filter-panel[b-0tjhyypqog] {
    align-items: end;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-xs);
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(130px, 0.95fr) minmax(160px, 1.2fr) repeat(3, minmax(132px, 0.75fr)) auto;
    padding: 0.55rem 0.65rem;
}

.dh-field[b-0tjhyypqog] {
    display: grid;
    gap: 0.18rem;
    min-width: 0;
}

.dh-field span[b-0tjhyypqog] {
    color: var(--vk-muted);
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.dh-field .form-select[b-0tjhyypqog],
.dh-field .form-control[b-0tjhyypqog] {
    font-size: 0.84rem;
    line-height: 1.2;
    min-height: 32px;
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.dh-filter-button[b-0tjhyypqog] {
    font-size: 0.84rem;
    min-height: 32px;
    min-width: 68px;
    padding: 0.28rem 0.75rem;
}

.dh-stats-grid[b-0tjhyypqog] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.dh-stat-card[b-0tjhyypqog] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-sm);
    display: grid;
    gap: 0.35rem;
    min-height: 105px;
    padding: 0.9rem;
    position: relative;
    overflow: hidden;
}

.dh-stat-card[b-0tjhyypqog]::before {
    background: linear-gradient(180deg, var(--vk-blue-600), var(--vk-nav-accent));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
}

.dh-stat-card.orders[b-0tjhyypqog]::before,
.dh-stat-card.invoices[b-0tjhyypqog]::before {
    background: linear-gradient(180deg, #b7791f, #c2413a);
}

.dh-stat-card.currency[b-0tjhyypqog]::before {
    background: linear-gradient(180deg, #0f766e, #16a34a);
}

.dh-stat-card span[b-0tjhyypqog] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.dh-stat-card strong[b-0tjhyypqog] {
    color: var(--vk-blue-900);
    font-size: 1.42rem;
    font-weight: 850;
    line-height: 1.1;
}

.dh-stat-card small[b-0tjhyypqog] {
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 650;
}

.dh-section-grid[b-0tjhyypqog] {
    display: grid;
    gap: 1rem;
}

.dh-section-grid.sales[b-0tjhyypqog] {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr) minmax(280px, 1fr);
}

.dh-section-grid.kpi[b-0tjhyypqog] {
    grid-template-columns: minmax(0, 2.2fr) minmax(300px, 0.8fr);
}

.dh-section-grid.target[b-0tjhyypqog],
.dh-section-grid.bottom[b-0tjhyypqog] {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.75fr);
}

.dh-panel[b-0tjhyypqog] {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.dh-wide-panel[b-0tjhyypqog] {
    min-height: 360px;
}

.dh-table-panel[b-0tjhyypqog] {
    min-width: 0;
}

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

.dh-panel-header h2[b-0tjhyypqog] {
    color: var(--vk-text);
    font-size: 1rem;
    font-weight: 850;
    letter-spacing: 0;
    margin: 0;
    text-transform: uppercase;
}

.dh-panel-header span[b-0tjhyypqog] {
    color: var(--vk-muted);
    display: block;
    font-size: 0.82rem;
    margin-top: 0.15rem;
}

.dh-pill[b-0tjhyypqog] {
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-outline-primary-border);
    border-radius: 999px;
    color: var(--vk-blue-800);
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 800;
    padding: 0.35rem 0.6rem;
    white-space: nowrap;
}

.dh-trend-chart[b-0tjhyypqog] {
    display: grid;
    gap: 0.55rem;
    min-height: 260px;
}

.dh-trend-row[b-0tjhyypqog] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 68px minmax(0, 1fr) 58px;
}

.dh-trend-row span[b-0tjhyypqog],
.dh-comparison-row span[b-0tjhyypqog] {
    color: var(--vk-muted);
    font-size: 0.78rem;
    font-weight: 750;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dh-trend-row div[b-0tjhyypqog],
.dh-comparison-bars[b-0tjhyypqog] {
    background: var(--vk-track-bg);
    border-radius: 999px;
    height: 10px;
    overflow: hidden;
    position: relative;
}

.dh-trend-row i[b-0tjhyypqog] {
    background: linear-gradient(90deg, var(--vk-blue-700), var(--vk-nav-accent));
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 2px;
}

.dh-trend-row strong[b-0tjhyypqog],
.dh-comparison-row strong[b-0tjhyypqog] {
    color: var(--vk-text);
    font-size: 0.8rem;
    font-weight: 800;
    text-align: right;
}

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

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

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

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

.dh-donut[b-0tjhyypqog]::after {
    background: var(--vk-surface-raised);
    border-radius: 50%;
    content: "";
    inset: 18px;
    position: absolute;
}

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

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

.dh-donut.large span[b-0tjhyypqog] {
    font-size: 1.25rem;
}

.dh-legend[b-0tjhyypqog],
.dh-product-list[b-0tjhyypqog],
.dh-kpi-summary[b-0tjhyypqog] {
    display: grid;
    gap: 0.55rem;
}

.dh-legend div[b-0tjhyypqog],
.dh-product-row[b-0tjhyypqog],
.dh-kpi-summary div[b-0tjhyypqog] {
    align-items: center;
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 8px;
    display: grid;
    gap: 0.55rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: 0.55rem 0.6rem;
}

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

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

.dh-legend strong[b-0tjhyypqog],
.dh-kpi-summary strong[b-0tjhyypqog],
.dh-product-row em[b-0tjhyypqog] {
    color: var(--vk-text);
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 800;
}

.dh-kpi-summary[b-0tjhyypqog] {
    width: 100%;
}

.dh-kpi-summary div[b-0tjhyypqog] {
    grid-template-columns: minmax(0, 1fr) auto;
}

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

.dh-table[b-0tjhyypqog] {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}

.dh-table th[b-0tjhyypqog],
.dh-table td[b-0tjhyypqog] {
    border-bottom: 1px solid var(--vk-card-border-soft);
    color: var(--vk-text);
    font-size: 0.82rem;
    padding: 0.62rem 0.7rem;
    text-align: left;
    white-space: nowrap;
}

.dh-table th[b-0tjhyypqog] {
    background: var(--vk-table-head);
    color: var(--vk-muted);
    font-size: 0.74rem;
    font-weight: 850;
    position: sticky;
    top: 0;
    text-transform: uppercase;
    z-index: 1;
}

.dh-table tr:last-child td[b-0tjhyypqog] {
    border-bottom: 0;
}

.dh-table .numeric[b-0tjhyypqog] {
    text-align: right;
}

.dh-progress-text[b-0tjhyypqog] {
    background: var(--vk-success-soft-bg);
    border: 1px solid var(--vk-success-soft-border);
    border-radius: 999px;
    color: var(--vk-success);
    display: inline-block;
    font-weight: 800;
    min-width: 58px;
    padding: 0.18rem 0.45rem;
    text-align: center;
}

.dh-target-total[b-0tjhyypqog] {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 0.9rem;
}

.dh-target-total div[b-0tjhyypqog] {
    background: var(--vk-surface-soft);
    border: 1px solid var(--vk-card-border-soft);
    border-radius: 8px;
    display: grid;
    gap: 0.3rem;
    padding: 0.75rem;
}

.dh-target-total span[b-0tjhyypqog] {
    color: var(--vk-muted);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.dh-target-total strong[b-0tjhyypqog] {
    color: var(--vk-blue-900);
    font-size: 1.15rem;
    font-weight: 850;
}

.dh-comparison-list[b-0tjhyypqog] {
    display: grid;
    gap: 0.7rem;
}

.dh-comparison-row[b-0tjhyypqog] {
    align-items: center;
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.4fr) 62px;
}

.dh-comparison-bars[b-0tjhyypqog] {
    height: 16px;
}

.dh-comparison-bars i[b-0tjhyypqog] {
    border-radius: 999px;
    display: block;
    height: 7px;
    min-width: 2px;
    position: absolute;
}

.dh-comparison-bars i.target[b-0tjhyypqog] {
    background: var(--vk-blue-700);
    top: 1px;
}

.dh-comparison-bars i.achieved[b-0tjhyypqog] {
    background: var(--vk-success);
    bottom: 1px;
}

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

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

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

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

.dh-empty-block[b-0tjhyypqog] {
    background: var(--vk-surface-soft);
    border: 1px dashed var(--vk-dashed-border);
    border-radius: 8px;
    padding: 1rem;
}

.page-actions .disabled[b-0tjhyypqog] {
    opacity: 0.55;
    pointer-events: none;
}

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

    .dh-section-grid.sales[b-0tjhyypqog],
    .dh-section-grid.kpi[b-0tjhyypqog],
    .dh-section-grid.target[b-0tjhyypqog],
    .dh-section-grid.bottom[b-0tjhyypqog] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dh-filter-panel[b-0tjhyypqog] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dh-wide-panel[b-0tjhyypqog],
    .dh-table-panel[b-0tjhyypqog] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 900px) {
    .dh-filter-panel[b-0tjhyypqog],
    .dh-section-grid.sales[b-0tjhyypqog],
    .dh-section-grid.kpi[b-0tjhyypqog],
    .dh-section-grid.target[b-0tjhyypqog],
    .dh-section-grid.bottom[b-0tjhyypqog],
    .dh-stats-grid[b-0tjhyypqog] {
        grid-template-columns: 1fr;
    }

    .dh-filter-button[b-0tjhyypqog] {
        width: 100%;
    }

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

    .dh-legend[b-0tjhyypqog] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .dh-heading[b-0tjhyypqog] {
        align-items: stretch;
    }

    .dh-heading .page-actions[b-0tjhyypqog] {
        width: 100%;
    }

    .dh-heading .btn[b-0tjhyypqog] {
        flex: 1 1 0;
    }

    .dh-stat-card strong[b-0tjhyypqog] {
        font-size: 1.25rem;
    }

    .dh-trend-row[b-0tjhyypqog],
    .dh-comparison-row[b-0tjhyypqog] {
        grid-template-columns: 1fr;
    }

    .dh-trend-row strong[b-0tjhyypqog],
    .dh-comparison-row strong[b-0tjhyypqog] {
        text-align: left;
    }

    .dh-target-total[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: 38px;
    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/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/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] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.report-field[b-ycdtillupd] {
    min-width: 0;
}

.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: 34px;
}

.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-surface-subtle);
    border-bottom: 2px solid var(--vk-card-border);
    color: var(--vk-text);
    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-card-border-soft);
    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-025);
}

.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: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(240px, 1.4fr) minmax(120px, 0.65fr) repeat(3, minmax(160px, 1fr));
    margin-bottom: 1rem;
}

.outlet-field[b-uxmma4r6mq] {
    display: grid;
    gap: 0.35rem;
}

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

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

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

.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);
}

.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-inline-editor[b-uxmma4r6mq] {
    animation: inlineEditorSlideDown-b-uxmma4r6mq 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;
}

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

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

.outlet-inline-editor-header[b-uxmma4r6mq] {
    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;
}

.outlet-inline-editor-header h2[b-uxmma4r6mq] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

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

.outlet-inline-editor-content[b-uxmma4r6mq] {
    padding: 1rem;
}

.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: 38px;
}

.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;
}

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

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

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

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

    .outlet-toolbar[b-uxmma4r6mq],
    .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-toolbar[b-uxmma4r6mq] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

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

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

    .outlet-toolbar[b-uxmma4r6mq],
    .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: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(240px, 1.4fr) minmax(130px, 0.6fr) minmax(190px, 1fr);
    margin-bottom: 1rem;
}

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

.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: 38px;
}

.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],
    .pjp-toolbar[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],
    .pjp-toolbar[b-90qs7aeu9i],
    .detail-editor[b-90qs7aeu9i] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1100px) {
    .pjp-form-grid[b-90qs7aeu9i],
    .pjp-toolbar[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],
    .pjp-toolbar[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] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.report-field[b-ey4syxc56i] {
    min-width: 0;
}

.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: 34px;
}

.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-surface-subtle);
    border-bottom: 2px solid var(--vk-card-border);
    color: var(--vk-text);
    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-card-border-soft);
    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-025);
}

.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 2;
}

.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;
}

.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-inline-editor[b-tbi22vnh96] {
    border-top: 1px solid var(--vk-card-border-soft);
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    animation: inlineEditorSlideDown-b-tbi22vnh96 0.3s ease-out;
    scroll-margin-top: 1rem;
}

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

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

.product-inline-editor-header[b-tbi22vnh96] {
    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;
}

.product-inline-editor-header h2[b-tbi22vnh96] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

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

.product-inline-editor-content[b-tbi22vnh96] {
    padding: 1rem;
}

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

.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;
}

.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));
    }
}

@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;
    }

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

@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;
    }

    .form-actions[b-tbi22vnh96] {
        flex-wrap: wrap;
    }
}
/* /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] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.report-field[b-scqrrywald] {
    min-width: 0;
}

.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: 34px;
}

.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-surface-subtle);
    border-bottom: 2px solid var(--vk-card-border);
    color: var(--vk-text);
    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-card-border-soft);
    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-025);
}

.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;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-bottom: 0.85rem;
}

.pricing-header h2[b-3ocu41a8vp],
.pricing-inline-editor-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],
.pricing-inline-editor-header 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-tabs[b-3ocu41a8vp] {
    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;
}

.pricing-tabs a[b-3ocu41a8vp] {
    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;
}

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

.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;
}

.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-inline-editor[b-3ocu41a8vp] {
    border-top: 1px solid var(--vk-card-border-soft);
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    animation: inlineEditorSlideDown-b-3ocu41a8vp 0.3s ease-out;
    scroll-margin-top: 1rem;
}

.pricing-inline-editor-card[b-3ocu41a8vp] {
    background: var(--vk-surface-filled);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: hidden;
}

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

.pricing-inline-editor-header[b-3ocu41a8vp] {
    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;
}

.pricing-inline-editor-content[b-3ocu41a8vp] {
    padding: 1rem;
}

.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;
    }
}
/* /Pages/PromotionManagement.razor.rz.scp.css */
.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 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: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(240px, 1.4fr) repeat(2, minmax(180px, 0.8fr));
    margin-bottom: 1rem;
}

.promotion-field[b-onk7x0o9xn] {
    display: grid;
    gap: 0.35rem;
}

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

.promotion-field.span-2[b-onk7x0o9xn] {
    grid-column: span 2;
}

.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;
}

.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(2, minmax(0, 1fr));
}

.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: 38px;
    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-toolbar[b-onk7x0o9xn],
    .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: 800px) {
    .promotion-header[b-onk7x0o9xn] {
        flex-direction: column;
    }

    .promotion-toolbar[b-onk7x0o9xn],
    .promotion-form-grid[b-onk7x0o9xn],
    .child-row[b-onk7x0o9xn] {
        grid-template-columns: 1fr;
    }

    .promotion-field.span-2[b-onk7x0o9xn] {
        grid-column: span 1;
    }
}
/* /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-tabs[b-7ozzblp771] {
    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;
}

.po-tabs button[b-7ozzblp771] {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--vk-muted);
    font-size: 0.8rem;
    font-weight: 850;
    padding: 0.46rem 0.68rem;
}

.po-tabs button:hover[b-7ozzblp771] {
    background: var(--vk-surface-hover);
    color: var(--vk-text);
}

.po-tabs button.active[b-7ozzblp771] {
    background: var(--vk-blue-050);
    border-color: var(--vk-outline-primary-border);
    color: var(--vk-blue-800);
}

.po-toolbar[b-7ozzblp771],
.po-form-grid[b-7ozzblp771],
.po-line-adder[b-7ozzblp771] {
    display: grid;
    gap: 0.75rem;
}

.po-toolbar[b-7ozzblp771] {
    align-items: end;
    grid-template-columns: minmax(180px, 1fr) minmax(160px, 0.8fr) minmax(220px, 1.4fr) auto;
    margin-bottom: 1rem;
}

.po-form-grid[b-7ozzblp771] {
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.po-line-adder[b-7ozzblp771] {
    align-items: end;
    grid-template-columns: minmax(260px, 1fr) auto;
    margin-bottom: 0.85rem;
}

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

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

.po-field.search[b-7ozzblp771],
.po-field-wide[b-7ozzblp771] {
    grid-column: span 2;
}

.po-toolbar-button[b-7ozzblp771] {
    min-height: 38px;
}

.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);
}

@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-toolbar[b-7ozzblp771],
    .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-toolbar[b-7ozzblp771],
    .po-form-grid[b-7ozzblp771],
    .po-line-adder[b-7ozzblp771],
    .po-receive-controls[b-7ozzblp771],
    .po-detail-grid[b-7ozzblp771] {
        grid-template-columns: 1fr;
    }

    .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;
}

.roles-permissions-layout[b-sxqd37t648] {
    align-items: start;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(280px, 0.8fr) minmax(420px, 1.45fr) minmax(300px, 0.85fr);
}

@keyframes roleEditorSlideIn-b-sxqd37t648 {
    from {
        opacity: 0;
        transform: translateX(12px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.role-card[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: 1rem;
}

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

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

.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 h2[b-sxqd37t648] {
    color: var(--vk-text);
    font-size: 1rem;
    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;
}

.role-count-pill[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-blue-050);
    border: 1px solid var(--vk-blue-100);
    border-radius: 999px;
    color: var(--vk-blue-800) !important;
    display: inline-flex !important;
    font-size: 0.76rem !important;
    font-weight: 850 !important;
    justify-content: center;
    min-width: 32px;
    padding: 0.25rem 0.55rem;
}

.role-filters[b-sxqd37t648],
.matrix-toolbar[b-sxqd37t648] {
    display: grid;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.matrix-toolbar[b-sxqd37t648] {
    align-items: end;
    grid-template-columns: minmax(180px, 1fr) minmax(160px, 220px) auto;
}

.role-field[b-sxqd37t648] {
    display: grid;
    gap: 0.35rem;
}

.role-field > span[b-sxqd37t648] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 850;
    text-transform: uppercase;
}

.roles-table-wrap[b-sxqd37t648] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    max-height: 560px;
    overflow: auto;
}

.roles-table[b-sxqd37t648] {
    border-collapse: separate;
    border-spacing: 0;
    color: var(--vk-text);
    min-width: 520px;
    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[b-sxqd37t648] {
    cursor: pointer;
    transition: background-color 0.16s ease;
}

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

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

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

.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-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;
    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: 680px;
}

.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: linear-gradient(90deg, var(--vk-blue-700), var(--vk-nav-accent));
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 0;
    transition: width 0.18s ease;
}

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

.permission-accordion[b-sxqd37t648] {
    display: grid;
    gap: 0.75rem;
}

.permission-module[b-sxqd37t648] {
    background: var(--vk-surface);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: hidden;
}

.module-trigger[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-surface-filled);
    border: 0;
    color: var(--vk-text);
    display: grid;
    gap: 0.65rem;
    grid-template-columns: 1fr auto auto;
    min-height: 52px;
    padding: 0.8rem 0.9rem;
    text-align: left;
    width: 100%;
}

.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;
}

.permission-module.open .module-chevron[b-sxqd37t648] {
    transform: rotate(180deg);
}

.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[b-sxqd37t648] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow: hidden;
}

.category-header[b-sxqd37t648] {
    align-items: center;
    background: var(--vk-table-head);
    border-bottom: 1px solid var(--vk-border);
    display: flex;
    justify-content: space-between;
    padding: 0.65rem 0.75rem;
}

.category-header > span[b-sxqd37t648] {
    color: var(--vk-muted);
    font-size: 0.76rem;
    font-weight: 850;
}

.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: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-editor-card[b-sxqd37t648] {
    position: sticky;
    top: 154px;
}

.role-editor-card.open[b-sxqd37t648] {
    animation: roleEditorSlideIn-b-sxqd37t648 0.3s ease-out;
}

.role-stats-grid[b-sxqd37t648] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.85rem;
}

.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[b-sxqd37t648] {
    border-top: 1px solid var(--vk-border);
    margin-top: 1rem;
    padding-top: 1rem;
}

.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: 220px;
    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;
}

.editor-actions[b-sxqd37t648] {
    border-top: 1px solid var(--vk-border);
    display: flex;
    gap: 0.55rem;
    margin-top: 1rem;
    padding-top: 1rem;
}

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

.roles-skeleton-grid[b-sxqd37t648] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(280px, 0.8fr) minmax(420px, 1.45fr) minmax(300px, 0.85fr);
}

.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: linear-gradient(90deg, var(--vk-surface-filled), var(--vk-surface-soft), var(--vk-surface-filled));
    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: 1200px) {
    .roles-permissions-layout[b-sxqd37t648],
    .roles-skeleton-grid[b-sxqd37t648] {
        grid-template-columns: minmax(280px, 0.9fr) minmax(420px, 1.3fr);
    }

    .role-editor-card[b-sxqd37t648] {
        grid-column: 1 / -1;
        position: static;
    }
}

@container layout (max-width: 900px) {
    .roles-permissions-layout[b-sxqd37t648],
    .roles-skeleton-grid[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .permissions-card[b-sxqd37t648] {
        min-height: 0;
    }

    .matrix-toolbar[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .matrix-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;
    }

    .editor-actions[b-sxqd37t648],
    .matrix-actions[b-sxqd37t648] {
        flex-wrap: wrap;
    }
}

@media (max-width: 1320px) {
    .roles-permissions-layout[b-sxqd37t648],
    .roles-skeleton-grid[b-sxqd37t648] {
        grid-template-columns: minmax(280px, 0.9fr) minmax(420px, 1.3fr);
    }

    .role-editor-card[b-sxqd37t648] {
        grid-column: 1 / -1;
        position: static;
    }
}

@media (max-width: 992px) {
    .roles-permissions-layout[b-sxqd37t648],
    .roles-skeleton-grid[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .permissions-card[b-sxqd37t648] {
        min-height: 0;
    }

    .matrix-toolbar[b-sxqd37t648] {
        grid-template-columns: 1fr;
    }

    .matrix-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;
    }

    .editor-actions[b-sxqd37t648],
    .matrix-actions[b-sxqd37t648] {
        flex-wrap: wrap;
    }
}
/* /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-toolbar[b-sm3ey0j7u2],
.so-form-grid[b-sm3ey0j7u2],
.so-line-adder[b-sm3ey0j7u2] {
    display: grid;
    gap: 0.75rem;
}

.so-toolbar[b-sm3ey0j7u2] {
    align-items: end;
    grid-template-columns: minmax(160px, 1fr) minmax(170px, 1fr) minmax(170px, 1fr) minmax(140px, 0.75fr) minmax(220px, 1.25fr) auto;
    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-field[b-sm3ey0j7u2] {
    display: grid;
    gap: 0.35rem;
}

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

.so-field.search[b-sm3ey0j7u2],
.so-field-wide[b-sm3ey0j7u2] {
    grid-column: span 2;
}

.so-toolbar-button[b-sm3ey0j7u2] {
    min-height: 38px;
}

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

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

.so-lines-table[b-sm3ey0j7u2] {
    min-width: 1280px;
}

.so-detail-table[b-sm3ey0j7u2] {
    min-width: 1060px;
}

.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-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;
}

.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-totals[b-sm3ey0j7u2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-end;
    margin-top: 0.85rem;
}

.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);
}

@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-toolbar[b-sm3ey0j7u2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .so-form-grid[b-sm3ey0j7u2],
    .so-detail-grid[b-sm3ey0j7u2] {
        grid-template-columns: repeat(2, minmax(0, 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] {
        justify-content: flex-start;
        width: 100%;
    }

    .so-toolbar[b-sm3ey0j7u2],
    .so-form-grid[b-sm3ey0j7u2],
    .so-line-adder[b-sm3ey0j7u2],
    .so-detail-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/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] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.report-field[b-mu8buctk6q] {
    min-width: 0;
}

.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: 34px;
}

.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-surface-subtle);
    border-bottom: 2px solid var(--vk-card-border);
    color: var(--vk-text);
    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-card-border-soft);
    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-025);
}

.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: linear-gradient(180deg, var(--vk-blue-700), #1237bd);
    box-shadow: 0 6px 14px rgba(29, 78, 216, 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] {
    color: var(--vk-text);
    font-size: 1rem;
    font-weight: 850;
    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-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-table-wrap[b-wmkv3lbtmj] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    overflow-x: auto;
}

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

.ss-table th[b-wmkv3lbtmj] {
    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-wmkv3lbtmj] {
    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-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-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: hidden;
    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: 38px;
    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: 38px;
    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;
    }
}

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

    .ss-header-actions[b-wmkv3lbtmj],
    .ss-actions[b-wmkv3lbtmj] {
        justify-content: flex-start;
        width: 100%;
    }

    .ss-form-grid[b-wmkv3lbtmj] {
        grid-template-columns: 1fr;
    }
}
/* /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: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(5, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.stock-field[b-z5zficef87] {
    display: grid;
    gap: 0.35rem;
}

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

.stock-field.search[b-z5zficef87] {
    grid-column: span 2;
}

.stock-toolbar-button[b-z5zficef87] {
    min-height: 38px;
}

.stock-tree-field[b-z5zficef87] {
    position: relative;
}

.stock-tree-trigger[b-z5zficef87] {
    align-items: center;
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-border);
    border-radius: 7px;
    color: var(--vk-text);
    display: flex;
    font-size: 0.88rem;
    font-weight: 720;
    gap: 0.5rem;
    justify-content: space-between;
    min-height: 38px;
    padding: 0.45rem 0.65rem;
    text-align: left;
    width: 100%;
}

.stock-tree-trigger:hover[b-z5zficef87] {
    background: var(--vk-surface-hover);
    border-color: var(--vk-border-strong);
}

.stock-tree-trigger-icon[b-z5zficef87] {
    color: var(--vk-muted);
    font-size: 0.74rem;
    font-weight: 900;
}

.stock-tree-menu[b-z5zficef87] {
    background: var(--vk-surface-raised);
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    box-shadow: var(--vk-shadow-lg);
    left: 0;
    max-height: 340px;
    min-width: min(420px, 86vw);
    overflow: auto;
    padding: 0.35rem;
    position: absolute;
    right: auto;
    top: calc(100% + 0.35rem);
    z-index: 1200;
}

.stock-tree-all[b-z5zficef87],
.stock-tree-row[b-z5zficef87] {
    border-radius: 7px;
}

.stock-tree-all[b-z5zficef87] {
    background: transparent;
    border: 0;
    color: var(--vk-text);
    display: block;
    font-size: 0.84rem;
    font-weight: 800;
    padding: 0.48rem 0.55rem;
    text-align: left;
    width: 100%;
}

.stock-tree-row[b-z5zficef87] {
    align-items: stretch;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    min-height: 42px;
}

.stock-tree-row:hover[b-z5zficef87],
.stock-tree-all:hover[b-z5zficef87] {
    background: var(--vk-surface-hover);
}

.stock-tree-row.selected[b-z5zficef87],
.stock-tree-all.selected[b-z5zficef87] {
    background: var(--vk-blue-050);
    box-shadow: inset 0 0 0 1px var(--vk-outline-primary-border);
}

.stock-tree-row.muted .stock-tree-node[b-z5zficef87] {
    color: var(--vk-muted);
}

.stock-tree-expander[b-z5zficef87],
.stock-tree-node[b-z5zficef87] {
    background: transparent;
    border: 0;
    color: inherit;
}

.stock-tree-expander[b-z5zficef87] {
    align-items: center;
    color: var(--vk-blue-700);
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 900;
    justify-content: center;
    padding: 0;
}

.stock-tree-expander:disabled[b-z5zficef87] {
    color: transparent;
}

.stock-tree-node[b-z5zficef87] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    padding: 0.42rem 0.45rem;
    text-align: left;
}

.stock-tree-node:disabled[b-z5zficef87] {
    cursor: default;
}

.stock-tree-node-title[b-z5zficef87],
.stock-tree-node-meta[b-z5zficef87] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-tree-node-title[b-z5zficef87] {
    color: var(--vk-text);
    font-size: 0.84rem;
    font-weight: 820;
}

.stock-tree-row.muted .stock-tree-node-title[b-z5zficef87] {
    color: var(--vk-muted);
}

.stock-tree-node-meta[b-z5zficef87] {
    color: var(--vk-muted);
    font-size: 0.7rem;
    font-weight: 760;
    text-transform: uppercase;
}

.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));
}

.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: 38px;
    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-toolbar[b-z5zficef87] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stock-field.search[b-z5zficef87] {
        grid-column: span 2;
    }
}

@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-toolbar[b-z5zficef87] {
        grid-template-columns: 1fr;
    }

    .stock-field.search[b-z5zficef87] {
        grid-column: auto;
    }

    .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: linear-gradient(180deg, var(--vk-modal-header-start), var(--vk-surface-soft));
    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-management-page[b-zwkfo3zfve] {
    gap: 1rem;
}

.user-management-layout[b-zwkfo3zfve] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.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-list-card[b-zwkfo3zfve] {
    min-height: 620px;
}

.user-inline-editor[b-zwkfo3zfve] {
    animation: inlineEditorSlideDown-b-zwkfo3zfve 0.3s ease-out;
    scroll-margin-top: 1rem;
}

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

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

.user-inline-editor-header h2[b-zwkfo3zfve] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

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

.user-inline-editor-content[b-zwkfo3zfve] {
    padding: 1rem;
}

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

.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-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: linear-gradient(135deg, var(--vk-blue-700), var(--vk-success));
    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: 34px;
    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: 42px;
    padding: 0.48rem 0.6rem;
    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: 42px;
    padding: 0.6rem 0.75rem;
}

.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-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: linear-gradient(90deg, var(--vk-surface-filled), var(--vk-surface-hover), var(--vk-surface-filled));
    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: 1200px) {
    .user-management-layout[b-zwkfo3zfve] {
        flex-direction: column;
    }
}

@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-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-management-layout[b-zwkfo3zfve] {
        flex-direction: column;
    }
}

@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;
    }
}
/* /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-workspace[b-4ha9urhtp2] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
    min-width: 0;
}

.ip-location-panel[b-4ha9urhtp2] {
    border: 1px solid var(--vk-card-border);
    border-radius: 8px;
    min-width: 0;
    padding: 0.75rem;
}

.ip-location-title[b-4ha9urhtp2] {
    color: var(--vk-muted);
    font-size: 0.74rem;
    font-weight: 850;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.ip-location-list[b-4ha9urhtp2] {
    display: grid;
    gap: 0.35rem;
    max-height: 580px;
    overflow: auto;
    padding-right: 0.15rem;
}

.ip-location-button[b-4ha9urhtp2] {
    background: var(--vk-surface-soft);
    border: 1px solid transparent;
    border-radius: 7px;
    color: var(--vk-text);
    display: grid;
    gap: 0.14rem;
    margin-bottom: 0.35rem;
    padding: 0.5rem 0.55rem 0.5rem calc(0.55rem + (var(--depth, 0) * 0.7rem));
    text-align: left;
    width: 100%;
}

.ip-location-button:hover[b-4ha9urhtp2] {
    background: var(--vk-blue-050);
    border-color: var(--vk-border);
}

.ip-location-button.active[b-4ha9urhtp2] {
    background: var(--vk-blue-700);
    border-color: var(--vk-blue-700);
    color: #fff;
}

.ip-location-button.active .ip-location-meta[b-4ha9urhtp2] {
    color: rgba(255, 255, 255, 0.76);
}

.ip-location-name[b-4ha9urhtp2] {
    font-size: 0.82rem;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.ip-location-meta[b-4ha9urhtp2] {
    color: var(--vk-muted);
    font-size: 0.72rem;
    font-weight: 720;
}

.ip-toolbar[b-4ha9urhtp2] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(180px, 0.8fr) minmax(220px, 1.1fr) minmax(150px, 0.6fr) auto;
    margin-bottom: 0.75rem;
}

.ip-field[b-4ha9urhtp2] {
    display: grid;
    gap: 0.35rem;
    min-width: 0;
}

.ip-field > span[b-4ha9urhtp2] {
    font-size: 0.76rem;
    text-transform: uppercase;
}

.ip-toolbar-button[b-4ha9urhtp2] {
    min-height: 38px;
}

.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: 1100px) {
    .ip-workspace[b-4ha9urhtp2] {
        grid-template-columns: 1fr;
    }

    .ip-location-list[b-4ha9urhtp2] {
        max-height: 260px;
    }

    .ip-toolbar[b-4ha9urhtp2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ip-toolbar-button[b-4ha9urhtp2] {
        width: 100%;
    }
}

@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%;
    }

    .ip-toolbar[b-4ha9urhtp2] {
        grid-template-columns: 1fr;
    }
}
/* /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: 34px;
    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: 8px;
    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: 7px;
    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: linear-gradient(180deg, var(--vk-blue-700), #1237bd);
    border-color: var(--vk-blue-700);
    box-shadow: 0 8px 18px rgba(29, 78, 216, 0.22);
    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/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: linear-gradient(180deg, var(--vk-blue-700), #1237bd);
    box-shadow: 0 6px 14px rgba(29, 78, 216, 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 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) auto;
    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-inline-editor[b-woc4j78mlg] {
    border-top: 1px solid var(--vk-card-border-soft);
    margin-top: 1.15rem;
    padding-top: 1.15rem;
}

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

.setup-inline-editor-header[b-woc4j78mlg] {
    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;
}

.setup-inline-editor-title[b-woc4j78mlg] {
    color: var(--vk-text);
    font-size: 0.95rem;
    font-weight: 850;
    margin: 0;
    text-transform: uppercase;
}

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

.setup-inline-editor-content[b-woc4j78mlg] {
    padding: 1rem;
}

.setup-master-form-grid[b-woc4j78mlg] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.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/SpotSaleTabs.razor.rz.scp.css */
.spot-sale-tabs[b-4w8kaxr8xo] {
    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;
}

.spot-sale-tabs a[b-4w8kaxr8xo] {
    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;
}

.spot-sale-tabs a:hover[b-4w8kaxr8xo],
.spot-sale-tabs a.active[b-4w8kaxr8xo] {
    background: var(--vk-blue-050);
    color: var(--vk-blue-800);
}

@container layout (max-width: 520px) {
    .spot-sale-tabs[b-4w8kaxr8xo] {
        padding: 0.45rem;
    }
}