/* Redesigned Sales Invoice layer. Loaded after the shared ERP theme. */

.modal-backdrop.modal-backdrop-sales-create,
.modal-backdrop:has(.modal-window.modal-sales-create) {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 3000;
    background: #faf8ff;
    backdrop-filter: none;
}

.modal-window.modal-sales-create {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
}

.modal-window.modal-sales-create .modal-body {
    padding: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

.modal-window.modal-sales-create .modal-header {
    display: none !important; /* Hide original modal header in favor of our custom workspace header */
}

/* Scrollbars styling */
.sales-command-workspace *::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.sales-command-workspace *::-webkit-scrollbar-track {
    background: #f8f6fc;
}
.sales-command-workspace *::-webkit-scrollbar-thumb {
    background: #dcd7e8;
    border-radius: 3px;
}
.sales-command-workspace *::-webkit-scrollbar-thumb:hover {
    background: #c5bcd6;
}

/* Minimal Form Control styles for inline inputs */
.modal-window.modal-sales-create .form-control-minimal {
    outline: none;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 4px;
    font-size: 0.8rem;
    transition: border-color 0.15s ease;
}

.modal-window.modal-sales-create .form-control-minimal:focus {
    border-color: #7c3aed;
}

/* Selected dropdown option under sales modal */
.modal-window.modal-sales-create .searchable-dropdown-item.selected {
    background: #f5f0ff;
    color: #7c3aed;
    font-weight: 600;
}

@media (max-width:1100px) {
    .modal-window.modal-sales-create .sales-business-options { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
    .modal-window.modal-sales-create .sales-quick-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:700px) {
    .modal-window.modal-sales-create .sales-business-options,
    .modal-window.modal-sales-create .sales-info-row,
    .modal-window.modal-sales-create .sales-quick-product-grid { grid-template-columns:1fr 1fr !important; }
    .modal-window.modal-sales-create .sales-customer-profile { grid-template-columns:1fr !important; }
    .modal-window.modal-sales-create .sales-command-footer { position:sticky !important; overflow-x:auto; }
    .modal-window.modal-sales-create .sales-footer-actions { min-width:max-content; }
}

/* Current sales workspace layout isolation */
.modal-window.modal-sales-create .sales-command-workspace {
    width:100vw !important;
    max-width:100vw !important;
    min-width:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
}
.modal-window.modal-sales-create .sales-body-layout {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    direction:ltr !important;
    width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
}
.modal-window.modal-sales-create .sales-main-pane {
    grid-column:1 !important;
    min-width:0 !important;
    width:auto !important;
    overflow-x:hidden !important;
    overflow-y:auto !important;
}
.modal-window.modal-sales-create .sales-summary-rail {
    grid-column:2 !important;
    grid-row:1 !important;
    order:2 !important;
    width:300px !important;
    min-width:300px !important;
    max-width:300px !important;
    position:relative !important;
    inset:auto !important;
    overflow-y:auto !important;
    align-self:stretch !important;
}
.modal-window.modal-sales-create .sales-summary-panel {
    position:static !important;
    width:100% !important;
    min-width:0 !important;
}
.modal-window.modal-sales-create .sales-info-row,
.modal-window.modal-sales-create .sales-business-options,
.modal-window.modal-sales-create .sales-customer-section,
.modal-window.modal-sales-create .sales-products-row-card,
.modal-window.modal-sales-create .sales-bottom-grid {
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
}
.modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
    display:grid !important;
}
@media (max-width:1000px) {
    .modal-window.modal-sales-create .sales-body-layout {
        grid-template-columns:1fr !important;
        overflow-y:auto !important;
    }
    .modal-window.modal-sales-create .sales-summary-rail {
        grid-column:1 !important;
        grid-row:auto !important;
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        overflow:visible !important;
    }
}

/* Layout overrides corresponding to purchase-layout-critical */
.modal-window.modal-sales-create .sales-command-workspace {
    width:100vw!important;
    max-width:100vw!important;
    height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    direction:ltr!important;
}
.modal-window.modal-sales-create .sales-body-layout {
    display:flex!important;
    flex-direction:row!important;
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    direction:ltr!important;
}
.modal-window.modal-sales-create .sales-main-pane {
    display:grid!important;
    grid-template-columns:minmax(620px,1.35fr) minmax(330px,.65fr)!important;
    grid-auto-rows:min-content!important;
    align-content:start!important;
    gap:12px!important;
    order:1!important;
    flex:1 1 auto!important;
    width:calc(100% - 300px)!important;
    min-width:0!important;
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}
.modal-window.modal-sales-create .sales-summary-rail {
    display:flex!important;
    order:2!important;
    flex:0 0 300px!important;
    width:300px!important;
    min-width:300px!important;
    max-width:300px!important;
    height:auto!important;
    position:relative!important;
    inset:auto!important;
    overflow-y:auto!important;
    align-self:stretch!important;
    grid-column:auto!important;
    grid-row:auto!important;
}
.modal-window.modal-sales-create .sales-summary-panel {
    position:static!important;
    width:100%!important;
    min-width:0!important;
}
.modal-window.modal-sales-create .sales-customer-section {
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:minmax(250px,.75fr) minmax(360px,1.25fr)!important;
    gap:10px!important;
    align-items:start!important;
}
.modal-window.modal-sales-create .sales-customer-section>h3 {
    grid-column:1/-1!important;
    margin-bottom:0!important;
}
.modal-window.modal-sales-create .sales-customer-section>div:nth-of-type(1) {
    grid-column:1!important;
    margin:0!important;
    align-self:start!important;
}
.modal-window.modal-sales-create .sales-customer-section>.sales-customer-profile {
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr)!important;
}
.modal-window.modal-sales-create .sales-customer-section>#quickCustomerFormRow {
    grid-column:1/-1!important;
}
.modal-window.modal-sales-create .sales-info-row {
    grid-column:2!important;
    grid-row:1!important;
    grid-template-columns:1fr 1fr!important;
    align-content:start!important;
}
.modal-window.modal-sales-create .sales-business-options {
    display:none!important;
}
.modal-window.modal-sales-create .sales-products-row-card {
    grid-column:1/-1!important;
    grid-row:2!important;
}
.modal-window.modal-sales-create #sToggleExpenseBtn {
    grid-column:1/-1!important;
    grid-row:3!important;
}
.modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
    grid-column:1/-1!important;
    grid-row:4!important;
}
.modal-window.modal-sales-create .sales-payment-strip,
.modal-window.modal-sales-create .quick-actions-card {
    display:none!important;
}
.modal-window.modal-sales-create #sSummaryExpenses {
    display:none!important;
}
.modal-window.modal-sales-create #sSummaryExpenses+* {
    margin-top:0!important;
}
.modal-window.modal-sales-create #sSummaryExpenses {
    visibility:hidden!important;
    position:absolute!important;
}
.modal-window.modal-sales-create #sSummaryExpenses:before {
    display:none!important;
}
.modal-window.modal-sales-create #sSummaryExpenses {
    font-size:0!important;
}
.modal-window.modal-sales-create .sales-summary-metrics>div:has(#sSummaryExpenses) {
    display:none!important;
}
.modal-window.modal-sales-create .sales-products-row-card>div:nth-last-of-type(1) {
    min-height:300px!important;
}
.modal-window.modal-sales-create .sales-products-row-card table {
    min-height:260px!important;
}
.modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
    grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;
    gap:10px!important;
}
.modal-window.modal-sales-create .sales-bottom-grid:has(.sales-expense-card.hidden) .sales-payment-card {
    grid-column:1/-1!important;
}
.modal-window.modal-sales-create .sales-payment-card {
    padding:8px!important;
}
.modal-window.modal-sales-create .sales-payment-card .sales-card-header {
    margin-bottom:5px!important;
    padding-bottom:3px!important;
}
.modal-window.modal-sales-create .sales-payment-card .sales-payment-mode {
    margin-bottom:5px!important;
}
.modal-window.modal-sales-create .sales-payment-card .sales-paid-fields {
    grid-template-columns:1.1fr .8fr 1fr!important;
    gap:5px!important;
    margin-bottom:5px!important;
}
.modal-window.modal-sales-create .sales-payment-card .sales-paid-fields>.sales-field-block {
    grid-column:auto!important;
}
.modal-window.modal-sales-create .sales-customer-section {
    padding:9px!important;
    gap:7px!important;
}
.modal-window.modal-sales-create .sales-customer-profile {
    padding:7px!important;
    gap:8px!important;
}
.modal-window.modal-sales-create .sales-customer-avatar {
    width:38px!important;
    height:38px!important;
}
.modal-window.modal-sales-create #sTopSaveBtn,
.modal-window.modal-sales-create #sFooterCompleteBtn,
.modal-window.modal-sales-create #sSavePrintBtn {
    background:var(--color-secondary,#7c3aed)!important;
}
.modal-window.modal-sales-create .sales-header-actions>.btn {
    padding:6px 9px!important;
    font-size:.7rem!important;
    white-space:nowrap!important;
    min-height:32px!important;
}
.modal-window.modal-sales-create .sales-header-actions {
    gap:5px!important;
}
.modal-window.modal-sales-create .sales-command-workspace {
    --rp-purple:#7c3aed;
    --rp-cyan:#c084fc;
    --rp-navy:#1e1b4b;
    --rp-soft:#f5f3ff;
    background:var(--rp-soft)!important;
    color:var(--rp-navy)!important;
}
.modal-window.modal-sales-create .sales-command-header {
    border-bottom-color:#e9e3ff!important;
    box-shadow:0 4px 16px rgba(124,58,237,.08)!important;
}
.modal-window.modal-sales-create .sales-main-pane {
    background:linear-gradient(180deg,#faf9ff,#f6f3ff)!important;
}
.modal-window.modal-sales-create .sales-info-row,
.modal-window.modal-sales-create .sales-customer-section,
.modal-window.modal-sales-create .sales-products-row-card,
.modal-window.modal-sales-create .sales-command-card,
.modal-window.modal-sales-create .sales-summary-rail {
    border-color:#e4dcff!important;
}
.modal-window.modal-sales-create .btn-primary,
.modal-window.modal-sales-create #sInvoiceQuickAddCust,
.modal-window.modal-sales-create #sInvoiceQuickAddProd {
    background:linear-gradient(135deg,var(--rp-purple),#5b21b6)!important;
    border-color:var(--rp-purple)!important;
    color:#fff!important;
}
.modal-window.modal-sales-create #sToggleExpenseBtn {
    border-color:var(--rp-purple)!important;
    color:var(--rp-purple)!important;
    background:#fff!important;
}
.modal-window.modal-sales-create input:focus,
.modal-window.modal-sales-create select:focus,
.modal-window.modal-sales-create textarea:focus {
    border-color:var(--rp-cyan)!important;
    box-shadow:0 0 0 3px rgba(192,132,252,.12)!important;
}
.modal-window.modal-sales-create .sales-active-pill {
    background:#eedeff!important;
    color:var(--rp-purple)!important;
}
.modal-window.modal-sales-create .sales-net-total {
    background:linear-gradient(135deg,#f3e8ff,#fae8ff)!important;
    border-color:#d8b4fe!important;
    color:var(--rp-navy)!important;
}
.modal-window.modal-sales-create .btn svg {
    width:14px!important;
    height:14px!important;
}
.modal-window.modal-sales-create .sales-products-row-card table {
    table-layout:fixed!important;
    min-width:1400px!important;
}
.modal-window.modal-sales-create .sales-products-row-card thead {
    position:sticky!important;
    top:0!important;
    z-index:3!important;
}
.modal-window.modal-sales-create .sales-products-row-card th {
    vertical-align:middle!important;
    line-height:1.25!important;
    white-space:normal!important;
}
.modal-window.modal-sales-create .sales-products-row-card td {
    vertical-align:middle!important;
    box-sizing:border-box!important;
    border-bottom:1px solid #f1ebff!important;
}
.modal-window.modal-sales-create .sales-spreadsheet-row-tr {
    height:68px!important;
    background:#fff!important;
}
.modal-window.modal-sales-create .sales-spreadsheet-row-tr:hover {
    background:#faf8ff!important;
}
.modal-window.modal-sales-create .sales-spreadsheet-row-tr input,
.modal-window.modal-sales-create .sales-spreadsheet-row-tr select {
    box-sizing:border-box!important;
    min-height:30px!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
.modal-window.modal-sales-create .sales-spreadsheet-row-tr .row-expense-share {
    color:#7c3aed!important;
    white-space:nowrap!important;
}
.modal-window.modal-sales-create .sales-spreadsheet-row-tr .row-final-cost {
    color:#1e1b4b!important;
    white-space:nowrap!important;
}
.modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
    display:grid!important;
}
@media(max-width:1200px){
    .modal-window.modal-sales-create .sales-main-pane {
        grid-template-columns:1fr!important;
    }
    .modal-window.modal-sales-create .sales-customer-section,
    .modal-window.modal-sales-create .sales-info-row,
    .modal-window.modal-sales-create .sales-products-row-card,
    .modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
        grid-column:1!important;
        grid-row:auto!important;
    }
}
@media(max-width:1000px){
    .modal-window.modal-sales-create .sales-body-layout {
        display:block!important;
        overflow-y:auto!important;
    }
    .modal-window.modal-sales-create .sales-main-pane {
        width:100%!important;
        overflow:visible!important;
    }
    .modal-window.modal-sales-create .sales-summary-rail {
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        overflow:visible!important;
    }
}

