/* Compact workspace controls; preserve forms, tables and original handlers. */
@media screen{
 #inventory-modal #inventory-grid-scroll{flex:1 1 0%!important;min-height:0!important;overflow:auto!important;position:relative;overscroll-behavior:contain}
 #inventory-modal #inventory-grid-scroll>div{overflow:visible!important;border-radius:0!important}
 #inventory-modal #inventory-grid-scroll table{border-collapse:separate!important;border-spacing:0!important}
 #inventory-modal #inventory-grid-scroll thead{position:sticky;top:0;z-index:4;background:#e9eff5}
 #inventory-modal #inventory-grid-scroll thead th{position:sticky!important;top:0!important;z-index:4!important;background:#e9eff5!important;box-shadow:0 1px 0 #cbd5e1}
}
@media screen{
 #supply-hub-modal #supply-entry-panels{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0!important}
 #supply-hub-modal #supply-entry-panels>#transfer-panel,#supply-hub-modal #supply-entry-panels>#barcode-receive-panel{margin:0!important;min-width:0}
 #supply-hub-modal #supply-entry-panels #transfer-panel>div.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr) 52px auto!important;gap:5px!important}
 #supply-hub-modal #supply-entry-panels #barcode-receive-panel>div.grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) 52px auto!important;gap:5px!important}
 #supply-hub-modal #supply-entry-panels input,#supply-hub-modal #supply-entry-panels select{width:100%;min-width:0!important}
 #supply-hub-modal #supply-entry-panels #barcode-receive-panel .lucide{width:20px!important;height:20px!important}
 body #warehouse-dashboard.sheet-dialog>div>header{padding:7px 10px!important;display:flex!important;align-items:center;gap:10px;background:#0f172a!important;color:#fff;flex-shrink:0}
 #warehouse-dashboard header h2{font-size:16px!important;line-height:1.3;margin:0}
 #warehouse-dashboard header p{font-size:11px!important;margin:2px 0 0!important}
 #warehouse-dashboard [data-actions]{display:flex;flex-wrap:wrap;gap:5px!important;margin-left:auto;align-items:center}
 #warehouse-dashboard button,#warehouse-dashboard input,#warehouse-dashboard select{font-size:12px!important;padding:6px 8px!important;min-height:30px!important;line-height:1.3;border-radius:4px!important;box-sizing:border-box}
 #warehouse-dashboard header>[data-close]{color:white;background:#ffffff18;border:1px solid #64748b}
 #warehouse-dashboard [data-cards]{padding:5px 10px!important;gap:6px!important}
 #warehouse-dashboard [data-cards] article{padding:5px 9px!important;border-radius:4px!important;display:flex;align-items:center;gap:10px;font-size:12px}
 #warehouse-dashboard [data-cards] article p{margin:0;font-size:12px}
 #warehouse-dashboard [data-warehouse-workspace]{padding:0 10px!important;max-height:45vh!important}
 #warehouse-dashboard [data-content]:empty,#warehouse-dashboard [data-result]:empty{display:none!important}
 #warehouse-dashboard [data-result]{margin:4px 0!important;font-size:12px}
 #warehouse-dashboard section:has(>[data-warehouse]){padding:5px 10px!important;gap:6px!important;flex-wrap:wrap;align-items:center}
 #warehouse-dashboard section:has(>[data-warehouse]) input{flex:1;min-width:120px}
 #warehouse-dashboard section:has(table)>p{margin:3px 10px!important;font-size:11px}
}
@media screen and (max-width:1000px){
 #supply-hub-modal #supply-entry-panels #transfer-panel>div.grid,#supply-hub-modal #supply-entry-panels #barcode-receive-panel>div.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 #supply-hub-modal #supply-entry-panels #transfer-panel>div.grid button,#supply-hub-modal #supply-entry-panels #barcode-receive-panel>div.grid button{grid-column:1/-1!important}
 #warehouse-dashboard header{flex-wrap:wrap}#warehouse-dashboard [data-actions]{order:3;flex-basis:100%;margin-left:0}
}
@media screen and (max-width:700px){
 #supply-hub-modal #supply-entry-panels{grid-template-columns:minmax(0,1fr)}
 #warehouse-dashboard input,#warehouse-dashboard select{font-size:16px!important;min-height:36px!important}
 #warehouse-dashboard button{min-height:36px!important}#warehouse-dashboard [data-cards] article{flex-wrap:wrap}
}
@media screen {
 body #invoice-centre,body #owner-cash,body #purchase-workspace,body #journal-page{box-sizing:border-box}
 #invoice-centre button,#invoice-centre input,#invoice-centre select,#owner-cash button,#owner-cash input,#owner-cash select,#purchase-workspace button,#purchase-workspace input,#purchase-workspace select,#journal-page button,#journal-page input,#journal-page select,#journal-page textarea,#supply-hub-modal button,#supply-hub-modal input,#supply-hub-modal select,#expense-modal input,#expense-modal select,#expense-modal button{font-size:13px!important;line-height:1.3!important;padding:6px 9px!important;min-height:32px;box-sizing:border-box;border-radius:4px!important}
 #invoice-centre>div:first-child,#owner-cash>div:first-child,#purchase-workspace>div:first-child,#journal-page .jv-head{padding:8px 12px!important;position:sticky!important;top:0!important;background:#0f172a!important;color:white!important;z-index:6}
 #invoice-centre h2,#owner-cash h2,#purchase-workspace h2,#journal-page .jv-head h2{font-size:17px!important;margin:0!important;line-height:1.3!important}
 #invoice-centre>div:first-child p,#owner-cash>div:first-child p,#journal-page .jv-head p{font-size:11px!important;margin:2px 0 0!important}
 #invoice-centre>div:nth-child(2){padding:8px 12px!important}
 #invoice-centre form,#owner-cash form{gap:6px!important;margin:6px 0!important}
 #ic-owner-actions{padding:6px 9px!important;margin-bottom:6px!important;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
 #ic-owner-actions[hidden]{display:none!important}
 #ic-owner-actions strong{font-size:12px}#ic-owner-actions p{margin:0!important;font-size:11px!important}
 #owner-cash>div:has(>#oc-delete-all){padding:5px 10px!important;border-radius:0!important}
 #oc-message,#ic-message{font-size:11px!important;margin:4px 0!important}
 #owner-cash>form,#owner-cash>#oc-list,#owner-cash>#oc-message{margin-left:12px!important;margin-right:12px!important}
 #owner-cash>div:first-child #oc-close{color:white;background:#ffffff18}
 body #expense-modal.sheet-overlay{padding:0!important;align-items:stretch!important}
 body #expense-modal.sheet-overlay>.sheet-frame{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;overflow:hidden!important}
 #expense-modal .sheet-frame>div:first-child{padding:8px 12px!important}
 #expense-modal .sheet-frame>div:nth-child(2){flex:1 1 0%!important;min-height:0!important;overflow:auto!important}
 #expense-modal form{padding:10px!important}#expense-modal form>div{margin-top:7px!important}
 #expense-modal label{font-size:12px!important;margin-bottom:3px!important}
 #expense-modal .sheet-frame>div:first-child h3{font-size:17px!important}
 #expense-modal #exp-amount{font-size:16px!important}
 #supply-hub-modal>.sheet-frame>div:first-child{padding:7px 12px!important}
 #supply-hub-modal>.sheet-frame>.overflow-y-auto{padding:6px 10px!important}
 #supply-hub-modal #transfer-panel,#supply-hub-modal #barcode-receive-panel{padding:7px 10px!important;margin-top:6px!important}
 #supply-hub-modal h4{font-size:13px!important;margin-bottom:5px!important}
 #supply-hub-modal #transfer-panel>div.grid{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(170px,1fr) 75px auto!important;gap:6px!important}
 #supply-hub-modal #transfer-panel>div.grid button{grid-column:auto!important;width:auto!important}
 #supply-hub-modal #barcode-receive-panel>div.grid{grid-template-columns:minmax(200px,1fr) minmax(130px,.45fr) 75px auto!important;gap:6px!important}
 #supply-hub-modal #barcode-receive-panel button{grid-column:auto!important;width:auto!important}
 #supply-hub-modal #receive-product-details,#supply-hub-modal #transfer-panel>p{margin-top:5px!important;font-size:11px!important}
 #supply-hub-modal .overflow-y-auto>.grid{gap:10px!important;margin-top:6px!important}
 #supply-hub-modal .overflow-y-auto>.grid>div{padding:8px 10px!important}
 #supply-hub-modal .overflow-y-auto>.flex{gap:6px!important;margin-top:6px!important}
 #supply-hub-modal button{width:auto!important;justify-self:start}
 body #purchase-workspace.sheet-dialog{padding:0!important}
 #purchase-workspace>p{font-size:11px;margin:4px 12px!important}
 #grn-form{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:8px 12px!important;gap:7px 10px!important;margin-top:6px!important}
 #grn-form>label{font-size:12px!important;gap:3px!important}
 #grn-total{padding:7px 10px!important;margin:0!important;font-size:14px!important}
 #grn-form>div:last-child{display:flex;gap:6px;position:sticky;bottom:0;background:white;padding:6px 0;z-index:4}
 #grn-form #grn-save,#grn-close{position:static!important}
 #grn-message{margin:0!important;font-size:12px}
 #purchase-workspace>h3{font-size:14px;margin:8px 12px!important}
 #grn-history-tools{padding:6px 12px!important;gap:6px!important}
 #journal-page .jv-body{padding:8px 12px!important;gap:8px!important}
 #journal-page .jv-meta{padding:8px 10px!important;gap:7px 10px!important;border-radius:4px}
 #journal-page .jv-body input,#journal-page .jv-body select,#journal-page .jv-body textarea{margin-top:3px!important}
 #journal-page .jv-panel{padding:8px 10px!important}
 #journal-page .jv-row h3{font-size:14px!important}
 #journal-page .jv-table{margin:7px 0!important}
 #journal-page .jv-summary{padding:7px 10px!important;gap:8px!important;border-radius:4px}
 #journal-page .jv-summary strong{font-size:15px!important;margin-top:2px!important}
 #journal-page .jv-bottom{gap:8px!important}#journal-page .jv-help{padding:7px 10px!important;line-height:1.4!important;font-size:12px!important}
 #journal-page .jv-actions{min-height:36px!important;padding:6px!important;gap:6px!important}
 #journal-page .jv-status{padding:5px 8px!important}
 #admin-actions-menu{padding:5px!important;width:min(280px,calc(100vw - 20px))!important}
 #admin-actions-menu .admin-menu-title{padding:5px 8px!important}
 #admin-actions-menu button{min-height:32px!important;padding:6px 9px!important;font-size:12px!important;margin:2px 0!important}
 #admin-actions-menu #logout-btn{margin-top:7px!important;border-top:1px solid #9f4565}
 [data-windows-pairing-disabled]{display:none!important}
 #invoice-centre button,#owner-cash button,#purchase-workspace button,#journal-page button,#supply-hub-modal button{height:32px!important;min-height:32px!important}
}
@media screen and (max-width:700px){
 #invoice-centre input,#invoice-centre select,#owner-cash input,#owner-cash select,#purchase-workspace input,#purchase-workspace select,#journal-page input,#journal-page select,#journal-page textarea,#supply-hub-modal input,#supply-hub-modal select,#expense-modal input,#expense-modal select{font-size:16px!important;min-height:36px}
 #invoice-centre button,#owner-cash button,#purchase-workspace button,#journal-page button,#supply-hub-modal button,#expense-modal button{min-height:36px}
 #supply-hub-modal #transfer-panel>div.grid,#supply-hub-modal #barcode-receive-panel>div.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 #supply-hub-modal #transfer-panel>div.grid button,#supply-hub-modal #barcode-receive-panel>div.grid button{grid-column:1/-1!important}
 #grn-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #expense-modal .sheet-frame>div:nth-child(2){display:block!important}
 #expense-modal .sheet-frame>div:nth-child(2)>div{width:100%!important;max-width:none!important}
 #admin-actions-menu button{min-height:36px!important}
 #invoice-centre button,#owner-cash button,#purchase-workspace button,#journal-page button,#supply-hub-modal button{height:auto!important;min-height:36px!important}
}

