/* Shared POS screen design. Print documents keep their existing dimensions. */
@media screen {
:root{--ui-ink:#193c52;--ui-muted:#617c8c;--ui-line:#d5e2eb;--ui-surface:#ffffff;--ui-accent:#176987}
body{background:#edf3f7!important}
.desktop-pos{color:var(--ui-ink);background:#edf3f7!important}
.desktop-pos .menu-strip{background:#fff!important;border-color:var(--ui-line)!important;box-shadow:0 1px 5px #123e5808}
.desktop-pos .menu-strip button{border-radius:5px;color:#36576a}
.desktop-pos .menu-strip button:hover{background:#edf6fa!important}
.desktop-pos .tool-ribbon{background:#f8fbfd!important;border-color:var(--ui-line)!important;box-shadow:0 2px 7px #143f5708}
.desktop-pos .ribbon-tools>:is(a,button){border-color:#e0e9ef!important;border-radius:7px;margin:3px 2px;transition:background .15s,box-shadow .15s}
.desktop-pos .ribbon-tools>:is(a,button):hover{background:#e9f4f9!important;box-shadow:inset 0 0 0 1px #bcd9e7}
.desktop-pos .ribbon-tools .active{background:#dceff7!important;border-color:#73b8d5!important}
.desktop-pos .status-bar{background:#f8fbfd!important;border-color:var(--ui-line)!important;color:var(--ui-muted)}
.desktop-pos>section{background:#edf3f7!important}
.desktop-pos :is(.products-workspace,.customers-workspace,.categories-workspace,.daily-workspace,.debt-workspace,.outstanding-workspace,.inventory-workspace,.product-summary-workspace,.profit-workspace,.sales-transaction-workspace,.report-details-workspace,.settings-workspace,.sales-chart-workspace){gap:12px;padding:10px!important;border-color:var(--ui-line)!important}
.desktop-pos :is(.products-workspace,.customers-workspace,.categories-workspace,.daily-workspace,.debt-workspace,.outstanding-workspace,.inventory-workspace,.product-summary-workspace,.profit-workspace,.report-details-workspace,.sales-chart-workspace,.receipt-workspace) fieldset{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:10px;padding:12px!important;box-shadow:0 2px 7px #173f5805}
.desktop-pos legend{color:#24556e!important;font-weight:600;padding:0 6px}
.desktop-pos :is(.daily-panel,.debt-panel,.inventory-panel,.outstanding-panel,.product-summary-panel,.profit-panel,.settings-card,.settings-window,.categories-window){border-color:var(--ui-line)!important;border-radius:10px;background:#fff!important}
.desktop-pos :is(.products-search,.daily-filter,.debt-filter,.inventory-filter,.product-summary-filter,.profit-filter,.report-details-filter,.sales-chart-filter,.outstanding-heading){gap:9px;padding:8px 0 12px;align-items:center}
.desktop-pos :is(input,select,textarea):not([type=checkbox]):not([type=radio]){border-color:#c8dbe7!important;border-radius:6px;box-shadow:0 1px 2px #183f5504;color:#23475d}
.desktop-pos :is(input,select,textarea):focus{outline:2px solid #65b5d5;outline-offset:1px;border-color:#4c9bbc!important}
.desktop-pos :is(input,textarea)[readonly]{background:#f0f5f8!important;color:#647c8b}
.desktop-pos button:not(.menu-strip button):not(.ribbon-tools button):not(.receipt-paper button):not(.barcode-dialog button){border-radius:7px;border-color:#c5dbe7;background:linear-gradient(#fff,#f0f6fa);color:#244f67;transition:background .15s,box-shadow .15s}
.desktop-pos button:hover:not(:disabled):not(.menu-strip button):not(.ribbon-tools button){box-shadow:0 2px 6px #163f571c}
.desktop-pos button:focus-visible{outline:3px solid #68b6d5;outline-offset:2px}
.desktop-pos button:disabled{opacity:.5;cursor:not-allowed}
.desktop-pos :is(.save-button,.settings-save,.confirm,.pay-now,.add-button){background:#167557!important;color:#fff!important;border-color:#126447!important;border-radius:8px}
.desktop-pos :is(.danger,.danger-button,.delete,.customer-delete,.delete-product-button){background:#fff0f2!important;color:#b13b4c!important;border-color:#efc9cf!important}
.desktop-pos :is(.products-table,.customers-table,.inventory-table,.outstanding-table,.debt-table,.product-summary-table,.profit-table,.report-details-table,.sales-table,.catalog-table-wrap,.lookup-table) table{border-collapse:separate;border-spacing:0}
.desktop-pos :is(.products-table,.customers-table,.inventory-table,.outstanding-table,.debt-table,.product-summary-table,.profit-table,.report-details-table,.sales-table,.catalog-table-wrap,.lookup-table) :is(th,td){border-color:#e1eaf0!important}
.desktop-pos :is(.products-table,.customers-table,.inventory-table,.outstanding-table,.debt-table,.product-summary-table,.profit-table,.report-details-table,.sales-table,.catalog-table-wrap,.lookup-table) th{background:#edf5f9!important;color:#28556e;font-weight:600;padding-top:9px!important;padding-bottom:9px!important}
.desktop-pos :is(.products-table,.customers-table,.inventory-table,.outstanding-table,.debt-table,.product-summary-table,.profit-table,.report-details-table,.sales-table,.catalog-table-wrap,.lookup-table) tbody tr:not(.selected-row):not(.inactive-row):not(.low-stock-row):nth-child(even){background:#f8fbfd}
.desktop-pos :is(.products-table,.customers-table,.inventory-table,.outstanding-table,.debt-table,.product-summary-table,.profit-table,.report-details-table,.catalog-table-wrap,.lookup-table) tbody tr:hover{background:#eaf5fb!important}
.desktop-pos .selected-row{background:#dceff9!important;box-shadow:inset 3px 0 #2688b0}
.desktop-pos :is(.products-table,.customers-table,.inventory-table-wrap,.debt-table-wrap,.outstanding-table-wrap,.product-summary-table-wrap,.profit-table-wrap,.report-details-table,.catalog-table-wrap){border:1px solid #dae6ee;border-radius:7px}
.desktop-pos :is(.debt-totals,.profit-totals,.sales-chart-total,.receipt-total,.summary-grid){border-color:var(--ui-line);border-radius:8px}
.desktop-pos :is(.customer-form,.catalog-form-actions) button{min-height:34px;padding:7px 12px;white-space:nowrap}
.desktop-pos :is(.customer-form,.catalog-form-actions) .save-button{box-shadow:0 2px 4px #16755720}
.desktop-pos :is(.lookup-window,.payment-window,.cash-payment-window,.parked-bill-window,.checkout-confirm-window,.problem-dialog,.settings-window){border-radius:14px!important;border-color:#cee0eb!important;box-shadow:0 18px 60px #122f5040}
.desktop-pos :is(.lookup-titlebar,.cash-payment-titlebar){background:linear-gradient(110deg,#173f59,#226d85)!important;color:white!important}
.desktop-pos :is(.lookup-backdrop,.payment-backdrop,.parked-bill-backdrop,.checkout-confirm-backdrop,.problem-dialog-backdrop){backdrop-filter:blur(2px)}
.desktop-pos .data-menu{border-radius:9px;border-color:var(--ui-line);box-shadow:0 9px 30px #153d5826}
.desktop-pos .data-menu :is(a,button):hover{background:#edf6fa}
.desktop-pos .grand-output{font-variant-numeric:tabular-nums;color:#145674}
.desktop-pos .product-edit-code-hint{background:#edf7fc;border-color:#b8d9e9;border-radius:6px}
.desktop-pos *{scrollbar-width:thin;scrollbar-color:#a5bccb #f0f5f8}
@media(max-width:760px){.desktop-pos :is(.products-workspace,.customers-workspace,.categories-workspace,.daily-workspace,.debt-workspace,.outstanding-workspace,.inventory-workspace,.product-summary-workspace,.profit-workspace,.report-details-workspace,.settings-workspace){padding:5px!important;gap:6px}.desktop-pos fieldset{padding:8px!important}.desktop-pos .ribbon-tools>:is(a,button){margin:2px 1px}}
@media(prefers-reduced-motion:reduce){.desktop-pos *{transition:none!important}}
}
@media screen {
.desktop-pos :is(.summary-grid,.debt-totals,.profit-totals,.receipt-totals) output{background:#f1f7fb!important;color:#234e65!important;border-color:#d3e3ed!important;border-radius:6px;font-variant-numeric:tabular-nums;padding-right:12px}
.desktop-pos :is(.summary-grid,.debt-totals,.profit-totals,.receipt-totals) :is(.black-total,.green-total),.desktop-pos .debt-totals output{background:#19485f!important;color:#fff!important}
.desktop-pos .summary-grid .green-total{background:#167557!important;color:#fff!important}
.desktop-pos .total-display{background:#173f56!important;border:1px solid #28566e!important;border-radius:10px!important;overflow:hidden;box-shadow:0 3px 10px #163f5814}
.desktop-pos .total-display output{background:#173f56!important;color:#f0f9fd!important;border-color:#335b70!important;font-variant-numeric:tabular-nums}
.desktop-pos .total-display .grand-output{background:#145a73!important;color:#fff!important}
.desktop-pos .receipt-totals .grand-output{background:#145a73!important;color:#fff!important}
.desktop-pos .daily-columns{gap:24px!important}
.desktop-pos :is(.daily-sales,.daily-payments){padding:14px;border:1px solid #e1eaf0;border-radius:10px;background:#fcfdff}
.desktop-pos :is(.daily-sales,.daily-payments) h2{margin-top:0;color:#24556e;font-weight:600}
.desktop-pos :is(.cod-box,.quote-window){background:#fff!important;border-color:#d5e2eb!important;border-radius:12px!important;box-shadow:0 3px 12px #173f5808}
.desktop-pos :is(.cod-bar,.quote-toolbar){gap:9px!important;padding:10px 0!important}
.desktop-pos :is(.cod-bar,.quote-toolbar) .primary{background:#176987!important;color:white!important;border-color:#145b76!important}
.desktop-pos :is(.cod-fields,.quote-fields) label{color:#31566b;font-weight:500}
.desktop-pos :is(.cod-table,.quote-table,.receipt-table) th{background:#edf5f9!important;color:#28556e;border-color:#dae6ed!important}
.desktop-pos :is(.cod-table,.quote-table,.receipt-table) :is(th,td){border-color:#e1eaf0!important}
.desktop-pos .customer-form>fieldset>button:first-of-type{background:#167557!important;color:#fff!important;border-color:#126447!important}
.desktop-pos :is(.products-form,.customer-form) :is(input,select){min-height:32px}
.desktop-pos :is(.products-search,.customers-list,.inventory-filter,.debt-filter,.daily-filter,.profit-filter,.product-summary-filter,.report-details-filter,.sales-chart-filter,.outstanding-heading) :is(button,input,select){min-height:32px}
.desktop-pos :is(.products-table,.customers-table,.inventory-table,.outstanding-table,.debt-table,.product-summary-table,.profit-table,.report-details-table,.sales-table,.catalog-table-wrap,.lookup-table,.cod-table,.quote-table,.receipt-table) :is(th,td){font-size:12px;line-height:1.6}
.desktop-pos .ribbon-tools small{font-size:9.5px!important;line-height:1.4!important}
.desktop-pos :is(.receipt-totals,.debt-totals,.profit-totals) strong{color:#24556e}
.customer-screen .cs-head{box-shadow:0 3px 16px #183f5810!important}
.customer-screen :is(.cs-items,.cs-side,.cs-success){border-radius:16px!important;box-shadow:0 5px 24px #193f5808!important}
@media(max-width:760px){.desktop-pos .daily-columns{gap:10px!important}.desktop-pos :is(.daily-sales,.daily-payments){padding:8px}.desktop-pos .ribbon-tools small{font-size:8.5px!important}}
}
@media screen {
.desktop-pos>section>fieldset,.desktop-pos.sales-transaction-page fieldset{border:1px solid #d5e2eb!important;background:#fff!important;border-radius:10px;padding:12px!important;box-shadow:0 2px 8px #173f5806}
.desktop-pos table:not(:where(.receipt-paper,.cod-paper,.quote-paper,.report-preview-window,.report-preview-overlay,.daily-print-report,.receipt-preview-canvas) table) th{background:#edf5f9!important;color:#28556e!important;border-color:#d9e6ee!important;font-weight:600;line-height:1.6;font-size:12px}
.desktop-pos table:not(:where(.receipt-paper,.cod-paper,.quote-paper,.report-preview-window,.report-preview-overlay,.daily-print-report,.receipt-preview-canvas) table) td{border-color:#e1eaf0!important;font-size:12px;line-height:1.6}
.desktop-pos output:not(:where(.receipt-paper,.cod-paper,.quote-paper,.report-preview-window,.report-preview-overlay,.daily-print-report,.receipt-preview-canvas) output){border-radius:6px!important;font-variant-numeric:tabular-nums}
.desktop-pos :is(.sales-transaction-page,.profit-summary-page) output,.desktop-pos.sales-transaction-page output{background:#19485f!important;color:#fff!important;border-color:#356279!important;padding-right:10px}
.desktop-pos.profit-summary-page output{background:#19485f!important;color:#fff!important;border-color:#356279!important;padding-right:10px}
.desktop-pos.sales-transaction-page [class*="_summary_"]{background:#f4f8fb!important;border-radius:9px;padding:10px!important}
.desktop-pos.sales-transaction-page [class*="_summary_"]>div{border-color:#dce7ee!important;margin-bottom:8px}
.desktop-pos :is(.catalog-main-pane,.catalog-detail-pane,.catalog-form,.catalog-list){border-color:#d7e4ec!important;border-radius:8px}
.desktop-pos .catalog-section-head{color:#24556e;background:#f5f9fc;border-radius:7px}
.desktop-pos .catalog-main-select{background:#e7f3fa!important;border-color:#a5cee1!important}
}
/* Full workspace pages; label and document preview sizes stay independent. */
@media screen {
.desktop-pos>.cod-work,.desktop-pos>.quote-workspace{padding:12px!important;display:flex;flex-direction:column;box-sizing:border-box}
.desktop-pos .cod-box,.desktop-pos .quote-window{width:100%!important;max-width:none!important;min-height:100%;margin:0!important;box-sizing:border-box;flex:1 0 auto}
.desktop-pos .sales-chart-panel svg{max-width:100%!important}
@media(max-width:700px){.desktop-pos>.cod-work,.desktop-pos>.quote-workspace{padding:8px!important}.desktop-pos .cod-box,.desktop-pos .quote-window{padding:12px!important}}
}