/* Production UI layout rules matching Purchases */
.modal-window.modal-sales-create .sales-command-workspace {
    --rp-purple:#7c3aed;
    --rp-purple-dark:#5b21b6;
    --rp-green:#0f9f62;
    --rp-ink:#1e1b4b;
    --rp-muted:#6b7280;
    --rp-line:#e4e4e7;
    --rp-surface:#fff;
    --rp-canvas:#fafaf9;
    max-width:1680px!important;
    margin:0 auto!important;
    background:var(--rp-canvas)!important;
}
.modal-window.modal-sales-create .sales-command-header {
    height:58px!important;
    padding:0 18px!important;
    box-shadow:none!important;
    background:#fff!important;
}
.modal-window.modal-sales-create .sales-title-cluster h2 {
    font-size:1.05rem!important;
}
.modal-window.modal-sales-create .sales-header-actions>#sHeaderSaveDraftBtn,
.modal-window.modal-sales-create .sales-header-actions>#sTopSaveBtn,
.modal-window.modal-sales-create .sales-header-actions>#sHeaderSavePrintBtn,
.modal-window.modal-sales-create .sales-header-actions>#sHeaderPrintPreviewBtn,
.modal-window.modal-sales-create .sales-header-actions>#sHeaderCancelBtn {
    display:none!important;
}
.modal-window.modal-sales-create .sales-body-layout {
    align-items:stretch!important;
    overflow:hidden!important;
}
.modal-window.modal-sales-create .sales-main-pane {
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    width:calc(100% - 310px)!important;
    padding:16px 16px 90px!important;
    background:var(--rp-canvas)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
}
.modal-window.modal-sales-create .sales-top-card-wrapper {
    display:grid!important;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,0.65fr)!important;
    gap:12px!important;
    width:100%!important;
}
.modal-window.modal-sales-create .sales-customer-section {
    display:block!important;
    padding:16px!important;
    border:1px solid var(--rp-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    min-width:0!important;
}
.modal-window.modal-sales-create .sales-info-row {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 12px!important;
    padding:16px!important;
    border:1px solid var(--rp-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    align-content:start!important;
}
.modal-window.modal-sales-create .sales-info-row:before {
    content:"Invoice Details";
    grid-column:1/-1;
    color:var(--rp-ink);
    font-size:.86rem;
    font-weight:800;
    margin-bottom:2px;
}
.modal-window.modal-sales-create .sales-info-row input {
    height:36px!important;
    padding:7px 9px!important;
    background:#fff!important;
}
.modal-window.modal-sales-create .sales-products-row-card {
    padding:0!important;
    gap:0!important;
    border:1px solid var(--rp-line)!important;
    border-radius:12px!important;
    background:#fff!important;
    overflow:visible!important;
}
.modal-window.modal-sales-create .sales-products-toolbar {
    padding:14px 16px!important;
    gap:16px!important;
    border-bottom:1px solid var(--rp-line)!important;
}
.modal-window.modal-sales-create .sales-section-heading {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0 0 12px!important;
}
.modal-window.modal-sales-create .sales-products-toolbar .sales-section-heading {
    margin:0!important;
    flex:0 0 auto!important;
}
.modal-window.modal-sales-create .sales-section-heading>div {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}
.modal-window.modal-sales-create .sales-section-heading h3 {
    margin:0;
    color:var(--rp-ink);
    font-size:.9rem;
    font-weight:800;
    text-transform:none;
    letter-spacing:0;
}
.modal-window.modal-sales-create .sales-section-heading p {
    margin:2px 0 0;
    color:var(--rp-muted);
    font-size:.68rem;
    white-space:nowrap;
}
.modal-window.modal-sales-create .sales-section-icon {
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    place-items:center;
    background:#f5f0ff;
    color:var(--rp-purple);
    flex:none;
}
.modal-window.modal-sales-create .sales-section-icon svg {
    width:17px;
    height:17px;
}
.modal-window.modal-sales-create #sCustomerSearchRow {
    margin:0 0 12px!important;
}
.modal-window.modal-sales-create #sBillCustomerContainer .searchable-select-input,
.modal-window.modal-sales-create #sBillCustomerContainer input,
.modal-window.modal-sales-create #sAddItemSelectContainer .searchable-select-input,
.modal-window.modal-sales-create #sAddItemSelectContainer input {
    height:38px!important;
    padding-left:34px!important;
    border:1px solid #cbd5e1!important;
    border-radius:8px!important;
    background:#fff!important;
    font-size:.8rem!important;
}
.modal-window.modal-sales-create .sales-customer-profile {
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr)!important;
    gap:12px!important;
    padding:12px!important;
    border:1px solid #e2e8f0!important;
    border-radius:10px!important;
    background:linear-gradient(135deg,#fff,#faf9ff)!important;
}
.modal-window.modal-sales-create .sales-customer-profile.is-empty {
    display:block!important;
    border-style:dashed!important;
    background:#fff!important;
}
.modal-window.modal-sales-create .sales-customer-profile.is-empty>div:not(#sCustomerEmptyState) {
    display:none!important;
}
.modal-window.modal-sales-create .sales-customer-empty {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:78px;
    color:var(--rp-muted);
    text-align:left;
}
.modal-window.modal-sales-create .sales-customer-empty>svg {
    width:30px;
    height:30px;
    color:#94a3b8;
}
.modal-window.modal-sales-create .sales-customer-empty strong {
    display:block;
    color:var(--rp-ink);
    font-size:.82rem;
    margin-bottom:3px;
}
.modal-window.modal-sales-create .sales-customer-empty span {
    font-size:.7rem;
}
.modal-window.modal-sales-create .sales-customer-profile:not(.is-empty) #sCustomerEmptyState {
    display:none!important;
}
.modal-window.modal-sales-create .sales-customer-actions {
    grid-column:1/-1;
    display:flex;
    gap:7px;
    padding-top:9px;
    border-top:1px solid #f1f5f9;
}
.modal-window.modal-sales-create .sales-customer-actions .btn {
    min-height:30px!important;
    padding:5px 9px!important;
    font-size:.7rem!important;
}
.modal-window.modal-sales-create .customer-summary-card {
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
}
.modal-window.modal-sales-create .sales-product-search {
    justify-content:flex-end!important;
    max-width:680px!important;
}
.modal-window.modal-sales-create #sBulkImportBtn {
    white-space:nowrap;
    min-height:36px;
    padding:7px 10px;
    font-size:.73rem;
}
.modal-window.modal-sales-create #quickProductFormRow {
    margin:0 14px 12px!important;
}
.modal-window.modal-sales-create .sales-products-row-card>div:nth-last-of-type(1) {
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    overflow:visible!important;
}
.modal-window.modal-sales-create .sales-table-wrap {
    overflow-x: auto !important;
    overflow-y: visible !important;
    max-height: none !important;
    min-height: 0 !important;
}
.modal-window.modal-sales-create .sales-products-row-card table {
    width: 100% !important;
    min-width: 1200px !important;
    min-height: 0 !important;
    table-layout: fixed !important;
    font-size: .75rem !important;
}
.modal-window.modal-sales-create .sales-products-row-card th {
    height:38px!important;
    padding:7px 5px!important;
    background:#faf5ff!important;
    border-right:1px solid #e9e3ff!important;
    border-bottom:1px solid #d8b4fe!important;
    color:#5b21b6!important;
    font-size:.62rem!important;
    text-transform:uppercase!important;
    letter-spacing:.02em!important;
    white-space:normal!important;
}
.modal-window.modal-sales-create .sales-products-row-card td {
    padding:7px 5px!important;
    border-right:1px solid #f1f0f7!important;
    border-bottom:1px solid #e9e3ff!important;
    background:#fff!important;
}
.modal-window.modal-sales-create .sales-spreadsheet-row-tr {
    height:auto!important;
    min-height:58px!important;
}
.modal-window.modal-sales-create .row-serial-fields {
    display:none!important;
}
.modal-window.modal-sales-create .sales-spreadsheet-row-tr input,
.modal-window.modal-sales-create .sales-spreadsheet-row-tr select {
    width:100%!important;
    max-width:100%!important;
    min-height:30px!important;
    margin:0!important;
    padding:4px!important;
    border-color:#cbd5e1!important;
    font-size:.68rem!important;
}
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(8),
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(9),
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(14) {
    display:none!important;
}
/* Width mapping matching purchases */
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(1) { width:3%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(2) { width:22%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(3) { width:6%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(4) { width:7%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(5) { width:9%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(6) { width:5%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(7) { width:9%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(8) { width:7%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(9) { width:7%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(10) { width:6%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(11) { width:6%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(12) { width:8%!important }
.modal-window.modal-sales-create .sales-products-row-card tr>*:nth-child(13) { width:5%!important }

.modal-window.modal-sales-create .sales-summary-rail {
    order:2!important;
    flex:0 0 310px!important;
    width:310px!important;
    min-width:310px!important;
    max-width:310px!important;
    height:calc(100vh - 118px)!important;
    position:sticky!important;
    top:0!important;
    align-self:flex-start!important;
    padding:16px!important;
    overflow:visible!important;
    border-left:1px solid var(--rp-line)!important;
    background:#fff!important;
}
.modal-window.modal-sales-create .sales-summary-panel {
    height:auto!important;
    position:sticky!important;
    top:16px!important;
}
.modal-window.modal-sales-create .sales-command-footer {
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:60px!important;
    background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(8px);
    box-shadow:0 -4px 14px rgba(30,27,75,.05)!important;
}
.modal-window.modal-sales-create .sales-footer-actions .btn {
    min-height:36px!important;
    padding:7px 11px!important;
    font-size:.72rem!important;
}
.modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
    grid-column:1/-1!important;
    grid-row:4!important;
}
.modal-window.modal-sales-create #sToggleExpenseBtn {
    grid-column:1/-1!important;
    grid-row:3!important;
}
@media(max-width:1365px){
    .modal-window.modal-sales-create .sales-main-pane {
        grid-template-columns:1fr!important;
    }
    .modal-window.modal-sales-create .sales-customer-section,
    .modal-window.modal-sales-create .sales-info-row {
        grid-column:1!important;
        grid-row:auto!important;
    }
    .modal-window.modal-sales-create .sales-products-row-card {
        grid-row:auto!important;
    }
    .modal-window.modal-sales-create .sales-products-toolbar {
        align-items:flex-start!important;
        flex-direction:column!important;
    }
    .modal-window.modal-sales-create .sales-product-search {
        width:100%!important;
        max-width:none!important;
    }
}
@media(max-width:1000px){
    .modal-window.modal-sales-create .sales-command-workspace {
        height:auto!important;
        min-height:100vh!important;
        overflow:visible!important;
        padding-bottom:0!important;
    }
    .modal-window.modal-sales-create .sales-body-layout {
        display:block!important;
        overflow:visible!important;
    }
    .modal-window.modal-sales-create .sales-main-pane {
        width:100%!important;
        padding-bottom:16px!important;
        overflow:visible!important;
    }
    .modal-window.modal-sales-create .sales-summary-rail {
        position:static!important;
        width:100%!important;
        min-width:0!important;
        max-width:none!important;
        height:auto!important;
        border-left:0!important;
        border-top:1px solid var(--rp-line)!important;
    }
    .modal-window.modal-sales-create .sales-command-footer {
        position:sticky!important;
        flex-wrap:wrap!important;
        height:auto!important;
        padding:10px!important;
    }
    .modal-window.modal-sales-create .sales-shortcuts {
        display:none!important;
    }
}
@media(max-width:700px){
    .modal-window.modal-sales-create .sales-command-header {
        height:auto!important;
        min-height:58px!important;
    }
    .modal-window.modal-sales-create .sales-brand-cluster {
        display:none!important;
    }
    .modal-window.modal-sales-create .sales-info-row {
        grid-template-columns:1fr!important;
    }
    .modal-window.modal-sales-create .sales-customer-profile {
        grid-template-columns:1fr!important;
    }
    .modal-window.modal-sales-create .sales-product-search {
        flex-wrap:wrap!important;
    }
    .modal-window.modal-sales-create .sales-product-search>div {
        flex-basis:100%!important;
    }
    .modal-window.modal-sales-create .sales-table-wrap {
        overflow-x:auto!important;
    }
    .modal-window.modal-sales-create .sales-products-row-card table {
        min-width:980px!important;
    }
    .modal-window.modal-sales-create .sales-footer-actions {
        overflow-x:auto!important;
        width:100%!important;
    }
}

.modal-window.modal-sales-create,
.modal-window.modal-sales-create .modal-body {
    width:100vw!important;
    max-width:none!important;
    height:100vh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
}
.modal-window.modal-sales-create .sales-command-workspace {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background:#faf8ff!important;
}
.modal-window.modal-sales-create .sales-command-header {
    background:linear-gradient(90deg,#fff 0%,#f8f5ff 100%)!important;
    border-bottom:1px solid #e7dffd!important;
}
.modal-window.modal-sales-create .sales-logo-mark {
    background:linear-gradient(145deg,#7c3aed,#5b21b6)!important;
    color: #fff !important;
}
.modal-window.modal-sales-create .sales-title-cluster h2,
.modal-window.modal-sales-create h3,
.modal-window.modal-sales-create strong {
    color:#2e1065;
}
.modal-window.modal-sales-create label,
.modal-window.modal-sales-create p,
.modal-window.modal-sales-create small,
.modal-window.modal-sales-create span {
    opacity:1;
}
.modal-window.modal-sales-create input,
.modal-window.modal-sales-create select,
.modal-window.modal-sales-create textarea {
    color:#1e1b4b!important;
    background-color:#fff!important;
}
.modal-window.modal-sales-create input::placeholder,
.modal-window.modal-sales-create textarea::placeholder {
    color:#94a3b8!important;
    opacity:1!important;
}
.modal-window.modal-sales-create .sales-main-pane {
    max-width:none!important;
}
.modal-window.modal-sales-create .sales-summary-rail {
    background:linear-gradient(180deg,#fff,#faf9ff)!important;
    border-left-color:#e4dcff!important;
}
.modal-window.modal-sales-create .sales-summary-panel>.sales-card-header {
    color:#3b0764!important;
    font-size:.9rem!important;
    padding-bottom:10px!important;
    border-bottom:2px solid #ecd5ff!important;
}
.modal-window.modal-sales-create .sales-summary-metrics>div {
    padding:7px 0!important;
    color:#4b5563!important;
}
.modal-window.modal-sales-create .sales-summary-metrics>div strong {
    color:#1e1b4b!important;
}
.modal-window.modal-sales-create .sales-net-total {
    background:linear-gradient(135deg,#f5f3ff,#faf5ff)!important;
    border:1px solid #d8b4fe!important;
    color:#5b21b6!important;
    box-shadow:none!important;
}
.modal-window.modal-sales-create .sales-net-total strong {
    color:#5b21b6!important;
}
.modal-window.modal-sales-create #sInvoiceQuickAddCust,
.modal-window.modal-sales-create #sInvoiceQuickAddProd,
.modal-window.modal-sales-create #sSaveSalesSettings {
    background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
    border-color:#7c3aed!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-customer-profile:not(.is-empty) {
    border-left:3px solid #7c3aed!important;
    background:linear-gradient(135deg,#fff,#fcfaff)!important;
}
.modal-window.modal-sales-create .sales-customer-avatar {
    background:#f5f3ff!important;
    color:#7c3aed!important;
}
.modal-window.modal-sales-create .sales-active-pill {
    background:#f0fdf4!important;
    color:#16a34a!important;
}
.modal-window.modal-sales-create .customer-summary-card strong {
    font-variant-numeric:tabular-nums;
}
.modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
    gap:12px!important;
    align-items:start!important;
}
.modal-window.modal-sales-create .sales-expense-card,
.modal-window.modal-sales-create .sales-payment-card {
    border:1px solid #e4dcff!important;
    border-radius:12px!important;
    background:#fff!important;
    padding:14px!important;
    box-shadow:none!important;
}
.modal-window.modal-sales-create .sales-expense-card {
    border-top:3px solid #7c3aed!important;
}
.modal-window.modal-sales-create .sales-payment-card {
    border-top:3px solid #10b981!important;
}
.modal-window.modal-sales-create .sales-expense-card .sales-card-header,
.modal-window.modal-sales-create .sales-payment-card .sales-card-header {
    padding-bottom:9px!important;
    margin-bottom:11px!important;
    border-bottom:1px solid #f3efff!important;
    color:#3b0764!important;
}
.modal-window.modal-sales-create .sales-expense-fields {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
}
.modal-window.modal-sales-create .sales-expense-fields input,
.modal-window.modal-sales-create .sales-paid-fields input,
.modal-window.modal-sales-create .sales-paid-fields select {
    height:36px!important;
    border-radius:7px!important;
    border:1px solid #cbd5e1!important;
}
.modal-window.modal-sales-create .sales-payment-mode {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-bottom:12px!important;
}
.modal-window.modal-sales-create .sales-payment-mode label {
    min-height:38px;
    padding:8px 10px;
    border:1px solid #cbd5e1;
    border-radius:8px;
    background:#faf8ff;
    color:#3730a3!important;
    cursor:pointer;
}
.modal-window.modal-sales-create .sales-payment-mode label:has(input:checked) {
    border-color:#7c3aed;
    background:#f5f3ff;
    color:#5b21b6!important;
    box-shadow:inset 0 0 0 1px #7c3aed;
}
.modal-window.modal-sales-create .sales-payment-mode label span {
    display:block;
    line-height:1.15;
}
.modal-window.modal-sales-create .sales-payment-mode label strong {
    display:block;
    font-size:.7rem;
    color:inherit!important;
}
.modal-window.modal-sales-create .sales-payment-mode label small {
    display:block;
    margin-top:2px;
    font-size:.58rem;
    color:#6b7280!important;
    font-weight:500;
}
.modal-window.modal-sales-create .sales-paid-fields {
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
}
.modal-window.modal-sales-create #sBillNotes {
    min-height:38px!important;
    margin-top:10px!important;
    border-radius:7px!important;
}

.modal-window.modal-sales-create .sales-settings-drawer {
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(480px,100vw)!important;
    max-width:100%!important;
    height:100vh!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid #e4dcff!important;
    border-radius:0!important;
    background:#faf8ff!important;
    box-shadow:-18px 0 45px rgba(76,29,149,.18)!important;
    z-index:1000!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    color:#1e1b4b!important;
}
.modal-window.modal-sales-create .sales-settings-drawer.hidden {
    display:none!important;
}
.modal-window.modal-sales-create .sales-settings-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px;
    background:linear-gradient(135deg,#7c3aed,#5b21b6);
    color:#fff;
    border-bottom:1px solid #6d28d9;
}
.modal-window.modal-sales-create .sales-settings-header>div {
    display:flex;
    align-items:center;
    gap:11px;
}
.modal-window.modal-sales-create .sales-settings-header strong {
    display:block;
    color:#fff!important;
    font-size:.96rem;
}
.modal-window.modal-sales-create .sales-settings-header small {
    display:block;
    color:#e9d5ff!important;
    font-size:.68rem;
    margin-top:2px;
}
.modal-window.modal-sales-create .sales-settings-icon {
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:9px;
    background:rgba(255,255,255,.15);
}
.modal-window.modal-sales-create .sales-settings-header .purchase-icon-btn {
    border-color:rgba(255,255,255,.3)!important;
    background:rgba(255,255,255,.1)!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-settings-content {
    flex:1;
    overflow-y:auto;
    padding:14px;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.modal-window.modal-sales-create .sales-settings-group {
    padding:14px;
    border:1px solid #e4dcff;
    border-radius:11px;
    background:#fff;
}
.modal-window.modal-sales-create .sales-settings-group-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:11px;
}
.modal-window.modal-sales-create .sales-settings-group-head strong {
    display:block;
    color:#4c1d95!important;
    font-size:.8rem;
}
.modal-window.modal-sales-create .sales-settings-group-head small {
    display:block;
    color:#6b7280!important;
    font-size:.64rem;
    margin-top:2px;
}
.modal-window.modal-sales-create .sales-settings-group-head>div:last-child {
    display:flex;
    gap:4px;
}
.modal-window.modal-sales-create .sales-settings-group-head button {
    border:0;
    background:#f5f3ff;
    color:#7c3aed;
    border-radius:5px;
    padding:4px 6px;
    font-size:.62rem;
    font-weight:700;
    cursor:pointer;
}
.modal-window.modal-sales-create .sales-column-options {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
}
.modal-window.modal-sales-create .sales-column-options label {
    position:relative;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:34px;
    padding:7px 8px!important;
    border:1px solid #e2e8f0!important;
    border-radius:7px!important;
    background:#faf8ff!important;
    color:#4b5563!important;
    font-size:.68rem!important;
    cursor:pointer;
}
.modal-window.modal-sales-create .sales-column-options label:has(input:checked) {
    border-color:#c084fc!important;
    background:#f5f3ff!important;
    color:#5b21b6!important;
}
.modal-window.modal-sales-create .sales-column-options input {
    position:absolute;
    opacity:0;
    pointer-events:none;
}
.modal-window.modal-sales-create .sales-column-options label i {
    position:relative;
    width:28px;
    height:16px;
    border-radius:12px;
    background:#cbd5e1;
    flex:none;
    transition:.18s;
}
.modal-window.modal-sales-create .sales-column-options label i:after {
    content:"";
    position:absolute;
    top:2px;
    left:2px;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 3px rgba(0,0,0,.2);
    transition:.18s;
}
.modal-window.modal-sales-create .sales-column-options label input:checked+i {
    background:#7c3aed;
}
.modal-window.modal-sales-create .sales-column-options label input:checked+i:after {
    transform:translateX(12px);
}
.modal-window.modal-sales-create .sales-settings-select {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:11px;
    color:#4b5563!important;
    font-size:.7rem;
    font-weight:700;
}
.modal-window.modal-sales-create .sales-settings-select select {
    width:190px!important;
    height:34px!important;
    border-radius:7px!important;
}
.modal-window.modal-sales-create .sales-settings-footer {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 14px;
    background:#fff;
    border-top:1px solid #e2e8f0;
    box-shadow:0 -5px 14px rgba(76,29,149,.04);
}
.modal-window.modal-sales-create .sales-settings-footer>div {
    display:flex;
    gap:7px;
}
.modal-window.modal-sales-create .sales-settings-footer .btn {
    min-height:36px!important;
    padding:7px 11px!important;
    font-size:.7rem!important;
}
@media(min-width:1800px){
    .modal-window.modal-sales-create .sales-summary-rail {
        flex-basis:340px!important;
        width:340px!important;
        min-width:340px!important;
        max-width:340px!important;
    }
    .modal-window.modal-sales-create .sales-main-pane {
        width:calc(100% - 340px)!important;
        padding-left:24px!important;
        padding-right:24px!important;
    }
}
@media(max-width:1150px){
    .modal-window.modal-sales-create .sales-footer-actions .btn {
        padding-inline:8px!important;
    }
    .modal-window.modal-sales-create .sales-shortcuts {
        gap:7px!important;
    }
    .modal-window.modal-sales-create .sales-shortcuts span:nth-child(-n+2) {
        display:none!important;
    }
}
@media(max-width:600px){
    .modal-window.modal-sales-create .sales-column-options {
        grid-template-columns:1fr!important;
    }
    .modal-window.modal-sales-create .sales-settings-footer {
        align-items:stretch;
        flex-direction:column;
    }
    .modal-window.modal-sales-create .sales-settings-footer>div {
        width:100%;
    }
    .modal-window.modal-sales-create .sales-settings-footer .btn {
        flex:1;
    }
}

.modal-window.modal-sales-create .sales-customer-section {
    border-top:4px solid #7c3aed!important;
    background:linear-gradient(180deg,#fff,#fbfaff)!important;
}
.modal-window.modal-sales-create .sales-customer-section .sales-section-icon {
    background:#f5f3ff!important;
    color:#7c3aed!important;
}
.modal-window.modal-sales-create .sales-info-row {
    border-top:4px solid #a855f7!important;
    background:linear-gradient(180deg,#fff,#fcf8ff)!important;
}
.modal-window.modal-sales-create .sales-info-row:before {
    color:#7e22ce!important;
}
.modal-window.modal-sales-create .sales-products-row-card {
    border-top:4px solid #db2777!important;
    background:#fff!important;
}
.modal-window.modal-sales-create .sales-products-row-card .sales-section-icon {
    background:#fdf2f8!important;
    color:#db2777!important;
}
.modal-window.modal-sales-create .sales-expense-card {
    border-top-color:#7c3aed!important;
    background:linear-gradient(180deg,#fff,#fdfcff)!important;
}
.modal-window.modal-sales-create .sales-payment-card {
    border-top-color:#10b981!important;
    background:linear-gradient(180deg,#fff,#f0fdf4)!important;
}
.modal-window.modal-sales-create .sales-summary-rail {
    border-top:4px solid #6d28d9!important;
}
.modal-window.modal-sales-create .sales-product-modal {
    position:fixed!important;
    inset:0!important;
    z-index:1200!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    background:rgba(24,20,40,.58)!important;
    backdrop-filter:blur(4px);
}
.modal-window.modal-sales-create .sales-product-modal.hidden {
    display:none!important;
}
.modal-window.modal-sales-create .sales-product-modal-card {
    width:min(760px,100%)!important;
    max-height:calc(100vh - 48px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid #e4dcff!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(44,14,70,.28)!important;
}
.modal-window.modal-sales-create .sales-product-modal-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px;
    background:linear-gradient(135deg,#7c3aed,#5b21b6);
    color:#fff;
}
.modal-window.modal-sales-create .sales-product-modal-head>div {
    display:flex;
    align-items:center;
    gap:11px;
}
.modal-window.modal-sales-create .sales-product-modal-head>div>span {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(255,255,255,.15);
    color:#fff;
}
.modal-window.modal-sales-create .sales-product-modal-head h3 {
    margin:0;
    color:#fff!important;
    font-size:1rem;
}
.modal-window.modal-sales-create .sales-product-modal-head p {
    margin:3px 0 0;
    color:#eedeff!important;
    font-size:.68rem;
}
.modal-window.modal-sales-create .sales-product-modal-head .purchase-icon-btn {
    border-color:rgba(255,255,255,.35)!important;
    background:rgba(255,255,255,.1)!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-product-modal-body {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    padding:20px;
    overflow-y:auto;
    background:#fbfaff;
}
.modal-window.modal-sales-create .sales-product-field {
    min-width:0;
}
.modal-window.modal-sales-create .sales-product-field.span-2 {
    grid-column:span 2;
}
.modal-window.modal-sales-create .sales-product-field label {
    display:block;
    margin-bottom:5px;
    color:#4b5563!important;
    font-size:.69rem;
    font-weight:700;
}
.modal-window.modal-sales-create .sales-product-field input {
    width:100%!important;
    height:39px!important;
    border:1px solid #cbd5e1!important;
    border-radius:8px!important;
    padding:8px 10px!important;
    font-size:.78rem!important;
}
.modal-window.modal-sales-create .sales-product-field input:focus {
    border-color:#7c3aed!important;
    box-shadow:0 0 0 3px rgba(124,58,237,.12)!important;
}
.modal-window.modal-sales-create .sales-product-modal-footer {
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding:13px 18px;
    border-top:1px solid #e2e8f0;
    background:#fff;
}
.modal-window.modal-sales-create .sales-product-modal-footer .btn {
    min-height:38px!important;
    padding:8px 14px!important;
}
.modal-window.modal-sales-create .sales-product-modal-footer #qpSaveBtn {
    background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
    border-color:#7c3aed!important;
    color:#fff!important;
}
@media(max-width:700px){
    .modal-window.modal-sales-create .sales-product-modal {
        padding:10px!important;
    }
    .modal-window.modal-sales-create .sales-product-modal-card {
        max-height:calc(100vh - 20px)!important;
    }
    .modal-window.modal-sales-create .sales-product-modal-body {
        grid-template-columns:1fr!important;
        padding:14px;
    }
    .modal-window.modal-sales-create .sales-product-field.span-2 {
        grid-column:auto;
    }
}

.modal-window.modal-sales-create .sales-workflow-actions {
    grid-column:1/-1!important;
    grid-row:3!important;
    display:flex!important;
    gap:9px!important;
    align-items:center!important;
}
.modal-window.modal-sales-create .sales-workflow-actions .btn {
    min-height:38px!important;
    padding:8px 13px!important;
    border:1px solid #c084fc!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#6d28d9!important;
    font-size:.75rem!important;
    font-weight:750!important;
}
.modal-window.modal-sales-create .sales-workflow-actions .btn:hover {
    background:#f5f3ff!important;
    border-color:#7c3aed!important;
}
.modal-window.modal-sales-create .sales-bottom-grid.sales-expense-workspace {
    min-height:0!important;
    display:block!important;
}
.modal-window.modal-sales-create .sales-expense-card,
.modal-window.modal-sales-create .sales-payment-card {
    position:fixed!important;
    z-index:1150!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%,-50%)!important;
    width:min(560px,calc(100vw - 32px))!important;
    max-height:calc(100vh - 40px)!important;
    overflow-y:auto!important;
    padding:18px!important;
    border:1px solid #e2e8f0!important;
    border-radius:15px!important;
    background:#fff!important;
    box-shadow:0 0 0 100vmax rgba(24,20,40,.56),0 24px 65px rgba(31,27,75,.3)!important;
}
.modal-window.modal-sales-create .sales-expense-card.hidden,
.modal-window.modal-sales-create .sales-payment-card.hidden {
    display:none!important;
}
.modal-window.modal-sales-create .sales-expense-card .sales-card-header {
    margin:-18px -18px 16px!important;
    padding:15px 18px!important;
    border:0!important;
    background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
    border-radius:14px 14px 0 0!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-payment-card .sales-card-header {
    margin:-18px -18px 16px!important;
    padding:15px 18px!important;
    border:0!important;
    background:linear-gradient(135deg,#10b981,#059669)!important;
    border-radius:14px 14px 0 0!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-expense-card .sales-card-header span,
.modal-window.modal-sales-create .sales-expense-card .sales-card-header small,
.modal-window.modal-sales-create .sales-expense-card .sales-card-header svg,
.modal-window.modal-sales-create .sales-payment-card .sales-card-header span,
.modal-window.modal-sales-create .sales-payment-card .sales-card-header svg {
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-expense-card .purchase-icon-btn,
.modal-window.modal-sales-create .sales-payment-card .purchase-icon-btn {
    width:30px!important;
    height:30px!important;
    border-color:rgba(255,255,255,.35)!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-payment-card .sales-payment-mode {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.modal-window.modal-sales-create .sales-popup-footer {
    display:flex;
    justify-content:flex-end;
    margin:15px -18px -18px;
    padding:12px 18px;
    border-top:1px solid #e2e8f0;
    background:#faf8ff;
    border-radius:0 0 14px 14px;
}
.modal-window.modal-sales-create .sales-popup-footer .btn {
    min-height:38px!important;
    padding:8px 15px!important;
    background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
    border-color:#7c3aed!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .row-expense-share {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    gap:2px!important;
    line-height:1.15!important;
}
.modal-window.modal-sales-create .expense-piece-value {
    font-size:.58rem!important;
    color:#6b7280!important;
    font-weight:650!important;
    white-space:nowrap!important;
}
.modal-window.modal-sales-create .landed-piece-value {
    font-size:.68rem!important;
    color:#5b21b6!important;
    font-weight:850!important;
    white-space:nowrap!important;
}

.modal-window.modal-sales-create .sales-summary-rail {
    padding:12px!important;
    background:linear-gradient(180deg,#f5f3ff 0%,#faf8ff 42%,#fff 100%)!important;
    border-left:1px solid #d8b4fe!important;
}
.modal-window.modal-sales-create .sales-summary-panel {
    padding:0!important;
    border:1px solid #d8b4fe!important;
    border-radius:14px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 8px 24px rgba(109,40,217,.08)!important;
}
.modal-window.modal-sales-create .sales-summary-panel>.sales-card-header {
    margin:0!important;
    padding:14px 15px!important;
    border:0!important;
    background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
    color:#fff!important;
    font-size:.88rem!important;
}
.modal-window.modal-sales-create .sales-summary-panel>.sales-card-header span,
.modal-window.modal-sales-create .sales-summary-panel>.sales-card-header svg {
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-summary-metrics {
    padding:10px 14px!important;
    background:linear-gradient(180deg,#faf8ff,#fff)!important;
}
.modal-window.modal-sales-create .sales-summary-metrics>div {
    margin:2px 0!important;
    padding:7px 8px!important;
    border:0!important;
    border-radius:7px!important;
    background:#fcfaff!important;
}
.modal-window.modal-sales-create .sales-summary-metrics>div:nth-child(4n+1) { background:#f5f3ff!important }
.modal-window.modal-sales-create .sales-summary-metrics>div:nth-child(4n+2) { background:#faf5ff!important }
.modal-window.modal-sales-create .sales-summary-metrics>div:nth-child(4n+3) { background:#fdf2f8!important }
.modal-window.modal-sales-create .sales-summary-metrics>div:nth-child(4n) { background:#f0fdf4!important }

.modal-window.modal-sales-create .sales-charge-grid {
    margin:0!important;
    padding:10px 14px!important;
    border-top:1px solid #e9e3ff!important;
    background:#faf8ff!important;
}
.modal-window.modal-sales-create .sales-net-total {
    margin:4px 14px 12px!important;
    padding:14px!important;
    background:linear-gradient(135deg,#7c3aed,#c084fc)!important;
    border:0!important;
    color:#fff!important;
    box-shadow:0 8px 20px rgba(124,58,237,.2)!important;
}
.modal-window.modal-sales-create .sales-net-total span,
.modal-window.modal-sales-create .sales-net-total strong {
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-summary-actions {
    padding:0 14px 14px!important;
    margin:0!important;
}
@media(max-width:620px){
    .modal-window.modal-sales-create .sales-expense-card,
    .modal-window.modal-sales-create .sales-payment-card {
        width:calc(100vw - 18px)!important;
        max-height:calc(100vh - 18px)!important;
    }
    .modal-window.modal-sales-create .sales-expense-fields,
    .modal-window.modal-sales-create .sales-paid-fields,
    .modal-window.modal-sales-create .sales-payment-mode {
        grid-template-columns:1fr!important;
    }
}

.modal-window.modal-sales-create .sales-customer-section .sales-section-heading {
    display:grid!important;
    grid-template-columns:auto minmax(260px,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
}
.modal-window.modal-sales-create .sales-customer-search-inline {
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:520px!important;
    margin-left:auto!important;
}
.modal-window.modal-sales-create .sales-customer-search-inline>svg {
    position:absolute;
    left:11px;
    top:11px;
    width:15px;
    height:15px;
    color:#8b5cf6;
    z-index:5;
}
.modal-window.modal-sales-create .sales-customer-search-inline #sBillCustomerContainer {
    width:100%;
}
.modal-window.modal-sales-create .sales-customer-modal {
    position:fixed!important;
    inset:0!important;
    z-index:1200!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    background:rgba(24,20,40,.58)!important;
    backdrop-filter:blur(4px);
}
.modal-window.modal-sales-create .sales-customer-modal.hidden {
    display:none!important;
}
.modal-window.modal-sales-create .sales-customer-modal-card {
    width:min(820px,100%)!important;
    max-height:calc(100vh - 48px)!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border:1px solid #cbd5e1!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 24px 70px rgba(44,14,70,.28)!important;
}
.modal-window.modal-sales-create .sales-customer-modal-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px;
    background:linear-gradient(135deg,#7c3aed,#5b21b6);
    color:#fff;
}
.modal-window.modal-sales-create .sales-customer-modal-head>div {
    display:flex;
    align-items:center;
    gap:11px;
}
.modal-window.modal-sales-create .sales-customer-modal-head>div>span {
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:rgba(255,255,255,.15);
    color:#fff;
}
.modal-window.modal-sales-create .sales-customer-modal-head h3 {
    margin:0;
    color:#fff!important;
    font-size:1rem;
}
.modal-window.modal-sales-create .sales-customer-modal-head p {
    margin:3px 0 0;
    color:#eedeff!important;
    font-size:.68rem;
}
.modal-window.modal-sales-create .sales-customer-modal-head .purchase-icon-btn {
    border-color:rgba(255,255,255,.35)!important;
    background:rgba(255,255,255,.1)!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-customer-modal-body {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    padding:20px;
    overflow-y:auto;
    background:#fbfaff;
}
.modal-window.modal-sales-create .sales-customer-modal-body select {
    width:100%!important;
    height:39px!important;
    border:1px solid #cbd5e1!important;
    border-radius:8px!important;
    padding:8px 10px!important;
    font-size:.78rem!important;
}
.modal-window.modal-sales-create .sales-customer-modal-footer {
    display:flex;
    justify-content:flex-end;
    gap:8px;
    padding:13px 18px;
    border-top:1px solid #e2e8f0;
    background:#fff;
}
.modal-window.modal-sales-create .sales-customer-modal-footer .btn {
    min-height:38px!important;
    padding:8px 14px!important;
}
.modal-window.modal-sales-create .sales-customer-modal-footer #qcSaveBtn {
    background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;
    border-color:#7c3aed!important;
    color:#fff!important;
}
.modal-window.modal-sales-create .sales-footer-actions .btn:disabled,
.modal-window.modal-sales-create .sales-summary-actions .btn:disabled {
    cursor:wait!important;
    filter:none!important;
}
@media(max-width:900px){
    .modal-window.modal-sales-create .sales-customer-section .sales-section-heading {
        grid-template-columns:1fr auto!important;
    }
    .modal-window.modal-sales-create .sales-customer-search-inline {
        grid-column:1/-1!important;
        grid-row:2!important;
        max-width:none!important;
    }
}
@media(max-width:700px){
    .modal-window.modal-sales-create .sales-customer-modal {
        padding:10px!important;
    }
    .modal-window.modal-sales-create .sales-customer-modal-card {
        max-height:calc(100vh - 20px)!important;
    }
    .modal-window.modal-sales-create .sales-customer-modal-body {
        grid-template-columns:1fr!important;
        padding:14px;
    }
    .modal-window.modal-sales-create .sales-product-field.span-2,
    .modal-window.modal-sales-create .sales-product-field.span-3 {
        grid-column:auto;
    }
}

/* Antigravity: Layout Overrides to Fix Header Overlap and Card Alignment */
.modal-window.modal-sales-create .sales-command-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: 30 !important;
}

.modal-window.modal-sales-create .sales-main-pane {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding-top: 16px !important;
}

.modal-window.modal-sales-create .sales-top-card-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(330px, 0.65fr) !important;
    gap: 12px !important;
    width: 100% !important;
}

.modal-window.modal-sales-create .sales-customer-section {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
}

.modal-window.modal-sales-create .sales-info-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
    grid-column: auto !important;
    grid-row: auto !important;
}