/* 2.10.41 compact full-size report, invoice and GRN workspaces */
.report-invoice-search{display:flex;align-items:center;gap:7px;flex:1;min-width:240px;flex-wrap:wrap;margin-left:auto}
.report-invoice-search input{flex:1;min-width:180px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:5px;font-size:13px}
.report-invoice-search button{padding:7px 10px;background:#4338ca;color:white;border-radius:5px;font-size:12px}.report-invoice-search small{color:#64748b;font-size:11px}
#summary-modal .sheet-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#invoice-centre .ic-toolbar{display:flex;align-items:center;gap:8px}
#invoice-centre .ic-toolbar form{flex:1;flex-wrap:nowrap!important;min-width:0}
#invoice-centre .ic-toolbar form input{min-width:130px!important}
#invoice-centre #ic-owner-actions{flex:none;padding:0!important;margin:0!important;border:0!important;background:none!important}
#invoice-centre #ic-list td,#invoice-centre #ic-list th{padding:7px 9px;border-bottom:1px solid #e2e8f0}
.ic-refund-title{font-size:14px;font-weight:800;padding:9px;background:#eef2ff;margin-top:10px}
body #purchase-workspace[open]{display:flex!important;flex-direction:column;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:100dvh!important;inset:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow:hidden!important}
#purchase-workspace>div:first-child{flex:none;top:0!important;padding:9px 12px!important}
#purchase-workspace>p{display:none}
#purchase-workspace .grn-workspace-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);flex:1;min-height:0;overflow:hidden;gap:10px;padding:10px}
#purchase-workspace #grn-form{display:flex!important;flex-direction:column;min-height:0;margin:0!important;padding:10px!important;gap:9px!important;overflow:auto;border-radius:6px!important}
#purchase-workspace .grn-entry-bar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;flex:none}
#purchase-workspace .grn-entry-bar label,#purchase-workspace .grn-settlement label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;min-width:0}
#purchase-workspace .grn-entry-bar>div{min-width:0}
#purchase-workspace .grn-entry-bar input,#purchase-workspace .grn-entry-bar select{width:100%}
#purchase-workspace .grn-item-sheet{flex:1 0 200px;overflow:auto;border:1px solid #dbe3ee}
#purchase-workspace .grn-item-sheet th,#purchase-workspace .grn-item-sheet td{padding:6px 8px!important}
#purchase-workspace .grn-item-sheet table{min-width:490px}
#purchase-workspace .grn-settlement{display:grid!important;grid-template-columns:110px 110px minmax(120px,1fr);gap:8px;flex:none}
#purchase-workspace .grn-actions{display:flex!important;gap:7px;align-items:center;flex-wrap:wrap;position:sticky;bottom:0;background:white;padding:7px 0;flex:none}
#purchase-workspace .grn-actions>div{display:flex;align-items:center;gap:7px;margin-left:auto}
#purchase-workspace .grn-history-panel{display:flex;flex-direction:column;min-height:0;background:white;border:1px solid #e2e8f0;border-radius:6px;padding:10px;overflow:hidden}
#purchase-workspace .grn-history-panel h3{margin:0!important;font-size:14px}
#purchase-workspace #grn-history-tools{padding:8px 0!important;display:flex;flex-wrap:wrap;gap:6px}
#purchase-workspace #grn-history-search{width:100%}
#purchase-workspace #grn-history{overflow:auto;flex:1;min-height:0}
@media(max-width:900px){#invoice-centre .ic-toolbar{flex-wrap:wrap}#invoice-centre .ic-toolbar form{flex-wrap:wrap!important}#purchase-workspace .grn-workspace-body{grid-template-columns:1fr;overflow:auto}#purchase-workspace #grn-form{overflow:visible}#purchase-workspace .grn-history-panel{min-height:250px;overflow:visible}#purchase-workspace .grn-item-sheet{max-height:45dvh}}
@media(max-width:520px){#purchase-workspace .grn-entry-bar{grid-template-columns:1fr}#purchase-workspace .grn-settlement{grid-template-columns:1fr 1fr}#purchase-workspace .grn-settlement>label:last-child{grid-column:1/-1}.report-invoice-search small{display:none}}

/* Saved document actions in sales and return report worksheets */
.report-doc-link{color:#4338ca!important;background:transparent!important;text-decoration:underline!important;font-weight:800!important;cursor:pointer}
.report-doc-actions{display:flex;gap:4px;flex-wrap:wrap;min-width:190px}
.report-doc-actions button{padding:5px 8px!important;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;border-radius:4px;font-size:11px!important}
.report-doc-actions [data-report-delete]{color:#b91c1c;background:#fff1f2;border-color:#fecdd3}
.return-manage-form{display:grid;gap:10px;margin:16px;padding:12px;border:1px solid #cbd5e1}
.return-manage-form label{display:grid;gap:6px}.return-manage-form input{padding:9px;border:1px solid #cbd5e1;width:100%}
.return-manage-form p{font-size:12px;color:#64748b}.return-manage-form button{padding:8px;background:#4338ca;color:white}

/* Full-size saved return record */
body dialog.saved-return-dialog[open]{position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;padding:0!important;display:flex!important;flex-direction:column;overflow:hidden!important;background:#f7f9fc;color:#172554}
.saved-return-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 18px 12px;background:#0f172a;color:white;flex:none}
.saved-return-head h2{font-size:20px;font-weight:800;margin:2px 0}.saved-return-head p{font-size:12px;color:#cbd5e1;margin:3px 0}.saved-return-eyebrow{color:#67e8f9;font-size:10px;letter-spacing:.1em}
.saved-return-dialog button{cursor:pointer;border:1px solid #cbd5e1;padding:8px 12px;border-radius:5px;font-size:13px;font-weight:700}
.saved-return-head button{color:white;background:#ffffff12;border-color:#ffffff40;white-space:nowrap}
.saved-return-body{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:14px}
.saved-return-customer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;background:white;border:1px solid #dbe3ee;padding:14px}
.saved-return-customer>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.saved-return-customer span,.saved-return-balances span,.saved-return-reason>span{font-size:11px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.saved-return-customer small{font-size:11px;color:#64748b}
.saved-return-dialog .saved-return-name{font-size:18px;font-weight:800;overflow-wrap:anywhere}
.saved-return-dialog button.saved-return-name{padding:0;color:#4338ca;background:none;border:0;text-decoration:underline;text-align:left}
.saved-return-items{background:white;border:1px solid #dbe3ee;overflow:auto;min-height:150px}
.saved-return-items table{width:100%;border-collapse:collapse;min-width:450px;text-align:left;font-size:13px}
.saved-return-items th{background:#e9eff5;color:#233c50;font-size:12px;position:sticky;top:0;z-index:1}
.saved-return-items th,.saved-return-items td{padding:10px 12px;border:1px solid #dbe3ee}
.saved-return-items td:first-child{font-weight:700}.saved-return-items th:not(:first-child),.saved-return-items td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
.saved-return-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.saved-return-balances>div{padding:14px;background:white;border:1px solid #dbe3ee;display:flex;flex-direction:column;gap:7px}
.saved-return-balances strong{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}.saved-return-balances .return-credit{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}
.saved-return-reason{padding:14px;background:white;border:1px solid #dbe3ee}.saved-return-reason p{font-size:13px;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.saved-return-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:white;border-top:1px solid #dbe3ee;flex:none}
.saved-return-footer small{font-size:11px;color:#64748b}.saved-return-footer>div{display:flex;gap:7px}.saved-return-footer [data-return-print]{background:#059669;color:white;border-color:#059669}
@media(max-width:650px){.saved-return-head{padding-left:12px;padding-right:12px}.saved-return-head h2{font-size:17px}.saved-return-body{padding:10px;gap:10px}.saved-return-customer{grid-template-columns:1fr;gap:12px;padding:12px}.saved-return-balances{grid-template-columns:1fr}.saved-return-footer{flex-wrap:wrap}.saved-return-footer small{display:none}}

/* Receive Payment / Advance: full-size form and live account breakdown */
#receive-payment-modal .sheet-frame{height:100dvh!important;max-height:100dvh!important}
#receive-payment-modal #payment-advance-form{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,1fr);gap:12px 20px;overflow:auto;flex:1;min-height:0;padding:16px!important;align-content:start}
#payment-advance-form>div{grid-column:1;min-width:0;margin:0!important}
#payment-advance-preview{grid-column:2;grid-row:1/span 5;align-self:start;background:#f5f7ff;border:1px solid #c7d2fe;border-radius:8px;padding:18px}
#payment-advance-preview h4{font-size:18px;font-weight:800;margin:0 0 14px}
#payment-advance-preview .payment-advance-note{padding:12px;background:#e0f2fe;color:#075985;font-size:13px;border-radius:6px}
#payment-advance-preview dl{margin:14px 0}
#payment-advance-preview dl>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #dbe3ee;font-size:13px}
#payment-advance-preview dd{font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
#payment-advance-preview .payment-advance-total{background:#dcfce7;color:#047857;padding:14px;border-radius:6px;margin-top:10px}
#payment-advance-preview small{font-size:12px;color:#64748b}
#payment-advance-form>.payment-advance-actions{grid-column:1/-1;position:sticky;bottom:0;background:white;padding:10px 0}
@media(max-width:700px){#receive-payment-modal #payment-advance-form{grid-template-columns:1fr;padding:12px!important}#payment-advance-preview{grid-column:1;grid-row:auto}#payment-advance-preview{padding:12px}}

/* Khata ledger scroll surface: no gap above the solid frozen heading. */
@media screen{
 #khata-modal .khata-ledger-scroll{padding:0!important;min-height:0;overflow:auto!important;isolation:isolate;background:#fff}
 #khata-modal .khata-ledger-scroll>div{overflow:visible!important;border-radius:0!important;margin:0!important}
 #khata-modal .khata-ledger-table{border-collapse:separate!important;border-spacing:0!important;margin:0!important}
 #khata-modal .khata-ledger-table thead{position:sticky!important;top:0!important;z-index:10!important;background:#e9eff5!important;opacity:1;box-shadow:0 1px 0 #cbd5e1}
 #khata-modal .khata-ledger-table thead th{position:relative!important;top:auto!important;background:#e9eff5!important;z-index:auto!important;opacity:1}
 #khata-modal .khata-ledger-table thead th:before{background:#f4f6f9!important}
}

/* 2.10.47: one desktop viewport, explicit fields/preview/action grid areas. */
body #receive-payment-modal{padding:0!important;align-items:stretch!important}
body #receive-payment-modal>div{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;display:flex!important;flex-direction:column;overflow:hidden!important}
#receive-payment-modal>div>div:first-child{flex:none;padding:10px 16px!important}
#receive-payment-modal #payment-advance-form{grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;grid-template-areas:"fields preview" "actions actions";align-content:stretch!important;align-items:start;gap:12px 18px!important;overflow:hidden!important;padding:14px 16px!important;margin:0!important}
#payment-advance-form>.payment-advance-fields{grid-area:fields!important;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;max-height:100%;overflow:auto;align-content:start}
.payment-advance-fields>div{margin:0!important;min-width:0}
.payment-advance-fields>div:nth-child(-n+3){grid-column:1/-1}
#payment-advance-form #payment-advance-preview{grid-area:preview!important;grid-row:auto!important;grid-column:auto!important;margin:0!important;max-height:100%;overflow:auto;padding:14px}
#payment-advance-preview h4{font-size:16px;margin-bottom:10px}
#payment-advance-preview .payment-advance-note{padding:9px;font-size:12px;line-height:1.45;margin:0}
#payment-advance-preview dl{margin:10px 0}
#payment-advance-preview dl>div{padding:10px 0;font-size:12px}
#payment-advance-preview .payment-advance-total{padding:11px;margin-top:8px}
#payment-advance-preview small{font-size:11px;line-height:1.4}
#payment-advance-form>.payment-advance-actions{grid-area:actions!important;grid-column:1/-1!important;grid-row:2!important;position:static!important;display:flex;align-self:end;gap:10px;padding:8px 0 0!important;border-top:1px solid #e2e8f0}
#payment-advance-form .payment-advance-actions button{padding:10px 12px!important;min-height:38px}
#payment-advance-form #pay-input-amount{height:46px;font-size:19px;padding-top:8px;padding-bottom:8px}
#payment-advance-form #pay-input-method,#payment-advance-form #pay-input-notes{height:36px;padding:7px 9px!important}
#payment-advance-form #pay-quick-chips{gap:5px}
#payment-advance-form #pay-quick-chips button{font-size:11px;line-height:1.2;padding:5px 8px;min-height:27px}
@media(max-height:650px) and (min-width:701px){#receive-payment-modal #payment-advance-form{padding:10px 12px!important;gap:8px 14px!important}#payment-advance-form>.payment-advance-fields{gap:8px}#payment-advance-preview dl>div{padding:7px 0}#payment-advance-preview h4{margin-bottom:7px}.payment-advance-fields>div:first-child{padding:9px!important}}
@media(max-width:700px){#receive-payment-modal #payment-advance-form{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;grid-template-areas:"fields" "preview" "actions";overflow:auto!important;align-content:start!important;gap:10px!important;padding:10px!important}#payment-advance-form>.payment-advance-fields{max-height:none;overflow:visible;gap:8px}#payment-advance-form #payment-advance-preview{max-height:none;overflow:visible}#payment-advance-form>.payment-advance-actions{grid-row:3!important;position:sticky!important;bottom:-10px;padding:8px 0!important}.payment-advance-fields>div:nth-last-child(-n+2){grid-column:1/-1}}

/* 2.10.48 approved payment design, compact single desktop viewport. */
#receive-payment-modal #payment-advance-form{grid-template-columns:minmax(0,1.22fr) minmax(300px,1fr)!important;grid-template-areas:"fields preview" "actions preview"!important;background:#f2f6fb;gap:0 14px!important;padding:14px!important}
#payment-advance-form>.payment-advance-fields.payment-design-fields{display:flex!important;flex-direction:column;gap:10px;padding:16px;background:white;border:1px solid #dfe7f0;border-bottom:0;border-radius:10px 10px 0 0;overflow:auto;align-self:stretch;height:100%}
#payment-advance-form .payment-design-fields>div,#payment-advance-form .payment-design-fields>section,#payment-advance-form .payment-design-fields>fieldset{flex:none}
.payment-customer-row{display:flex;align-items:center;gap:20px;font-size:13px}
.payment-customer-row strong{flex:1;background:#f8fafc;border:1px solid #dbe3ee;border-radius:7px;padding:9px 12px;font-size:16px}
.payment-due-card{display:flex;flex-direction:column;gap:3px;padding:11px 15px;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;color:#e11d48}
.payment-due-card span{font-size:12px;font-weight:700}.payment-due-card strong{font-size:27px;line-height:1.15;font-weight:900}
.payment-amount-field label,.payment-method-choices legend{display:block;font-size:13px;font-weight:800;margin-bottom:5px}
#payment-advance-form #pay-input-amount{height:54px!important;border:1px solid #cbd5e1;border-radius:7px;background:white;font-size:30px!important;line-height:1.2;font-weight:800;padding:6px 12px!important;width:100%}
#payment-advance-form #pay-input-method[hidden]{display:none!important}
.payment-method-choices{border:0;padding:0;margin:0;min-width:0}
.payment-method-choices>div,.payment-extra-methods{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.payment-method-choices label,.payment-extra-methods label{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px;font-weight:600}
.payment-method-choices input,.payment-extra-methods input{appearance:auto;width:20px;height:20px;accent-color:#6d3df5;flex:none}
.payment-design-notice{background:#e8f3ff;border:1px solid #cce4ff;border-radius:7px;color:#075bc6;font-size:12px;font-weight:600;line-height:1.4;padding:10px 12px}
.payment-design-breakdown{border:1px solid #dbe3ee;border-radius:7px;overflow:hidden}
.payment-design-breakdown h4{background:#eef2f7;padding:7px 11px;font-size:13px;font-weight:800;margin:0}
.payment-design-breakdown dl{margin:0;padding:2px 11px}
.payment-design-breakdown dl>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:7px 0;border-bottom:1px solid #edf0f5}
.payment-design-breakdown dl>div:last-child{border-bottom:0}.payment-design-breakdown dd{font-weight:800;white-space:nowrap}
.payment-design-optional{font-size:11px;color:#64748b}
.payment-design-optional summary{cursor:pointer}.payment-design-optional>label{display:block;margin:8px 0 4px}.payment-design-optional input[type=text]{width:100%;border:1px solid #cbd5e1;padding:7px;border-radius:4px}
.payment-extra-methods{margin:8px 0}.payment-design-optional #pay-quick-chips{display:flex;flex-wrap:wrap;gap:4px}
#payment-advance-form>.payment-advance-actions{border:1px solid #dfe7f0;border-top:0;border-radius:0 0 10px 10px;background:white;padding:10px 16px 14px!important;align-self:stretch}
#payment-advance-form>.payment-advance-actions #btn-submit-payment{order:-1;flex:3}
#payment-advance-form>.payment-advance-actions>button:first-child{flex:1}
#payment-advance-form #payment-advance-preview{display:flex;flex-direction:column;gap:12px;background:none;border:0;padding:0;border-radius:0;align-self:stretch;height:100%;max-height:100%;overflow:auto}
.payment-account-card,.payment-receipt-card{background:white;border:1px solid #dfe7f0;border-radius:9px;padding:14px}
#payment-advance-preview .payment-account-card>h4{font-size:18px;font-weight:800;margin:0 0 9px}
.payment-account-inner{background:#f5f3ff;padding:10px;border-radius:7px}
.payment-account-inner>span{display:block;font-size:11px}.payment-account-inner>strong{display:block;font-size:17px;font-weight:800;margin:2px 0 7px}
.payment-account-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.payment-account-totals>div{display:flex;flex-direction:column;gap:5px;background:#e9edf6;border-radius:6px;padding:9px}
.payment-account-totals span{font-size:11px;font-weight:700}.payment-account-totals b{font-size:24px;line-height:1.2;white-space:nowrap}
.payment-account-totals .payment-account-advance{background:#dcfce7;color:#047857}
.payment-account-inner p{background:#e3faed;padding:7px;font-size:11px;line-height:1.4;color:#047857;border-radius:5px;margin:8px 0 0}
#payment-advance-preview .payment-account-row{width:100%;min-width:0;border-collapse:collapse;font-size:10px;margin-top:8px}
.payment-account-row th,.payment-account-row td{padding:6px;border:1px solid #e2e8f0;text-align:left}.payment-account-row th{background:#f0edff}.payment-account-row td:last-child{color:#047857;font-weight:700}
.payment-receipt-card{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:100%}
.payment-receipt-brand{text-align:center;font-size:17px;font-weight:900;color:#102448;overflow-wrap:anywhere}
#payment-advance-preview .payment-receipt-card h4{font-size:12px;text-align:center;font-weight:800;margin:8px 0 3px;padding-top:8px;border-top:1px dashed #94a3b8}
.payment-receipt-draft{text-align:center;font-size:10px;color:#64748b;margin:0 0 8px}
.payment-receipt-card>div:not(.payment-receipt-brand){display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:4px 0}.payment-receipt-card b{white-space:nowrap}
.payment-receipt-card>div:nth-last-of-type(1){color:#047857;font-weight:800}
.payment-receipt-card footer{font-size:10px;text-align:center;margin-top:7px;padding-top:7px;border-top:1px dashed #94a3b8;line-height:1.4;color:#64748b}
@media(max-height:720px) and (min-width:701px){
 #receive-payment-modal #payment-advance-form{padding:10px!important;gap:0 10px!important}
 #payment-advance-form>.payment-advance-fields.payment-design-fields{padding:10px 12px;gap:7px}
 .payment-customer-row strong{padding:6px 9px;font-size:14px}.payment-due-card{padding:8px 11px}.payment-due-card strong{font-size:24px}
 #payment-advance-form #pay-input-amount{height:43px!important;font-size:25px!important}
 .payment-design-notice{padding:7px 9px;font-size:11px}.payment-design-breakdown dl>div{padding:5px 0;font-size:11px}
 .payment-method-choices legend,.payment-amount-field label{font-size:12px;margin-bottom:3px}
 .payment-account-card,.payment-receipt-card{padding:10px}.payment-account-inner{padding:7px}.payment-account-totals b{font-size:20px}
 #payment-advance-preview .payment-account-card>h4{font-size:16px;margin-bottom:6px}.payment-account-inner>strong{font-size:15px}
 .payment-account-row th,.payment-account-row td{padding:4px}.payment-receipt-brand{font-size:14px}.payment-receipt-card>div:not(.payment-receipt-brand){font-size:10px;padding:3px 0}
 #payment-advance-form>.payment-advance-actions{padding:8px 12px 10px!important}
}
@media(max-width:700px){
 #receive-payment-modal #payment-advance-form{grid-template-columns:1fr!important;grid-template-areas:"fields" "preview" "actions"!important;gap:10px!important;overflow:auto!important}
 #payment-advance-form>.payment-advance-fields.payment-design-fields{height:auto;max-height:none;border-bottom:1px solid #dfe7f0;border-radius:9px;padding:12px}
 #payment-advance-form #payment-advance-preview{height:auto;max-height:none;overflow:visible}
 #payment-advance-form>.payment-advance-actions{border:1px solid #dfe7f0;border-radius:7px;padding:9px!important}
 .payment-account-totals b{font-size:21px}
}

#payment-advance-form>.payment-advance-actions{grid-column:1!important;grid-row:2!important}
#payment-advance-form #payment-advance-preview{grid-column:2!important;grid-row:1/span 2!important}
.payment-account-row{font-size:10px;margin-top:8px;border:1px solid #e2e8f0}.payment-account-row>div{display:grid;grid-template-columns:1.1fr 1fr 1.25fr}.payment-account-row span{padding:5px;border-right:1px solid #e2e8f0;overflow-wrap:anywhere}.payment-account-row-head{background:#f0edff;font-weight:700}.payment-account-row>div:last-child>span:last-child{color:#047857;font-weight:700}
@media(max-height:720px) and (min-width:701px){.payment-account-inner>span{font-size:10px}.payment-account-inner>strong{margin:1px 0 5px}.payment-account-totals>div{padding:7px;gap:3px}.payment-account-inner p{padding:5px;font-size:10px;margin-top:5px}.payment-account-row{margin-top:6px;font-size:9px}.payment-account-row span{padding:4px}.payment-receipt-card>div:not(.payment-receipt-brand){padding:2px 0!important}.payment-receipt-card footer{margin-top:5px;padding-top:5px}}
@media(max-width:700px){#payment-advance-form #payment-advance-preview{grid-column:1!important;grid-row:2!important}#payment-advance-form>.payment-advance-actions{grid-column:1!important;grid-row:3!important}}

/* Temporary Wholesale UI suspension; stored prices/history remain intact. */
html.retail-only #mode-wholesale,html.retail-only #khata-filter-ws,html.retail-only [data-wholesale-control],html.retail-only #khata-active-type-badge,html.retail-only option[value=wholesale],html.retail-only #bulk-price-target option[value=both],
html.retail-only div:has(>input#new-p-wholesale-price),html.retail-only div:has(>#new-cust-type),html.retail-only div:has(>#manage-cust-type),html.retail-only label:has(>#b-opt-ws),html.retail-only div:has(>b#b-card-ws),html.retail-only div:has(>#inv-stat-ws-val),html.retail-only #preview-ws-price{display:none!important}
html.retail-only #inventory-modal table th:nth-child(4),html.retail-only #inventory-modal table td:nth-child(4),html.retail-only #khata-modal .sheet-customer-records th:nth-child(3),html.retail-only #khata-modal .sheet-customer-records td:nth-child(3){display:none!important}


/* Ledger cells keep amounts and notes inside independent columns. */
@media screen{
 #khata-modal .khata-ledger-table{table-layout:fixed!important;min-width:1272px!important;width:100%!important}
 #khata-modal .khata-ledger-table th:nth-child(1){width:112px!important}
 #khata-modal .khata-ledger-table th:nth-child(2){width:112px!important}
 #khata-modal .khata-ledger-table th:nth-child(3){width:190px!important}
 #khata-modal .khata-ledger-table th:nth-child(4){width:136px!important}
 #khata-modal .khata-ledger-table th:nth-child(5){width:144px!important}
 #khata-modal .khata-ledger-table th:nth-child(6){width:188px!important}
 #khata-modal .khata-ledger-table th:nth-child(7){width:auto!important;min-width:240px!important}
 #khata-modal .khata-ledger-table th:nth-child(8){width:150px!important}
 #khata-modal .khata-ledger-table th,#khata-modal .khata-ledger-table td{box-sizing:border-box;overflow:hidden}
 #khata-modal .khata-ledger-table th{white-space:normal!important;overflow-wrap:normal;line-height:1.35!important}
 #khata-modal .khata-ledger-table td:nth-child(4),#khata-modal .khata-ledger-table td:nth-child(5),#khata-modal .khata-ledger-table td:nth-child(6){font-variant-numeric:tabular-nums;white-space:normal!important;overflow-wrap:anywhere}
 #khata-modal .khata-balance-label{display:block;font:700 11px/1.25 system-ui;color:#059669;white-space:normal}
 #khata-modal .khata-balance-value{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
 #khata-modal .khata-ledger-table td:nth-child(7){max-width:none!important;white-space:normal!important;overflow-wrap:anywhere}
 #khata-modal .khata-ledger-table .khata-ledger-note{white-space:normal!important;overflow-wrap:anywhere;max-width:100%;text-overflow:clip;line-height:1.45}
}
@media screen{#khata-modal .khata-ledger-table th{vertical-align:top!important}}