/* ===== assets/modern-ui.css ===== */
/* Shared visual language for POS X and administration. */
.quotation-dialog.mx-quote-dialog{width:min(1220px,96vw);max-width:96vw;border-radius:15px;padding:0;border-color:#d6e3f1}.mx-quote-dialog>.sales-dialog-body{padding:0;max-height:82dvh;overflow:auto}.mx-quote-dialog>header{padding:18px 22px;background:#f5f9ff}.mx-quote-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;min-height:500px}.mx-quote-canvas{background:#e6eef6;overflow:auto;max-height:78dvh;padding:20px}.mx-quote-canvas .quote-preview{padding:0;background:transparent;min-height:0}.mx-quote-canvas .quote-paper{margin:0 auto 20px;box-shadow:0 4px 20px #29465d24}.mx-quote-tools{padding:22px 18px;background:#fff;display:flex;flex-direction:column;gap:12px;font-size:12px}.mx-quote-tools h3{margin:0;color:#214160;font-size:14px}.mx-quote-tools>p{margin:0;line-height:1.7;color:#71899e}.mx-quote-tools>small{font-size:11px;color:#738ba3;line-height:1.7}.mx-quote-tools label{display:grid;gap:7px;margin-top:12px}.mx-quote-tools .mx-info{margin:5px 0}.mx-preview-file{border:1px solid #e0e9f3;border-radius:7px;padding:10px;margin-bottom:7px;font-size:11px}.mx-preview-file small{display:block;color:#8096ab;margin-top:5px;overflow-wrap:anywhere}
@media(max-width:800px){.mx-quote-layout{grid-template-columns:1fr}.mx-quote-tools{grid-row:1;display:grid;grid-template-columns:1fr 1fr}.mx-quote-canvas{max-height:58dvh}.mx-quote-tools [data-preview-attachments]{grid-column:1/-1}}
:is(.pos-workspace,.mx-dialog,#page-content[data-admin="true"]){--mx-blue:#0866f5;--mx-ink:#152b46;--mx-muted:#708199;--mx-line:#dce6f0;font-family:Tahoma,Arial,sans-serif;color:var(--mx-ink);font-size:13px}
:is(.pos-workspace,.mx-dialog) *{box-sizing:border-box;min-width:0}
:is(.pos-workspace,.mx-dialog) [hidden]{display:none!important}
:is(.pos-workspace,.mx-dialog) button{cursor:pointer;font:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d3dfed;border-radius:8px;background:white;color:#244363;padding:9px 13px;min-height:36px;line-height:1.5}
:is(.pos-workspace,.mx-dialog) button:hover{background:#eff6ff;border-color:#8eb8f7}
:is(.pos-workspace,.mx-dialog) button:disabled{opacity:.48;cursor:not-allowed}
:is(.pos-workspace,.mx-dialog) input,:is(.pos-workspace,.mx-dialog) select,:is(.pos-workspace,.mx-dialog) textarea{font:inherit;padding:9px 11px;border:1px solid #ceddec;border-radius:7px;background:#fff;color:#243c55;max-width:100%}
:is(.pos-workspace,.mx-dialog) input:focus-visible,:is(.pos-workspace,.mx-dialog) select:focus-visible,:is(.pos-workspace,.mx-dialog) button:focus-visible{outline:3px solid #b9d6ff;outline-offset:2px}
:is(.pos-workspace,.mx-dialog) svg{width:18px;height:18px;flex-shrink:0}
:is(.pos-workspace,.mx-dialog)::backdrop{background:rgb(15 32 54 / 48%);backdrop-filter:blur(5px)}
.pos-launch{padding:70px 24px;text-align:center;min-height:65vh;background:radial-gradient(ellipse at top,#e7f2ff,transparent 70%);color:#142b49}
.pos-launch>.pos-brand{font-size:58px}.pos-brand{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-1.5px;margin:0;color:inherit}.pos-brand b{color:#1397ff}.pos-launch>h1{font-size:23px;margin:22px 0 10px}.pos-launch>p{color:#6b819d}.pos-launch>button{border:1px solid #bbd2eb;border-radius:10px;background:#fff;color:#165ba6;padding:13px 20px;margin:15px 4px;font:inherit;cursor:pointer}.pos-launch [data-launch]{background:#0866f5;color:white;border-color:#0866f5}.pos-launch>button svg{width:18px;height:18px;vertical-align:middle}
.pos-workspace{text-align:left;width:min(1240px,95vw);height:min(810px,92dvh);max-width:95vw;max-height:92dvh;padding:0;border:1px solid #bbcee1;border-radius:18px;background:#f8fbff;box-shadow:0 35px 100px #132c4b66;overflow:hidden}
.pos-top{height:66px;display:flex;align-items:center;gap:22px;padding:0 24px;background:linear-gradient(110deg,#10243a,#214c71);color:#fff}.pos-top .pos-brand{font-size:28px;line-height:1}.pos-top>[data-mode]{font-size:12px;color:#c4d9ef;padding:5px 12px;border:1px solid #ffffff29;border-radius:20px}.pos-top-actions{display:flex;gap:8px;margin-left:auto}.pos-top button{background:#ffffff0d;border-color:#ffffff29;color:white}.pos-top button:hover{background:#ffffff22}.pos-progress{display:flex;justify-content:center;gap:22px;padding:12px;border-bottom:1px solid #e2ebf4;background:#fff;color:#94a0b1;font-size:12px;height:43px}.pos-progress .is-current{color:#0866f5;font-weight:700}
.pos-welcome{padding:62px 30px;text-align:center;background:radial-gradient(ellipse at top,#e6f1ff,transparent 75%);height:calc(100% - 66px)}.pos-eyebrow{font-size:11px;letter-spacing:3px;color:#4985ba}.pos-welcome h2{font-size:30px;margin:20px 0 8px}.pos-welcome>p{color:#73859b}.pos-workspace .pos-mode-options{max-width:870px;margin:30px auto;gap:20px;padding:0}.pos-workspace .pos-mode-options button{padding:32px 15px;display:flex;flex-direction:column;border:0;color:#fff;min-height:210px;box-shadow:0 14px 28px #20426421;transition:transform .15s}.pos-workspace .pos-mode-options button:hover{transform:translateY(-4px)}.pos-mode-options [data-mode=CASH]{background:linear-gradient(135deg,#16b783,#04834c)}.pos-mode-options [data-mode=CREDIT]{background:linear-gradient(135deg,#188aff,#0656d8)}.pos-mode-options [data-mode=QUOTE]{background:linear-gradient(135deg,#ffa433,#ed7905)}.pos-workspace .pos-mode-options svg{width:42px;height:42px;margin-bottom:12px}.pos-workspace .pos-mode-options strong{font-size:20px}.pos-workspace .pos-mode-options small{font-size:12px;color:#ffffffd9;margin-top:6px}
.pos-sale{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,1fr);height:calc(100% - 109px)}.pos-catalog{padding:20px;display:flex;flex-direction:column;overflow:hidden;gap:12px}.pos-scan{display:flex;gap:8px}.pos-scan label{display:flex;align-items:center;flex:1;background:white;border:1px solid #cddfed;border-radius:9px;padding-left:12px;color:#1682db}.pos-scan input{border:0;outline:none;min-width:0;width:100%}.pos-catalog-search{display:flex;gap:8px}.pos-catalog-search input{flex:1;min-width:0}.pos-catalog-search select{width:150px}.pos-muted{color:#76879a;font-size:12px;margin:8px 0 14px}.pos-catalog [data-catalog-count]{margin:0;line-height:1.6;font-size:11px}.pos-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;align-content:start;flex:1;padding:2px 2px 10px}.pos-workspace .pos-product{display:flex;flex-direction:column;align-items:stretch;text-align:left;justify-content:flex-start;padding:12px;min-height:175px;gap:5px;border-radius:11px;box-shadow:0 2px 6px #253f5505}.pos-product-art{height:65px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#edf5fe,#e6edf5);color:#88a6c4;margin-bottom:6px}.pos-product-art svg{width:35px;height:35px}.pos-product small{font-size:10px;color:#7c8da0}.pos-product strong{font-size:12px;line-height:1.6}.pos-product-price{font-size:14px;font-weight:700;color:#122c48;margin-top:auto}.pos-page{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7389a0}.pos-page button{font-size:11px;padding:5px 10px;min-height:30px}
.pos-basket{display:flex;flex-direction:column;padding:18px 20px;background:#fff;border-left:1px solid #dfebf6;overflow:hidden}.pos-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.pos-section-title h3{font-size:16px;margin:0;white-space:nowrap}.pos-section-title h3 span{color:#0866f5;background:#edf5ff;border-radius:20px;padding:3px 7px;font-size:11px}.pos-section-title h2{font-size:22px;margin:0}.pos-section-title [data-customer-pick]{max-width:240px;font-size:11px;padding:7px 8px;background:#f8fbff}.pos-section-title [data-customer-name]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-cart{flex:1;overflow:auto;min-height:120px}.pos-cart-line{padding:11px 0;border-bottom:1px solid #e5edf5}.pos-line-title{display:flex;align-items:start;justify-content:space-between;gap:8px}.pos-line-title strong{display:block;font-size:12px;line-height:1.6}.pos-line-title small{display:block;font-size:10px;color:#7b91a5;margin-bottom:4px}.pos-line-title>button{border:0;padding:4px;min-height:25px;color:#e15659}.pos-line-fields{display:grid;grid-template-columns:92px 1fr 75px 75px;gap:8px;align-items:end;margin-top:8px}.pos-line-fields label{font-size:10px;color:#73869b;display:grid;gap:4px}.pos-line-fields input{width:100%;font-size:12px;padding:5px 7px;text-align:right;height:31px}.pos-line-fields>strong{font-size:12px;text-align:right;padding-bottom:7px}.pos-quantity{display:flex;height:31px;align-items:center;border:1px solid #d3dfed;border-radius:7px}.pos-quantity button{padding:2px 6px;min-height:26px;background:#f1f6fc;border:0}.pos-quantity b{flex:1;text-align:center;font-size:12px;color:#243d59}.pos-serials{font-size:10px;color:#6f87a2;margin-top:9px}.pos-serials summary{cursor:pointer}.pos-serials>span{display:inline-flex;align-items:center;gap:5px;background:#eff6fc;border-radius:4px;margin:5px 4px 0 0;padding:2px 5px}.pos-serials button{border:0;min-height:20px;padding:0 3px;color:#cd4051}.pos-empty{padding:35px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8094ab;font-size:12px;grid-column:1/-1;min-height:190px;text-align:center}.pos-empty svg{width:40px;height:40px;color:#b3c9df}.pos-empty strong{color:#60778f}.pos-note{display:grid;gap:5px;font-size:11px;color:#71849a;padding-top:12px}.pos-note input{font-size:12px;padding:7px 9px}.pos-totals{margin:10px 0;padding:10px 12px;background:#f5f8fd;border-radius:9px}.pos-totals>div{display:flex;justify-content:space-between;align-items:center;margin:5px 0;font-size:11px}.pos-totals dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.pos-totals .pos-grand{padding-top:9px;margin-top:9px;border-top:1px solid #e0e9f3}.pos-grand dd{font-size:22px;color:#0866f5}.pos-workspace .pos-primary{background:#0866f5;border-color:#0866f5;color:#fff;font-weight:700;box-shadow:0 5px 12px #0866f520}.pos-workspace .pos-primary:hover{background:#0459d8}.pos-next{width:100%;height:43px}.pos-workspace .pos-danger{background:#fff1f2;border-color:#ffc4cb;color:#c53242}
.pos-step-body{padding:26px 34px;max-width:930px;margin:0 auto;height:calc(100% - 109px);overflow:auto}.pos-step-footer{display:flex;justify-content:space-between;gap:12px;background:#f8fbff;border-top:1px solid #dae6f1;padding:18px 0 4px;margin-top:25px;position:sticky;bottom:-26px;z-index:1}.pos-step-footer .pos-primary{min-width:200px}.pos-payment-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 25px}.pos-payment-shortcuts button{display:flex;flex-direction:column;gap:10px;padding:20px 10px;font-weight:700}.pos-payment-shortcuts svg{width:28px;height:28px;color:#0873ed}.pos-workspace .payment-configured-row{grid-template-columns:85px minmax(140px,1fr) 110px 140px 30px;gap:8px;margin-bottom:12px}.pos-workspace .payment-grid-heading{grid-template-columns:85px minmax(140px,1fr) 110px 140px 30px}.pos-workspace .payment-configured-row input:disabled{background:#eef2f6}.pos-amount{font-size:26px;color:#0866f5}.pos-pay-balance{display:flex;justify-content:space-between;gap:20px;margin:25px 0 0;padding:18px;background:#edf5ff;border-radius:10px}.pos-pay-balance b{display:block;font-size:22px;margin-top:8px;color:#0866f5}.pos-customer-results{margin-top:20px;display:grid;gap:8px}.pos-customer-results button{display:grid;grid-template-columns:1fr auto;text-align:left;justify-content:stretch;padding:14px 18px}.pos-customer-results strong{grid-column:1}.pos-customer-results span{grid-column:1;font-size:11px;color:#7d91a7}.pos-customer-results small{grid-column:2;grid-row:1/3;color:#0866f5}.pos-step-body>[data-customer-search]{width:100%}.pos-review-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:15px;background:#e3f7ef;color:#049561}.pos-review-icon svg{width:28px;height:28px}.pos-review{background:white;border:1px solid #dce7f2;border-radius:12px;padding:20px}.pos-review dl{margin:0}.pos-review dl>div{display:grid;grid-template-columns:180px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid #edf3f8}.pos-review dl>div:last-child{border:0}.pos-review dt{color:#70869c}.pos-review dd{margin:0;font-weight:700}.pos-message{background:#fff1ee;color:#a33425;border-bottom:1px solid #f5c7bd;margin:0;padding:12px 24px;font-size:12px;position:absolute;top:66px;left:0;right:0;z-index:4;box-shadow:0 5px 15px #55332610}.pos-workspace[aria-busy=true]::after{content:'กำลังดำเนินการ…';position:absolute;inset:66px 0 0;z-index:10;background:#f5f9ff99;display:grid;place-items:center;color:#0866f5;font-weight:bold;backdrop-filter:blur(1px)}
.mx-attachment-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.mx-attachment-group{border:1px solid #dce7f3;border-radius:10px;padding:14px;margin-bottom:16px}.mx-attachment-group h3{font-size:14px}.mx-attachment-group .mx-section-heading{margin:0 0 10px}.mx-attachment-row{display:flex;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #e7eef6}.mx-attachment-row>.mx-check{flex:1}.mx-attachment-row strong{font-size:12px}.mx-attachment-row small{display:block;color:#8092a6;font-size:10px;margin-top:4px}.mx-attachment-expiry{font-size:10px;color:#7c8da3;max-width:110px}.mx-attachments-dialog footer>[data-selected-count]{margin-right:auto;align-self:center;color:#0866f5;font-size:12px}.mx-attachment-layout aside h3{font-size:12px;overflow-wrap:anywhere}.mx-attachment-layout .mx-file-preview{height:390px}.mx-permission-group{border:1px solid #dde7f3;border-radius:10px;margin:14px 0;padding:15px}.mx-permission-group legend{color:#0866f5;padding:0 8px;font-size:13px;font-weight:700}.mx-permission-group .expansion-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.mx-permission-group label{display:flex;flex-direction:row;align-items:start;gap:9px;background:#f7faff;padding:10px;border-radius:6px}.mx-permission-group small{display:block;margin-top:4px;color:#8a9eb4;font-size:10px}.mx-permission-search{width:100%;margin-top:18px}.mx-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.pos-alert{position:absolute;inset:0;z-index:15;background:#152b4666;display:grid;place-items:center;padding:20px}.pos-alert>div{width:min(430px,100%);background:#fff;border-radius:14px;padding:25px;text-align:center;box-shadow:0 20px 60px #11294844}.pos-alert h3{color:#c74141;font-size:19px}.pos-alert p{line-height:1.8;overflow-wrap:anywhere}.pos-alert button{min-width:130px}
@media(max-width:700px){.mx-attachment-layout{grid-template-columns:1fr}.mx-attachment-expiry{display:none}.mx-attachments-dialog footer{flex-wrap:wrap}.mx-attachments-dialog footer>[data-selected-count]{flex-basis:100%}.mx-permission-group .expansion-grid{grid-template-columns:1fr}}
.mx-dialog .mx-permission-group label{flex-direction:row!important}.pos-workspace .pos-scan{align-items:center}.pos-workspace .pos-scan>button{height:42px;white-space:nowrap}.pos-workspace .pos-line-fields input{height:32px!important}.pos-workspace .pos-line-fields label{margin:0}.pos-workspace .pos-cart-line{margin:0;padding:12px 0;min-height:0}.pos-workspace .pos-serials{padding-bottom:6px}
/* Company and administrator screens. */
#page-content[data-admin=true]{padding:26px 32px;background:linear-gradient(160deg,#f6faff,#eef5fb);min-height:80vh}
#page-content[data-admin=true] :is(.expansion-app,#ap-content,.ap-heading,.page-header,.table-wrap){max-width:1300px;margin-left:auto;margin-right:auto}
#page-content[data-admin=true] :is(.expansion-app,.flow-app){background:transparent}
#page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header){background:transparent;border:0;border-bottom:1px solid #d8e5f0;color:#142e4b;padding:0 0 18px;margin-bottom:20px;box-shadow:none;border-radius:0}
#page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1{color:#142e4b;font-size:24px;line-height:1.5;font-weight:700}
#page-content[data-admin=true] :is(.flow-table-wrap,.ap-table-scroll,.table-wrap){border:1px solid #dce6f0;border-radius:12px;background:white;box-shadow:0 8px 25px #1a467310;overflow:auto}
#page-content[data-admin=true] :is(table,.ap-table){background:white;color:#284360;min-width:700px;width:100%;border-collapse:separate;border-spacing:0}
#page-content[data-admin=true] :is(th,.ap-table th){background:#edf4fd;color:#395777;font-size:12px;padding:14px 16px;border:0;border-bottom:1px solid #d5e3f4;font-weight:700}
#page-content[data-admin=true] :is(td,.ap-table td){padding:13px 16px;border:0;border-bottom:1px solid #e8eff6;font-size:12px;vertical-align:middle}
#page-content[data-admin=true] tbody tr:hover td{background:#f7fbff}
#page-content[data-admin=true] :is(button,.ap-button){font:inherit;background:#fff;border:1px solid #ceddee;color:#2765ad;border-radius:7px;min-height:34px;padding:7px 11px;cursor:pointer;line-height:1.5}
#page-content[data-admin=true] :is(button:hover,.ap-button:hover){background:#edf5ff;border-color:#a6c7ef}
#page-content[data-admin=true] :is(.flow-primary,.primary-btn){background:#0866f5;color:white;border-color:#0866f5}
#page-content[data-admin=true] :is(input,select,textarea){font:inherit;border:1px solid #ccddec;border-radius:7px;padding:8px 10px;background:#fff;color:#254462}
#page-content[data-admin=true] :is(input[type=checkbox],input[type=radio]){width:16px;height:16px;accent-color:#0866f5;flex:none}
#page-content[data-admin=true] .ap-dialog,#page-content[data-admin=true] .expansion-dialog,.mx-dialog{border:1px solid #d6e3f1;border-radius:15px;background:#fff;box-shadow:0 28px 85px #102b4d55;padding:0;width:min(1020px,94vw);max-height:92dvh}
#page-content[data-admin=true] .ap-dialog>.ap-heading,#page-content[data-admin=true] .expansion-dialog>header,.mx-dialog>header{padding:18px 24px;background:#f4f8fe;color:#163557;border-bottom:1px solid #d9e5f3;margin:0;border-radius:15px 15px 0 0}
#page-content[data-admin=true] .ap-dialog form{padding:24px}
#page-content[data-admin=true] .expansion-dialog .flow-modal-body,.mx-dialog .flow-modal-body{padding:20px 24px;max-height:77dvh}
#page-content[data-admin=true] .expansion-dialog footer,.mx-dialog footer{position:sticky;bottom:-20px;background:#fff;padding:16px 0 0;margin-top:20px;border-top:1px solid #e0e9f4;display:flex;justify-content:flex-end;gap:10px}
.mx-intro,.mx-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.mx-intro p{color:#72869d;margin:0}.mx-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 24px}.mx-metrics>div{background:#fff;border:1px solid #dbe6f2;border-radius:12px;padding:18px 20px}.mx-metrics span{color:#7d8fa5;font-size:12px}.mx-metrics strong{display:block;font-size:28px;color:#1268d8;margin-top:9px}.mx-filters,.mx-admin-toolbar{display:flex;align-items:end;gap:12px;margin:0 0 18px;flex-wrap:wrap}.mx-filters label{display:grid;gap:6px;font-size:12px;color:#667d95}.mx-filters .mx-search{flex:1}.mx-search input{width:100%}.mx-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;font-size:12px;color:#7890a8}.mx-pagination>[data-count]{margin-right:auto}.mx-status,.mx-badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-size:11px;white-space:nowrap;background:#edf4fd;color:#647ea1}.mx-status{background:#e4f8ed;color:#24945c}.mx-status:before{content:'';height:5px;width:5px;background:currentColor;border-radius:50%;margin-right:6px}.mx-status.off{background:#fff0f0;color:#d75b62}.mx-badge.master{background:#e6f0ff;color:#0866f5}.mx-row-actions{display:flex;gap:5px;flex-wrap:nowrap}.mx-row-actions button{font-size:11px;white-space:nowrap}.mx-link{border:0!important;box-shadow:none!important;background:transparent!important;color:#0866f5!important;padding:0!important;text-align:left}.mx-company td small{font-size:10px;color:#7d90a6;margin-top:5px}.mx-tabs{display:flex;gap:5px;border-bottom:1px solid #dce7f3;margin-bottom:20px;overflow-x:auto}.mx-tabs button{border:0!important;border-radius:0!important;white-space:nowrap;padding:12px 15px!important;background:transparent!important;color:#7b8da4!important}.mx-tabs [aria-selected=true]{color:#0866f5!important;border-bottom:3px solid #0866f5!important}.mx-company-general{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px}.mx-company-general .expansion-grid{grid-template-columns:1fr 1fr;align-content:start;padding:0}.mx-logo-editor{padding:15px;border:1px dashed #c8d9ed;border-radius:10px;background:#fbfdff;display:grid;gap:12px;align-content:start}.mx-logo-placeholder{height:130px;background:#eef5fc;border-radius:7px;display:grid;place-items:center;color:#91a4ba}.mx-logo-placeholder img{max-width:100%;max-height:125px;object-fit:contain}.mx-logo-editor label{display:grid;gap:6px;font-size:11px;color:#627e9d}.mx-logo-editor small{font-size:11px;color:#7b8ea5}.mx-toggle-row{display:flex;gap:25px;margin-top:24px}.mx-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-size:12px}.mx-info{background:#edf6ff;color:#3973b0;padding:16px 18px;border-radius:9px;font-size:12px;line-height:1.8;margin:18px 0}.mx-help{font-size:12px;line-height:1.7;color:#7c8fa5}.mx-doc-toolbar{display:flex;gap:14px;align-items:end;margin-bottom:20px}.mx-doc-toolbar label{display:grid;gap:6px;min-width:180px;font-size:12px;color:#7289a1}.mx-doc-toolbar button{margin-left:auto}.mx-dialog [data-upload-form]{background:#f6f9fd;padding:16px;border-radius:10px;margin-bottom:20px}.mx-file-preview{height:420px;border:1px solid #d7e3f0;background:#edf3f9;display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden}.mx-file-preview img{max-width:100%;max-height:100%;object-fit:contain}.mx-file-preview iframe{width:100%;height:100%;border:0}.mx-expired{color:#d06333!important;font-size:10px}.mx-switch{display:inline-flex;position:relative;cursor:pointer}.mx-switch input{position:absolute;opacity:0;width:34px!important;height:20px!important;margin:0}.mx-switch span{display:block;width:34px;height:20px;border-radius:15px;background:#ccd8e6;pointer-events:none}.mx-switch span:before{content:'';display:block;width:16px;height:16px;background:white;border-radius:50%;margin:2px;box-shadow:0 1px 3px #6783a744;transition:transform .15s}.mx-switch input:checked+span{background:#0866f5}.mx-switch input:checked+span:before{transform:translateX(14px)}.mx-switch input:focus-visible+span{outline:3px solid #afcfff}.mx-empty{padding:30px;color:#7d8fa2;text-align:center}.mx-admin-toolbar input{width:360px;max-width:100%}.mx-admin-toolbar>span{margin-left:auto;font-size:12px;color:#728aa2}
@media(max-width:1000px){.pos-sale{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.pos-products{grid-template-columns:repeat(2,1fr)}.pos-catalog{padding:14px}.pos-basket{padding:14px}.pos-line-fields{grid-template-columns:83px 1fr 62px 62px}.pos-catalog-search{flex-wrap:wrap}.pos-catalog-search input{flex-basis:100%}.mx-company-general{grid-template-columns:1fr 210px}.pos-section-title{flex-wrap:wrap}}
@media(max-width:700px){.pos-workspace{text-align:left;width:96vw;max-width:96vw;height:94dvh;max-height:94dvh;border-radius:12px}.pos-top{padding:0 12px;gap:8px;height:58px}.pos-top .pos-brand{font-size:24px}.pos-top>[data-mode]{display:none}.pos-top-actions{gap:5px}.pos-top button{font-size:11px;padding:6px 9px}.pos-progress{gap:14px;font-size:11px}.pos-welcome{padding:30px 16px;overflow:auto}.pos-welcome h2{font-size:24px}.pos-workspace .pos-mode-options{grid-template-columns:1fr;gap:12px;margin-top:20px}.pos-workspace .pos-mode-options button{min-height:115px;padding:16px}.pos-workspace .pos-mode-options svg{width:28px;height:28px;margin:0}.pos-sale{display:block;overflow:auto;height:calc(100% - 101px)}.pos-catalog{overflow:visible;max-height:480px}.pos-products{min-height:170px;max-height:265px;flex:none;grid-template-columns:repeat(2,1fr)}.pos-workspace .pos-product{min-height:165px}.pos-basket{border-left:0;border-top:1px solid #dce6f2;overflow:visible}.pos-cart{max-height:300px;flex:auto}.pos-section-title h3{font-size:15px}.pos-step-body{padding:20px 16px;height:calc(100% - 101px)}.pos-section-title h2{font-size:20px}.pos-amount{font-size:23px}.pos-payment-shortcuts{gap:6px}.pos-payment-shortcuts button{font-size:11px;padding:12px 4px}.pos-workspace .payment-configured-row{grid-template-columns:75px 1fr 95px}.pos-workspace .payment-configured-row [data-reference]{grid-column:2/4}.pos-workspace .payment-configured-row [data-remove]{grid-column:3}.pos-workspace .payment-grid-heading{display:none}.pos-pay-balance{font-size:11px;gap:10px;padding:14px}.pos-step-footer .pos-primary{min-width:0}.pos-review{padding:12px}.pos-review dl>div{grid-template-columns:1fr;gap:7px}.pos-message{top:58px}.mx-metrics{grid-template-columns:repeat(2,1fr);gap:10px}.mx-metrics>div{padding:13px}.mx-intro{align-items:start}.mx-company-general{grid-template-columns:1fr}.mx-company-general .expansion-grid{grid-template-columns:1fr}.mx-logo-editor{max-width:290px}.mx-filters .mx-search{flex-basis:100%}.mx-doc-toolbar{flex-wrap:wrap}.mx-doc-toolbar label{min-width:0;flex:1}.mx-doc-toolbar button{margin-left:0}.mx-toggle-row{flex-wrap:wrap}.mx-pagination{flex-wrap:wrap}.mx-tabs button{font-size:11px;padding:10px!important}#page-content[data-admin=true]{padding:18px 12px}#page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1{font-size:21px}.mx-dialog .flow-modal-body,#page-content[data-admin=true] .expansion-dialog .flow-modal-body{padding:16px}.mx-admin-toolbar input{width:100%}.mx-admin-toolbar>span{margin-left:0}}

/* Shared application surfaces. Document artwork retains its own print styles. */
@media screen {
:root{--ink:#233c58;--muted:#718398;--line:#dce5f0;--panel:#fff;--page:#f3f6fb;--soft:#eaf2ff;--primary:#0866e9;--primary-dark:#1256b4;--success:#198754}
body{background:#f3f6fb;color:#233c58}
.topbar{background:#172c43;border:0;box-shadow:0 3px 16px #142c4220;gap:10px}
.topbar .navbutton{color:#dbe8f6;font-size:12px;min-height:58px;border-radius:8px;margin:5px 0;padding:0 10px}
.topbar .navbutton:hover,.topbar .navitem.active>.navbutton,.topbar .navitem:focus-within>.navbutton{background:#0866e9;color:#fff}
.topbar .navgroup-code{background:#ffffff12;color:#d3e6ff;border-color:#ffffff22;border-radius:5px}
.topbar .caret,.topbar .branch,.topbar .userlabel{color:#b8cbe0}
.topbar .menu-count{background:#ffffff18;color:#d9eaff;border-color:transparent}
.topbar .logout{border-radius:7px;background:#ffffff0d;border:1px solid #ffffff26;color:#fff}
.topbar .dropdown{top:100%;border:1px solid #dce6f3;border-radius:12px;padding:8px;box-shadow:0 18px 45px #17365528;min-width:305px}
.dropdown-head{padding:12px;color:#173d66}.dropdown-head span{color:#7b8da5}
.dropdown .dropitem{font-size:12px;padding:11px 12px;border-radius:7px;color:#345675}
.dropdown .dropitem:hover,.dropdown .dropitem.active{background:#eaf3ff;color:#0866e9}
.tax-submenu{border:1px solid #e2eaf4;border-radius:8px;margin:5px 0;padding:3px}
.tax-submenu>summary{padding:10px 9px;cursor:pointer;font-size:12px;font-weight:700;color:#365b83}
.tax-submenu[open]>summary{color:#0866e9}.tax-submenu .dropitem{padding-left:23px}
.workspace{padding:24px 22px}.page{max-width:1800px;margin:auto}
:is(.flow-app,.sales-app,.inventory-ui,.ap-app,.ar-app){color:#254360}
.inventory-ui{--inv-blue:#0866e9;--inv-ink:#254360;--inv-muted:#72869c;--inv-line:#dbe5f0;--inv-soft:#edf4fd}
:is(.flow-heading,.sales-heading,.ap-heading,.inventory-titlebar,.page-header) h1{color:#17395e;letter-spacing:-.3px}
.scan-title{background:linear-gradient(110deg,#183d68,#146fe2);border-radius:12px;padding:15px 18px;box-shadow:0 5px 15px #1b579916}
.scan-title h1{color:#fff;font-size:20px}
:is(.flow-card,.flow-toolbar,.quote-card,.quote-manager-filters,.card,.inventory-panel,.scan-metadata){background:#fff;border-color:#dce6f2;border-radius:12px;box-shadow:0 3px 14px #183d6605}
:is(.flow-stat,.purchase-metric){background:#fff;border:1px solid #dae5f3;border-radius:12px;box-shadow:0 3px 12px #183d6605}
.flow-stat strong{color:#0866e9}.flow-stat span{color:#748aa2}
:is(.flow-table-wrap,.quote-table-wrap,.table-wrap,.ap-scroll){border-color:#dce6f2;border-radius:10px;background:#fff}
#page-content :is(.flow-table-wrap>table,.quote-table,.ap-table,.inventory-table)>thead>tr>th{background:#edf3fc;color:#345675;border-bottom:1px solid #d5e1f1;font-size:12px}
.scan-app .stock-worklist th{background:#edf3fc;color:#345675}
:is(.flow-table-wrap>table,.quote-table,.ap-table,.inventory-table)>tbody>tr>td{border-bottom-color:#e7edf5}
:is(.flow-table-wrap>table,.quote-table,.ap-table,.inventory-table)>tbody>tr:hover{background:#f1f7ff}
:is(.flow-app,.sales-app,.ap-app,.inventory-ui) :is(input,select,textarea){border-color:#cbdbea;border-radius:7px}
:is(.flow-app,.sales-app,.ap-app,.inventory-ui) :is(input,select,textarea):focus{outline:2px solid #87baff;outline-offset:1px}
:is(.flow-app,.sales-app,.ap-app,.inventory-ui) button{border-radius:7px}
#ap-content :is(input,select,textarea){border-color:#cbdbea;border-radius:7px}
.ap-heading .ap-button,#ap-content .ap-button{border-radius:7px}
.ap-table-scroll{border:1px solid #dce6f2;border-radius:10px;overflow:auto}
:is(.flow-primary,.primary-btn,.inventory-primary){background:#0866e9;border-color:#0866e9;color:#fff}
:is(.flow-dialog,.ap-dialog,.expansion-dialog,.inventory-dialog){border-color:#d4e1f0;border-radius:15px;box-shadow:0 24px 85px #1736533b}
:is(.flow-dialog,.ap-dialog,.expansion-dialog,.inventory-dialog)::backdrop{background:#10273f66;backdrop-filter:blur(3px)}
:is(.flow-dialog,.expansion-dialog)>header{background:#f3f7fd;border-bottom-color:#dce6f2;padding:18px 23px;color:#1d4168}
button:focus-visible,summary:focus-visible{outline:3px solid #8dbfff;outline-offset:2px}
@media(max-width:1100px){.topbar{flex-wrap:wrap;padding:5px 10px;gap:0}.topbar .leftnav{flex-wrap:wrap}.topbar .navbutton{min-height:40px;margin:2px 0}.topbar .rightnav{padding:5px 0 7px}.workspace{padding:18px 12px}}
@media(max-width:650px){.topbar .navgroup-code,.topbar .menu-count{display:none}.topbar .navbutton{padding:0 8px}.topbar .dropdown{min-width:275px;max-width:92vw}.workspace{padding:15px 9px}.flow-stats{flex-wrap:wrap}.flow-stat{flex:1;min-width:145px}.flow-heading{flex-wrap:wrap}.scan-title{gap:10px;flex-wrap:wrap}}
}
/* Keep the A4 preview visible when the tools sidebar would crowd it. Screen only. */
@media screen and (max-width:1200px){.mx-quote-layout{grid-template-columns:minmax(0,1fr)}.mx-quote-tools{grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 20px;gap:8px 16px}.mx-quote-tools>label{margin-top:0}.mx-quote-canvas{max-height:65dvh}.mx-quote-tools h3,.mx-quote-tools>p,.mx-quote-tools>small{grid-column:1/-1}}

/* POS-X v1.2.24 negative-stock UI: minimal visual additions, preserves R10 layout. */
.pos-product .pos-stock-negative{color:#a33425;font-weight:700}
.pos-negative-review{background:#fff7ed;border-radius:8px;padding-left:10px!important;padding-right:10px!important}
.pos-negative-review dt,.pos-negative-review dd{color:#9a3412!important}

/* POS X cross-branch selector v1.2.25 */
.pos-sale{grid-template-rows:auto minmax(0,1fr)}
.pos-crossbar{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 20px;background:#fff;border-bottom:1px solid #dfebf6;min-height:54px}
.pos-cross-toggle{display:inline-flex;padding:3px;border:1px solid #d5e2ef;border-radius:9px;background:#f4f8fc}
.pos-workspace .pos-cross-toggle button{min-height:30px;padding:5px 11px;border:0;background:transparent;box-shadow:none}
.pos-workspace .pos-cross-toggle button.is-active{background:#0866f5;color:#fff}
.pos-crossbar label{display:flex;align-items:center;gap:8px;font-size:11px;color:#657d95}.pos-crossbar select{min-width:270px;padding:6px 9px;height:34px}.pos-crossbar>[data-cross-route]{margin:0 0 0 auto;max-width:430px;text-align:right}
@media(max-width:700px){.pos-crossbar{flex-wrap:wrap;padding:9px 12px}.pos-crossbar label{width:100%}.pos-crossbar select{flex:1;min-width:0}.pos-crossbar>[data-cross-route]{margin:0;width:100%;text-align:left}}

/* Branch administration v1.2.32 */
.mx-branch-form{display:grid;gap:18px}.mx-branch-form>.expansion-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.mx-branch-form label{display:grid;gap:6px;color:#617a95;font-size:12px}.mx-branch-form footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e0e9f4;padding-top:16px}.mx-company small{display:block}.mx-admin-toolbar .flow-primary{background:#0866f5!important;color:#fff!important;border-color:#0866f5!important}@media(max-width:700px){.mx-branch-form>.expansion-grid{grid-template-columns:1fr}.mx-admin-toolbar>[data-search]{width:100%}}
/* POS X v1.3.3 standalone stock transfer */
.pos-workspace .pos-mode-options{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1120px}
.pos-mode-options [data-mode=STOCK_TRANSFER]{background:linear-gradient(135deg,#7b5cff,#4b35bd)}
.pos-mode-options [data-mode=STOCK_TRANSFER]:disabled{filter:grayscale(.45);opacity:.5}
.pos-transfer-picker{position:absolute;inset:66px 0 0;z-index:12;background:#f7fbff;padding:20px;overflow:auto}
.pos-transfer-panel{width:min(1120px,100%);min-height:100%;margin:0 auto;background:#fff;border:1px solid #d9e6f2;border-radius:14px;box-shadow:0 18px 50px #18354f18;display:flex;flex-direction:column;overflow:hidden}
.pos-transfer-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e4edf5;background:linear-gradient(180deg,#f8fbff,#fff)}
.pos-transfer-panel>header h2{font-size:26px;margin:4px 0 3px}.pos-transfer-panel>header p{margin:0;color:#70849a}.pos-transfer-panel>header>button{border:0;background:transparent;padding:6px}
.pos-transfer-filter{display:grid;grid-template-columns:300px minmax(260px,1fr) auto;gap:12px;align-items:end;padding:16px 22px;border-bottom:1px solid #e6eef6}
.pos-transfer-filter label{display:grid;gap:6px;font-size:11px;color:#647c94}.pos-transfer-filter :is(input,select){width:100%}.pos-transfer-status{margin:12px 22px 0;padding:10px 12px;border-radius:8px;background:#eef7ff;color:#245b87;font-size:12px}.pos-transfer-status.is-error{background:#fff0ef;color:#ad3e37}
.pos-transfer-body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px;padding:18px 22px;flex:1;min-height:0}.pos-transfer-body>section,.pos-transfer-body>aside{min-height:0;display:flex;flex-direction:column}.pos-transfer-products,.pos-transfer-selected{overflow:auto;min-height:180px;max-height:430px;border:1px solid #e0e9f2;border-radius:10px;background:#fbfdff}
.pos-transfer-product{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:13px 14px;border-bottom:1px solid #e8eff6}.pos-transfer-product:last-child{border-bottom:0}.pos-transfer-product>div{display:grid;gap:3px}.pos-transfer-product small{color:#75899f}.pos-transfer-product span{font-size:11px;color:#667f96}.pos-transfer-product button{min-width:92px}
.pos-transfer-selected>article{display:grid;grid-template-columns:minmax(0,1fr) 105px 36px;gap:10px;align-items:center;padding:12px;border-bottom:1px solid #e8eff6}.pos-transfer-selected>article:last-child{border-bottom:0}.pos-transfer-selected>article>div:first-child{display:grid;gap:3px}.pos-transfer-selected small{color:#7a8ca0}.pos-transfer-selected .pos-quantity{height:34px}.pos-transfer-selected [data-transfer-remove]{padding:5px;color:#cf4553;border:0;background:transparent}
.pos-transfer-panel>footer{display:flex;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid #e3edf5;background:#f9fbfe;position:sticky;bottom:0}
.pos-transfer-panel>footer .pos-primary{min-width:220px}
.pos-transfer-line-fields{grid-template-columns:120px 1fr!important}.pos-transfer-scan-count{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#f2f7fd;border-radius:7px;color:#70869c;font-size:11px}.pos-transfer-scan-count strong{color:#0866f5;font-size:13px}
.pos-transfer-document-dialog{width:min(1000px,94vw)}.pos-transfer-document-preview{background:#eef3f8;padding:18px;max-height:68vh;overflow:auto}.pos-transfer-document{background:#fff;max-width:820px;margin:auto;padding:36px;box-shadow:0 5px 22px #18355018;color:#17324d}.pos-transfer-document>header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #17324d;padding-bottom:14px}.pos-transfer-document h1{font-size:21px;margin:8px 0}.pos-transfer-doc-meta{display:grid;text-align:right;align-content:start;gap:5px}.pos-transfer-route{display:grid;grid-template-columns:1fr 42px 1fr;gap:12px;align-items:center;margin:20px 0;padding:14px;border:1px solid #d6e2ee;border-radius:9px}.pos-transfer-route>div:not(.pos-transfer-arrow){display:grid;gap:4px}.pos-transfer-arrow{text-align:center;font-size:25px}.pos-transfer-document table{width:100%;border-collapse:collapse}.pos-transfer-document th,.pos-transfer-document td{padding:9px;border-bottom:1px solid #dbe5ee;text-align:left;vertical-align:top}.pos-transfer-document td span{display:block;font-family:monospace;font-size:11px}.pos-transfer-doc-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.pos-transfer-doc-summary>div{display:grid;gap:4px;border:1px solid #dce6ef;border-radius:7px;padding:10px}.pos-transfer-document>footer{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:40px;text-align:center}.pos-transfer-document>footer span{display:block;border-top:1px solid #17324d;margin:34px 12px 8px}
@media(max-width:900px){.pos-workspace .pos-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-transfer-filter{grid-template-columns:1fr}.pos-transfer-body{grid-template-columns:1fr}.pos-transfer-products,.pos-transfer-selected{max-height:300px}}
@media(max-width:700px){.pos-workspace .pos-mode-options{grid-template-columns:1fr}.pos-transfer-picker{inset:58px 0 0;padding:8px}.pos-transfer-panel{border-radius:10px}.pos-transfer-panel>header,.pos-transfer-filter,.pos-transfer-body,.pos-transfer-panel>footer{padding-left:12px;padding-right:12px}.pos-transfer-route{grid-template-columns:1fr}.pos-transfer-arrow{transform:rotate(90deg)}.pos-transfer-doc-summary{grid-template-columns:1fr}.pos-transfer-document{padding:18px}}
/* v1.3.4 two-step stock transfer */
.pos-transfer-tabs{display:flex;gap:8px;padding:12px 22px;border-bottom:1px solid #e4edf5;background:#fbfdff}
.pos-transfer-tabs button{display:flex;align-items:center;gap:7px;border:1px solid #d8e4ef;background:#fff;color:#49667f;border-radius:9px;padding:9px 13px;font-weight:700}
.pos-transfer-tabs button.is-active{border-color:#9fc7ff;background:#edf5ff;color:#0866f5}.pos-transfer-tabs [data-receive-badge]{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#e55353;color:#fff;font-size:10px;padding:0 5px}
[data-transfer-send]{display:flex;flex-direction:column;flex:1;min-height:0}.pos-transfer-footer{display:flex;justify-content:space-between;gap:12px;padding:16px 22px;border-top:1px solid #e3edf5;background:#f9fbfe;position:sticky;bottom:0}.pos-transfer-footer .pos-primary{min-width:220px}
[data-transfer-receive]{display:flex;flex-direction:column;flex:1;min-height:0}.pos-transfer-receive-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 22px;border-bottom:1px solid #e5edf5}.pos-transfer-receive-toolbar h3{margin:0}.pos-transfer-receive-toolbar p{margin:3px 0 0}
.pos-transfer-receive-body{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.4fr);gap:18px;padding:18px 22px;min-height:520px}.pos-transfer-receive-body>section,.pos-transfer-receive-body>aside{min-width:0}.pos-transfer-inbox{display:grid;gap:8px;max-height:580px;overflow:auto}.pos-transfer-inbox-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;text-align:left;align-items:center;border:1px solid #dce7f1;background:#fff;border-radius:10px;padding:12px}.pos-transfer-inbox-item:hover,.pos-transfer-inbox-item.is-active{border-color:#9fc7ff;background:#f3f8ff}.pos-transfer-inbox-item>span{display:grid;gap:3px}.pos-transfer-inbox-item>span:last-child{text-align:right}.pos-transfer-inbox-item small{color:#71879b}.pos-transfer-receive-detail{border:1px solid #dfe8f1;border-radius:11px;background:#fbfdff;padding:14px;min-height:400px}.pos-receive-head h3{margin:4px 0}.pos-receive-head p{margin:0 0 12px}.pos-receive-scan{margin:12px 0}.pos-receive-units{display:grid;gap:7px;max-height:330px;overflow:auto;margin:12px 0}.pos-receive-units article{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;gap:10px;align-items:center;border:1px solid #e1e9f1;background:#fff;border-radius:8px;padding:10px}.pos-receive-units article>div{display:grid;gap:2px}.pos-receive-units article small,.pos-receive-units article span{color:#74899d;font-size:11px}.pos-receive-units article>b{color:#8a9bab;font-size:11px}.pos-receive-units article.is-scanned{border-color:#9fc7ff;background:#edf6ff}.pos-receive-units article.is-scanned>b{color:#0866f5}.pos-receive-units article.is-received{border-color:#a8dec0;background:#effaf4}.pos-receive-units article.is-received>b{color:#198754}.pos-receive-units [data-receive-unscan]{border:0;background:transparent;color:#c94747;font-size:20px}.pos-receive-actions{display:flex;justify-content:flex-end;margin-top:12px}
@media(max-width:900px){.pos-transfer-receive-body{grid-template-columns:1fr;min-height:0}.pos-transfer-inbox{max-height:260px}}

/* v1.3.5 reserved-stock manager approval */
.pos-manager-approval-dialog{width:min(720px,94vw)}
.pos-manager-approval-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pos-manager-approval-dialog>header h2{margin:3px 0 0}
.pos-manager-warning{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid #f0c36b;background:#fff8e8;border-radius:10px;color:#75520d;margin-bottom:14px}
.pos-manager-warning>i{flex:0 0 auto;margin-top:2px}.pos-manager-warning>div{display:grid;gap:3px}.pos-manager-warning span{font-size:12px;color:#866a32}
.pos-manager-reserved-list{display:grid;gap:7px;margin:10px 0 16px;max-height:240px;overflow:auto}
.pos-manager-reserved-list article{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e3eaf1;border-radius:8px;background:#fbfdff}
.pos-manager-reserved-list article>div{display:grid;gap:2px}.pos-manager-reserved-list small{color:#74899d}.pos-manager-reserved-list span{font-size:12px;color:#637c93}.pos-manager-reserved-list b{font-size:12px;color:#bc4f3a}
.pos-manager-approval-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pos-manager-approval-dialog form>label{display:grid;gap:6px}.pos-manager-approval-dialog form>.pos-muted,.pos-manager-error,.pos-manager-actions{grid-column:1/-1}
.pos-manager-error{min-height:18px;margin:0;color:#c43d3d}.pos-manager-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
.pos-transfer-doc-approval{padding:9px 11px;border:1px solid #f0c36b;background:#fff8e8;border-radius:7px;color:#75520d}
@media(max-width:650px){.pos-manager-reserved-list article{grid-template-columns:1fr 1fr}.pos-manager-reserved-list article>div{grid-column:1/-1}.pos-manager-approval-dialog form{grid-template-columns:1fr}}
/* POS-X v1.3.6 intercompany */
.pos-workspace .pos-mode-options{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1360px}
.pos-mode-options [data-mode=INTERCOMPANY]{background:linear-gradient(135deg,#0c8aa6,#075e75)}
.pos-mode-options [data-mode=INTERCOMPANY]:disabled{filter:grayscale(.45);opacity:.5}
@media(max-width:1100px){.pos-workspace .pos-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.pos-workspace .pos-mode-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pos-workspace .pos-mode-options{grid-template-columns:1fr}}

/* v1.3.14.43 POS-X registry-driven destination picker */
.pos-intercompany-filter{grid-template-columns:minmax(260px,1fr) minmax(260px,1fr)}
.pos-intercompany-filter .pos-transfer-status{grid-column:1/-1;margin:0}
@media(max-width:900px){.pos-intercompany-filter{grid-template-columns:1fr}}

/* v1.3.14.48 · Company-only intercompany destination assignment */
.pos-intercompany-pending{display:grid;gap:10px;margin:0 0 12px}.pos-intercompany-pending[hidden]{display:none}.pos-intercompany-pending-item{display:grid;gap:10px;border:1px solid #f0cf88;background:#fffaf0;border-radius:11px;padding:12px}.pos-intercompany-pending-copy{display:grid;gap:3px}.pos-intercompany-pending-copy small{color:#71879b}.pos-pending-chip{display:inline-flex;width:max-content;align-items:center;border-radius:999px;background:#fff0c9;color:#8a5a00;font-size:11px;font-weight:700;padding:4px 8px}.pos-intercompany-pending-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.pos-intercompany-pending-action select{min-width:0}.pos-intercompany-pending-item>p{margin:0}
@media(max-width:760px){.pos-intercompany-pending-action{grid-template-columns:1fr}.pos-intercompany-pending-action button{width:100%}}
/* ===== assets/theme-consistency.css ===== */
/* Screen-only application theme; printed documents keep their document templates. */
@media screen {
:root {
  --ui-blue:#0866e9; --ui-blue-hover:#0755c3; --ui-ink:#233c58;
  --ui-muted:#647c96; --ui-line:#dce6f2; --ui-soft:#edf3fc; --ui-page:#f3f6fb;
}
#page-content {font-family:Tahoma,Arial,sans-serif;color:var(--ui-ink);font-size:13px}
#page-content:is(.ap-product-page,.branch-price-page,.ap-purchase-page),
#page-content .cm-app.cm-registry-list {background:var(--ui-page)}
#page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading) {
  background:transparent;color:var(--ui-ink);box-shadow:none;border:0;border-bottom:1px solid var(--ui-line);
  border-radius:0;padding:0 0 16px;margin-bottom:18px;gap:14px;flex-wrap:wrap;
}
#page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading)>h1,
#page-content :is(.ap-heading,.sales-heading,.flow-heading)>div>h1 {
  margin:0;color:#17395e;font:700 22px/1.5 Tahoma,Arial,sans-serif;letter-spacing:0;
}
#page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1 {font-size:22px;color:#17395e}
#page-content[data-admin=true] :is(.ap-table,.flow-table-wrap>table)>thead>tr>th {background:var(--ui-soft);color:#345675}
#page-content :is(.flow-card,.quote-card,.flow-toolbar,.quote-manager-filters,.inventory-panel,.scan-metadata,.mx-metrics>div) {
  background:#fff;border-color:var(--ui-line);border-radius:12px;box-shadow:0 3px 14px #183d6605;
}
#page-content .td-results>h2 {background:transparent;color:#17395e;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--ui-line);border-radius:0}
/* Only application tables, not paper-items, paper-doc, or document canvases. */
#page-content :is(.ap-table,.quote-table,.branch-price-table,.branch-price-confirm-table,.flow-table-wrap>table,.inventory-scroll>table,.cs-scroll>table,.ar-scroll>table,.sales-table,.tax-table-scroll>table)>thead>tr>th,
#page-content .cm-app.cm-registry-list #customer-table th,
#page-content.ap-product-page #catalog-table th {
  background:var(--ui-soft);color:#345675;border-bottom:1px solid #d5e1f1;font:700 12px/1.5 Tahoma,Arial,sans-serif;
}
#page-content :is(.ap-table-scroll,.quote-table-wrap,.branch-price-table-scroll,.inventory-scroll,.cs-scroll,.ar-scroll,.flow-table-wrap) {
  border:1px solid var(--ui-line);border-radius:10px;background:#fff;box-shadow:none;
}
#page-content :is(.ap-table,.branch-price-table,.inventory-scroll>table,.cs-scroll>table,.ar-scroll>table)>tbody>tr>td {
  border-bottom-color:#e7edf5;font-family:Tahoma,Arial,sans-serif;
}
/* Secondary controls share geometry; special scan, danger and status colors stay meaningful. */
#page-content :is(.ap-button,.branch-price-button,.inventory-button,.ar-app button,.flow-app button,.sales-app button,.sales-dialog button) {
  border-radius:7px;font-family:Tahoma,Arial,sans-serif;font-size:13px;
}
#page-content :is(.branch-price-button,.inventory-button,.ap-button,.ar-app button):not(:disabled):hover {border-color:#9abfe9}
#page-content :is(.flow-app .flow-primary,.sales-app .sales-primary,.sales-dialog .sales-primary,.primary-btn,.inventory-ui .inventory-primary,.sales-app .sales-cart-button),
#page-content .branch-price-page [data-price-action=update],
#page-content.branch-price-page [data-price-action=update],
#page-content .cm-registry-list>.ar-heading [data-ar=new] {
  color:#fff;background:var(--ui-blue);border-color:var(--ui-blue);box-shadow:0 3px 9px #0866e91a;
}
#page-content :is(.flow-app .flow-primary,.sales-app .sales-primary,.primary-btn,.inventory-ui .inventory-primary,.sales-app .sales-cart-button):hover:not(:disabled),
#page-content.branch-price-page [data-price-action=update]:hover:not(:disabled),
#page-content .cm-registry-list>.ar-heading [data-ar=new]:hover:not(:disabled) {background:var(--ui-blue-hover);border-color:var(--ui-blue-hover);color:white}
#page-content :is(.branch-price-filter,.inventory-ui,.ap-catalog,.registry-form-grid,.cm-toolbar) :is(input,select,textarea) {
  border-color:#cbdbea;border-radius:7px;font-family:Tahoma,Arial,sans-serif;
}
#page-content :is(.branch-price-filter,.inventory-ui,.ap-catalog,.registry-form-grid,.cm-toolbar) :is(input,select,textarea):focus-visible {
  outline:2px solid #87baff;outline-offset:1px;
}
/* Category navigation across products, prices, inventory, and sales. */
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) {
  background:#fff;border:1px solid var(--ui-line);border-radius:10px;box-shadow:none;scrollbar-color:#c1d2e5 #f3f7fc;
}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar)>h2 {
  background:var(--ui-soft);color:#345675;border-bottom:1px solid var(--ui-line);padding:12px;font-family:Tahoma,Arial,sans-serif;
}
#page-content :is(.registry-category-group,.branch-price-categories details,.inventory-category-group)>summary {
  background:#f5f8fd;color:#345675;border-color:var(--ui-line);
}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar) button {color:#345675;font-family:Tahoma,Arial,sans-serif}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button[aria-pressed=true] {
  background:#eaf3ff;color:var(--ui-blue);border-left-color:var(--ui-blue);
}
#page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button:hover:not(:disabled) {background:#f0f6ff}
#page-content .inventory-ui .inventory-tabs {gap:5px}
#page-content .inventory-ui .inventory-tabs button {border:1px solid var(--ui-line);border-radius:7px}
#page-content .inventory-ui .inventory-tabs button[aria-pressed=true],#page-content .tax-types button[aria-pressed=true] {color:var(--ui-blue);background:#eaf3ff;border-color:#b9d4f6}
/* Popup shells follow one treatment without changing forms or document layout. */
#page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.branch-price-confirm-dialog,.inventory-dialog,.ar-dialog) {
  border:1px solid #d4e1f0;border-radius:15px;box-shadow:0 24px 85px #1736533b;
}
#page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.branch-price-confirm-dialog,.inventory-dialog,.ar-dialog)::backdrop {background:#10273f66;backdrop-filter:blur(3px)}
#page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.inventory-dialog)>header {background:#f3f7fd;color:#1d4168;border-bottom-color:var(--ui-line)}
#page-content .cm-app.cm-registry-list #customer-table>.ar-scroll {box-shadow:none;border-color:var(--ui-line);border-radius:10px}
@media(max-width:1220px) {
  .topbar {flex-wrap:wrap;overflow:visible;align-items:center;padding:5px 10px;gap:0}
  .topbar .leftnav {flex-wrap:wrap;width:100%}
  .topbar .navbutton {min-height:40px;margin:2px 0}
  .topbar .rightnav {position:static;right:auto;flex-wrap:wrap;width:100%;margin:0;padding:8px 4px;background:transparent;white-space:normal;gap:10px}
  .topbar .rightnav .branch,.topbar .rightnav .userlabel {color:#d4e3f3}
  .topbar .rightnav .logout {margin-left:auto}
}
@media(max-width:700px) {
  #page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading)>h1,
  #page-content :is(.ap-heading,.sales-heading,.flow-heading)>div>h1 {font-size:20px}
  #page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1 {font-size:20px}
}
}
/* ===== assets/search-date.css ===== */
#page-content .search-date{position:relative;display:inline-grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;width:160px;max-width:100%;min-width:0;gap:0;background:#fff;border:1px solid #cbdbea;border-radius:7px;overflow:hidden;vertical-align:middle}
#page-content .search-date>input.search-date-text{box-sizing:border-box;width:100%;min-width:0;min-height:36px;height:36px;margin:0;padding:7px 9px;border:0;border-radius:0;background:transparent;color:#233c58;font:13px/1.5 Tahoma,Arial,sans-serif;letter-spacing:0;text-align:left;outline:0}
#page-content .search-date-calendar{display:grid;place-items:center;pointer-events:none;color:#476888;border-left:1px solid #e3ebf4;height:100%;background:#f5f8fd}
#page-content .search-date-calendar svg{width:17px;height:17px}
#page-content .search-date>input.search-date-native{position:absolute;inset:0 0 0 auto;width:34px!important;min-width:0!important;max-width:34px!important;height:100%;min-height:0;padding:0;margin:0;border:0;opacity:0;cursor:pointer}
#page-content .search-date-native::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer}
#page-content .search-date:focus-within{outline:2px solid #87baff;outline-offset:1px}
#page-content .search-date.is-disabled{background:#eff3f8;opacity:.65}
#page-content :is(.document-search-form,.tax-layout) .search-date{width:100%}
@media(max-width:700px){#page-content .td-filters .search-date{width:100%}}
/* ===== assets/finance-report-design.css ===== */
@media screen {
  #page-content.fr-workspace { max-width:1500px; margin:auto; padding:24px; color:#19344e; }
  .fr-workspace .flow-app { max-width:none; margin:0; padding:0; }
  .fr-workspace :is(.flow-heading,.ap-heading,.scan-title,.td-heading):not(dialog *) { display:flex; flex-wrap:wrap; align-items:center; gap:12px; background:transparent; color:#173552; padding:0 0 20px; border:0; }
  .fr-workspace h1 { font-size:24px; line-height:1.5; margin:0; }
  .fr-workspace .fr-intro { flex-basis:100%; margin:0; color:#657b91; font-size:13px; }
  .fr-workspace :is(.flow-card,#ap-content) { background:#fff; border:1px solid #e0e8f1; border-radius:16px; padding:20px; box-shadow:0 5px 20px #16355105; margin-bottom:16px; }
  .fr-search-bar { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:16px; margin:0 0 18px; border:1px solid #dce7f3; border-radius:14px; background:#f5f9ff; }
  .fr-filter-summary { flex:1; min-width:140px; color:#59728d; font-size:13px; overflow-wrap:anywhere; }
  .fr-workspace button { border-radius:9px; min-height:36px; padding:8px 14px; cursor:pointer; font:inherit; font-size:13px; border:1px solid #cfddeb; background:#fff; color:#18539a; }
  .fr-workspace button:hover:not(:disabled) { background:#eef5ff; border-color:#82aef1; }
  .fr-workspace :is(button:focus-visible,input:focus-visible,select:focus-visible) { outline:3px solid #84b6ff; outline-offset:2px; }
  .fr-workspace button:disabled { cursor:not-allowed; opacity:.5; }
  .fr-workspace :is(.fr-primary,.flow-primary,.primary-btn) { background:#0865ed; color:#fff; border-color:#0865ed; }
  .fr-workspace :is(.fr-primary,.flow-primary,.primary-btn):hover:not(:disabled) { background:#0753c3; color:#fff; }
  .fr-workspace :is(input,select,textarea):not([type=checkbox]):not(.search-date-native) { border:1px solid #cedce9; border-radius:8px; padding:9px 11px; min-height:38px; box-sizing:border-box; background:#fff; color:#19344e; max-width:100%; }
  .fr-workspace label { color:#526a82; font-size:13px; }
  .fr-workspace table { width:100%; border-collapse:separate; border-spacing:0; font-size:13px; font-variant-numeric:tabular-nums; }
  .fr-workspace :is(th,td) { padding:12px 14px; border:0; border-bottom:1px solid #e8eef5; vertical-align:middle; }
  .fr-workspace th { background:#edf4fd; color:#34587e; font-weight:600; text-align:left; white-space:nowrap; }
  .fr-workspace tbody tr:hover { background:#f7faff; }
  .fr-workspace :is(.flow-table-wrap,.ap-table-wrap,.cs-scroll,.tax-table-scroll) { border:1px solid #e0e8f1; border-radius:12px; overflow:auto; }
  .fr-workspace .fr-expand { display:block; margin:0 0 10px auto; }
  .fr-workspace .flow-stats { gap:14px; margin:18px 0; }
  .fr-workspace :is(.flow-stat,.tax-sum) { border-radius:12px; background:#f4f8ff; padding:16px; }
  .fr-workspace :is(dialog.fr-dialog,dialog.flow-dialog,dialog.ap-dialog) { width:min(1050px,calc(100vw - 40px)); max-width:calc(100vw - 40px); max-height:88vh; box-sizing:border-box; border:1px solid #dbe6f2; border-radius:18px; padding:0; box-shadow:0 24px 80px #102c5140; color:#19344e; overflow:auto; }
  .fr-workspace dialog::backdrop { background:#102b4d66; backdrop-filter:blur(3px); }
  .fr-workspace dialog.fr-dialog { width:min(820px,calc(100vw - 40px)); }
  .fr-workspace dialog.fr-wide { width:min(1400px,calc(100vw - 40px)); }
  .fr-workspace :is(.fr-dialog-head,dialog > header) { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0; padding:20px 24px; border-bottom:1px solid #e0e8f1; background:#f6f9fd; }
  .fr-workspace dialog h2 { font-size:18px; margin:0; }
  .fr-dialog-body,.fr-workspace dialog.ap-dialog > :not(header) { padding:22px 24px; }
  .fr-dialog-body > .fr-filter-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0; padding:0; background:transparent; border:0; box-shadow:none; }
  .fr-filter-fields label { display:flex; flex-direction:column; gap:7px; min-width:0; }
  .fr-filter-fields label:has([type=checkbox]) { flex-direction:row; align-items:center; }
  .fr-filter-fields :is(input,select) { width:100%; }
  .fr-filter-fields input[type=checkbox] { width:auto; }
  .fr-filter-fields .tax-types { grid-column:1/-1; }
  .fr-dialog-footer { padding:16px 24px; border-top:1px solid #e0e8f1; display:flex; justify-content:flex-end; }
  .fr-workspace dialog .flow-modal-body { padding:22px 24px; }
  .fr-workspace dialog .ap-modal-message { padding:12px 24px; }
  #page-content.fr-workspace dialog.ap-dialog > header.ap-heading { padding:18px 24px; }
  .fr-workspace #prepare-payment table { min-width:1200px; }
  .fr-workspace #prepare-payment td { white-space:nowrap; }
  @media (max-width:700px) {
    #page-content.fr-workspace { padding:14px 8px; }
    .fr-workspace h1 { font-size:20px; }
    .fr-workspace :is(.flow-card,#ap-content) { padding:12px; }
    .fr-dialog-body > .fr-filter-fields { grid-template-columns:1fr; }
    .fr-workspace :is(dialog.fr-dialog,dialog.flow-dialog,dialog.ap-dialog) { max-width:calc(100vw - 16px); width:calc(100vw - 16px); max-height:92vh; }
    .fr-dialog-body,.fr-workspace dialog .flow-modal-body { padding:16px; }
    .fr-workspace .flow-payment-bottom { grid-template-columns:1fr; }
  }
}
/* ===== assets/wht-ui.css ===== */
.wht-app{display:grid;gap:14px;color:#1f2937}.wht-actions{display:flex;gap:8px;flex-wrap:wrap}.wht-btn{border:1px solid #cbd5e1;background:#fff;border-radius:7px;padding:8px 13px;font:inherit;cursor:pointer}.wht-btn.primary{background:#1976d2;border-color:#1976d2;color:#fff}.wht-btn.success{background:#18864b;border-color:#18864b;color:#fff}.wht-btn.danger{background:#d9534f;border-color:#d9534f;color:#fff}.wht-btn:disabled,.wht-mini:disabled{opacity:.45;cursor:not-allowed}.wht-notice{padding:9px 12px;border-radius:6px;background:#eaf4ff;color:#174ea6}.wht-notice.error{background:#fff1f2;color:#b42318}.wht-source-title{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;background:linear-gradient(180deg,#337ab7,#286090);color:#fff;border-radius:6px 6px 0 0;box-shadow:0 2px 7px rgba(0,0,0,.12)}.wht-source-title h1{font-size:18px;margin:0}.wht-source-title p{margin:3px 0 0;font-size:12px;opacity:.9}.wht-source-title .wht-btn{padding:7px 12px}.wht-source-form,.wht-report-left,.wht-report-right{display:grid;gap:11px}.wht-source fieldset,.wht-report-source fieldset{border:1px solid #cdd7e1;border-radius:4px;background:#fff;padding:13px 14px 14px;min-width:0}.wht-source legend{width:auto;padding:0 8px;margin:0 0 4px;color:#286090;font-size:13px;font-weight:700;border:0}.wht-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 11px;align-items:end}.wht-source-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.wht-source-grid.addr{margin-top:10px}.wht-source-grid .span2,.wht-detail-grid .span2{grid-column:span 2}.wht-source-grid .span4{grid-column:1/-1}.wht-source-grid label,.wht-source-single,.wht-search-grid label{display:grid;gap:4px}.wht-source-grid label>span,.wht-source-single>span,.wht-search-grid label>span,.wht-inline-choice>span{font-size:11px;font-weight:700;color:#374151}.wht-source input,.wht-source select,.wht-source textarea{box-sizing:border-box;width:100%;height:32px;border:1px solid #b9c4d0;border-radius:3px;padding:5px 7px;background:#fff;font:inherit;font-size:12px}.wht-source textarea{height:auto}.wht-source input:disabled,.wht-source select:disabled{background:#f3f4f6;color:#667085}.wht-inline-choice{display:flex;gap:10px;align-items:center;min-height:32px;flex-wrap:wrap}.wht-inline-choice>span{width:100%}.wht-inline-choice label{display:flex;gap:4px;align-items:center;font-size:12px}.wht-inline-choice input{width:auto;height:auto}.wht-payer-source{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px 12px}.wht-payer-source>div{display:grid;gap:3px;border-bottom:1px dotted #d7dee7;padding-bottom:5px}.wht-payer-source .wide{grid-column:1/-1}.wht-payer-source span{font-size:11px;color:#667085}.wht-payer-source strong{font-size:12px}.wht-source-table-wrap{overflow:auto;border:1px solid #d5dde5;border-radius:3px}.wht-source-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}.wht-source-table th,.wht-source-table td{border:1px solid #d5dde5;padding:6px 7px;font-size:11px;vertical-align:middle}.wht-source-table thead th{background:#d9edf7;color:#234c66;text-align:center;white-space:nowrap}.wht-source-table td input,.wht-source-table td select{min-width:90px;height:29px;font-size:11px}.wht-source-table td:nth-child(2) select{min-width:210px}.wht-source-table .num{text-align:right}.wht-source-table .center,.center{text-align:center}.wht-source-table .strong{font-weight:700}.wht-source-table tr.total th{background:#f6f8fa}.wht-mini{border:1px solid #aebdca;border-radius:4px;background:#fff;padding:4px 7px;font-size:10px;cursor:pointer;white-space:nowrap}.wht-mini.danger{border-color:#e5a3a0;color:#b42318;background:#fff7f6}.wht-line-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.wht-total{display:flex;justify-content:flex-end;gap:24px;font-size:12px}.wht-total b{font-size:14px;margin-left:5px}.wht-source-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:7px 0 2px}.wht-report-split{display:grid;grid-template-columns:minmax(460px,5fr) minmax(560px,7fr);gap:12px;align-items:start}.wht-search-grid{display:grid;grid-template-columns:1.4fr repeat(2,1fr);gap:8px}.wht-search-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}.report-list-wrap{max-height:570px;overflow:auto}.wht-source-table.report-list{min-width:720px}.wht-source-table.report-list tbody tr{cursor:pointer}.wht-source-table.report-list tbody tr:hover,.wht-source-table.report-list tbody tr.selected{background:#eaf4ff}.wht-source-table.report-list td small{display:block;color:#667085;margin-top:2px}.wht-report-summary{display:flex;justify-content:flex-end;gap:18px;padding-top:8px;font-size:11px}.detail-fieldset{min-height:690px}.wht-empty-detail{display:grid;place-items:center;min-height:560px;color:#98a2b3}.wht-detail-head{display:flex;justify-content:space-between;align-items:end;gap:10px;margin-bottom:10px}.wht-detail-head>div{display:grid}.wht-detail-head span,.wht-detail-grid span{font-size:10px;color:#667085}.wht-detail-head strong{font-size:16px;color:#1d4ed8}.wht-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;padding:10px;background:#f9fafb;border:1px solid #e4e7ec}.wht-detail-grid>div{display:grid;gap:2px}.wht-detail-grid strong{font-size:12px}.detail-tax{margin-top:11px}.wht-source-table.compact{min-width:650px}.wht-detail-method{display:flex;gap:8px;padding-top:8px;font-size:12px}.wht-detail-status{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px}.wht-status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:700}.wht-status.DRAFT{background:#fef3c7;color:#92400e}.wht-status.CONFIRMED{background:#dcfce7;color:#166534}.wht-status.CANCELLED{background:#fee2e2;color:#991b1b}.detail-actions{justify-content:flex-start;margin-top:10px}.wht-history{margin-top:12px;font-size:11px}.wht-events{display:grid;gap:6px;margin-top:8px}.wht-event{padding:7px;border-left:3px solid #cbd5e1;background:#f8fafc}.wht-event small{color:#667085}.wht-dialog{border:0;border-radius:10px;padding:0;max-width:min(760px,94vw);width:100%;box-shadow:0 24px 80px rgba(15,23,42,.24)}.wht-dialog::backdrop{background:rgba(15,23,42,.45)}.wht-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e2e8f0}.wht-dialog-body{padding:14px;max-height:72vh;overflow:auto}.wht-dialog-head button{border:0;background:transparent;font-size:22px;cursor:pointer}.wht-field{display:grid;gap:6px}.wht-field span{font-size:12px;font-weight:700}.wht-field textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:5px;padding:7px}.wht-paper{font-family:"Noto Sans Thai",Tahoma,sans-serif;color:#111;background:#fff}.wht-paper .copy{width:190mm;min-height:270mm;margin:0 auto;padding:10mm;box-sizing:border-box;page-break-after:always;position:relative}.wht-paper .copy:last-child{page-break-after:auto}.wht-paper h1{text-align:center;font-size:20px;margin:0}.wht-paper h2{text-align:center;font-size:13px;margin:2px 0 8px}.wht-paper .copy-label{text-align:right;font-size:11px}.wht-paper .box{border:1px solid #111;padding:7px;margin-top:7px}.wht-paper .line{display:grid;grid-template-columns:170px 1fr;gap:5px;font-size:12px;margin:3px 0}.wht-paper table{width:100%;border-collapse:collapse;margin-top:7px;font-size:11px}.wht-paper th,.wht-paper td{border:1px solid #111;padding:5px}.wht-paper .right{text-align:right}.wht-paper .sign{margin-top:18px;text-align:center;margin-left:auto;width:280px}.wht-paper .muted{font-size:10px;color:#333}.paper-watermark{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-24deg);font-size:76px;font-weight:900;color:rgba(100,116,139,.13);z-index:3}.paper-watermark.cancel{color:rgba(190,18,60,.13)}
@media(max-width:1250px){.wht-report-split{grid-template-columns:1fr}.detail-fieldset{min-height:auto}.wht-empty-detail{min-height:200px}}
@media(max-width:850px){.wht-source-title{align-items:flex-start;flex-direction:column}.wht-source-grid,.wht-source-grid.four,.wht-search-grid,.wht-payer-source,.wht-detail-grid{grid-template-columns:1fr}.wht-source-grid .span2,.wht-source-grid .span4,.wht-detail-grid .span2,.wht-payer-source .wide{grid-column:auto}.wht-line-footer{align-items:stretch;flex-direction:column}.wht-total{justify-content:flex-start;flex-wrap:wrap}}
@media print{.wht-paper .copy{box-shadow:none}}

/* v1.3.14.10 - WHT payee lookup + compact smart address */
.wht-source fieldset{border-color:#d7e2ec;border-radius:10px;box-shadow:0 2px 10px rgba(32,70,110,.055);padding:12px 14px 14px}
.wht-source fieldset>legend{color:#1f5f8f;background:#f5faff;border:1px solid #d8e9f6;border-radius:999px;padding:4px 10px}
.wht-source-grid.payee-top{grid-template-columns:minmax(150px,.9fr) minmax(240px,1.55fr) minmax(220px,1.2fr) minmax(120px,.7fr);gap:8px 10px}
.wht-tax-lookup{position:relative;display:grid;gap:3px;z-index:10}
.wht-tax-lookup>label{display:grid;gap:4px}
.wht-tax-lookup small{font-size:10px;color:#718096;line-height:1.25;min-height:13px}
.wht-tax-lookup small.matched{color:#16794b;font-weight:700}
.wht-tax-lookup input{font-size:13px;font-weight:700;letter-spacing:.35px;border-color:#9ec5df;background:#fbfdff}
.wht-tax-lookup input:focus{outline:0;border-color:#2a7db5;box-shadow:0 0 0 3px rgba(42,125,181,.12)}
.wht-payee-suggestions{position:absolute;left:0;right:0;top:58px;background:#fff;border:1px solid #cbddea;border-radius:9px;box-shadow:0 18px 42px rgba(27,62,91,.2);overflow:hidden;z-index:50;max-height:290px;overflow-y:auto}
.wht-payee-suggestion{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:0;border-bottom:1px solid #edf2f6;background:#fff;text-align:left;cursor:pointer;color:#22384b}
.wht-payee-suggestion:last-child{border-bottom:0}.wht-payee-suggestion:hover,.wht-payee-suggestion:focus{background:#f0f8ff;outline:0}
.wht-payee-avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#2d7fb5,#64a9d3);color:#fff;font-weight:800}
.wht-payee-suggestion-main{display:grid;gap:2px;min-width:0}.wht-payee-suggestion-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wht-payee-suggestion-main small{font-size:10px;color:#6b7f90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wht-payee-use{font-size:10px;font-weight:800;color:#1873a7;background:#e9f5fc;border-radius:999px;padding:4px 7px}
.wht-address-block{margin-top:9px;border:1px solid #dce8f0;border-radius:9px;background:linear-gradient(180deg,#fbfdff,#f8fbfd);padding:10px 11px 11px}
.wht-address-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.wht-address-title>div{display:grid;gap:1px}.wht-address-title strong{font-size:12px;color:#294d68}.wht-address-title small{font-size:10px;color:#7b8e9e}.wht-auto-badge{font-size:9px;font-weight:800;letter-spacing:.4px;color:#16794b;background:#e9f8f0;border:1px solid #c6ead7;border-radius:999px;padding:3px 7px}
.wht-address-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:7px 8px;align-items:end}.wht-address-grid+.wht-address-grid{margin-top:7px}.wht-address-grid label{display:grid;gap:3px;min-width:0}.wht-address-grid label>span{font-size:10px;font-weight:700;color:#52677a}.wht-address-grid .g1{grid-column:span 1}.wht-address-grid .g2{grid-column:span 2}.wht-address-grid .g3{grid-column:span 3}.wht-address-grid .g12{grid-column:1/-1}
.wht-address-grid input{height:30px;padding:4px 6px;font-size:11px;border-radius:5px}.wht-address-grid input[readonly]{background:#eef8f2;border-color:#cce8d5;color:#176a43;font-weight:700}.wht-address-grid label>span em{font-style:normal;font-size:9px;color:#17804e;background:#e8f7ef;border-radius:999px;padding:1px 5px;margin-left:3px}
.wht-source-grid[data-person-name],.wht-source [data-person-name]{margin-top:8px}.wht-source [data-company-name]{margin-top:8px}.wht-source [data-company-name] input{height:30px}
@media(max-width:1100px){.wht-source-grid.payee-top{grid-template-columns:repeat(2,minmax(0,1fr))}.wht-address-grid .g1,.wht-address-grid .g2,.wht-address-grid .g3{grid-column:span 4}}
@media(max-width:850px){.wht-source-grid.payee-top{grid-template-columns:1fr}.wht-payee-suggestions{position:static;margin-top:2px}.wht-address-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wht-address-grid .g1,.wht-address-grid .g2,.wht-address-grid .g3{grid-column:span 1}.wht-address-grid .g12{grid-column:1/-1}.wht-address-title{align-items:flex-start;flex-direction:column}}
/* ===== assets/guarantee-ui.css ===== */
.guarantee-app{display:grid;gap:16px}.guarantee-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.guarantee-head h1,.guarantee-head h2,.guarantee-head h3{margin:0}.guarantee-head p{margin:5px 0 0;color:var(--muted,#64748b)}.guarantee-card{background:var(--panel,#fff);border:1px solid var(--line,#e2e8f0);border-radius:16px;padding:16px}.guarantee-toolbar{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(140px,1fr));gap:12px;align-items:end}.guarantee-field{display:grid;gap:6px;font-size:13px}.guarantee-field span{font-weight:700;color:var(--text,#0f172a)}.guarantee-field input,.guarantee-field select,.guarantee-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--line,#cbd5e1);border-radius:10px;padding:9px 10px;background:var(--panel,#fff);color:var(--text,#0f172a)}.guarantee-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.guarantee-kpi{background:var(--panel,#fff);border:1px solid var(--line,#e2e8f0);border-radius:15px;padding:14px}.guarantee-kpi small{display:block;color:var(--muted,#64748b);margin-bottom:4px}.guarantee-kpi strong{font-size:22px}.guarantee-table-wrap{overflow:auto}.guarantee-table{width:100%;border-collapse:collapse;min-width:1120px}.guarantee-table th,.guarantee-table td{padding:10px;border-bottom:1px solid var(--line,#e2e8f0);text-align:left;vertical-align:top}.guarantee-table th{font-size:12px;color:var(--muted,#64748b);white-space:nowrap}.guarantee-btn{border:1px solid var(--line,#cbd5e1);border-radius:10px;padding:8px 12px;background:var(--panel,#fff);color:var(--text,#0f172a);cursor:pointer;font-weight:650}.guarantee-btn:hover{filter:brightness(.98)}.guarantee-btn.primary{background:#0f172a;color:#fff;border-color:#0f172a}.guarantee-btn.success{background:#166534;color:#fff;border-color:#166534}.guarantee-btn.danger{background:#991b1b;color:#fff;border-color:#991b1b}.guarantee-btn:disabled{opacity:.45;cursor:not-allowed}.guarantee-actions{display:flex;gap:8px;flex-wrap:wrap}.guarantee-status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:#e2e8f0}.guarantee-status.ACTIVE{background:#dbeafe;color:#1d4ed8}.guarantee-status.PARTIAL_RECEIVED{background:#fef3c7;color:#92400e}.guarantee-status.COMPLETED{background:#dcfce7;color:#166534}.guarantee-status.CANCELLED,.guarantee-status.VOID{background:#fee2e2;color:#991b1b}.guarantee-notice{border:1px solid #bae6fd;background:#f0f9ff;border-radius:12px;padding:10px 12px}.guarantee-notice.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.guarantee-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guarantee-detail-grid>div{border:1px solid var(--line,#e2e8f0);border-radius:12px;padding:12px}.guarantee-detail-grid small{display:block;color:var(--muted,#64748b)}.guarantee-detail-grid strong{display:block;margin-top:4px;font-size:17px}.guarantee-dialog{width:min(1040px,94vw);border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px rgba(15,23,42,.25)}.guarantee-dialog::backdrop{background:rgba(15,23,42,.4)}.guarantee-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line,#e2e8f0)}.guarantee-dialog>header h2{margin:0;font-size:19px}.guarantee-dialog>header button{border:0;background:transparent;font-size:24px;cursor:pointer}.guarantee-dialog-body{padding:18px;max-height:76vh;overflow:auto}.guarantee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guarantee-form-grid .full{grid-column:1/-1}.guarantee-events{display:grid;gap:6px;margin:8px 0}.guarantee-event{border-left:3px solid #cbd5e1;padding:5px 10px;font-size:13px}.guarantee-source-banner{padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.guarantee-source-banner strong{font-size:18px}.guarantee-muted{color:var(--muted,#64748b)}
@media(max-width:900px){.guarantee-toolbar{grid-template-columns:1fr 1fr}.guarantee-kpis{grid-template-columns:1fr 1fr}.guarantee-detail-grid{grid-template-columns:1fr}.guarantee-form-grid{grid-template-columns:1fr}.guarantee-form-grid .full{grid-column:auto}}@media(max-width:560px){.guarantee-toolbar,.guarantee-kpis{grid-template-columns:1fr}}

/* v1.3.12 Approval integration */
.guarantee-approval-panel{margin:14px 0;padding:14px;border:1px solid var(--line,#d8dde6);border-radius:12px;background:rgba(245,248,252,.82);display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.guarantee-approval-panel>div:first-child{display:flex;flex-direction:column;gap:4px;min-width:240px;flex:1}
.guarantee-approval-panel strong{font-size:14px}
.guarantee-approval-panel span{font-size:12px;color:var(--muted,#667085);line-height:1.5}
/* ===== assets/approval-center-ui.css ===== */
.approval-topbar{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.approval-tabs{display:flex;gap:8px;flex-wrap:wrap}.approval-tabs button{border:1px solid #d6dbe5;background:#fff;border-radius:999px;padding:8px 14px;cursor:pointer}.approval-tabs button.active{background:#172033;color:#fff;border-color:#172033}.approval-tools{display:flex;gap:8px;align-items:center}.approval-tools input{min-width:300px;max-width:48vw}.approval-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;margin-bottom:18px}.approval-kpis article{border:1px solid #e1e5ec;border-radius:14px;padding:14px 16px;background:#fff}.approval-kpis span{display:block;color:#667085;font-size:.86rem}.approval-kpis strong{display:block;font-size:1.7rem;margin-top:4px}.approval-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:700;background:#eef2f6;color:#344054;white-space:nowrap}.approval-badge.requested,.approval-badge.in_review,.approval-badge.pending{background:#fff3d6;color:#8a5a00}.approval-badge.unlocked,.approval-badge.approved{background:#e8f7ef;color:#087443}.approval-badge.completed{background:#e8f0ff;color:#194ca1}.approval-badge.rejected,.approval-badge.expired,.approval-badge.cancelled{background:#fdecec;color:#a32626}.approval-sub{display:block;color:#667085;font-size:.75rem;margin-top:3px}.approval-money{text-align:right;font-variant-numeric:tabular-nums}.approval-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.approval-detail-head strong,.approval-detail-head span{display:block}.approval-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.approval-detail-grid section{border:1px solid #e2e7ee;border-radius:12px;padding:12px;background:#fff}.approval-detail-grid h3{margin:0 0 10px;font-size:1rem}.approval-detail-grid dl{display:grid;grid-template-columns:120px 1fr;gap:7px 10px;margin:0}.approval-detail-grid dt{color:#667085}.approval-detail-grid dd{margin:0}.approval-wide{grid-column:1/-1}.approval-json{max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f7f8fa;border-radius:8px;padding:10px;font-size:.78rem}.approval-steps{margin:0;padding-left:22px}.approval-steps li{margin-bottom:10px}.approval-steps li span:last-child{display:block;color:#667085;font-size:.8rem;margin-top:3px}.approval-timeline{display:grid;gap:8px}.approval-timeline article{border-left:3px solid #cbd5e1;padding:5px 10px}.approval-timeline strong,.approval-timeline span,.approval-timeline small{display:block}.approval-timeline span,.approval-timeline small{color:#667085}.approval-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.approval-policy-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.approval-policy-toolbar strong,.approval-policy-toolbar span{display:block}.approval-policy-toolbar span{color:#667085;font-size:.84rem}.approval-step-chip{font-size:.76rem;padding:3px 7px;background:#f4f6f8;border-radius:7px;margin:2px 0;white-space:nowrap}.approval-policy-form{min-width:min(920px,80vw)}.approval-form-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px}.approval-check{display:flex!important;flex-direction:row!important;gap:8px!important;align-items:center!important;padding-top:24px}.approval-check input{width:auto!important}.approval-policy-steps{margin-top:16px;border-top:1px solid #e3e7ee;padding-top:14px}.approval-policy-steps>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.approval-policy-step-row{display:grid;grid-template-columns:70px minmax(240px,2fr) 120px 120px 110px 36px;gap:8px;align-items:end;margin-bottom:8px}.approval-policy-step-row label{font-size:.8rem}.approval-policy-step-row [data-remove]{height:36px}.admin-main[data-page="admin-approvals"]{min-width:0}@media(max-width:900px){.approval-kpis{grid-template-columns:1fr 1fr}.approval-detail-grid{grid-template-columns:1fr}.approval-wide{grid-column:auto}.approval-form-grid{grid-template-columns:1fr}.approval-policy-step-row{grid-template-columns:1fr 1fr}.approval-tools input{min-width:180px;max-width:100%}}
/* ===== assets/approval-alert-ui.css ===== */
.approval-live-alert{position:fixed;inset:0;z-index:10050;background:rgba(15,23,42,.38);display:grid;place-items:center;padding:18px}.approval-live-alert[hidden]{display:none}.approval-live-card{width:min(520px,96vw);background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:22px;border:1px solid #e2e8f0}.approval-live-head{display:flex;gap:13px;align-items:flex-start}.approval-live-icon{width:44px;height:44px;border-radius:14px;background:#fff4d6;display:grid;place-items:center;font-size:22px;flex:0 0 auto}.approval-live-copy{min-width:0;flex:1}.approval-live-copy strong{display:block;font-size:1.05rem;color:#172033}.approval-live-copy span{display:block;margin-top:5px;color:#667085;line-height:1.5}.approval-live-meta{margin-top:14px;padding:10px 12px;border-radius:10px;background:#f7f9fc;color:#344054;font-size:.88rem}.approval-live-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.approval-live-actions button{min-height:38px}.approval-live-actions .primary{background:#172033;color:#fff;border-color:#172033}.approval-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d97706;margin-right:7px;vertical-align:1px}.approval-live-toast{position:fixed;right:20px;bottom:20px;z-index:10040;max-width:min(420px,calc(100vw - 40px));background:#172033;color:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 14px 36px rgba(15,23,42,.28);cursor:pointer}.approval-live-toast strong,.approval-live-toast span{display:block}.approval-live-toast span{opacity:.86;font-size:.84rem;margin-top:3px}@media(max-width:600px){.approval-live-alert{padding:10px}.approval-live-card{border-radius:14px;padding:18px}.approval-live-actions{flex-direction:column-reverse}.approval-live-actions button{width:100%}.approval-live-toast{right:10px;bottom:10px;max-width:calc(100vw - 20px)}}
/* ===== assets/pwa-mobile.css ===== */
.pwa-shell-btn{border:1px solid #d9dee8;background:#fff;color:#344054;border-radius:10px;padding:8px 10px;font-size:.82rem;white-space:nowrap}.pwa-shell-btn[data-enabled="true"]{background:#eefbf3;border-color:#b8e7ca;color:#087443}.pwa-mobile-toast{position:fixed;z-index:12000;left:50%;bottom:22px;transform:translateX(-50%);background:#172033;color:#fff;border-radius:12px;padding:11px 16px;box-shadow:0 12px 34px rgba(15,23,42,.28);max-width:calc(100vw - 24px);text-align:center}
@media(max-width:760px){body{overscroll-behavior-y:none}.topbar{position:sticky;top:0;z-index:500;padding:8px 10px}.topbar .rightnav{gap:5px;flex-wrap:wrap;justify-content:flex-end}.topbar .branch,.topbar .userlabel{font-size:.72rem}.pwa-shell-btn{padding:7px 8px;font-size:.74rem}.workspace{padding:10px}.approval-topbar{align-items:stretch;gap:10px}.approval-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.approval-tabs button{width:100%;padding:9px 7px}.approval-tools{width:100%;display:grid;grid-template-columns:1fr auto}.approval-tools input{min-width:0;max-width:none;width:100%}.approval-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.approval-kpis article{padding:10px 12px}.approval-kpis strong{font-size:1.35rem}.approval-detail-grid{grid-template-columns:1fr}.approval-wide{grid-column:1}.approval-dialog-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}.approval-dialog-actions button{flex:1;min-height:44px}.approval-live-card{max-height:88vh;overflow:auto}.table-wrap,.approval-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:480px){.topbar .branch,.topbar .userlabel{display:none}.approval-kpis{grid-template-columns:1fr 1fr}.approval-policy-toolbar{align-items:stretch;flex-direction:column}.approval-policy-form .approval-form-grid{grid-template-columns:1fr}.approval-live-actions button{min-height:46px}}
/* ===== assets/system-bot-ui.css ===== */
.system-bot-shell{display:inline-flex;align-items:center;gap:6px;border:1px solid #d7e1eb;background:#fff;border-radius:9px;padding:7px 10px;cursor:pointer}.system-bot-shell b{min-width:20px;padding:2px 6px;border-radius:999px;background:#eef3f8}.system-bot-shell.has-warning{border-color:#f0bd56}.system-bot-shell.has-critical{border-color:#ef6464;background:#fff6f6}.system-bot-dot{width:9px;height:9px;border-radius:50%;background:#22a06b;display:inline-block}.has-warning .system-bot-dot,.system-bot-card.warning .system-bot-dot{background:#e9a11b}.has-critical .system-bot-dot,.system-bot-card.critical .system-bot-dot{background:#d9363e}.system-bot-page{display:grid;gap:18px}.system-bot-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.system-bot-heading span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#567}.system-bot-heading h1{margin:4px 0}.system-bot-heading p{margin:0;color:#667}.system-bot-heading button,.system-bot-alert button{border:1px solid #ccd8e4;background:#fff;border-radius:8px;padding:8px 12px}.system-bot-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.system-bot-summary article{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:16px;display:grid;gap:2px}.system-bot-summary b{font-size:26px}.system-bot-summary span{color:#667}.system-bot-summary .critical b{color:#c92f37}.system-bot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.system-bot-card{background:#fff;border:1px solid #dfe7ee;border-radius:12px;padding:14px;display:grid;gap:12px}.system-bot-card header{display:flex;align-items:center;gap:8px}.system-bot-card header small{margin-left:auto;color:#667}.system-bot-card>div{display:flex;align-items:baseline;gap:8px}.system-bot-card>div b{font-size:24px}.system-bot-card footer{font-size:11px;color:#788}.system-bot-alerts,.system-bot-cron{background:#fff;border:1px solid #dfe7ee;border-radius:12px;padding:16px}.system-bot-alerts>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.system-bot-alerts h2,.system-bot-cron h2{margin:0 0 8px}.system-bot-alert{display:flex;gap:12px;justify-content:space-between;padding:12px 0;border-top:1px solid #edf1f5}.system-bot-alert:first-child{border-top:0}.system-bot-alert>div{display:grid;gap:4px}.system-bot-alert span{font-size:11px;font-weight:800;color:#856000}.system-bot-alert.critical span{color:#c92f37}.system-bot-alert p{margin:0;color:#445}.system-bot-alert small{color:#788}.system-bot-cron [data-cron]{display:grid;gap:8px}.system-bot-cron article{display:grid;grid-template-columns:1fr 140px 120px;gap:10px;padding:9px 0;border-top:1px solid #edf1f5}.system-bot-empty{padding:20px;text-align:center;color:#667}.system-bot-critical-popup{position:fixed;z-index:100000;right:18px;bottom:18px;width:min(420px,calc(100vw - 36px));background:#fff;border:2px solid #d9363e;border-radius:14px;box-shadow:0 16px 50px #0003;padding:16px}.system-bot-critical-popup strong{color:#b7202a}.system-bot-critical-popup p{color:#445}.system-bot-critical-popup button{margin-right:8px;padding:8px 11px;border-radius:8px;border:1px solid #ccd8e4;background:#fff}.system-bot-critical-popup [data-open]{background:#b7202a;color:#fff;border-color:#b7202a}@media(max-width:760px){.system-bot-summary{grid-template-columns:repeat(2,1fr)}.system-bot-heading{display:grid}.system-bot-cron article{grid-template-columns:1fr}.system-bot-alert{display:grid}}
.system-bot-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
/* ===== assets/auth-dashboard.css ===== */
@media screen {
  body:not([data-trial]) #login { background:radial-gradient(ellipse at 15% 15%,#deebff,transparent 55%),linear-gradient(135deg,#f6f9ff,#eaf0f8); }
  body:not([data-trial]) .login-card { width:min(440px,100%); padding:38px; border-radius:22px; border:1px solid #dae5f1; box-shadow:0 18px 65px #1e416514; }
  body:not([data-trial]) .brand-mark { background:transparent; color:#153654; padding:0; font-size:30px; margin-bottom:24px; letter-spacing:-1px; }
  .brand-mark span { color:#0865ed; }
  #login-form label { margin:18px 0; gap:8px; color:#36516c; font-size:14px; }
  #login-form input:not([type=hidden]) { width:100%; border:1px solid #cad9e9; border-radius:10px; padding:12px 14px; min-height:46px; background:#fff; }
  #login-form button[type=submit] { width:100%; background:#0865ed; color:#fff; min-height:46px; border-radius:10px; margin-top:8px; font-weight:600; }
  #login-form button:disabled { opacity:.55; }
  #login-profile-actions:not([hidden]) { display:flex; gap:8px; flex-wrap:wrap; margin-top:16px; }
  #login-profile-actions button { padding:10px; border:1px solid #ceddeb; border-radius:8px; color:#18539a; background:white; }
  #login-message { font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
  .dashboard-home { max-width:1400px; margin:auto; padding:30px 18px; color:#19344e; }
  .dashboard-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
  .dashboard-eyebrow { color:#0865ed; font-weight:700; letter-spacing:2px; }
  .dashboard-heading h1 { margin:6px 0; font-size:32px; }
  .dashboard-heading p,.dashboard-summary p { color:#667d92; margin:8px 0 0; }
  .dashboard-pos { color:white; background:#0865ed; padding:14px 22px; border-radius:10px; font-weight:600; }
  .dashboard-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:28px; }
  .dashboard-summary article { padding:24px; background:#fff; border:1px solid #dfe8f1; border-radius:16px; }
  .dashboard-summary article > span { display:block; color:#607990; margin-bottom:12px; font-size:14px; }
  .dashboard-summary strong { font-size:23px; }
  .dashboard-modules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
  .dashboard-modules section { padding:20px; background:#fff; border:1px solid #dfe8f1; border-radius:16px; }
  .dashboard-modules h2 { font-size:17px; margin:0 0 14px; }
  .dashboard-modules button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; background:#f5f8fd; color:#315879; text-align:left; border-radius:8px; padding:12px; margin:8px 0; font-size:14px; }
  .dashboard-modules button:hover { background:#e7f0ff; color:#065cde; }
  :is(.dashboard-home,#login) :is(button,input):focus-visible { outline:3px solid #83b8ff; outline-offset:3px; }
  @media(max-width:760px) {
    .dashboard-summary,.dashboard-modules { grid-template-columns:1fr; }
    .dashboard-heading { align-items:flex-start; flex-direction:column; }
    body:not([data-trial]) .login-card { padding:26px; }
  }
}

/* POS X dashboard + admin UX refresh */
@media screen {
  #page-content[data-page="dashboard"] { padding:0; }
  .dashboard-shell { min-height:calc(100vh - 60px); display:grid; grid-template-columns:248px minmax(0,1fr); background:#f4f7fb; }
  .dashboard-sidebar { background:#fff; border-right:1px solid #dbe5f0; padding:20px 14px; }
  .dashboard-brand { padding:5px 10px 18px; border-bottom:1px solid #edf2f7; margin-bottom:12px; }
  .dashboard-brand strong { display:block; color:#0a61df; font-size:21px; }
  .dashboard-brand span { color:#7b8da0; font-size:12px; }
  .dashboard-sidebar nav { display:grid; gap:4px; max-height:calc(100vh - 160px); overflow:auto; }
  .dashboard-sidebar nav button { text-align:left; background:transparent; color:#405a72; padding:11px 12px; border-radius:9px; font-size:13px; }
  .dashboard-sidebar nav button:hover,.dashboard-sidebar nav button.active { background:#eaf2ff; color:#075fcf; font-weight:700; }
  .dashboard-home { width:100%; max-width:1500px; }
  .dashboard-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
  .dashboard-kpis article { background:#fff; border:1px solid #dfe7f0; border-radius:14px; padding:20px; box-shadow:0 5px 16px #173a5c08; }
  .dashboard-kpis span,.dashboard-kpis small { display:block; color:#75899c; font-size:12px; }
  .dashboard-kpis strong { display:block; color:#173d61; font-size:27px; margin:8px 0 5px; font-variant-numeric:tabular-nums; }
  .dashboard-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr); gap:16px; }
  .dashboard-chart-card,.dashboard-summary-card { background:#fff; border:1px solid #dfe7f0; border-radius:14px; padding:20px; }
  .dashboard-chart-card header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
  .dashboard-chart-card h2,.dashboard-summary-card h2 { margin:0; color:#234665; font-size:16px; }
  .dashboard-chart-card p { margin:4px 0 0; color:#8092a4; font-size:12px; }
  .dashboard-chart-card header>span { color:#1267d8; font-weight:700; }
  .dash-bars { height:245px; display:flex; align-items:stretch; gap:8px; margin-top:22px; border-bottom:1px solid #dfe7f0; }
  .dash-bar-item { flex:1; min-width:8px; display:grid; grid-template-rows:1fr 24px; align-items:end; text-align:center; }
  .dash-bar-track { height:100%; display:flex; align-items:flex-end; background:linear-gradient(#eef5ff55,#eef5ff); border-radius:7px 7px 0 0; overflow:hidden; }
  .dash-bar-track i { display:block; width:100%; min-height:3px; background:#1674df; border-radius:6px 6px 0 0; }
  .dash-bar-item small { color:#8093a5; font-size:10px; }
  .dashboard-summary-card dl { margin:14px 0 0; }
  .dashboard-summary-card dl div { display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid #edf2f7; }
  .dashboard-summary-card dt { color:#73879a; font-size:13px; }
  .dashboard-summary-card dd { margin:0; color:#213f5b; font-weight:700; font-variant-numeric:tabular-nums; }
  .dashboard-empty { margin:auto!important; color:#8294a6; align-self:center; }

  #page-content.admin-workspace { padding:0; background:#f5f8fb; }
  .admin-layout { min-height:calc(100vh - 60px); display:grid; grid-template-columns:270px minmax(0,1fr); }
  .admin-sidebar { background:#fff; border-right:1px solid #dbe5ef; padding:20px 14px; }
  .admin-sidebar-head { padding:4px 10px 16px; border-bottom:1px solid #edf2f6; }
  .admin-sidebar-head strong { display:block; color:#173f65; font-size:18px; }
  .admin-sidebar-head span { color:#8393a4; font-size:12px; }
  .admin-menu-search { display:grid; gap:6px; margin:14px 4px 10px; color:#6c8195; font-size:11px; }
  .admin-menu-search input { min-height:38px; padding:8px 10px; border:1px solid #d2dfeb; border-radius:8px; font-size:13px; }
  .admin-sidebar nav { display:grid; gap:4px; }
  .admin-sidebar nav button { display:grid; gap:2px; width:100%; text-align:left; padding:10px 11px; background:transparent; border-radius:9px; color:#405a72; }
  .admin-sidebar nav button span { font-size:13px; font-weight:700; }
  .admin-sidebar nav button small { color:#8a9aaa; font-size:10px; line-height:1.4; }
  .admin-sidebar nav button:hover,.admin-sidebar nav button.active { background:#eaf2ff; color:#075fcf; }
  .admin-sidebar nav button.active small { color:#5f82aa; }
  .admin-main { min-width:0; padding:26px; }
  .admin-main :is(.flow-app,.expansion-app,.ap-app) { max-width:1500px; margin:0 auto; }
  .mx-admin-toolbar { display:grid; grid-template-columns:minmax(240px,1fr) auto auto; gap:8px; align-items:center; margin:12px 0; padding:10px; background:#fff; border:1px solid #dce6ef; border-radius:10px; }
  .mx-admin-toolbar input { min-height:40px; }
  .mx-admin-toolbar button { min-height:40px; padding:0 14px; background:#edf4fb; color:#315f87; border-radius:7px; }
  .mx-admin-toolbar span { color:#72879a; font-size:12px; white-space:nowrap; }
  .admin-main table { background:#fff; }
  .admin-main :is(.flow-heading,.page-header,.ap-heading) { background:#fff; border:1px solid #dfe8f1; border-radius:12px; padding:16px 18px; }
  .admin-main :is(.security-toolbar,.flow-toolbar) { background:#fff; border:1px solid #e0e8f1; border-radius:10px; padding:10px; }
  @media(max-width:1000px){.dashboard-shell,.admin-layout{grid-template-columns:1fr}.dashboard-sidebar,.admin-sidebar{border-right:0;border-bottom:1px solid #dbe5ef}.dashboard-sidebar nav,.admin-sidebar nav{display:flex;overflow:auto;max-height:none}.dashboard-sidebar nav button,.admin-sidebar nav button{min-width:max-content}.admin-menu-search{display:none}.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}
  @media(max-width:620px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-home,.admin-main{padding:16px 12px}.dashboard-sidebar{padding:10px}.admin-main{padding:14px 10px}.mx-admin-toolbar{grid-template-columns:1fr}.mx-admin-toolbar span{white-space:normal}}
}
/* ===== assets/login-design.css ===== */
/* Login presentation is isolated from the workspace and the local trial. */
@media screen {
  body:not([data-trial]) #login {
    position:relative; isolation:isolate; overflow:hidden; min-height:100svh;
    display:grid; grid-template-columns:minmax(240px,340px) minmax(390px,480px) minmax(180px,260px);
    justify-content:center; align-content:center; align-items:center; gap:clamp(24px,4vw,70px); padding:96px 40px 88px;
    background:radial-gradient(ellipse at 57% 55%,#dceaff80,transparent 65%),linear-gradient(130deg,#f7fbff,#edf5ff 65%,#f8fbff);
    color:#16324f; font-family:"Segoe UI",Tahoma,sans-serif;
  }
  #login[hidden] { display:none!important; }
  body:not([data-trial]) #login::before,body:not([data-trial]) #login::after { content:"";position:absolute;z-index:-1;width:660px;height:660px;border-radius:50%;pointer-events:none; }
  body:not([data-trial]) #login::before { left:-380px;top:12%;background:linear-gradient(150deg,#d6e8ff99,#eaf3ff22); }
  body:not([data-trial]) #login::after { right:-200px;top:-400px;border:100px solid #dbeaff65;width:850px;height:850px; }
  .login-wordmark { position:absolute;top:30px;left:42px;font-size:25px;font-weight:800;letter-spacing:-1px; }
  .login-wordmark > span { color:#0769f2; }
  .login-wordmark small { display:inline-block;margin-left:16px;padding-left:16px;border-left:1px solid #c7d7eb;letter-spacing:0;font-weight:400;font-size:12px;color:#647b94;vertical-align:middle; }
  .login-intro .login-eyebrow { font-size:10px;letter-spacing:1.6px;font-weight:700;color:#2b75c9;margin:0 0 22px; }
  .login-intro h2 { font-size:clamp(26px,2.3vw,36px);line-height:1.55;letter-spacing:-.6px;margin:0 0 22px;font-weight:700; }
  .login-intro h2 > span { display:block;color:#0870f5; }
  .login-intro > p:not(.login-eyebrow) { font-size:14px;line-height:1.9;color:#637b95;margin:0; }
  .login-features { list-style:none;padding:0;margin:35px 0 0;display:grid;gap:23px; }
  .login-features li { display:flex;gap:14px;align-items:center; }
  .login-feature-icon { display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;background:#dfedff;border:1px solid #d4e7ff;border-radius:15px;color:#1875ed; }
  #login svg { width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0; }
  .login-features strong { display:block;font-size:14px;font-weight:600; }
  .login-features small { display:block;margin-top:4px;font-size:12px;color:#6a8097; }
  body:not([data-trial]) #login .login-card { width:100%;padding:36px 38px 26px;background:#ffffffed;border:1px solid #fff;border-radius:28px;box-shadow:0 28px 80px #23549714,0 5px 18px #23549706;text-align:center; }
  body:not([data-trial]) #login .brand-mark { position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:5px;width:86px;height:84px;margin:0 auto 23px;border-radius:24px;background:linear-gradient(140deg,#0877ff,#0059e3);box-shadow:0 8px 20px #0865ed30;color:white;font-size:26px;font-weight:800;letter-spacing:-1px;padding:0; }
  body:not([data-trial]) #login .brand-mark span { color:white; }
  #login .brand-mark::after { content:"";position:absolute;right:-26px;bottom:-32px;width:100px;height:60px;border-radius:50%;background:#ffffff20;transform:rotate(-25deg); }
  #login #login-title { font-size:32px;line-height:1.45;margin:0 0 4px;color:#142e4b;letter-spacing:-.5px; }
  #login .login-welcome { font-size:16px;color:#57708d;margin:0 0 9px;font-weight:600; }
  #login .login-card > .muted { font-size:13px;color:#6b8097;line-height:1.7;margin:0 0 29px; }
  #login #login-form { text-align:left; }
  #login #login-form label { margin:0 0 20px;gap:8px;color:#2a415c;font-size:14px;font-weight:600; }
  #login .login-input-wrap { display:flex;align-items:center;position:relative; }
  #login .login-input-wrap > svg { position:absolute;left:16px;pointer-events:none;color:#7288a1;width:20px;height:20px; }
  #login #login-form input:not([type=hidden]) { width:100%;height:54px;min-width:0;border:1px solid #cddbeb;border-radius:12px;padding:13px 48px;background:#fcfdff;color:#203b58;font:400 14px "Segoe UI",Tahoma,sans-serif;transition:border-color .15s,box-shadow .15s; }
  #login #login-form input::placeholder { color:#7c8fa5;opacity:1; }
  #login #login-form input:focus { border-color:#468bf7;box-shadow:0 0 0 3px #0865ed0d;outline:none; }
  #login #login-toggle-password { position:absolute;right:5px;width:44px;height:44px;padding:0;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#6f839d; }
  #login #login-toggle-password:hover { background:#edf4ff;color:#0865ed; }
  #login #login-toggle-password[aria-pressed=true] .login-eye-slash { display:none; }
  #login #login-form button[type=submit] { display:flex;align-items:center;justify-content:center;gap:16px;height:54px;margin:8px 0 0;padding:12px 18px;border:0;border-radius:12px;font:600 17px "Segoe UI",Tahoma,sans-serif;background:linear-gradient(110deg,#0875ff,#0062ef);box-shadow:0 6px 15px #0865ed20;transition:background .15s,box-shadow .15s; }
  #login #login-form button[type=submit]:hover:not(:disabled) { background:#0057d8;box-shadow:0 6px 20px #0865ed35; }
  #login #login-message { margin:14px 0 0;text-align:left; }
  #login #login-message:empty { display:none; }
  #login .login-help { padding-top:21px;margin:24px 0 0;border-top:1px solid #e4ebf5;color:#708298;font-size:12px;line-height:1.9; }
  #login .login-help span { color:#315b8c;font-weight:600;font-size:13px; }
  .login-art { align-self:center;perspective:1000px;pointer-events:none; }
  .login-art > p { text-align:right;font-size:18px;color:#8b9db2;line-height:1.7;margin:0 0 50px;font-weight:400; }
  .login-art > p strong { font-weight:500;color:#6e87a3; }
  .login-terminal { width:280px;height:210px;background:#f8fbff;border:10px solid #7c93ab;border-radius:14px;transform:rotateY(-18deg) rotateZ(5deg);box-shadow:8px 20px 40px #4d759723;opacity:.65;overflow:hidden; }
  .login-terminal-top { display:flex;gap:3px;align-items:center;height:28px;background:#244364;color:white;padding:0 12px;font-size:11px; }
  .login-terminal-top b { color:#52a5ff; }.login-terminal-top i { display:block;background:#648aaf;width:4px;height:4px;border-radius:50%;margin-left:auto; }.login-terminal-top i+i { margin-left:3px; }
  .login-terminal-body { display:flex;height:164px;gap:10px; }.login-terminal-sidebar { width:44px;background:#d8e8fc;padding:16px 7px; }.login-terminal-sidebar b { display:block;height:5px;margin-bottom:15px;background:#96bbed;border-radius:3px; }
  .login-terminal-products { flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 10px 18px 0; }
  .login-terminal-products i { position:relative;border:1px solid #dce7f5;border-radius:5px;background:linear-gradient(#eff5ff 65%,white 65%); }
  .login-terminal-products i::before { content:"";display:block;width:22px;height:18px;border-radius:4px;background:#b4cef0;margin:10px auto; }.login-terminal-products i:nth-child(2n)::before { border-radius:50%;background:#c2d7df; }.login-terminal-products i::after { content:"";position:absolute;bottom:7px;left:9px;right:9px;height:3px;border-radius:2px;background:#cddbeb; }
  .login-terminal-stand { width:100px;height:70px;margin:-5px auto 0;background:linear-gradient(100deg,#aabdd0,#d1deeb);clip-path:polygon(35% 0,72% 0,73% 80%,100% 91%,100% 100%,0 100%,0 91%,30% 80%);opacity:.6;transform:rotate(5deg); }
  .login-art-caption { display:block;text-align:right;margin-top:38px;color:#8baedb;font-size:15px;font-style:italic;letter-spacing:.5px; }
  .login-footer { position:absolute;bottom:28px;left:20px;right:20px;display:flex;justify-content:center;align-items:center;gap:18px;color:#6e86a2;font-size:12px; }
  .login-footer strong { font-size:16px;letter-spacing:-.5px; }.login-footer > span { padding-left:18px;border-left:1px solid #c3d2e5; }
  @media(min-width:1600px) { body:not([data-trial]) #login { gap:80px; } }
  @media(max-width:1190px) { body:not([data-trial]) #login { grid-template-columns:minmax(240px,340px) minmax(390px,480px);gap:48px; }.login-art { display:none; } }
  @media(max-width:850px) { body:not([data-trial]) #login { grid-template-columns:minmax(0,460px);padding:78px 24px 76px; }.login-intro { display:none; }.login-wordmark { left:26px;top:22px;font-size:21px; } }
  @media(max-width:480px) { body:not([data-trial]) #login { padding:76px 18px 80px; }body:not([data-trial]) #login .login-card { padding:28px 24px 22px;border-radius:22px; }#login #login-title { font-size:28px; }#login .login-card > .muted { font-size:12px; }body:not([data-trial]) #login .brand-mark { width:74px;height:74px;border-radius:21px;font-size:24px;margin-bottom:20px; }.login-wordmark small { font-size:11px; }.login-footer { font-size:11px;gap:12px; }.login-footer > span { padding-left:12px; } }
  @media(prefers-reduced-motion:reduce) { #login input,#login button { transition:none!important; } }
}
/* ===== assets/admin-registry-hotfix.css ===== */
/* POS-X v1.3.14.2 admin registry toolbar hotfix */
@media screen {
  .mx-admin-toolbar {
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:8px !important;
    overflow:visible !important;
    position:relative;
    z-index:4;
    min-width:0;
  }
  .mx-admin-toolbar > [data-search] {
    flex:1 1 320px !important;
    width:auto !important;
    min-width:220px !important;
    max-width:100% !important;
  }
  .mx-admin-toolbar > button:not([hidden]) {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto !important;
    width:auto !important;
    min-width:max-content;
    position:relative;
    z-index:5;
    white-space:nowrap;
  }
  .mx-admin-toolbar > [data-new]:not([hidden]) {
    background:#0866f5 !important;
    color:#fff !important;
    border-color:#0866f5 !important;
    box-shadow:0 3px 10px rgba(8,102,245,.18);
  }
  .mx-admin-toolbar > [data-count] {
    flex:0 0 auto;
    margin-left:auto !important;
    white-space:nowrap;
  }
  .mx-admin-toolbar > [hidden] { display:none !important; }
  .admin-main,
  .admin-main > *,
  .admin-main :is(.flow-app,.expansion-app,.ap-app) {
    min-width:0;
  }
}
@media screen and (max-width:1180px) {
  .mx-admin-toolbar > [data-search] { flex-basis:100% !important; }
  .mx-admin-toolbar > [data-count] { margin-left:0 !important; }
}
@media screen and (max-width:620px) {
  .mx-admin-toolbar { align-items:stretch !important; }
  .mx-admin-toolbar > [data-search],
  .mx-admin-toolbar > button:not([hidden]),
  .mx-admin-toolbar > [data-count] {
    width:100% !important;
    min-width:0 !important;
    flex:1 1 100% !important;
  }
  .mx-admin-toolbar > [data-count] { text-align:left; }
}


/* v1.3.14.3: page-owned registry action bars must stay above tables */
@media screen {
  .admin-main .mx-admin-toolbar[data-admin-toolbar="page"],
  .admin-main .expansion-app > .mx-admin-toolbar {
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:20 !important;
  }
  .admin-main .mx-admin-toolbar [data-new]:not([hidden]),
  .admin-main .mx-admin-toolbar [data-company]:not([hidden]),
  .admin-main .mx-admin-toolbar [data-add]:not([hidden]) {
    display:inline-flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}
/* ===== assets/fresh-green-theme.css ===== */
/* POS-X v1.3.14.62 · Theme 4 Fresh Green
   Screen-only global theme. Printed documents retain their own templates. */
@media screen {
  :root {
    --fresh-green-950:#082f27;
    --fresh-green-900:#0b3b31;
    --fresh-green-800:#0f513f;
    --fresh-green-700:#126b50;
    --fresh-green-600:#0b7a56;
    --fresh-green-500:#0f9f70;
    --fresh-green-400:#22b982;
    --fresh-green-300:#70d7ad;
    --fresh-green-200:#bcebd6;
    --fresh-green-100:#dff7ec;
    --fresh-green-50:#f0fbf6;
    --fresh-ink:#18364f;
    --fresh-muted:#688091;
    --fresh-line:#d7e8df;
    --fresh-panel:#ffffff;
    --fresh-page:#f4f8f6;
    --fresh-soft:#eaf7f1;
    --fresh-shadow:0 4px 18px rgba(15,81,63,.07);

    --ink:var(--fresh-ink);
    --muted:var(--fresh-muted);
    --line:var(--fresh-line);
    --panel:var(--fresh-panel);
    --page:var(--fresh-page);
    --soft:var(--fresh-soft);
    --primary:var(--fresh-green-600);
    --primary-dark:var(--fresh-green-800);
    --success:var(--fresh-green-600);

    --ui-blue:var(--fresh-green-600);
    --ui-blue-hover:var(--fresh-green-800);
    --ui-ink:var(--fresh-ink);
    --ui-muted:var(--fresh-muted);
    --ui-line:var(--fresh-line);
    --ui-soft:var(--fresh-soft);
    --ui-page:var(--fresh-page);
  }

  html { background:var(--fresh-page); }
  body { background:var(--fresh-page); color:var(--fresh-ink); }

  /* Login keeps the product identity but joins the green system theme. */
  .login {
    background:
      radial-gradient(circle at 15% 12%, rgba(34,185,130,.12), transparent 28%),
      linear-gradient(135deg, #eef8f3 0%, #f7faf9 54%, #edf5f2 100%);
  }
  .login .brand-mark,
  .login-card button[type="submit"] { background:var(--fresh-green-600); }
  .login-card button[type="submit"]:hover { background:var(--fresh-green-800); }
  .login-card input:focus-visible {
    outline:2px solid rgba(15,159,112,.30);
    border-color:var(--fresh-green-500);
  }
  .login-eyebrow,.login-intro h2 span,.login-help span { color:var(--fresh-green-600); }

  /* Compact global top navigation: deep green base + emerald active state. */
  .topbar {
    min-height:52px;
    padding:0 14px;
    gap:8px;
    background:linear-gradient(100deg,var(--fresh-green-950),var(--fresh-green-800));
    border:0;
    box-shadow:0 4px 18px rgba(8,47,39,.16);
  }
  .topbar .leftnav { gap:2px; }
  .topbar .navbutton {
    min-height:42px;
    margin:5px 0;
    padding:0 9px;
    border-radius:8px;
    color:#dceee7;
    font-size:12px;
  }
  .topbar .navbutton:hover,
  .topbar .navitem.active>.navbutton,
  .topbar .navitem:focus-within>.navbutton {
    color:#fff;
    background:var(--fresh-green-500);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 3px 10px rgba(0,0,0,.10);
  }
  .topbar .navgroup-code {
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.13);
    color:#e9fff6;
  }
  .topbar .menu-count {
    background:rgba(255,255,255,.12);
    color:#edfff8;
  }
  .topbar .caret,.topbar .branch,.topbar .userlabel { color:#c3ddd3; }
  .topbar .branch { color:#e5fff5; }
  .topbar .rightnav { gap:9px; font-size:12px; }
  .topbar .rightnav button:not(.logout) {
    min-height:30px;
    padding:5px 9px;
    color:#eafff6;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.16);
    border-radius:7px;
  }
  .topbar .rightnav button:not(.logout):hover { background:rgba(255,255,255,.15); }
  .topbar .logout {
    min-height:30px;
    padding:5px 10px;
    color:#fff;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    border-radius:7px;
  }
  .topbar .logout:hover { background:rgba(255,255,255,.15); }
  .topbar .dropdown {
    top:100%;
    border-color:var(--fresh-line);
    box-shadow:0 20px 48px rgba(8,47,39,.18);
  }
  .dropdown-head { color:var(--fresh-green-800); }
  .dropdown .dropitem { color:#365b50; }
  .dropdown .dropitem:hover,.dropdown .dropitem.active {
    background:var(--fresh-green-50);
    color:var(--fresh-green-700);
  }
  .tax-submenu[open]>summary { color:var(--fresh-green-700); }

  .workspace {
    min-height:calc(100vh - 52px);
    padding:18px 20px 24px;
    background:var(--fresh-page);
  }
  .page { max-width:1800px; }

  /* Unified compact page heading. */
  #page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading) {
    padding:0 0 10px;
    margin-bottom:12px;
    border-bottom:1px solid var(--fresh-line);
  }
  #page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading)>h1,
  #page-content :is(.ap-heading,.sales-heading,.flow-heading)>div>h1,
  #page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1 {
    color:var(--fresh-ink);
    font-size:21px;
  }
  #page-content .td-results>h2 { color:var(--fresh-ink); border-color:var(--fresh-line); }

  /* Cards and panels. */
  #page-content :is(.flow-card,.quote-card,.flow-toolbar,.quote-manager-filters,.inventory-panel,.scan-metadata,.card,.mx-metrics>div,.ap-form-card,.sales-panel,.ar-card) {
    border-color:var(--fresh-line);
    box-shadow:var(--fresh-shadow);
  }
  #page-content :is(.flow-toolbar,.quote-manager-filters,.inventory-panel,.scan-metadata) { background:#fff; }

  /* Tables: pale green header, navy text, minimal visual noise. */
  #page-content :is(.ap-table,.quote-table,.branch-price-table,.branch-price-confirm-table,.flow-table-wrap>table,.inventory-scroll>table,.cs-scroll>table,.ar-scroll>table,.sales-table,.tax-table-scroll>table)>thead>tr>th,
  #page-content .cm-app.cm-registry-list #customer-table th,
  #page-content.ap-product-page #catalog-table th,
  #page-content[data-admin=true] :is(.ap-table,.flow-table-wrap>table)>thead>tr>th {
    background:#e9f7f0;
    color:#315d50;
    border-bottom-color:#cee5da;
  }
  #page-content :is(.ap-table-scroll,.quote-table-wrap,.branch-price-table-scroll,.inventory-scroll,.cs-scroll,.ar-scroll,.flow-table-wrap) {
    border-color:var(--fresh-line);
  }
  #page-content :is(.ap-table,.branch-price-table,.inventory-scroll>table,.cs-scroll>table,.ar-scroll>table)>tbody>tr>td {
    border-bottom-color:#e9f0ed;
  }
  #page-content table tbody tr:hover td { background:#f6fbf8; }

  /* Inputs and focus. */
  #page-content :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]) {
    border-color:#c9ddd4;
  }
  #page-content :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):focus-visible {
    outline:2px solid rgba(15,159,112,.24);
    outline-offset:1px;
    border-color:var(--fresh-green-500);
    box-shadow:0 0 0 3px rgba(15,159,112,.07);
  }

  /* Primary actions across modules. */
  #page-content :is(
    .flow-primary,.sales-primary,.primary-btn,.inventory-primary,.sales-cart-button,
    .branch-price-page [data-price-action="update"],
    .cm-registry-list>.ar-heading [data-ar="new"],
    .approval-primary,.guarantee-primary,.settings-primary
  ) {
    color:#fff!important;
    background:var(--fresh-green-600)!important;
    border-color:var(--fresh-green-600)!important;
    box-shadow:0 3px 10px rgba(11,122,86,.14)!important;
  }
  #page-content :is(
    .flow-primary,.sales-primary,.primary-btn,.inventory-primary,.sales-cart-button,
    .branch-price-page [data-price-action="update"],
    .cm-registry-list>.ar-heading [data-ar="new"],
    .approval-primary,.guarantee-primary,.settings-primary
  ):hover:not(:disabled) {
    background:var(--fresh-green-800)!important;
    border-color:var(--fresh-green-800)!important;
  }

  /* Neutral application buttons use a green-accented hover without stealing status colors. */
  #page-content :is(.ap-button,.branch-price-button,.inventory-button,.ar-app button,.flow-app button,.sales-app button,.sales-dialog button,.mx-admin-toolbar button,.mx-row-actions button):not(.danger):not(.flow-danger):not(.sales-danger):not([data-danger]) {
    border-color:#cfe1d9;
  }
  #page-content :is(.ap-button,.branch-price-button,.inventory-button,.ar-app button,.flow-app button,.sales-app button,.sales-dialog button,.mx-admin-toolbar button,.mx-row-actions button):not(:disabled):not(.danger):not(.flow-danger):not(.sales-danger):not([data-danger]):hover {
    border-color:#7fc6aa;
  }

  /* Category trees, tabs and selected rows. */
  #page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) {
    border-color:var(--fresh-line);
    scrollbar-color:#b4d9c8 #f2f8f5;
  }
  #page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar)>h2 {
    background:#edf8f3;
    color:#315d50;
    border-color:var(--fresh-line);
  }
  #page-content :is(.registry-category-group,.branch-price-categories details,.inventory-category-group)>summary {
    background:#f5faf7;
    color:#365f53;
    border-color:var(--fresh-line);
  }
  #page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button[aria-pressed="true"] {
    background:#e2f5ec;
    color:var(--fresh-green-700);
    border-left-color:var(--fresh-green-500);
  }
  #page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button:hover:not(:disabled) {
    background:#f0faf5;
  }
  #page-content .inventory-ui .inventory-tabs button[aria-pressed="true"],
  #page-content .tax-types button[aria-pressed="true"] {
    color:var(--fresh-green-700);
    background:#e5f6ee;
    border-color:#a9d8c3;
  }

  /* Admin / settings components. */
  #page-content .mx-metrics strong { color:var(--fresh-green-700); }
  #page-content .mx-link { color:var(--fresh-green-700)!important; }
  #page-content .mx-badge.master { background:#e4f5ed; color:var(--fresh-green-700); }
  #page-content .mx-tabs [aria-selected="true"] {
    color:var(--fresh-green-700)!important;
    border-bottom-color:var(--fresh-green-500)!important;
  }
  #page-content .mx-switch input:checked+span { background:var(--fresh-green-500); }
  #page-content .mx-info { background:#eef9f4; color:#39705d; }

  /* POS-X overlays / transfer workflow. */
  .pos-workspace { --pos-accent:var(--fresh-green-600); }
  .pos-workspace .pos-cross-toggle button.is-active,
  .pos-transfer-tabs button.is-active {
    background:#e4f5ed;
    color:var(--fresh-green-700);
    border-color:#a8d7c2;
  }
  .pos-transfer-scan-count strong { color:var(--fresh-green-700); }
  .pos-transfer-inbox-item:hover,.pos-transfer-inbox-item.is-active,
  .pos-receive-units article.is-scanned {
    border-color:#9fd4bc;
    background:#eef9f4;
  }
  .pos-receive-units article.is-scanned>b { color:var(--fresh-green-700); }

  /* Scan title changes from hard blue to the selected Theme 4 gradient. */
  .scan-title {
    background:linear-gradient(110deg,var(--fresh-green-900),var(--fresh-green-600));
    box-shadow:0 5px 15px rgba(11,122,86,.14);
  }
  .scan-title h1 { color:#fff!important; }

  /* Dialog shell and soft surfaces. */
  #page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.branch-price-confirm-dialog,.inventory-dialog,.ar-dialog) {
    border-color:#cfe2d9;
    box-shadow:0 24px 85px rgba(8,47,39,.24);
  }
  #page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.inventory-dialog)>header {
    background:#eff8f4;
    color:#285747;
    border-bottom-color:var(--fresh-line);
  }
  #page-content :is(.ap-dialog,.flow-dialog,.sales-dialog,.branch-price-confirm-dialog,.inventory-dialog,.ar-dialog)::backdrop {
    background:rgba(8,47,39,.42);
  }

  /* Keep semantic warning/danger colors intact; unify success with the fresh green palette. */
  #page-content :is(.success,.flow-success,.sales-success,.status-success,.badge-success) { color:var(--fresh-green-700); }

  @media(max-width:1220px) {
    .topbar { padding:4px 9px; }
    .topbar .navbutton { min-height:38px; margin:1px 0; }
    .topbar .rightnav { padding:5px 3px; gap:7px; }
  }
  @media(max-width:700px) {
    .workspace { padding:12px 10px 18px; }
    #page-content :is(.ap-heading,.branch-price-heading,.inventory-titlebar,.ar-heading,.sales-heading,.flow-heading,.page-header,.scan-title,.td-heading)>h1,
    #page-content :is(.ap-heading,.sales-heading,.flow-heading)>div>h1,
    #page-content[data-admin=true] :is(.flow-heading,.ap-heading,.page-header) h1 { font-size:19px; }
  }
}
/* ===== assets/theme-switcher.css ===== */
/* POS-X v1.3.14.63 · theme switcher + compact premium top navigation */
@media screen {
  :root {
    --theme-accent:#0b7a56;
    --theme-accent-strong:#0f513f;
    --theme-accent-soft:#eaf7f1;
    --theme-accent-pale:#f3faf7;
    --theme-top:#082f27;
    --theme-top-2:#0f513f;
    --theme-top-text:#effff8;
    --theme-top-muted:#c8e2d7;
    --theme-border:#d6e6de;
    --theme-page:#f4f8f6;
    --theme-panel:#fff;
    --theme-ink:#17364c;
    --theme-muted:#657d8c;
    --theme-table-head:#e9f7f0;
    --theme-table-head-ink:#315d50;
    --theme-hover:#f5fbf8;
    --theme-shadow:0 5px 18px rgba(8,47,39,.10);
  }

  html[data-posx-theme="navy"] {
    --fresh-green-950:#0c2034;--fresh-green-900:#102a44;--fresh-green-800:#173b5f;--fresh-green-700:#1f5484;
    --fresh-green-600:#23689f;--fresh-green-500:#2c7fbd;--fresh-green-400:#4a9bd0;--fresh-green-300:#85bde0;
    --fresh-green-200:#c5dfef;--fresh-green-100:#e3f0f7;--fresh-green-50:#f2f8fb;
    --fresh-ink:#18364f;--fresh-muted:#657b8c;--fresh-line:#d6e1e9;--fresh-panel:#fff;--fresh-page:#f4f7fa;--fresh-soft:#edf4f8;
    --theme-accent:#23689f;--theme-accent-strong:#173b5f;--theme-accent-soft:#e9f2f8;--theme-accent-pale:#f4f8fb;
    --theme-top:#102a44;--theme-top-2:#173b5f;--theme-top-text:#f3f9fd;--theme-top-muted:#c4d8e6;
    --theme-border:#d6e1e9;--theme-page:#f4f7fa;--theme-panel:#fff;--theme-ink:#18364f;--theme-muted:#657b8c;
    --theme-table-head:#eaf2f7;--theme-table-head-ink:#294f6d;--theme-hover:#f5f9fc;--theme-shadow:0 5px 18px rgba(16,42,68,.10);
  }

  html[data-posx-theme="light"] {
    --fresh-green-950:#20344a;--fresh-green-900:#29445e;--fresh-green-800:#315b78;--fresh-green-700:#39718d;
    --fresh-green-600:#347c72;--fresh-green-500:#459489;--fresh-green-400:#67aaa1;--fresh-green-300:#9bcac3;
    --fresh-green-200:#d5e8e4;--fresh-green-100:#edf5f3;--fresh-green-50:#f8fbfa;
    --fresh-ink:#1e3448;--fresh-muted:#697b8a;--fresh-line:#dde5ea;--fresh-panel:#fff;--fresh-page:#f7f9fb;--fresh-soft:#f2f6f8;
    --theme-accent:#347c72;--theme-accent-strong:#315b78;--theme-accent-soft:#eef5f4;--theme-accent-pale:#fafcfc;
    --theme-top:#ffffff;--theme-top-2:#ffffff;--theme-top-text:#1d354a;--theme-top-muted:#64798a;
    --theme-border:#dce5ea;--theme-page:#f7f9fb;--theme-panel:#fff;--theme-ink:#1e3448;--theme-muted:#697b8a;
    --theme-table-head:#f0f4f6;--theme-table-head-ink:#3c5568;--theme-hover:#f8fafb;--theme-shadow:0 4px 16px rgba(32,52,74,.08);
  }

  html[data-posx-theme] body { background:var(--theme-page); color:var(--theme-ink); }
  html[data-posx-theme] .workspace { background:var(--theme-page); }

  /* Theme 4-style top navigation: brand + compact module pills + utility cluster. */
  html[data-posx-theme] .topbar {
    min-height:54px;
    padding:0 12px;
    gap:12px;
    background:linear-gradient(105deg,var(--theme-top),var(--theme-top-2));
    color:var(--theme-top-text);
    border-bottom:1px solid color-mix(in srgb,var(--theme-border) 55%,transparent);
    box-shadow:var(--theme-shadow);
  }
  html[data-posx-theme="light"] .topbar { border-bottom-color:#dce5ea; }
  .topbar-start { min-width:0; display:flex; align-items:center; gap:10px; flex:1 1 auto; }
  .posx-topbrand {
    flex:0 0 auto; min-width:82px; padding:0 10px 0 2px; display:flex; flex-direction:column; justify-content:center;
    line-height:1.02; border-right:1px solid rgba(255,255,255,.15); color:var(--theme-top-text);
  }
  html[data-posx-theme="light"] .posx-topbrand { border-right-color:#dce5ea; }
  .posx-topbrand strong { font-size:17px; letter-spacing:.2px; font-weight:900; }
  .posx-topbrand small { margin-top:2px; color:var(--theme-top-muted); font-size:8px; font-weight:700; letter-spacing:.35px; }
  html[data-posx-theme] .topbar .leftnav { gap:3px; min-width:0; }
  html[data-posx-theme] .topbar .navbutton {
    min-height:38px; margin:0; padding:0 8px; gap:5px; border-radius:9px; color:var(--theme-top-muted);
    font-size:11.5px; border:1px solid transparent; transition:background .15s,border-color .15s,color .15s,transform .15s;
  }
  html[data-posx-theme] .topbar .navbutton:hover { color:var(--theme-top-text); background:rgba(255,255,255,.09); }
  html[data-posx-theme="light"] .topbar .navbutton:hover { background:#f2f6f8; }
  html[data-posx-theme] .topbar .navitem.active>.navbutton,
  html[data-posx-theme] .topbar .navitem:focus-within>.navbutton {
    color:#fff; background:var(--theme-accent); border-color:color-mix(in srgb,var(--theme-accent) 80%,#fff);
    box-shadow:0 3px 10px color-mix(in srgb,var(--theme-accent) 24%,transparent);
  }
  html[data-posx-theme] .topbar .navgroup-code {
    min-width:26px; height:20px; padding:0 5px; border-radius:5px; color:inherit;
    background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.12); font-size:9.5px;
  }
  html[data-posx-theme="light"] .topbar .navgroup-code { background:#eef3f6; border-color:#d8e3e8; }
  html[data-posx-theme] .topbar .menu-count {
    min-width:18px; height:18px; padding:0 5px; display:inline-grid; place-items:center; border-radius:9px;
    background:rgba(255,255,255,.11); color:inherit; font-size:9.5px;
  }
  html[data-posx-theme="light"] .topbar .menu-count { background:#edf2f5; }
  html[data-posx-theme] .topbar .caret { color:inherit; opacity:.72; font-size:8px; }
  html[data-posx-theme] .topbar .home-button { width:34px; justify-content:center; padding:0; font-size:17px; }

  html[data-posx-theme] .topbar .rightnav { flex:0 0 auto; gap:6px; font-size:11px; color:var(--theme-top-muted); }
  html[data-posx-theme] .topbar .branch { max-width:210px; color:var(--theme-top-text); font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-posx-theme] .topbar .userlabel { max-width:155px; color:var(--theme-top-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  html[data-posx-theme] .topbar .rightnav>button,
  html[data-posx-theme] .topbar .rightnav .theme-switcher-btn {
    min-height:30px; padding:4px 8px; border-radius:7px; color:var(--theme-top-text);
    background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.15); font-size:10.5px; font-weight:800;
  }
  html[data-posx-theme="light"] .topbar .rightnav>button,
  html[data-posx-theme="light"] .topbar .rightnav .theme-switcher-btn { background:#f5f8fa; border-color:#d7e1e7; }
  html[data-posx-theme] .topbar .rightnav>button:hover,
  html[data-posx-theme] .topbar .rightnav .theme-switcher-btn:hover { background:rgba(255,255,255,.14); }
  html[data-posx-theme="light"] .topbar .rightnav>button:hover,
  html[data-posx-theme="light"] .topbar .rightnav .theme-switcher-btn:hover { background:#edf3f6; }

  /* Compact theme picker. */
  .theme-switcher { position:relative; }
  .theme-switcher-btn { display:inline-flex; align-items:center; gap:6px; cursor:pointer; white-space:nowrap; }
  .theme-current-dot,.theme-choice-dot { width:10px; height:10px; border-radius:50%; box-shadow:0 0 0 2px rgba(255,255,255,.20); }
  html[data-posx-theme="green"] .theme-current-dot { background:#2cc58d; }
  html[data-posx-theme="navy"] .theme-current-dot { background:#4b9bd1; }
  html[data-posx-theme="light"] .theme-current-dot { background:#ffffff; border:1px solid #9db0bd; box-shadow:none; }
  .theme-caret { opacity:.7; font-size:9px; }
  .theme-switcher-menu {
    position:absolute; top:calc(100% + 8px); right:0; z-index:120; width:238px; padding:6px;
    background:#fff; border:1px solid #dce5e8; border-radius:11px; box-shadow:0 18px 45px rgba(20,43,69,.18);
  }
  .theme-switcher-menu[hidden] { display:none!important; }
  .theme-switcher-menu button {
    width:100%; min-height:50px; display:grid; grid-template-columns:16px 1fr 18px; align-items:center; gap:9px;
    padding:7px 8px; color:#263d50; background:#fff; border:0; border-radius:8px; text-align:left; cursor:pointer;
  }
  .theme-switcher-menu button:hover { background:#f4f8f7; }
  .theme-switcher-menu button.is-selected { background:#eef8f4; }
  .theme-switcher-menu button>span:nth-child(2) { display:flex; flex-direction:column; gap:2px; }
  .theme-switcher-menu strong { font-size:12px; }
  .theme-switcher-menu small { color:#718391; font-size:10px; }
  .theme-switcher-menu b { visibility:hidden; color:#0b7a56; }
  .theme-switcher-menu button.is-selected b { visibility:visible; }
  .theme-choice-dot.green { background:#20aa79; }.theme-choice-dot.navy { background:#23689f; }.theme-choice-dot.light { background:#fff; border:1px solid #9fb1bd; }

  /* Theme-dependent surfaces override the original green literals. */
  html[data-posx-theme] #page-content :is(.ap-table,.quote-table,.branch-price-table,.branch-price-confirm-table,.flow-table-wrap>table,.inventory-scroll>table,.cs-scroll>table,.ar-scroll>table,.sales-table,.tax-table-scroll>table)>thead>tr>th,
  html[data-posx-theme] #page-content .cm-app.cm-registry-list #customer-table th,
  html[data-posx-theme] #page-content.ap-product-page #catalog-table th,
  html[data-posx-theme] #page-content[data-admin=true] :is(.ap-table,.flow-table-wrap>table)>thead>tr>th {
    background:var(--theme-table-head); color:var(--theme-table-head-ink); border-bottom-color:var(--theme-border);
  }
  html[data-posx-theme] #page-content table tbody tr:hover td { background:var(--theme-hover); }
  html[data-posx-theme] #page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar)>h2 { background:var(--theme-accent-soft); color:var(--theme-table-head-ink); }
  html[data-posx-theme] #page-content :is(.registry-category-group,.branch-price-categories details,.inventory-category-group)>summary { background:var(--theme-accent-pale); color:var(--theme-table-head-ink); }
  html[data-posx-theme] #page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button[aria-pressed="true"] { background:var(--theme-accent-soft); color:var(--theme-accent-strong); border-left-color:var(--theme-accent); }
  html[data-posx-theme] #page-content :is(.ap-categories,.branch-price-categories,.inventory-sidebar,.sales-categories) button:hover:not(:disabled) { background:var(--theme-accent-pale); }
  html[data-posx-theme] #page-content .inventory-ui .inventory-tabs button[aria-pressed="true"],
  html[data-posx-theme] #page-content .tax-types button[aria-pressed="true"] { color:var(--theme-accent-strong); background:var(--theme-accent-soft); border-color:var(--theme-border); }
  html[data-posx-theme] .scan-title { background:linear-gradient(110deg,var(--theme-top),var(--theme-accent)); }

  /* Dropdown follows the selected theme but stays white for readability. */
  html[data-posx-theme] .topbar .dropdown { top:46px; border-color:var(--theme-border); box-shadow:0 18px 45px rgba(17,42,62,.18); border-radius:10px; }
  html[data-posx-theme] .dropdown-head { color:var(--theme-accent-strong); }
  html[data-posx-theme] .dropdown .dropitem:hover,
  html[data-posx-theme] .dropdown .dropitem.active { background:var(--theme-accent-pale); color:var(--theme-accent-strong); }

  @media(max-width:1450px){
    html[data-posx-theme] .topbar { gap:8px; padding:0 8px; }
    .posx-topbrand { min-width:64px; padding-right:7px; }
    .posx-topbrand small { display:none; }
    html[data-posx-theme] .topbar .navbutton { padding:0 6px; gap:4px; font-size:11px; }
    html[data-posx-theme] .topbar .userlabel { display:none; }
    .theme-current-label { display:none; }
  }
  @media(max-width:1180px){
    .posx-topbrand { display:none; }
    html[data-posx-theme] .topbar .branch { max-width:130px; }
  }
}
/* ===== assets/purchase-import-modern.css ===== */
/* POS-X v1.3.14.64 · Excel purchase import usability pass */
@media screen {
  .ap-purchase-page #import-form.ap-import-form { position:relative; padding-bottom:88px; }
  .ap-purchase-page .ap-import-source-card {
    margin:0 0 12px; padding:12px 14px; border:1px solid var(--theme-border,#d6e6de);
    border-radius:12px; background:var(--theme-panel,#fff); box-shadow:0 4px 16px rgba(25,54,76,.05);
  }
  .ap-purchase-page .ap-import-source-grid { gap:12px; align-items:end; }
  .ap-purchase-page .ap-import-source-grid label { margin:0; }
  .ap-purchase-page .ap-import-source-grid label>span { display:block; margin-bottom:5px; font-weight:800; color:var(--theme-ink,#17364c); }
  .ap-purchase-page .ap-import-source-grid :is(input,select) { min-height:38px; border-radius:8px; }
  .ap-purchase-page .ap-import-review { display:grid; gap:12px; }

  .ap-purchase-page .ap-import-group {
    margin:0; padding:0; overflow:hidden; border:1px solid var(--theme-border,#d6e6de); border-radius:12px;
    background:var(--theme-panel,#fff); box-shadow:0 5px 18px rgba(25,54,76,.055);
  }
  .ap-purchase-page .ap-import-card-head {
    min-height:56px; display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:10px 14px; background:linear-gradient(90deg,var(--theme-accent-pale,#f3faf7),#fff);
    border-bottom:1px solid var(--theme-border,#d6e6de);
  }
  .ap-purchase-page .ap-import-card-title { min-width:0; display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 10px; }
  .ap-purchase-page .ap-import-card-title strong { color:var(--theme-ink,#17364c); font-size:15px; letter-spacing:.1px; }
  .ap-purchase-page .ap-import-card-title span { color:var(--theme-muted,#657d8c); font-size:12px; }
  .ap-purchase-page .ap-import-card-amount { flex:0 0 auto; display:grid; justify-items:end; gap:1px; }
  .ap-purchase-page .ap-import-card-amount span { color:var(--theme-muted,#657d8c); font-size:10.5px; }
  .ap-purchase-page .ap-import-card-amount strong { color:var(--theme-accent-strong,#0f513f); font-size:16px; font-variant-numeric:tabular-nums; }

  .ap-purchase-page .ap-import-table-scroll { margin:0; border:0!important; border-radius:0!important; box-shadow:none!important; overflow-x:auto; }
  .ap-purchase-page .ap-import-table { table-layout:fixed; width:100%; min-width:1000px!important; border:0; }
  .ap-purchase-page .ap-import-table col.col-row { width:5%; }
  .ap-purchase-page .ap-import-table col.col-code { width:13%; }
  .ap-purchase-page .ap-import-table col.col-product { width:31%; }
  .ap-purchase-page .ap-import-table col.col-sn { width:17%; }
  .ap-purchase-page .ap-import-table col.col-qty { width:7%; }
  .ap-purchase-page .ap-import-table col.col-price { width:13%; }
  .ap-purchase-page .ap-import-table col.col-status { width:14%; }
  .ap-purchase-page .ap-import-table th,
  .ap-purchase-page .ap-import-table td { box-sizing:border-box; height:39px; padding:7px 10px!important; vertical-align:middle; }
  .ap-purchase-page .ap-import-table th { white-space:nowrap; font-size:11.5px!important; letter-spacing:.05px; }
  .ap-purchase-page .ap-import-table td { color:var(--theme-ink,#17364c); font-size:12px!important; line-height:1.3; }
  .ap-purchase-page .ap-import-table tbody tr:nth-child(even) td { background:color-mix(in srgb,var(--theme-accent-pale,#f3faf7) 42%,#fff); }
  .ap-purchase-page .ap-import-table tbody tr:hover td { background:var(--theme-hover,#f5fbf8)!important; }
  .ap-purchase-page .ap-import-table :is(th,td):nth-child(1),
  .ap-purchase-page .ap-import-table :is(th,td):nth-child(5),
  .ap-purchase-page .ap-import-table :is(th,td):nth-child(7) { text-align:center; }
  .ap-purchase-page .ap-import-table :is(th,td):nth-child(6) { text-align:right; }
  .ap-purchase-page .ap-import-table td:nth-child(2),
  .ap-purchase-page .ap-import-table td:nth-child(4) { font-variant-numeric:tabular-nums; }
  .ap-purchase-page .ap-import-table td:nth-child(3) { overflow-wrap:anywhere; }
  .ap-purchase-page .ap-import-table td:nth-child(6) { font-variant-numeric:tabular-nums; font-weight:700; }

  .ap-purchase-page .ap-import-state {
    display:inline-flex; min-height:23px; align-items:center; justify-content:center; padding:2px 8px;
    border-radius:999px; border:1px solid transparent; font-size:10.5px; font-weight:800; white-space:nowrap;
  }
  .ap-purchase-page .ap-import-state.is-ready { color:#08714f; background:#e9f8f1; border-color:#bfe7d5; }
  .ap-purchase-page .ap-import-state.is-new { color:#8a5c00; background:#fff7df; border-color:#f2dda0; }
  .ap-purchase-page .ap-import-state.is-off { color:#a43d3d; background:#fff0ef; border-color:#f1c9c5; }

  .ap-purchase-page .ap-import-card-foot {
    min-height:42px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:16px;
    padding:8px 14px; color:var(--theme-muted,#657d8c); background:var(--theme-accent-pale,#f3faf7);
    border-top:1px solid var(--theme-border,#d6e6de); font-size:11.5px;
  }
  .ap-purchase-page .ap-import-card-foot strong { color:var(--theme-ink,#17364c); font-size:14px; font-variant-numeric:tabular-nums; }
  .ap-purchase-page .ap-import-save-state { color:var(--theme-accent,#0b7a56); font-weight:800; }

  .ap-purchase-page .ap-import-sticky-summary[hidden] { display:none!important; }
  .ap-purchase-page .ap-import-sticky-summary {
    position:fixed; z-index:75; left:max(18px,calc((100vw - 1520px)/2)); right:max(18px,calc((100vw - 1520px)/2)); bottom:14px;
    min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 12px;
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 32%,var(--theme-border,#d6e6de));
    border-radius:14px; background:color-mix(in srgb,var(--theme-panel,#fff) 94%,var(--theme-accent-soft,#eaf7f1));
    box-shadow:0 14px 38px rgba(17,48,57,.20); backdrop-filter:blur(10px);
  }
  .ap-purchase-page .ap-import-summary-metrics { display:flex; align-items:center; gap:6px; min-width:0; }
  .ap-purchase-page .ap-import-summary-metrics>div {
    min-width:86px; height:48px; display:grid; align-content:center; gap:1px; padding:5px 10px;
    border:1px solid var(--theme-border,#d6e6de); border-radius:10px; background:#fff;
  }
  .ap-purchase-page .ap-import-summary-metrics span { color:var(--theme-muted,#657d8c); font-size:10px; }
  .ap-purchase-page .ap-import-summary-metrics strong { color:var(--theme-ink,#17364c); font-size:15px; font-variant-numeric:tabular-nums; }
  .ap-purchase-page .ap-import-summary-metrics .ap-import-summary-grand { min-width:205px; border-color:color-mix(in srgb,var(--theme-accent,#0b7a56) 30%,var(--theme-border,#d6e6de)); background:var(--theme-accent-pale,#f3faf7); }
  .ap-purchase-page .ap-import-summary-metrics .ap-import-summary-grand strong { color:var(--theme-accent-strong,#0f513f); font-size:18px; }
  .ap-purchase-page .ap-import-summary-actions { margin-left:auto; display:flex; align-items:center; justify-content:flex-end; gap:8px; }
  .ap-purchase-page .ap-import-summary-actions #import-progress { max-width:240px; text-align:right; font-size:10.5px; }
  .ap-purchase-page .ap-import-summary-actions button { min-height:40px; border-radius:9px; padding:7px 13px; }
  .ap-purchase-page .ap-import-summary-actions #import-submit { min-width:150px; font-weight:900; }

  @media(max-width:1000px) {
    .ap-purchase-page #import-form.ap-import-form { padding-bottom:132px; }
    .ap-purchase-page .ap-import-sticky-summary { left:8px; right:8px; bottom:8px; flex-wrap:wrap; }
    .ap-purchase-page .ap-import-summary-metrics { width:100%; overflow-x:auto; }
    .ap-purchase-page .ap-import-summary-actions { width:100%; }
    .ap-purchase-page .ap-import-card-head { align-items:flex-start; }
  }
}

/* v1.3.14.66 · collapse duplicate import summary after workbook load */
@media screen {
  .ap-purchase-page #ap-message[hidden],
  .ap-purchase-page #import-form > .notice[hidden] { display:none!important; }

  .ap-purchase-page .ap-import-source-card.is-loaded {
    padding:7px 10px;
    margin-bottom:9px;
    border-radius:10px;
  }
  .ap-purchase-page .ap-import-source-card.is-loaded .ap-import-source-grid {
    gap:8px;
  }
  .ap-purchase-page .ap-import-source-card.is-loaded label>span {
    margin-bottom:3px;
    font-size:10px;
    line-height:1.1;
    color:var(--theme-muted,#657d8c);
  }
  .ap-purchase-page .ap-import-source-card.is-loaded :is(input,select) {
    min-height:34px;
    height:34px;
    padding-top:4px;
    padding-bottom:4px;
  }

  .ap-purchase-page .ap-import-sticky-summary {
    bottom:8px;
  }
}
/* ===== assets/topbar-v2.css ===== */
/* POS-X v1.3.14.65 · compact single-row topbar + stacked identity */
html[data-posx-theme] .topbar{
  min-height:48px!important;
  height:48px;
  padding:0 10px!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  overflow:visible!important;
}
html[data-posx-theme] .topbar-start{
  flex:1 1 auto;
  min-width:0;
  gap:7px;
  height:48px;
  overflow:visible;
}
html[data-posx-theme] .posx-topbrand{
  min-width:66px;
  width:66px;
  height:36px;
  padding:0 7px 0 0;
}
html[data-posx-theme] .posx-topbrand strong{font-size:15px;line-height:1}
html[data-posx-theme] .posx-topbrand small{font-size:7px;margin-top:1px}
html[data-posx-theme] .topbar .leftnav{
  flex:1 1 auto;
  min-width:0;
  gap:2px;
  flex-wrap:nowrap!important;
  overflow:visible;
}
html[data-posx-theme] .topbar .navbutton{
  min-height:34px!important;
  height:34px;
  margin:0!important;
  padding:0 6px!important;
  gap:4px!important;
  border-radius:8px;
  font-size:10.5px!important;
}
html[data-posx-theme] .topbar .navgroup-code{
  min-width:24px;height:18px;padding:0 4px;font-size:8.5px;
}
html[data-posx-theme] .topbar .menu-count{
  min-width:16px;height:16px;padding:0 4px;font-size:8.5px;
}
html[data-posx-theme] .topbar .home-button{width:30px!important;font-size:14px!important}

html[data-posx-theme] .topbar .rightnav{
  flex:0 0 auto;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end;
  gap:4px!important;
  margin-left:auto;
  min-width:0;
  white-space:nowrap;
  padding:0!important;
  flex-wrap:nowrap!important;
}
.identity-stack{
  width:176px;
  min-width:150px;
  max-width:176px;
  height:34px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:1px;
  padding:2px 8px;
  border-left:1px solid rgba(255,255,255,.14);
  border-right:1px solid rgba(255,255,255,.14);
  overflow:hidden;
}
html[data-posx-theme="light"] .identity-stack{border-color:#dbe4e8}
html[data-posx-theme] .identity-stack .branch,
html[data-posx-theme] .identity-stack .userlabel{
  display:block!important;
  max-width:100%!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.15;
}
html[data-posx-theme] .identity-stack .branch{font-size:10.5px;font-weight:850;color:var(--theme-top-text)}
html[data-posx-theme] .identity-stack .userlabel{font-size:9px;color:var(--theme-top-muted)}

html[data-posx-theme] .topbar .rightnav>button,
html[data-posx-theme] .topbar .rightnav .theme-switcher-btn{
  min-height:28px!important;
  height:28px;
  padding:2px 7px!important;
  border-radius:7px;
  font-size:9.5px!important;
  line-height:1;
}
html[data-posx-theme] .topbar #system-bot-shell,
html[data-posx-theme] .topbar #pwa-install-btn,
html[data-posx-theme] .topbar #pwa-push-btn{padding-inline:7px!important}
html[data-posx-theme] .topbar #security-account-btn{min-width:auto}
html[data-posx-theme] .topbar .logout{min-width:auto}

/* Keep the theme control useful without spending 100+ px in the shell. */
html[data-posx-theme] .theme-current-label{display:none!important}
html[data-posx-theme] .theme-switcher-btn::after{content:'ธีม';font-weight:800}
html[data-posx-theme] .theme-switcher-btn{gap:4px!important}
html[data-posx-theme] .theme-current-dot{width:8px;height:8px}
html[data-posx-theme] .theme-caret{font-size:8px}

/* Dropdown follows the reduced shell height. */
html[data-posx-theme] .topbar .dropdown{top:41px!important}
html[data-posx-theme] .theme-switcher-menu{top:33px!important}

/* Remove legacy global wrapping from AP/theme consistency styles. */
html[data-posx-theme] body .topbar{flex-wrap:nowrap!important}
html[data-posx-theme] body .topbar .leftnav{flex-wrap:nowrap!important}

@media(max-width:1480px){
  html[data-posx-theme] .posx-topbrand{width:55px;min-width:55px}
  html[data-posx-theme] .posx-topbrand small{display:none}
  html[data-posx-theme] .topbar .navbutton{padding:0 5px!important;font-size:10px!important}
  .identity-stack{width:150px;min-width:132px;max-width:150px;padding-inline:6px}
  html[data-posx-theme] .topbar #pwa-install-btn{font-size:0!important;width:29px;padding:0!important}
  html[data-posx-theme] .topbar #pwa-install-btn::after{content:'＋';font-size:15px}
}
@media(max-width:1260px){
  html[data-posx-theme] .posx-topbrand{display:none!important}
  .identity-stack{width:130px;min-width:118px;max-width:130px}
  html[data-posx-theme] .topbar .navbutton{padding:0 4px!important;gap:3px!important;font-size:9.5px!important}
  html[data-posx-theme] .topbar #system-bot-shell span:not(.system-bot-dot){display:none}
  html[data-posx-theme] .topbar #system-bot-shell{width:30px;padding:0!important;justify-content:center}
}
@media(max-width:1080px){
  html[data-posx-theme] .topbar{height:auto;min-height:48px!important;flex-wrap:wrap!important;padding:4px 8px!important}
  html[data-posx-theme] .topbar-start{height:38px;width:100%;flex-basis:100%}
  html[data-posx-theme] .topbar .rightnav{width:100%;justify-content:flex-end;padding-bottom:2px!important}
  html[data-posx-theme] .topbar .dropdown{top:38px!important}
}
@media(max-width:760px){
  .identity-stack{width:122px;min-width:110px;max-width:122px}
  html[data-posx-theme] .topbar #security-account-btn{font-size:0!important;width:30px;padding:0!important}
  html[data-posx-theme] .topbar #security-account-btn::after{content:'MFA';font-size:9px}
  html[data-posx-theme] .topbar .logout{font-size:0!important;width:30px;padding:0!important}
  html[data-posx-theme] .topbar .logout::after{content:'ออก';font-size:9px}
}
/* ===== assets/operations-redesign.css ===== */
/* POS-X v1.3.14.67 · unified AP / Supplier / Stock operational redesign */
@media screen {
  /* Shared page geometry */
  #page-content.ap-purchase-page,
  #page-content.ap-supplier-page,
  #page-content:has(.ops-stock-dispatch) {
    color:var(--theme-ink,#17364c);
    background:transparent!important;
  }

  #page-content.ap-purchase-page,
  #page-content.ap-supplier-page {
    padding:16px 18px 28px!important;
    border-radius:0!important;
  }

  /* Modern AP/Supplier page headers */
  #page-content.ap-purchase-page>.ap-heading,
  #page-content.ap-supplier-page>.ap-heading {
    max-width:none!important;
    min-height:68px;
    margin:0 0 14px!important;
    padding:8px 0 12px!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    border-bottom:1px solid var(--theme-border,#d6e6de)!important;
    background:transparent!important;
  }
  #page-content.ap-purchase-page>.ap-heading::before,
  #page-content.ap-supplier-page>.ap-heading::before {
    content:'PO';
    width:50px;height:50px;display:grid;place-items:center;
    border-radius:14px;
    color:var(--theme-accent-strong,#0f513f);
    background:var(--theme-accent-soft,#eaf7f1);
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 18%,var(--theme-border,#d6e6de));
    font:900 13px/1 Tahoma,Arial,sans-serif;
  }
  #page-content.ap-supplier-page>.ap-heading::before {content:'SUP';}
  #page-content.ap-purchase-page>.ap-heading h1,
  #page-content.ap-supplier-page>.ap-heading h1 {
    margin:0!important;color:var(--theme-ink,#17364c)!important;
    font:900 24px/1.2 Tahoma,Arial,sans-serif!important;letter-spacing:-.3px;
  }
  #page-content.ap-purchase-page>.ap-heading h1::after,
  #page-content.ap-supplier-page>.ap-heading h1::after {
    content:'จัดการงานจัดซื้อ เอกสาร PO และขั้นตอนรับสินค้า';
    display:block;margin-top:5px;
    color:var(--theme-muted,#657d8c);font:500 11.5px/1.4 Tahoma,Arial,sans-serif;letter-spacing:0;
  }
  #page-content.ap-supplier-page>.ap-heading h1::after {content:'จัดการข้อมูลผู้จำหน่าย เงื่อนไขเครดิต และข้อมูลติดต่อ';}
  #page-content.ap-purchase-page>.ap-heading>.ap-toolbar,
  #page-content.ap-supplier-page>.ap-heading>.ap-toolbar {
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
    display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;
  }
  #page-content.ap-purchase-page>.ap-heading>.ap-toolbar .ap-button,
  #page-content.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button {
    min-height:40px!important;padding:8px 14px!important;border-radius:9px!important;
    background:var(--theme-panel,#fff)!important;color:var(--theme-accent-strong,#0f513f)!important;
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 24%,var(--theme-border,#d6e6de))!important;
    box-shadow:0 2px 8px rgba(17,48,57,.04)!important;font-weight:800!important;
  }
  #page-content.ap-purchase-page>.ap-heading>.ap-toolbar .ap-button:last-child,
  #page-content.ap-supplier-page>.ap-heading>.ap-toolbar .ap-button:last-child {
    color:#fff!important;background:var(--theme-accent,#0b7a56)!important;border-color:var(--theme-accent,#0b7a56)!important;
    box-shadow:0 7px 18px color-mix(in srgb,var(--theme-accent,#0b7a56) 20%,transparent)!important;
  }

  /* Search/filter cards */
  .ops-filter-card {
    margin:0 0 14px;padding:14px 16px;
    border:1px solid var(--theme-border,#d6e6de);border-radius:14px;
    background:var(--theme-panel,#fff);box-shadow:0 5px 18px rgba(17,48,57,.045);
  }
  .ops-filter-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;}
  .ops-filter-heading strong {font-size:13px;color:var(--theme-ink,#17364c);}
  .ops-filter-heading :is(.supplier-count,.ops-count){color:var(--theme-muted,#657d8c);font-size:11px;font-weight:700;}
  .ops-filter-row {display:grid;grid-template-columns:minmax(300px,1.8fr) minmax(150px,.55fr) auto;gap:10px;align-items:end;}
  .ops-filter-row label {margin:0!important;min-width:0!important;max-width:none!important;}
  .ops-filter-row label>span {display:block;margin-bottom:5px;color:var(--theme-muted,#657d8c);font-size:10.5px;font-weight:800;}
  .ops-filter-row :is(input,select){height:40px!important;min-height:40px!important;border-radius:9px!important;background:#fff!important;border:1px solid var(--theme-border,#d6e6de)!important;}
  .ops-reset-filter {height:40px!important;min-height:40px!important;padding-inline:14px!important;}

  /* AP / Supplier data card */
  .ops-table-card {border:1px solid var(--theme-border,#d6e6de);border-radius:14px;background:var(--theme-panel,#fff);overflow:hidden;box-shadow:0 5px 18px rgba(17,48,57,.045);}
  .ops-table-card>.ap-table-scroll {border:0!important;border-radius:0!important;box-shadow:none!important;}
  .ops-table-card .ap-table {min-width:900px!important;background:#fff!important;color:var(--theme-ink,#17364c)!important;}
  .ops-table-card .ap-table th {height:44px;padding:9px 12px!important;background:var(--theme-table-head,#e9f7f0)!important;color:var(--theme-table-head-ink,#315d50)!important;border-bottom:1px solid var(--theme-border,#d6e6de)!important;font-size:11.5px!important;font-weight:850!important;}
  .ops-table-card .ap-table td {height:48px;padding:9px 12px!important;background:#fff!important;color:var(--theme-ink,#17364c)!important;border-bottom:1px solid color-mix(in srgb,var(--theme-border,#d6e6de) 70%,#fff)!important;font-size:12px!important;vertical-align:middle;}
  .ops-table-card .ap-table tr:nth-child(even) td {background:color-mix(in srgb,var(--theme-accent-pale,#f3faf7) 35%,#fff)!important;}
  .ops-table-card .ap-table tr:hover td {background:var(--theme-hover,#f5fbf8)!important;}
  .ops-table-card .ap-link {color:var(--theme-accent,#0b7a56)!important;font-weight:850;text-decoration:none!important;}
  .ops-table-card .ap-button {min-height:31px!important;padding:5px 9px!important;border-radius:8px!important;}
  .ops-company-cell {display:grid;gap:2px;}
  .ops-company-cell strong {font-size:12.5px;color:var(--theme-ink,#17364c);}
  .ops-company-cell small {font-size:10.5px;color:var(--theme-muted,#657d8c);}
  .ops-money {display:block;text-align:right;color:var(--theme-ink,#17364c);font-variant-numeric:tabular-nums;}
  .ops-source-badge {display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border-radius:999px;background:var(--theme-accent-soft,#eaf7f1);color:var(--theme-accent-strong,#0f513f);font-size:10.5px;font-weight:850;}
  .ops-source-badge.manual {background:#eef3f8;color:#36536d;}

  /* Empty states */
  .ops-empty-state {min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 20px;text-align:center;background:#fff;color:var(--theme-muted,#657d8c);}
  .ops-empty-icon {width:66px;height:66px;display:grid;place-items:center;border-radius:18px;background:var(--theme-accent-soft,#eaf7f1);color:var(--theme-accent,#0b7a56);font:300 38px/1 Arial,sans-serif;margin-bottom:5px;}
  .ops-empty-state strong {font-size:16px;color:var(--theme-ink,#17364c);}
  .ops-empty-state>span {font-size:11.5px;max-width:520px;}
  .ops-empty-actions {display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:7px;}
  .ops-empty-state button {min-height:38px;padding:7px 14px;border-radius:9px;}

  /* Supplier page: cancel legacy dark skin and match AP. */
  #page-content.ap-supplier-page #ap-content {max-width:none!important;margin:0!important;}
  #page-content.ap-supplier-page .supplier-list-toolbar {display:block!important;margin:0 0 14px!important;padding:14px 16px!important;background:var(--theme-panel,#fff)!important;border:1px solid var(--theme-border,#d6e6de)!important;}
  #page-content.ap-supplier-page .supplier-list-toolbar input,
  #page-content.ap-supplier-page .supplier-list-toolbar select {background:#fff!important;color:var(--theme-ink,#17364c)!important;border-color:var(--theme-border,#d6e6de)!important;}
  #page-content.ap-supplier-page .ap-status.ACTIVE {background:#e6f7ee!important;color:#08714f!important;border-radius:999px;padding:3px 9px;}
  #page-content.ap-supplier-page .ap-status.INACTIVE {background:#edf1f4!important;color:#5d6d79!important;border-radius:999px;padding:3px 9px;}
  #page-content.ap-supplier-page .ops-table-card .ap-table td:nth-child(7){color:#d33c36!important;text-align:right;font-weight:850;font-variant-numeric:tabular-nums;}

  /* Purchase import: summary is now a sticky toolbar under Supplier / Excel, not a bottom overlay. */
  #page-content.ap-purchase-page #import-form.ap-import-form {padding-bottom:0!important;}
  #page-content.ap-purchase-page .ap-import-source-card {margin-bottom:8px!important;}
  #page-content.ap-purchase-page .ap-import-sticky-summary {
    position:sticky!important;top:56px!important;left:auto!important;right:auto!important;bottom:auto!important;z-index:66;
    width:100%;min-height:58px;margin:0 0 10px;padding:7px 9px!important;
    display:flex;align-items:center;gap:8px;justify-content:flex-start;
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 30%,var(--theme-border,#d6e6de))!important;
    border-radius:11px!important;background:color-mix(in srgb,var(--theme-panel,#fff) 96%,var(--theme-accent-soft,#eaf7f1))!important;
    box-shadow:0 8px 24px rgba(17,48,57,.11)!important;backdrop-filter:blur(10px);
  }
  .ap-import-summary-supplier {min-width:260px;max-width:440px;display:grid;gap:1px;padding:5px 10px;border-right:1px solid var(--theme-border,#d6e6de);}
  .ap-import-summary-supplier span {font-size:9.5px;color:var(--theme-muted,#657d8c);font-weight:800;}
  .ap-import-summary-supplier strong {font-size:12.5px;color:var(--theme-ink,#17364c);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #page-content.ap-purchase-page .ap-import-summary-metrics {gap:5px!important;}
  #page-content.ap-purchase-page .ap-import-summary-metrics>div {min-width:70px!important;height:42px!important;padding:4px 8px!important;border-radius:8px!important;}
  #page-content.ap-purchase-page .ap-import-summary-metrics .ap-import-summary-grand {min-width:175px!important;}
  #page-content.ap-purchase-page .ap-import-summary-metrics .ap-import-summary-grand strong {font-size:16px!important;}
  #page-content.ap-purchase-page .ap-import-summary-actions {margin-left:auto!important;gap:6px!important;}
  #page-content.ap-purchase-page .ap-import-summary-actions button {min-height:36px!important;height:36px;padding:6px 11px!important;}
  #page-content.ap-purchase-page .ap-import-summary-actions #import-submit {min-width:135px!important;}

  /* Stock Dispatch */
  #page-content:has(.ops-stock-dispatch) {padding:16px 18px 28px!important;background:var(--theme-page,#f4f8f6)!important;}
  .ops-stock-dispatch {max-width:none!important;color:var(--theme-ink,#17364c)!important;}
  .ops-stock-dispatch .ops-page-header.scan-title {
    min-height:68px;margin:0 0 14px!important;padding:8px 0 12px!important;
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    color:var(--theme-ink,#17364c)!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--theme-border,#d6e6de)!important;border-radius:0!important;box-shadow:none!important;
  }
  .ops-page-heading-copy {position:relative;padding-left:68px;min-height:52px;display:flex;flex-direction:column;justify-content:center;}
  .ops-page-heading-copy::before {content:'ST';position:absolute;left:0;top:0;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:var(--theme-accent-soft,#eaf7f1);border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 18%,var(--theme-border,#d6e6de));color:var(--theme-accent-strong,#0f513f);font:900 13px/1 Tahoma,Arial,sans-serif;}
  .ops-stock-dispatch .scan-title h1 {margin:0!important;color:var(--theme-ink,#17364c)!important;font:900 24px/1.2 Tahoma,Arial,sans-serif!important;}
  .ops-page-heading-copy p {margin:5px 0 0;color:var(--theme-muted,#657d8c);font-size:11.5px;}
  .ops-outline-action {min-height:40px!important;padding:8px 13px!important;border-radius:9px!important;background:#fff!important;color:var(--theme-accent-strong,#0f513f)!important;border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 25%,var(--theme-border,#d6e6de))!important;font-weight:800!important;}
  .ops-stock-main-card {margin-top:0!important;padding:14px!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:14px!important;box-shadow:0 5px 18px rgba(17,48,57,.045)!important;}
  .ops-section-label {margin:0 0 8px;font-size:13px;color:var(--theme-ink,#17364c);}
  .ops-stock-main-card [data-document-search] .flow-card,
  .ops-stock-main-card [data-document-search] .flow-toolbar {box-shadow:none!important;border:0!important;padding:0!important;margin:0 0 8px!important;background:transparent!important;}
  .ops-stock-main-card [data-document-search] :is(input,select) {height:38px!important;min-height:38px!important;border-radius:8px!important;}
  .ops-stock-main-card [data-document-search] button {height:38px!important;min-height:38px!important;padding:6px 13px!important;}
  .ops-table-section-title {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 7px;padding-top:9px;border-top:1px solid var(--theme-border,#d6e6de);}
  .ops-table-section-title strong {font-size:13px;color:var(--theme-ink,#17364c);}
  .ops-table-section-title span {font-size:10.5px;color:var(--theme-muted,#657d8c);font-weight:700;}
  .ops-stock-dispatch .stock-worklist {height:310px;max-height:38vh;border-radius:10px!important;}
  .ops-stock-dispatch .stock-worklist th {background:var(--theme-table-head,#e9f7f0)!important;color:var(--theme-table-head-ink,#315d50)!important;border-bottom-color:var(--theme-border,#d6e6de)!important;font-size:11px!important;}
  .ops-stock-dispatch .stock-worklist td {height:42px;padding:7px 8px!important;font-size:11.5px!important;}
  .ops-stock-dispatch .scan-crt {color:var(--theme-accent,#0b7a56)!important;}
  .ops-selection-bar {min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px 0!important;border-top:0!important;}
  .ops-selection-bar>div {display:grid;gap:2px;}
  .ops-selection-bar strong {font-size:12.5px;color:var(--theme-ink,#17364c);}
  .ops-selection-bar small {font-size:10px;color:var(--theme-muted,#657d8c);}
  .ops-selection-bar .flow-primary {min-width:105px;min-height:38px!important;}
  .ops-stock-dispatch .stock-inspect {grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:12px!important;margin-top:12px;}
  .ops-stock-dispatch .stock-inspect>.flow-card {margin-top:0!important;padding:12px!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:13px!important;box-shadow:0 4px 14px rgba(17,48,57,.04)!important;}
  .ops-stock-dispatch .stock-inspect>.ops-note-card {grid-column:1/-1!important;min-height:auto;}
  .ops-stock-dispatch .stock-inspect h2 {margin:0 0 8px!important;font-size:13px!important;color:var(--theme-ink,#17364c)!important;}
  .ops-card-hint {display:block;margin:-4px 0 8px;color:var(--theme-muted,#657d8c);font-size:10px;}
  .ops-stock-dispatch .stock-inspect .flow-table-wrap {height:215px!important;max-height:27vh!important;border-radius:9px!important;}
  .ops-stock-dispatch .stock-inspect th {background:var(--theme-table-head,#e9f7f0)!important;color:var(--theme-table-head-ink,#315d50)!important;font-size:10.5px!important;}
  .ops-stock-dispatch .stock-inspect td {font-size:11px!important;}
  .ops-inline-empty {min-height:180px;display:grid;place-items:center;color:var(--theme-muted,#657d8c);font-size:11px;}
  .ops-stock-dispatch .flow-empty {color:var(--theme-muted,#657d8c)!important;text-align:center;padding:38px 12px!important;}

  @media(max-width:1000px){
    #page-content.ap-purchase-page>.ap-heading,#page-content.ap-supplier-page>.ap-heading{grid-template-columns:48px 1fr;}
    #page-content.ap-purchase-page>.ap-heading>.ap-toolbar,#page-content.ap-supplier-page>.ap-heading>.ap-toolbar{grid-column:1/-1;justify-content:flex-start;}
    #page-content.ap-purchase-page>.ap-heading::before,#page-content.ap-supplier-page>.ap-heading::before{width:44px;height:44px;}
    .ops-filter-row{grid-template-columns:1fr 180px auto;}
    #page-content.ap-purchase-page .ap-import-sticky-summary{top:8px!important;flex-wrap:wrap;}
    .ap-import-summary-supplier{min-width:0;max-width:none;flex:1 1 100%;border-right:0;border-bottom:1px solid var(--theme-border,#d6e6de);}
    #page-content.ap-purchase-page .ap-import-summary-actions{width:100%;}
    .ops-stock-dispatch .stock-inspect{grid-template-columns:1fr!important;}
    .ops-stock-dispatch .stock-inspect>*{grid-column:1!important;}
  }
  @media(max-width:700px){
    #page-content.ap-purchase-page,#page-content.ap-supplier-page,#page-content:has(.ops-stock-dispatch){padding:12px 9px 22px!important;}
    .ops-filter-row{grid-template-columns:1fr;}
    .ops-reset-filter{width:100%;}
    #page-content.ap-purchase-page>.ap-heading h1,#page-content.ap-supplier-page>.ap-heading h1,.ops-stock-dispatch .scan-title h1{font-size:20px!important;}
    .ops-stock-dispatch .ops-page-header.scan-title{align-items:flex-start;flex-direction:column;}
    .ops-page-heading-copy{padding-left:58px;}
    .ops-page-heading-copy::before{width:44px;height:44px;}
    .ops-outline-action{align-self:stretch;}
  }
}

/* Supplier had a legacy page-specific white shell; force it back into the selected global theme. */
@media screen {
  html[data-posx-theme] .app:has(.ap-supplier-page),
  html[data-posx-theme] .app:has(.ap-supplier-page) .workspace {background:var(--theme-page,#f4f8f6)!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .topbar {
    background:linear-gradient(105deg,var(--theme-top,#082f27),var(--theme-top-2,#0f513f))!important;
    color:var(--theme-top-text,#effff8)!important;
    border-bottom-color:color-mix(in srgb,var(--theme-border,#d6e6de) 55%,transparent)!important;
    box-shadow:var(--theme-shadow,0 5px 18px rgba(8,47,39,.10))!important;
  }
  html[data-posx-theme="light"] .app:has(.ap-supplier-page) .topbar {background:#fff!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .navbutton {color:var(--theme-top-muted,#c8e2d7)!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .navbutton:hover,
  html[data-posx-theme] .app:has(.ap-supplier-page) .navitem.active>.navbutton,
  html[data-posx-theme] .app:has(.ap-supplier-page) .navitem:focus-within>.navbutton {
    color:#fff!important;background:var(--theme-accent,#0b7a56)!important;
  }
  html[data-posx-theme="light"] .app:has(.ap-supplier-page) .navitem.active>.navbutton,
  html[data-posx-theme="light"] .app:has(.ap-supplier-page) .navitem:focus-within>.navbutton {color:#fff!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .branch {color:var(--theme-top-text,#effff8)!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .userlabel {color:var(--theme-top-muted,#c8e2d7)!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .dropdown {background:#fff!important;border-color:var(--theme-border,#d6e6de)!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .dropitem {background:#fff!important;color:var(--theme-ink,#17364c)!important;border-bottom-color:var(--theme-border,#d6e6de)!important;}
  html[data-posx-theme] .app:has(.ap-supplier-page) .dropitem:hover {background:var(--theme-hover,#f5fbf8)!important;}
}
/* ===== assets/finance-settings-redesign.css ===== */
/* POS-X v1.3.14.68 · Customer / Receipt / Split Return / Settings unified redesign */
@media screen {
  /* Shared finance page frame */
  #page-content:has(.ops-customer-registry),
  #page-content:has(.ops-receipt-page),
  #page-content:has(.ops-adjustment-page),
  #page-content:has(.settings-modern) {
    padding:18px 22px 30px!important;
    background:var(--theme-page,#f4f8f6)!important;
  }

  .ops-page-kicker,
  .settings-modern .settings-eyebrow,
  .printer-modern .printer-eyebrow {
    display:block;
    margin-bottom:4px;
    color:var(--theme-accent,#0b7a56)!important;
    font:800 10px/1.25 Tahoma,Arial,sans-serif;
    letter-spacing:.08em;
  }

  /* ------------------------------------------------------------
     1) Customer registry
     ------------------------------------------------------------ */
  .ops-customer-registry {
    max-width:1440px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    color:var(--theme-ink,#17364c)!important;
  }
  .ops-customer-registry .ar-heading {
    min-height:66px;
    margin:0 0 14px!important;
    padding:7px 0 13px!important;
    border:0!important;
    border-bottom:1px solid var(--theme-border,#d6e6de)!important;
    background:transparent!important;
    box-shadow:none!important;
    gap:10px!important;
  }
  .ops-customer-registry .ar-heading>.ar-icon[data-cm="home"] {display:none!important;}
  .ops-customer-registry .ar-heading h1 {
    display:flex;align-items:center;gap:10px;
    margin:0!important;
    color:var(--theme-ink,#17364c)!important;
    font:900 24px/1.2 Tahoma,Arial,sans-serif!important;
  }
  .ops-customer-registry .ar-heading h1 svg {
    width:42px!important;height:42px!important;padding:10px;
    border-radius:13px;
    color:var(--theme-accent-strong,#0f513f)!important;
    background:var(--theme-accent-soft,#eaf7f1);
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 20%,var(--theme-border,#d6e6de));
  }
  .ops-customer-registry .ar-heading h1::after {
    content:'จัดการข้อมูลลูกค้า ระดับราคา และสถานะการใช้งาน';
    display:block;
    margin-left:-2px;
    align-self:flex-end;
    padding-bottom:2px;
    color:var(--theme-muted,#657d8c);
    font:500 11px/1.35 Tahoma,Arial,sans-serif;
  }
  .ops-customer-registry .ar-heading>.ar-actions {margin-left:auto;gap:7px!important;}
  .ops-customer-registry .ar-heading>.ar-actions button {
    min-height:38px!important;height:38px!important;
    padding:7px 12px!important;border-radius:9px!important;
    font-weight:800!important;
  }
  .ops-customer-registry .cm-toolbar {
    display:grid!important;
    grid-template-columns:minmax(320px,1fr) 155px 155px auto minmax(170px,auto)!important;
    gap:9px!important;
    align-items:end!important;
    margin:0 0 12px!important;
    padding:14px!important;
    background:var(--theme-panel,#fff)!important;
    border:1px solid var(--theme-border,#d6e6de)!important;
    border-radius:14px!important;
    box-shadow:0 5px 18px rgba(17,48,57,.04)!important;
  }
  .ops-customer-registry .cm-toolbar label {gap:6px!important;}
  .ops-customer-registry .cm-toolbar :is(input,select) {
    height:40px!important;min-height:40px!important;
    border-radius:9px!important;
    border-color:var(--theme-border,#d6e6de)!important;
    background:#fff!important;
  }
  .ops-customer-registry .cm-toolbar [data-ar="reset-filter"] {
    height:40px!important;min-height:40px!important;padding:7px 11px!important;
  }
  .ops-customer-registry .cm-registry-count {
    align-self:center;
    justify-self:end;
    color:var(--theme-muted,#657d8c)!important;
    font-size:11px!important;
    font-weight:700;
    white-space:nowrap;
  }
  .ops-customer-registry #customer-table {
    overflow:hidden;
    background:var(--theme-panel,#fff);
    border:1px solid var(--theme-border,#d6e6de);
    border-radius:14px;
    box-shadow:0 5px 18px rgba(17,48,57,.035);
  }
  .ops-customer-registry #customer-table .ar-scroll,
  .ops-customer-registry #customer-table>div {border:0!important;border-radius:0!important;box-shadow:none!important;}
  .ops-customer-registry #customer-table table {font-size:11.5px!important;}
  .ops-customer-registry #customer-table th {
    height:42px;padding:8px 10px!important;
    background:var(--theme-table-head,#e9f7f0)!important;
    color:var(--theme-table-head-ink,#315d50)!important;
    font-size:10.5px!important;font-weight:800!important;
  }
  .ops-customer-registry #customer-table td {height:47px;padding:8px 10px!important;}
  .ops-customer-registry #customer-table tbody tr:only-child td[colspan] {
    height:116px!important;text-align:center!important;color:var(--theme-muted,#657d8c)!important;
    background:linear-gradient(180deg,#fff,var(--theme-accent-pale,#f3faf7));
  }
  .ops-customer-registry .cm-status {border-radius:999px!important;padding:5px 10px!important;}
  .ops-customer-registry .cm-pagination {
    margin-top:10px!important;padding:0!important;
    justify-content:flex-end!important;gap:7px!important;
    color:var(--theme-muted,#657d8c);
  }
  .ops-customer-registry .cm-pagination button {min-height:34px!important;height:34px!important;border-radius:8px!important;}

  /* ------------------------------------------------------------
     2) AR receipt / debt ledger
     ------------------------------------------------------------ */
  .ops-receipt-page {
    max-width:1440px!important;margin:0 auto!important;padding:0!important;
    color:var(--theme-ink,#17364c)!important;
  }
  .ops-receipt-page .ops-finance-heading {
    min-height:68px;margin:0 0 13px!important;padding:8px 0 13px!important;
    border:0!important;border-bottom:1px solid var(--theme-border,#d6e6de)!important;
    background:transparent!important;box-shadow:none!important;
  }
  .ops-finance-title {position:relative;padding-left:68px;min-height:52px;display:flex;flex-direction:column;justify-content:center;}
  .ops-finance-title::before {
    content:'฿';position:absolute;left:0;top:0;
    width:50px;height:50px;display:grid;place-items:center;
    border-radius:14px;background:var(--theme-accent-soft,#eaf7f1);
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 20%,var(--theme-border,#d6e6de));
    color:var(--theme-accent-strong,#0f513f);font:900 20px/1 Tahoma,Arial,sans-serif;
  }
  .ops-receipt-page .ops-finance-title h1,
  .ops-adjustment-page .ops-finance-title h1 {
    margin:0!important;color:var(--theme-ink,#17364c)!important;
    font:900 24px/1.2 Tahoma,Arial,sans-serif!important;
  }
  .ops-finance-title p {margin:4px 0 0!important;color:var(--theme-muted,#657d8c)!important;font-size:11.5px!important;}
  .ops-finance-actions {margin-left:auto;display:flex;gap:7px;align-items:center;}
  .ops-finance-actions button {min-height:38px!important;height:38px!important;border-radius:9px!important;padding:7px 12px!important;font-weight:800!important;}
  .ops-kpi-strip {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:0 0 12px!important;}
  .ops-kpi-strip .flow-stat {
    min-width:0!important;margin:0!important;padding:12px 14px!important;
    border-radius:13px!important;border:1px solid var(--theme-border,#d6e6de)!important;
    background:linear-gradient(180deg,#fff,var(--theme-accent-pale,#f3faf7))!important;
    box-shadow:0 4px 14px rgba(17,48,57,.035)!important;
  }
  .ops-kpi-strip .flow-stat span {font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important;font-weight:700;}
  .ops-kpi-strip .flow-stat strong {font-size:20px!important;color:var(--theme-ink,#17364c)!important;}
  .ops-filter-card {
    margin:0 0 12px!important;padding:12px 14px!important;
    background:var(--theme-panel,#fff)!important;border:1px solid var(--theme-border,#d6e6de)!important;
    border-radius:14px!important;box-shadow:0 4px 14px rgba(17,48,57,.035)!important;
  }
  .ops-filter-card .flow-toolbar {margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
  .ops-receipt-filter {display:grid!important;grid-template-columns:minmax(320px,1fr) 235px auto!important;gap:9px!important;align-items:end!important;}
  .ops-filter-card :is(input,select) {height:40px!important;min-height:40px!important;border-radius:9px!important;}
  .ops-filter-card button {height:40px!important;min-height:40px!important;padding:7px 16px!important;border-radius:9px!important;font-weight:800!important;}
  .ops-table-card {
    background:var(--theme-panel,#fff);border:1px solid var(--theme-border,#d6e6de);
    border-radius:14px;box-shadow:0 5px 18px rgba(17,48,57,.035);overflow:hidden;
  }
  .ops-table-heading {min-height:50px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--theme-border,#d6e6de);}
  .ops-table-heading>div {display:grid;gap:2px;}
  .ops-table-heading strong {font-size:13px;color:var(--theme-ink,#17364c);}
  .ops-table-heading span {font-size:10.5px;color:var(--theme-muted,#657d8c);}
  .ops-table-card>.flow-table-wrap,
  .ops-table-card [data-list]>.flow-table-wrap {border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-height:58vh!important;}
  .ops-table-card th {height:42px!important;padding:8px 9px!important;font-size:10.5px!important;}
  .ops-table-card td {height:46px!important;padding:8px 9px!important;font-size:11.5px!important;}
  .ops-table-card tbody tr:only-child td[colspan] {height:128px!important;text-align:center;color:var(--theme-muted,#657d8c)!important;background:linear-gradient(180deg,#fff,var(--theme-accent-pale,#f3faf7));}
  .ops-receipt-page td:last-child {white-space:nowrap;}
  .ops-receipt-page td:last-child button {min-height:31px!important;height:31px!important;padding:5px 8px!important;font-size:10.5px!important;}

  /* ------------------------------------------------------------
     3) CN / CNS pages
     ------------------------------------------------------------ */
  .ops-adjustment-page {
    max-width:1440px!important;margin:0 auto!important;padding:0!important;
    color:var(--theme-ink,#17364c)!important;
  }
  .ops-adjustment-page>.flow-heading {
    min-height:68px;margin:0 0 13px!important;padding:8px 0 13px!important;
    border:0!important;border-bottom:1px solid var(--theme-border,#d6e6de)!important;
    background:transparent!important;box-shadow:none!important;
  }
  .ops-adjustment-page .ops-finance-title::before {content:'↩';font-size:21px;}
  .ops-adjustment-filter {display:grid!important;grid-template-columns:175px 175px minmax(280px,1fr) auto auto!important;gap:9px!important;align-items:end!important;}
  .ops-adjustment-page .ops-secondary-action {
    background:#fff!important;color:var(--theme-accent-strong,#0f513f)!important;
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 30%,var(--theme-border,#d6e6de))!important;
  }
  .ops-adjustment-page .ops-secondary-action:hover {background:var(--theme-accent-soft,#eaf7f1)!important;}
  .ops-adjustment-page [data-list] .flow-table-wrap {max-height:58vh!important;}
  .ops-adjustment-page [data-error]:empty {display:none;}

  /* ------------------------------------------------------------
     4) Settings Center – all SET categories
     ------------------------------------------------------------ */
  .settings-modern,
  .printer-modern {
    max-width:1440px!important;margin:0 auto!important;padding:0!important;
    color:var(--theme-ink,#17364c)!important;
  }
  .settings-modern .settings-head,
  .printer-modern .printer-head {
    min-height:70px;margin:0 0 12px!important;padding:6px 0 13px!important;
    align-items:center!important;border-bottom:1px solid var(--theme-border,#d6e6de);
  }
  .settings-title-wrap {display:flex;align-items:center;gap:12px;min-width:0;}
  .settings-title-icon {
    width:48px;height:48px;display:grid;place-items:center;flex:none;
    border-radius:14px;background:var(--theme-accent-soft,#eaf7f1);
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 20%,var(--theme-border,#d6e6de));
    color:var(--theme-accent-strong,#0f513f);font:900 20px/1 Tahoma,Arial,sans-serif;
  }
  .settings-modern .settings-head h1,
  .printer-modern .printer-head h1 {margin:0 0 3px!important;font-size:24px!important;color:var(--theme-ink,#17364c)!important;letter-spacing:-.2px;}
  .settings-modern .settings-head p,
  .printer-modern .printer-head p {margin:0!important;font-size:11.5px!important;color:var(--theme-muted,#657d8c)!important;}
  .settings-modern .settings-branch,
  .printer-modern .printer-state {
    min-height:36px;padding:7px 11px!important;border-radius:9px!important;
    border:1px solid var(--theme-border,#d6e6de)!important;background:var(--theme-panel,#fff)!important;
    color:var(--theme-ink,#17364c)!important;box-shadow:none!important;font-size:10.5px!important;
  }
  .settings-category-tabs {
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
    margin:0 0 13px;padding:8px;background:var(--theme-panel,#fff);
    border:1px solid var(--theme-border,#d6e6de);border-radius:14px;
    box-shadow:0 4px 14px rgba(17,48,57,.03);
  }
  .settings-category-tabs button {
    min-height:52px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
    padding:8px 12px;border:1px solid transparent;border-radius:10px;background:transparent;
    color:var(--theme-muted,#657d8c);cursor:pointer;text-align:left;font:inherit;
  }
  .settings-category-tabs button:hover {background:var(--theme-hover,#f5fbf8);color:var(--theme-ink,#17364c);}
  .settings-category-tabs button.active {
    background:var(--theme-accent-soft,#eaf7f1);border-color:color-mix(in srgb,var(--theme-accent,#0b7a56) 24%,var(--theme-border,#d6e6de));
    color:var(--theme-accent-strong,#0f513f);
  }
  .settings-category-tabs strong {font-size:12px;}
  .settings-category-tabs small {font-size:9.5px;color:inherit;opacity:.8;}
  .settings-modern .settings-message {margin:0 0 10px!important;border-radius:10px!important;padding:9px 12px!important;}

  /* Document settings */
  .settings-modern .settings-layout {grid-template-columns:210px minmax(0,1fr)!important;gap:12px!important;}
  .settings-modern .settings-list,
  .settings-modern .settings-panel,
  .settings-modern .settings-card,
  .settings-modern .settings-preview,
  .printer-modern .printer-card {
    border:1px solid var(--theme-border,#d6e6de)!important;
    background:var(--theme-panel,#fff)!important;
    border-radius:14px!important;
    box-shadow:0 5px 18px rgba(17,48,57,.035)!important;
  }
  .settings-modern .settings-list {top:64px!important;padding:9px!important;}
  .settings-modern .settings-list h2 {margin:3px 8px 8px!important;font-size:11.5px!important;color:var(--theme-muted,#657d8c);}
  .settings-modern .settings-list button {min-height:36px;padding:7px 9px!important;border-radius:8px!important;font-size:11px!important;}
  .settings-modern .settings-list button.active,
  .settings-modern .settings-list button:hover {background:var(--theme-accent-soft,#eaf7f1)!important;color:var(--theme-accent-strong,#0f513f)!important;}
  .settings-modern .settings-panel {padding:14px!important;}
  .settings-modern .settings-panel-head {align-items:center!important;}
  .settings-modern .settings-panel-head h2 {font-size:16px!important;color:var(--theme-ink,#17364c);}
  .settings-modern .settings-panel-head p {font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important;}
  .settings-modern .settings-panel-head>span {background:var(--theme-accent-pale,#f3faf7)!important;color:var(--theme-muted,#657d8c)!important;}
  .settings-modern .settings-grid {gap:10px!important;margin:12px 0!important;}
  .settings-modern label {font-size:11px!important;color:var(--theme-ink,#17364c);}
  .settings-modern :is(input,select,textarea) {
    min-height:39px;padding:8px 9px!important;border-radius:8px!important;
    border-color:var(--theme-border,#d6e6de)!important;background:#fff!important;color:var(--theme-ink,#17364c)!important;
  }
  .settings-modern textarea {min-height:auto;}
  .settings-modern :is(input,select,textarea):focus {outline:2px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 35%,transparent);outline-offset:1px;}
  .settings-modern .settings-card {padding:13px!important;margin:11px 0!important;}
  .settings-modern .settings-preview {padding:13px!important;background:var(--theme-accent-pale,#f3faf7)!important;}
  .settings-modern .settings-preview [data-doc-preview] {min-height:132px!important;border-color:color-mix(in srgb,var(--theme-accent,#0b7a56) 24%,var(--theme-border,#d6e6de))!important;background:#fff!important;}
  .settings-modern .settings-actions {margin-top:12px!important;gap:7px!important;}
  .settings-modern .settings-actions button {min-height:38px;padding:7px 12px!important;border-radius:8px!important;}
  .settings-modern .settings-primary,
  .printer-modern .printer-primary {background:var(--theme-accent,#0b7a56)!important;border-color:var(--theme-accent,#0b7a56)!important;color:#fff!important;}

  /* Registry settings */
  .settings-modern .registry-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px!important;}
  .settings-modern .registry-card {padding:14px!important;margin:0!important;}
  .settings-modern .registry-preview {background:var(--theme-accent-pale,#f3faf7)!important;border:1px solid var(--theme-border,#d6e6de);border-radius:9px!important;padding:10px!important;}
  .settings-modern .registry-preview span {font-size:9.5px;color:var(--theme-muted,#657d8c);}
  .settings-modern .registry-preview strong {font-size:18px!important;color:var(--theme-accent-strong,#0f513f);}
  .settings-modern .settings-note {background:linear-gradient(180deg,#fff,var(--theme-accent-pale,#f3faf7))!important;}

  /* Printer settings */
  .printer-modern .printer-grid {grid-template-columns:1fr 1fr!important;gap:11px!important;}
  .printer-modern .printer-card {padding:14px!important;}
  .printer-modern .printer-card-head {margin-bottom:11px!important;align-items:center!important;}
  .printer-modern .printer-card h2 {font-size:15px!important;color:var(--theme-ink,#17364c)!important;}
  .printer-modern .printer-card p {font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important;}
  .printer-modern .printer-mode {padding:12px!important;border-radius:10px!important;border-color:var(--theme-border,#d6e6de)!important;}
  .printer-modern .printer-mode.active {background:var(--theme-accent-soft,#eaf7f1)!important;border-color:color-mix(in srgb,var(--theme-accent,#0b7a56) 42%,var(--theme-border,#d6e6de))!important;}
  .printer-modern .printer-field {margin:8px 0!important;}
  .printer-modern .printer-field input,
  .printer-modern .printer-field select {height:39px!important;border-radius:8px!important;border-color:var(--theme-border,#d6e6de)!important;}
  .printer-modern .printer-actions button,
  .printer-modern .printer-card-head button {min-height:36px!important;height:36px!important;border-radius:8px!important;padding:6px 10px!important;}

  /* Make empty states feel intentional instead of abandoned. */
  .ops-customer-registry #customer-table tbody tr:only-child td[colspan]::before,
  .ops-table-card tbody tr:only-child td[colspan]::before {
    content:'＋';display:inline-grid;place-items:center;width:32px;height:32px;margin-right:8px;
    border-radius:50%;background:var(--theme-accent-soft,#eaf7f1);color:var(--theme-accent,#0b7a56);font-weight:900;
  }

  @media(max-width:1050px){
    .ops-customer-registry .cm-toolbar {grid-template-columns:1fr 150px 150px auto!important;}
    .ops-customer-registry .cm-registry-count {grid-column:1/-1;justify-self:start;}
    .ops-adjustment-filter {grid-template-columns:repeat(2,1fr)!important;}
    .ops-adjustment-filter label:nth-child(3){grid-column:1/-1;}
    .settings-modern .registry-grid {grid-template-columns:1fr!important;}
  }
  @media(max-width:820px){
    #page-content:has(.ops-customer-registry),#page-content:has(.ops-receipt-page),#page-content:has(.ops-adjustment-page),#page-content:has(.settings-modern){padding:12px 9px 22px!important;}
    .ops-customer-registry .cm-toolbar,.ops-receipt-filter,.ops-adjustment-filter {grid-template-columns:1fr!important;}
    .ops-kpi-strip {grid-template-columns:1fr!important;}
    .ops-finance-title {padding-left:58px;}.ops-finance-title::before{width:44px;height:44px;}
    .ops-receipt-page .ops-finance-title h1,.ops-adjustment-page .ops-finance-title h1,.ops-customer-registry .ar-heading h1{font-size:20px!important;}
    .ops-customer-registry .ar-heading h1::after {display:none;}
    .settings-category-tabs {grid-template-columns:1fr!important;}
    .settings-category-tabs button {min-height:44px;}
    .settings-modern .settings-layout {grid-template-columns:1fr!important;}
    .settings-modern .settings-list {position:static!important;display:flex!important;overflow:auto;gap:5px;}
    .settings-modern .settings-list h2{display:none;}.settings-modern .settings-list button{min-width:max-content;width:auto!important;}
    .printer-modern .printer-grid,.printer-modern .printer-modes {grid-template-columns:1fr!important;}
    .settings-modern .settings-head,.printer-modern .printer-head {align-items:flex-start!important;flex-direction:column!important;}
  }
}
/* ===== assets/purchase-workflow-modern.css ===== */
/* POS-X v1.3.14.69 · modern Purchase workflow dialogs */
@media screen {
  dialog.purchase-workflow-dialog {
    width:min(1180px,calc(100vw - 34px));
    max-width:none;
    max-height:min(92vh,920px);
    margin:auto;
    padding:0;
    border:1px solid color-mix(in srgb,var(--theme-border,#d6e6de) 82%,#fff);
    border-radius:18px;
    overflow:hidden;
    color:var(--theme-ink,#17364c);
    background:var(--theme-card,#fff);
    box-shadow:0 26px 80px rgba(9,35,47,.24),0 6px 22px rgba(9,35,47,.12);
  }
  dialog.purchase-workflow-import { width:min(1500px,calc(100vw - 28px)); }
  dialog.purchase-workflow-dialog::backdrop {
    background:rgba(5,25,35,.48);
    backdrop-filter:blur(4px) saturate(.9);
  }
  .purchase-workflow-head {
    min-height:72px;
    padding:13px 16px 12px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    color:var(--theme-ink,#17364c);
    background:linear-gradient(135deg,color-mix(in srgb,var(--theme-accent-pale,#f1faf6) 72%,#fff),#fff 68%);
    border-bottom:1px solid var(--theme-border,#d6e6de);
  }
  .purchase-workflow-title { display:flex;align-items:center;gap:12px;min-width:0; }
  .purchase-workflow-icon {
    width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;
    border-radius:12px;background:var(--theme-accent-soft,#e4f6ed);color:var(--theme-accent-strong,#0f513f);
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 18%,var(--theme-border,#d6e6de));
    font:900 24px/1 Arial,sans-serif;
  }
  .purchase-workflow-title h2 { margin:0;color:var(--theme-ink,#17364c);font:900 20px/1.22 Tahoma,Arial,sans-serif;letter-spacing:-.1px; }
  .purchase-workflow-title p { margin:4px 0 0;color:var(--theme-muted,#657d8c);font-size:11.5px;line-height:1.4; }
  .purchase-workflow-close {
    width:36px;height:36px;flex:0 0 36px;border:1px solid var(--theme-border,#d6e6de);border-radius:10px;
    background:#fff;color:var(--theme-muted,#657d8c);font:400 23px/1 Arial,sans-serif;cursor:pointer;
  }
  .purchase-workflow-close:hover { color:#a72f2f;background:#fff3f2;border-color:#efcbc7; }
  .purchase-workflow-body {
    max-height:calc(min(92vh,920px) - 72px);
    overflow:auto;
    overscroll-behavior:contain;
    padding:15px 16px 18px;
    background:var(--theme-page,#f5f8f7);
    scrollbar-gutter:stable;
  }
  .purchase-workflow-loading { min-height:270px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--theme-muted,#657d8c); }
  .purchase-spinner { width:32px;height:32px;border:3px solid var(--theme-border,#d6e6de);border-top-color:var(--theme-accent,#0b7a56);border-radius:50%;animation:purchase-spin .8s linear infinite; }
  @keyframes purchase-spin { to{transform:rotate(360deg)} }
  .purchase-workflow-error { padding:18px;border:1px solid #efc7c3;border-radius:12px;background:#fff2f0;color:#9c3434;font-weight:700; }
  .purchase-workflow-dialog .ap-modal-message.notice {
    margin:0 0 10px;padding:9px 12px;border-radius:10px;border:1px solid var(--theme-border,#d6e6de);background:#f7fbf9;color:var(--theme-ink,#17364c);
  }
  .purchase-workflow-dialog .ap-modal-message.error-text { border-color:#efc7c3;background:#fff2f0;color:#9c3434; }

  /* Manual PO */
  .purchase-po-form { display:grid;gap:12px; }
  .purchase-form-card {
    padding:13px;border:1px solid var(--theme-border,#d6e6de);border-radius:14px;background:var(--theme-card,#fff);
    box-shadow:0 4px 16px rgba(14,47,54,.035);
  }
  .purchase-section-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px; }
  .purchase-section-head h3 { margin:0;color:var(--theme-ink,#17364c);font-size:13.5px;line-height:1.3; }
  .purchase-section-head span { display:block;margin-top:2px;color:var(--theme-muted,#657d8c);font-size:10.5px; }
  .purchase-form-grid { display:grid;grid-template-columns:minmax(280px,1.5fr) minmax(170px,.8fr) minmax(160px,.65fr) minmax(230px,1fr);gap:9px;align-items:end; }
  .purchase-form-grid label,.purchase-import-setup label { margin:0;min-width:0; }
  .purchase-form-grid label>span,.purchase-import-setup label>span { display:block;margin-bottom:4px;color:var(--theme-muted,#657d8c);font-size:10.5px;font-weight:800; }
  .purchase-form-grid :is(input,select),.purchase-import-setup :is(input,select) {
    width:100%;height:38px;min-height:38px;padding:6px 9px;border:1px solid var(--theme-border,#d6e6de);border-radius:9px;background:#fff;color:var(--theme-ink,#17364c);font-size:12px;
  }
  .purchase-form-grid :is(input,select):focus,.purchase-import-setup :is(input,select):focus { outline:2px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 20%,transparent);border-color:var(--theme-accent,#0b7a56); }
  .purchase-form-note { margin:9px 0 0;padding:7px 9px;border-radius:8px;background:var(--theme-accent-pale,#f0faf5);color:var(--theme-muted,#657d8c);font-size:10.5px; }
  .purchase-add-line { min-height:34px!important;height:34px!important;padding:5px 10px!important;border-radius:8px!important; }
  .purchase-line-table { border:1px solid var(--theme-border,#d6e6de)!important;border-radius:10px!important;overflow:visible!important; }
  .purchase-line-table table { table-layout:fixed;min-width:880px; }
  .purchase-line-table th { background:var(--theme-table-head,#eaf5f0)!important;color:var(--theme-table-head-ink,#315d50)!important;font-size:10.5px!important;padding:8px 9px!important; }
  .purchase-line-table th:nth-child(1){width:52%}.purchase-line-table th:nth-child(2){width:10%}.purchase-line-table th:nth-child(3){width:15%}.purchase-line-table th:nth-child(4){width:13%}.purchase-line-table th:nth-child(5){width:10%}
  .purchase-line-table td { padding:7px 8px!important;vertical-align:top!important; }
  .purchase-line-table td:nth-child(4) { text-align:right;font-weight:800;font-variant-numeric:tabular-nums; }
  .purchase-line-table input { width:100%;min-height:36px;height:36px;border:1px solid var(--theme-border,#d6e6de);border-radius:8px;padding:5px 8px;background:#fff;color:var(--theme-ink,#17364c); }
  .purchase-line-table [data-search-status] { display:block;margin-top:4px;color:var(--theme-muted,#657d8c);font-size:9.5px;line-height:1.25; }
  .purchase-remove-line { width:32px;height:32px;border:1px solid #efcbc7;border-radius:8px;background:#fff6f5;color:#a63d36;font-size:18px;cursor:pointer; }
  .purchase-modal-footer {
    position:sticky;bottom:-18px;z-index:8;min-height:62px;margin:2px -16px -18px;padding:9px 16px;
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:color-mix(in srgb,var(--theme-card,#fff) 94%,var(--theme-accent-pale,#f0faf5));
    border-top:1px solid var(--theme-border,#d6e6de);box-shadow:0 -9px 24px rgba(14,47,54,.07);
  }
  .purchase-total-block { display:grid;gap:1px; }
  .purchase-total-block span { color:var(--theme-muted,#657d8c);font-size:9.5px;font-weight:800; }
  .purchase-total-block strong { color:var(--theme-accent-strong,#0f513f);font-size:18px;font-variant-numeric:tabular-nums; }
  .purchase-modal-actions { display:flex;align-items:center;gap:7px; }
  .purchase-modal-actions button { min-height:38px;height:38px;padding:6px 14px;border-radius:9px; }

  /* Import PO */
  .purchase-import-modal-form { display:grid;gap:10px; }
  .purchase-import-modal-form .ap-import-source-card[hidden] { display:none!important; }
  .purchase-import-setup {
    padding:13px!important;margin:0!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:14px!important;background:var(--theme-card,#fff)!important;box-shadow:0 4px 16px rgba(14,47,54,.035)!important;
  }
  .purchase-import-setup .ap-import-source-grid { grid-template-columns:minmax(320px,1fr) minmax(420px,1.15fr)!important;gap:10px!important; }
  .purchase-import-hint { margin-top:9px;padding:8px 10px;border-radius:8px;background:var(--theme-accent-pale,#f0faf5);color:var(--theme-muted,#657d8c);font-size:10.5px; }
  .purchase-workflow-import .ap-import-review { display:grid;gap:10px; }
  .purchase-workflow-import .ap-import-group { margin:0!important;border-radius:12px!important;overflow:hidden;box-shadow:0 3px 13px rgba(14,47,54,.03)!important; }
  .purchase-workflow-import .ap-import-table th { position:sticky;top:0;z-index:2; }
  .purchase-workflow-import .ap-import-sticky-summary.purchase-import-balance {
    position:sticky!important;top:-15px!important;bottom:auto!important;z-index:20!important;
    min-height:58px!important;margin:-1px 0 10px!important;padding:7px 9px!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    border:1px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 20%,var(--theme-border,#d6e6de))!important;
    border-radius:12px!important;
    background:color-mix(in srgb,var(--theme-card,#fff) 96%,var(--theme-accent-pale,#f0faf5))!important;
    box-shadow:0 8px 22px rgba(12,49,44,.10)!important;
  }
  .purchase-workflow-import .ap-import-summary-supplier {
    min-width:250px;max-width:420px;flex:1 1 320px;display:grid;gap:1px;padding:4px 10px!important;
    border-right:1px solid var(--theme-border,#d6e6de)!important;
  }
  .purchase-workflow-import .ap-import-summary-supplier span { font-size:9px!important;color:var(--theme-muted,#657d8c)!important;font-weight:800; }
  .purchase-workflow-import .ap-import-summary-supplier strong { font-size:12px!important;color:var(--theme-ink,#17364c)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  .purchase-workflow-import .ap-import-summary-metrics { display:flex!important;align-items:stretch!important;gap:5px!important; }
  .purchase-workflow-import .ap-import-summary-metrics>div {
    min-width:72px!important;height:43px!important;padding:4px 8px!important;display:grid!important;align-content:center!important;gap:1px!important;
    border:1px solid var(--theme-border,#d6e6de)!important;border-radius:9px!important;background:#fff!important;
  }
  .purchase-workflow-import .ap-import-summary-metrics span { font-size:8.5px!important;color:var(--theme-muted,#657d8c)!important; }
  .purchase-workflow-import .ap-import-summary-metrics strong { font-size:13px!important;color:var(--theme-ink,#17364c)!important;line-height:1.1; }
  .purchase-workflow-import .ap-import-summary-metrics .ap-import-summary-grand { min-width:155px!important;background:var(--theme-accent-pale,#f0faf5)!important; }
  .purchase-workflow-import .ap-import-summary-metrics .ap-import-summary-grand strong { font-size:16px!important;color:var(--theme-accent-strong,#0f513f)!important; }
  .purchase-workflow-import .ap-import-summary-actions { margin-left:auto!important;display:flex!important;align-items:center!important;gap:6px!important; }
  .purchase-workflow-import .ap-import-summary-actions #import-progress { max-width:190px;color:var(--theme-muted,#657d8c);font-size:9.5px;text-align:right; }
  .purchase-workflow-import .ap-import-summary-actions button { min-height:36px!important;height:36px!important;padding:5px 10px!important;border-radius:8px!important;white-space:nowrap; }
  .purchase-workflow-import #import-submit { min-width:130px; }

  @media(max-width:980px){
    dialog.purchase-workflow-dialog,dialog.purchase-workflow-import { width:calc(100vw - 16px);max-height:96vh;border-radius:14px; }
    .purchase-workflow-body { max-height:calc(96vh - 68px);padding:10px; }
    .purchase-form-grid { grid-template-columns:1fr 1fr; }
    .purchase-import-setup .ap-import-source-grid { grid-template-columns:1fr!important; }
    .purchase-workflow-import .ap-import-sticky-summary.purchase-import-balance { top:-10px!important;flex-wrap:wrap!important; }
    .purchase-workflow-import .ap-import-summary-supplier { min-width:0;max-width:none;flex:1 1 100%;border-right:0!important;border-bottom:1px solid var(--theme-border,#d6e6de)!important; }
    .purchase-workflow-import .ap-import-summary-actions { width:100%;justify-content:flex-end; }
  }
  @media(max-width:620px){
    .purchase-workflow-head { min-height:64px;padding:10px; }
    .purchase-workflow-icon { width:38px;height:38px;flex-basis:38px; }
    .purchase-workflow-title h2 { font-size:17px; }
    .purchase-workflow-title p { display:none; }
    .purchase-form-grid { grid-template-columns:1fr; }
    .purchase-section-head { align-items:flex-start;flex-direction:column; }
    .purchase-add-line { align-self:stretch; }
    .purchase-modal-footer { align-items:stretch;flex-direction:column;margin-left:-10px;margin-right:-10px; }
    .purchase-modal-actions { width:100%; }
    .purchase-modal-actions button { flex:1; }
    .purchase-workflow-import .ap-import-summary-metrics { width:100%;overflow:auto; }
    .purchase-workflow-import .ap-import-summary-actions { flex-wrap:wrap; }
    .purchase-workflow-import .ap-import-summary-actions #import-progress { width:100%;max-width:none;text-align:left; }
  }
}

/* POS-X v1.3.14.71 · purchase popup cleanup */
@media screen {
  /* After Excel is parsed, the source controls must disappear completely. */
  dialog.purchase-workflow-import.is-reviewing .purchase-import-setup,
  dialog.purchase-workflow-import.is-reviewing .ap-import-source-card {
    display:none!important;
  }

  /* Let the review summary replace the removed Supplier / Excel strip. */
  dialog.purchase-workflow-import.is-reviewing .purchase-workflow-body {
    padding-top:10px;
  }
  dialog.purchase-workflow-import.is-reviewing .ap-import-sticky-summary.purchase-import-balance {
    top:-10px!important;
    min-height:64px!important;
    margin:0 0 12px!important;
    padding:8px 10px!important;
    gap:10px!important;
    border-radius:13px!important;
    box-shadow:0 8px 24px rgba(12,49,44,.12)!important;
  }
  dialog.purchase-workflow-import.is-reviewing .ap-import-summary-supplier {
    min-width:290px!important;
    max-width:480px!important;
    flex:1 1 340px!important;
    padding:5px 12px!important;
  }
  dialog.purchase-workflow-import.is-reviewing .ap-import-summary-supplier strong {
    font-size:12.5px!important;
  }
  dialog.purchase-workflow-import.is-reviewing .ap-import-summary-metrics>div {
    min-width:78px!important;
    height:46px!important;
  }
  dialog.purchase-workflow-import.is-reviewing .ap-import-summary-metrics .ap-import-summary-grand {
    min-width:175px!important;
  }
  dialog.purchase-workflow-import.is-reviewing .ap-import-summary-actions {
    gap:7px!important;
  }
  dialog.purchase-workflow-import.is-reviewing .ap-import-summary-actions button {
    min-height:38px!important;
    height:38px!important;
  }
  dialog.purchase-workflow-import.is-reviewing #import-submit {
    min-width:142px!important;
  }

  @media(max-width:1100px){
    dialog.purchase-workflow-import.is-reviewing .ap-import-sticky-summary.purchase-import-balance {
      flex-wrap:wrap!important;
    }
    dialog.purchase-workflow-import.is-reviewing .ap-import-summary-supplier {
      min-width:0!important;
      max-width:none!important;
      flex:1 1 100%!important;
      border-right:0!important;
      border-bottom:1px solid var(--theme-border,#d6e6de)!important;
    }
    dialog.purchase-workflow-import.is-reviewing .ap-import-summary-actions {
      margin-left:auto!important;
    }
  }
}


/* POS-X v1.3.14.74 · Supplier add/edit in modern popup */
@media screen {
  dialog.purchase-workflow-supplier { width:min(1120px,calc(100vw - 34px)); max-height:min(94vh,940px); }
  dialog.purchase-workflow-supplier .purchase-workflow-body { max-height:calc(min(94vh,940px) - 72px); padding:14px 16px 18px; }
  dialog.purchase-workflow-supplier .supplier-modal-form { max-width:none!important;margin:0!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px; }
  dialog.purchase-workflow-supplier .supplier-modal-form>.ap-form-card { margin:0!important;padding:14px 15px!important;border-radius:13px!important;background:var(--theme-card,#fff)!important;border:1px solid var(--theme-border,#d6e6de)!important;color:var(--theme-ink,#17364c)!important;box-shadow:0 4px 16px rgba(14,47,54,.035)!important; }
  dialog.purchase-workflow-supplier .supplier-modal-form>.supplier-company-card { grid-column:1/-1; }
  dialog.purchase-workflow-supplier .supplier-modal-form>.supplier-extra-card { grid-column:1/-1; }
  dialog.purchase-workflow-supplier .supplier-modal-form .ap-form-card h2 { margin:0 0 10px!important;color:var(--theme-ink,#17364c)!important;font-size:13.5px!important; }
  dialog.purchase-workflow-supplier .supplier-modal-form label { margin:4px 0!important;color:var(--theme-muted,#657d8c)!important;font-size:10.5px!important;font-weight:800!important; }
  dialog.purchase-workflow-supplier .supplier-modal-form label>span { margin-bottom:4px!important; }
  dialog.purchase-workflow-supplier .supplier-modal-form :is(input,select,textarea) { width:100%;min-height:38px!important;padding:6px 9px!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:9px!important;background:#fff!important;color:var(--theme-ink,#17364c)!important;font-size:12px!important;box-shadow:none!important; }
  dialog.purchase-workflow-supplier .supplier-modal-form :is(input,select,textarea):focus { outline:2px solid color-mix(in srgb,var(--theme-accent,#0b7a56) 20%,transparent)!important;border-color:var(--theme-accent,#0b7a56)!important; }
  dialog.purchase-workflow-supplier .supplier-modal-form input[readonly] { background:var(--theme-accent-pale,#f0faf5)!important;color:var(--theme-muted,#657d8c)!important; }
  dialog.purchase-workflow-supplier .supplier-company-grid { grid-template-columns:minmax(145px,.65fr) minmax(260px,1.55fr) minmax(120px,.55fr) minmax(220px,1fr)!important;gap:7px 10px!important; }
  dialog.purchase-workflow-supplier .supplier-company-grid label:nth-child(5),dialog.purchase-workflow-supplier .supplier-company-grid label:nth-child(6){grid-column:span 2;}
  dialog.purchase-workflow-supplier .ap-address-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px 10px!important;margin-top:5px!important; }
  dialog.purchase-workflow-supplier .supplier-payment-grid { grid-template-columns:minmax(120px,.65fr) minmax(240px,1.7fr) minmax(110px,.55fr)!important;gap:7px 10px!important; }
  dialog.purchase-workflow-supplier .supplier-extra-grid { grid-template-columns:minmax(0,2fr) minmax(150px,.55fr)!important;gap:7px 10px!important; }
  dialog.purchase-workflow-supplier .address-preview { margin-top:5px!important; }
  dialog.purchase-workflow-supplier .address-preview input { background:var(--theme-accent-pale,#f0faf5)!important;border-color:color-mix(in srgb,var(--theme-accent,#0b7a56) 35%,var(--theme-border,#d6e6de))!important;color:var(--theme-accent-strong,#0f513f)!important; }
  dialog.purchase-workflow-supplier .supplier-modal-actions { grid-column:1/-1;position:sticky;bottom:-18px;z-index:8;margin:0 -16px -18px!important;padding:9px 16px!important;display:flex!important;justify-content:flex-end!important;gap:8px!important;background:color-mix(in srgb,var(--theme-card,#fff) 95%,var(--theme-accent-pale,#f0faf5))!important;border-top:1px solid var(--theme-border,#d6e6de)!important;box-shadow:0 -8px 22px rgba(14,47,54,.07)!important; }
  dialog.purchase-workflow-supplier .supplier-modal-actions button { flex:0 0 auto!important;min-width:120px!important;min-height:38px!important;height:38px!important;border-radius:9px!important; }
  dialog.purchase-workflow-supplier .supplier-documents-card { margin-top:12px!important;padding:13px!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:13px!important;background:var(--theme-card,#fff)!important; }
  @media(max-width:900px){
    dialog.purchase-workflow-supplier .supplier-modal-form{grid-template-columns:1fr;}
    dialog.purchase-workflow-supplier .supplier-modal-form>.ap-form-card{grid-column:1!important;}
    dialog.purchase-workflow-supplier .supplier-company-grid{grid-template-columns:1fr 1fr!important;}
    dialog.purchase-workflow-supplier .supplier-company-grid label:nth-child(5),dialog.purchase-workflow-supplier .supplier-company-grid label:nth-child(6){grid-column:auto;}
    dialog.purchase-workflow-supplier .ap-address-grid{grid-template-columns:1fr 1fr!important;}
  }
  @media(max-width:620px){
    dialog.purchase-workflow-supplier .supplier-company-grid,dialog.purchase-workflow-supplier .ap-address-grid,dialog.purchase-workflow-supplier .supplier-payment-grid,dialog.purchase-workflow-supplier .supplier-extra-grid{grid-template-columns:1fr!important;}
    dialog.purchase-workflow-supplier .supplier-modal-actions{align-items:stretch;}
    dialog.purchase-workflow-supplier .supplier-modal-actions button{flex:1 1 0!important;min-width:0!important;}
  }
}

/* v1.3.14.77B workspace accordion: company -> branch */
.security-workspace-company-toggle{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px!important;border:0!important;border-radius:0!important;background:#f3f7fc!important;color:inherit!important;text-align:left!important;box-shadow:none!important;cursor:pointer}
.security-workspace-company-toggle:hover{background:#eaf3ff!important}
.security-workspace-company-main{display:flex;align-items:center;gap:9px;min-width:0}
.security-workspace-company-main strong{color:#294966;font-size:12px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-workspace-company-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.security-workspace-chevron{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#64809d;font-size:16px;transition:transform .15s ease}
.security-workspace-company-toggle[aria-expanded="true"] .security-workspace-chevron{transform:rotate(180deg)}
.security-workspace-branch-list{display:grid;gap:8px;padding:10px;border-top:1px solid #e1eaf4;background:#fbfdff}
.security-workspace-branch-list[hidden]{display:none!important}
@media(max-width:620px){.security-workspace-company-toggle{align-items:flex-start}.security-workspace-company-main{display:grid;gap:4px}.security-workspace-company-main strong{white-space:normal}.security-workspace-company-meta{padding-top:2px}}


/* v1.3.14.78B workspace split selector: Company -> Branch */
.security-workspace-dialog.security-workspace-dialog-split{width:min(960px,calc(100% - 28px));max-width:960px;max-height:90dvh}
.security-workspace-dialog-split .security-workspace-form{grid-template-rows:auto minmax(0,1fr) auto;max-height:calc(90dvh - 72px)}
.security-workspace-dialog-split .security-workspace-intro{padding:14px 18px 10px}
.security-workspace-dialog-split .security-workspace-intro p{margin-top:7px}
.security-workspace-split{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(390px,1.28fr);min-height:390px;max-height:min(58vh,540px);border-top:1px solid #e5edf6;border-bottom:1px solid #e1eaf3;background:#fff;overflow:hidden}
.security-workspace-company-pane,.security-workspace-branch-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}
.security-workspace-company-pane{border-right:1px solid #dde8f3;background:#f8fbff}
.security-workspace-pane-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:55px;padding:11px 14px;border-bottom:1px solid #e1eaf3;background:#f3f7fc}
.security-workspace-pane-head>div{display:grid;gap:2px;min-width:0}
.security-workspace-pane-head strong{color:#173d66;font-size:13px;font-weight:800}
.security-workspace-pane-head small{color:#7b8fa5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-workspace-company-list,.security-workspace-branch-options{min-height:0;overflow:auto;overscroll-behavior:contain}
.security-workspace-company-list{display:grid;align-content:start;gap:6px;padding:8px}
.security-workspace-company-row{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:46px;margin:0!important;padding:8px 10px!important;border:1px solid #dce6f1!important;border-radius:10px!important;background:#fff!important;color:inherit!important;text-align:left!important;box-shadow:none!important;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.security-workspace-company-row:hover{border-color:#9fc6f6!important;background:#f4f9ff!important}
.security-workspace-company-row.is-selected{border-color:#368af3!important;background:#eaf4ff!important;box-shadow:inset 3px 0 0 #0968ed!important}
.security-workspace-company-copy{display:flex;align-items:center;gap:8px;min-width:0}
.security-workspace-company-copy strong{min-width:0;color:#294966;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-workspace-company-row.is-selected .security-workspace-company-copy strong{color:#123f70}
.security-workspace-company-row .security-workspace-company-meta{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.security-workspace-company-row .security-workspace-count{font-size:9px}
.security-workspace-arrow{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#7890a8;font-size:20px;line-height:1}
.security-workspace-company-row.is-selected .security-workspace-arrow{color:#0968ed}
.security-workspace-branch-count{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#e8f2ff;color:#1768bd;font-size:9px;font-weight:800}
.security-workspace-branch-options{display:grid;align-content:start;gap:8px;padding:10px 12px;background:#fff}
.security-workspace-dialog-split .security-workspace-card{min-height:64px;padding:10px 12px}
.security-workspace-empty{display:grid;place-items:center;align-content:center;gap:5px;min-height:220px;padding:28px;text-align:center;color:#7b8fa3;border:1px dashed #d8e4f0;border-radius:12px;background:#fbfdff}
.security-workspace-empty strong{color:#41627f;font-size:13px}
.security-workspace-empty span{font-size:11px}
.security-workspace-dialog-split .security-workspace-footer{margin-top:0;padding:12px 18px 14px;min-height:68px}
.security-workspace-dialog-split .security-workspace-choice strong{max-width:560px;font-size:12px}
@media(max-width:760px){
  .security-workspace-dialog.security-workspace-dialog-split{width:calc(100% - 16px);max-height:94dvh;border-radius:14px}
  .security-workspace-dialog-split .security-workspace-form{max-height:calc(94dvh - 64px)}
  .security-workspace-split{grid-template-columns:1fr;grid-template-rows:minmax(160px,38%) minmax(220px,62%);min-height:0;max-height:62dvh}
  .security-workspace-company-pane{border-right:0;border-bottom:1px solid #dde8f3}
  .security-workspace-pane-head{min-height:46px;padding:8px 11px}
  .security-workspace-company-list{grid-template-columns:1fr 1fr;gap:5px;padding:6px}
  .security-workspace-company-row{min-height:42px;padding:6px 8px!important}
  .security-workspace-company-copy{display:grid;gap:2px}
  .security-workspace-company-copy strong{font-size:10px}
  .security-workspace-company-row .security-workspace-count{display:none}
  .security-workspace-branch-options{padding:8px}
  .security-workspace-dialog-split .security-workspace-card{min-height:58px}
  .security-workspace-empty{min-height:150px}
  .security-workspace-dialog-split .security-workspace-footer{align-items:stretch;padding:10px 12px 12px;flex-direction:column;gap:8px}
  .security-workspace-dialog-split .security-workspace-footer button{width:100%}
}
@media(max-width:430px){.security-workspace-company-list{grid-template-columns:1fr}.security-workspace-split{grid-template-rows:minmax(150px,40%) minmax(210px,60%)}}

/* v1.3.14.79B workspace selector: sticky Company + popup picker + Branch list */
.security-workspace-dialog.security-workspace-dialog-sticky{width:min(760px,calc(100% - 28px));max-width:760px;max-height:92dvh}
.security-workspace-dialog-sticky .security-workspace-form{display:flex;flex-direction:column;min-height:0;max-height:calc(92dvh - 70px)}
.security-workspace-dialog-sticky .security-workspace-intro{padding:14px 18px 10px;flex:0 0 auto}
.security-workspace-dialog-sticky .security-workspace-intro p{margin-top:7px}
.security-workspace-company-sticky{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0;padding:10px 18px;border-top:1px solid #e4edf6;border-bottom:1px solid #dce7f3;background:linear-gradient(180deg,#f8fbff,#f2f7fd);box-shadow:0 4px 12px rgba(24,69,111,.05)}
.security-workspace-company-selected{display:grid;gap:5px;min-width:0;flex:1}
.security-workspace-company-selected>span{color:#73899f;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.security-workspace-company-selected-copy{display:flex;align-items:center;gap:9px;min-width:0}
.security-workspace-company-selected-copy strong{min-width:0;color:#193e62;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-workspace-company-change{flex:0 0 auto;min-width:118px!important;min-height:35px!important;padding:7px 12px!important;border:1px solid #9fc5ef!important;border-radius:9px!important;background:#fff!important;color:#0e63ba!important;font-weight:800!important;box-shadow:0 2px 8px rgba(25,83,139,.06)!important}
.security-workspace-company-change:hover{background:#eaf4ff!important;border-color:#6faaf0!important}
.security-workspace-branch-stage{display:flex;flex-direction:column;min-height:0;flex:1;background:#fff}
.security-workspace-dialog-sticky .security-workspace-pane-head{flex:0 0 auto;min-height:52px;padding:9px 18px;background:#fbfdff}
.security-workspace-branch-options-full{flex:1;min-height:160px;max-height:min(48dvh,450px);padding:10px 18px 14px;overflow:auto;overscroll-behavior:contain}
.security-workspace-dialog-sticky .security-workspace-card{min-height:62px;padding:10px 12px}
.security-workspace-dialog-sticky .security-workspace-footer{flex:0 0 auto;margin:0;padding:12px 18px 14px;background:#fbfdff}
.security-workspace-dialog-sticky .security-workspace-choice strong{max-width:490px;font-size:12px}

.security-company-picker-dialog{width:min(620px,calc(100% - 26px));max-width:620px;max-height:86dvh}
.security-company-picker-dialog .flow-modal-body{padding:0}
.security-company-picker{display:flex;flex-direction:column;min-height:0;max-height:calc(86dvh - 72px)}
.security-company-picker-search{position:sticky;top:0;z-index:2;padding:12px 14px;border-bottom:1px solid #e1eaf3;background:#f8fbff}
.security-company-picker-search input{width:100%;min-height:40px;padding:9px 12px;border:1px solid #cbdbea;border-radius:10px;background:#fff;color:#234461;font:inherit;outline:none}
.security-company-picker-search input:focus{border-color:#6ea9ef;box-shadow:0 0 0 3px rgba(9,104,237,.10)}
.security-company-picker-list{display:grid;gap:6px;padding:8px 10px 12px;overflow:auto;overscroll-behavior:contain}
.security-company-picker-row{width:100%;display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin:0!important;padding:8px 10px!important;border:1px solid #dce6f1!important;border-radius:10px!important;background:#fff!important;color:inherit!important;text-align:left!important;box-shadow:none!important;cursor:pointer}
.security-company-picker-row:hover{border-color:#8ebaf1!important;background:#f3f8ff!important}
.security-company-picker-row.is-current{border-color:#82b5ef!important;background:#eef6ff!important;box-shadow:inset 3px 0 0 #0968ed!important}
.security-company-picker-copy{display:flex;align-items:center;gap:9px;min-width:0}
.security-company-picker-copy strong{min-width:0;color:#294966;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-company-picker-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#758ba1}
.security-company-picker-meta small{font-size:9px;white-space:nowrap}
.security-company-picker-meta span{font-size:20px;line-height:1;color:#7b91a8}
.security-company-picker-row[hidden]{display:none!important}

@media(max-width:620px){
  .security-workspace-dialog.security-workspace-dialog-sticky{width:calc(100% - 14px);max-height:96dvh;border-radius:14px}
  .security-workspace-dialog-sticky .security-workspace-form{max-height:calc(96dvh - 62px)}
  .security-workspace-dialog-sticky .security-workspace-intro{padding:11px 12px 8px}
  .security-workspace-company-sticky{align-items:stretch;gap:8px;padding:9px 11px;flex-direction:column}
  .security-workspace-company-selected-copy strong{font-size:11px;white-space:normal;line-height:1.45}
  .security-workspace-company-change{width:100%;min-width:0!important}
  .security-workspace-dialog-sticky .security-workspace-pane-head{padding:8px 11px}
  .security-workspace-branch-options-full{max-height:44dvh;padding:8px 10px 10px}
  .security-workspace-dialog-sticky .security-workspace-card{min-height:58px}
  .security-workspace-dialog-sticky .security-workspace-footer{align-items:stretch;padding:10px 11px 11px;flex-direction:column;gap:8px}
  .security-workspace-dialog-sticky .security-workspace-footer button{width:100%}
  .security-company-picker-dialog{width:calc(100% - 14px);max-height:94dvh;border-radius:14px}
  .security-company-picker{max-height:calc(94dvh - 62px)}
  .security-company-picker-search{padding:9px 10px}
  .security-company-picker-list{padding:7px 8px 10px}
  .security-company-picker-row{min-height:46px;padding:7px 8px!important}
  .security-company-picker-copy{display:grid;gap:2px}
  .security-company-picker-copy strong{font-size:10px;white-space:normal;line-height:1.35}
}

/* ========================================================================
   POS-X v1.3.14.80B · Compact UI Standard
   AP / STOCK / AR / FIN visual consistency + stable navigation menus
   ======================================================================== */

/* Stable dropdown behavior: JS keeps .menu-open for 900ms after pointer leaves. */
#top-navigation .navitem.menu-open>.dropdown{display:block!important}
#top-navigation .navitem.menu-open>.navbutton{background:var(--theme-accent-soft,#eaf7f1)!important;color:var(--theme-accent-strong,#0f513f)!important}
.topbar #top-navigation .navitem.menu-open>.navbutton{background:rgba(255,255,255,.16)!important;color:#fff!important}
#top-navigation .dropdown{margin-top:-1px}
#top-navigation .dropitem{min-height:38px}

/* One visual grammar for operational pages. */
.ops-standard-page,
#page-content.ap-purchase-page,
#page-content:has(.ops-customer-registry),
#page-content:has(.ops-payment-compact){max-width:1440px;margin:0 auto}
.ops-page-kicker{display:block;margin:0 0 3px;color:var(--theme-accent,#0b7a56);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ops-compact-heading{min-height:58px!important;margin:0 0 10px!important;padding:5px 0 10px!important;border-bottom:1px solid var(--theme-border,#d6e6de)!important;align-items:center!important}
.ops-compact-heading h1{margin:0!important;font-size:21px!important;line-height:1.2!important;color:var(--theme-ink,#17364c)!important}
.ops-compact-heading p{margin:3px 0 0!important;font-size:11px!important;color:var(--theme-muted,#657d8c)!important}

/* KPI strip supports both legacy .flow-stat and new direct cards. */
.ops-kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important}
.ops-kpi-strip>.flow-stat,
.ops-kpi-strip>div{min-width:0!important;margin:0!important;padding:10px 12px!important;border-radius:11px!important;border:1px solid var(--theme-border,#d6e6de)!important;background:linear-gradient(180deg,#fff,var(--theme-accent-pale,#f3faf7))!important;box-shadow:0 3px 12px rgba(17,48,57,.03)!important;display:grid!important;gap:3px!important}
.ops-kpi-strip>div>span,.ops-kpi-strip>.flow-stat span{font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important;font-weight:700!important}
.ops-kpi-strip>div>strong,.ops-kpi-strip>.flow-stat strong{font-size:18px!important;line-height:1.2!important;color:var(--theme-ink,#17364c)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* AP purchase list: primary actions stay visible in the center. */
#page-content.ap-purchase-page>.ap-heading{min-height:52px;margin:0 0 8px!important;padding:3px 0 9px!important}
#page-content.ap-purchase-page>.ap-heading h1{font-size:21px!important}
.ops-primary-center{display:flex;justify-content:center;align-items:center;gap:10px;margin:2px 0 12px;padding:9px 12px;border:1px solid var(--theme-border,#d6e6de);border-radius:12px;background:linear-gradient(180deg,#fff,var(--theme-accent-pale,#f3faf7))}
.ops-primary-center .ops-main-action{min-width:190px;min-height:38px!important;height:38px!important;border-radius:9px!important;font-weight:850!important}
.ap-purchase-page .po-list-toolbar{padding:10px 12px!important;margin-bottom:10px!important}
.ap-purchase-page .ops-filter-heading{margin-bottom:7px!important}
.ap-purchase-page .ops-filter-row{gap:8px!important}
.ap-purchase-page .ops-table-card{margin-bottom:10px}
.ap-purchase-page .ops-table-card .ap-table th{height:38px!important;padding:7px 10px!important}
.ap-purchase-page .ops-table-card .ap-table td{height:42px!important;padding:7px 10px!important}

/* PO detail: compact summary, collapsible technical details, sticky action header. */
.ap-purchase-page>.ap-heading{position:sticky;top:0;z-index:9;background:var(--theme-page,#f7fbf9);box-shadow:0 5px 12px rgba(17,48,57,.035)}
.ops-po-summary{display:grid;gap:8px;margin-bottom:8px}
.ap-document-facts.compact{display:grid!important;grid-template-columns:minmax(240px,1.5fr) 150px 140px minmax(220px,1fr)!important;gap:8px!important;padding:9px 11px!important;margin:0!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:11px!important;background:#fff!important}
.ap-document-facts.compact>div{display:grid!important;gap:2px!important;min-width:0!important}
.ap-document-facts.compact span{font-size:10px;color:var(--theme-muted,#657d8c);font-weight:700}
.ap-document-facts.compact strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ops-po-kpis{margin-bottom:0!important}
.ops-po-lines .ap-table-scroll{max-height:42vh!important}
.ops-detail-collapse{margin:8px 0!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:11px!important;background:#fff!important;overflow:hidden}
.ops-detail-collapse>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:9px 12px!important;background:var(--theme-accent-pale,#f3faf7);color:var(--theme-ink,#17364c);font-size:11.5px;font-weight:850;list-style-position:inside}
.ops-detail-collapse>summary span{font-size:10.5px;color:var(--theme-muted,#657d8c);font-weight:700}
.ops-detail-collapse .ap-table-scroll{margin:0!important;border:0!important;border-top:1px solid var(--theme-border,#d6e6de)!important;border-radius:0!important;max-height:36vh!important}
.ops-grand-total{margin:8px 0!important;padding:9px 12px!important;border-radius:10px!important;background:var(--theme-accent-pale,#f3faf7)!important;text-align:right!important}
.ops-grand-total strong{font-size:18px!important;margin-left:10px!important}
.ops-note{margin:6px 0!important;padding:8px 10px;border-left:3px solid var(--theme-accent,#0b7a56);background:#fff;color:var(--theme-muted,#657d8c);font-size:11px}
.ops-subsection{margin-top:10px}
.ops-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.ops-section-heading h2{margin:0!important;font-size:15px!important}.ops-section-heading span{font-size:10.5px;color:var(--theme-muted,#657d8c)}

/* Bundle: same compact header/filter/table rhythm. */
.bundle-page{padding:0 0 24px!important}
.bundle-page .ops-filter-card{padding:10px 12px!important}
.bundle-page .ops-compact-filter{display:grid!important;grid-template-columns:minmax(280px,1fr) auto!important;gap:8px!important;align-items:end!important}
.bundle-page .ops-compact-filter label{min-width:0}.bundle-page .ops-compact-filter input{width:100%}
.bundle-page .ops-table-card .flow-table-wrap{max-height:58vh!important}
.bundle-page .ops-count-badge{display:inline-grid;place-items:center;min-width:30px;height:25px;padding:0 8px;border-radius:999px;background:var(--theme-accent-soft,#eaf7f1);color:var(--theme-accent-strong,#0f513f);font-weight:900}
.bundle-dialog .flow-modal-body{padding:14px!important}.bundle-dialog .flow-table-wrap{max-height:45vh!important}.bundle-dialog td,.bundle-dialog th{padding:7px 8px!important}

/* Stock inventory: compress large scopes/sidebar while preserving all data. */
.inventory-ui.ops-standard-page{padding:0!important}
.inventory-ui .inventory-titlebar{min-height:58px!important;margin-bottom:10px!important}
.inventory-ui .inventory-titlebar .inventory-actions{gap:6px!important}
.inventory-ui .inventory-button{min-height:34px!important;height:34px!important;padding:6px 10px!important;border-radius:8px!important}
.inventory-ui .inventory-kpis{margin-bottom:10px!important}
.inventory-ui .inventory-scope{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(260px,1.2fr) minmax(220px,1fr)!important;align-items:end!important;gap:8px!important;padding:10px 12px!important;margin-bottom:10px!important}
.inventory-ui .inventory-scope label{margin:0!important}.inventory-ui .inventory-scope-note{align-self:center!important;margin:14px 0 0!important;font-size:10.5px!important}
.inventory-ui .inventory-body{gap:10px!important}.inventory-ui .inventory-sidebar{width:205px!important;min-width:205px!important;padding:10px!important;border-radius:11px!important}
.inventory-ui .inventory-sidebar h2{font-size:10px!important;margin:0 0 7px!important}
.inventory-ui .inventory-category{min-height:30px!important;padding:5px 7px!important;font-size:10.5px!important}
.inventory-ui .inventory-searchbar{gap:7px!important;padding:9px 10px!important;border-radius:11px!important;margin-bottom:8px!important}
.inventory-ui .inventory-searchbar :is(input,select),.inventory-ui .inventory-scope select{min-height:36px!important;height:36px!important;padding:6px 8px!important}
.inventory-ui .inventory-subbar{min-height:36px!important;margin-bottom:6px!important}
.inventory-ui .inventory-scroll{max-height:56vh!important;border-radius:10px!important}.inventory-ui .inventory-scroll th{padding:7px 8px!important;height:38px!important;font-size:10.5px!important}.inventory-ui .inventory-scroll td{padding:7px 8px!important;height:42px!important;font-size:11px!important}
.inventory-ui .inventory-pagination{padding:8px 0 0!important}.inventory-ui .inventory-note{margin:5px 0 0!important;font-size:10px!important}

/* Pending receiving: same KPI/filter/table language as stock. */
.ops-pending-filter{padding:10px 12px!important}.ops-pending-filter .ops-filter-row{display:grid!important;grid-template-columns:minmax(300px,1fr)!important}.ops-pending-filter label{max-width:620px}
#receiving-suppliers.ops-table-card .ap-table-scroll{max-height:58vh!important;border:0!important;margin:0!important}
.ops-receiving-grid{gap:10px!important}.ops-receiving-grid>section{padding:0!important;overflow:hidden}.ops-receiving-grid .ap-pane-title{min-height:46px!important;padding:8px 10px!important;margin:0!important;border-bottom:1px solid var(--theme-border,#d6e6de)!important}.ops-receiving-grid .ap-pane-title h2{font-size:13px!important}.ops-receiving-grid .ap-toolbar{padding:8px 10px!important;margin:0!important}.ops-receiving-grid .ap-table-scroll{border:0!important;border-radius:0!important;max-height:52vh!important}

/* Customer registry + add/edit customer. */
.ops-customer-registry .cm-registry-kpis{margin-top:0!important}
.ops-customer-registry .cm-toolbar.ops-filter-card{display:grid!important;grid-template-columns:minmax(320px,1fr) 150px 150px auto minmax(170px,auto)!important;gap:8px!important;align-items:end!important;padding:10px 12px!important;margin:0 0 9px!important}
.ops-customer-registry .cm-toolbar.ops-filter-card .cm-search{max-width:none!important;min-width:0!important}.ops-customer-registry .cm-toolbar.ops-filter-card :is(input,select){height:36px!important;min-height:36px!important}.ops-customer-registry .cm-toolbar.ops-filter-card button{height:36px!important;min-height:36px!important}.ops-customer-registry .cm-registry-count{align-self:center;justify-self:end;font-size:10.5px;color:var(--theme-muted,#657d8c)}
.ops-customer-registry #customer-table.ops-table-card>.ar-scroll{border:0!important;border-radius:0!important;margin:0!important;max-height:58vh!important}
.cm-dialog.cm-compact-dialog{width:min(980px,95vw)!important;max-height:92vh!important}
.cm-compact-dialog .ar-dialog-body{padding:12px 14px 0!important;max-height:82vh!important}
.cm-compact-dialog #customer-form.ops-compact-form{display:grid;gap:9px!important}
.cm-compact-dialog .cm-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.cm-compact-dialog .cm-edit-wide{grid-column:span 2!important}.cm-compact-dialog .cm-edit-address{margin:0!important;padding:10px 12px!important;border-radius:10px!important}.cm-compact-dialog .cm-edit-address h3{margin:0 0 8px!important;font-size:13px!important}.cm-compact-dialog .cm-edit-location{gap:8px!important}.cm-compact-dialog label{gap:4px!important}.cm-compact-dialog :is(input,select,textarea){padding:6px 8px!important;min-height:34px!important}.cm-compact-dialog textarea{min-height:50px!important}.cm-compact-dialog .cm-edit-note{margin:0!important}.cm-compact-dialog .cm-edit-actions{position:sticky;bottom:0;z-index:3;margin:0 -14px!important;padding:9px 14px!important;background:rgba(255,255,255,.97);border-top:1px solid var(--theme-border,#d6e6de);box-shadow:0 -8px 20px rgba(17,48,57,.06)}

/* Customer payment entry: compact blocks and sticky save action. */
.ops-payment-compact{max-width:1440px!important;margin:0 auto!important;padding:0!important}.ops-payment-compact .ar-heading{min-height:52px!important;margin-bottom:8px!important;padding:3px 0 9px!important}.ops-payment-compact .ar-heading h1{font-size:20px!important}.ops-payment-compact .ar-customer-bar{display:grid!important;grid-template-columns:minmax(260px,1.25fr) minmax(220px,1fr) 180px 170px auto!important;gap:7px!important;padding:9px 10px!important;margin-bottom:8px!important;border-radius:11px!important}.ops-payment-compact #ar-search{display:grid!important;grid-template-columns:1fr 34px!important;gap:5px!important}.ops-payment-compact #ar-search input{height:34px!important}.ops-payment-compact .ar-date-bar{padding:7px 9px!important;margin-bottom:7px!important}.ops-payment-compact .ar-bills .ar-scroll{height:min(245px,33vh)!important}.ops-payment-compact .ar-bills th{height:36px!important;padding:6px 7px!important;font-size:10px!important}.ops-payment-compact .ar-bills td{height:39px!important;padding:5px 7px!important;font-size:10.5px!important}.ops-payment-compact .ar-bills input[type=number]{height:30px!important;padding:4px 6px!important}.ops-payment-compact .ar-fee-summary{margin:7px 0!important;padding:7px 9px!important}.ops-payment-compact .ar-summary-strip{gap:6px!important}.ops-payment-compact .ar-summary-strip>div{padding:6px 8px!important}.ops-payment-compact .ar-payment-layout{gap:9px!important}.ops-payment-compact .ar-methods,.ops-payment-compact .ar-card-section>section{padding:10px!important;border-radius:11px!important}.ops-payment-compact .ar-methods h2,.ops-payment-compact .ar-card-section h2{font-size:13px!important;margin:0 0 7px!important}.ops-payment-compact .ar-tender-row{min-height:35px!important;gap:6px!important}.ops-payment-compact .ar-tender-row input{height:32px!important;padding:5px 7px!important}.ops-payment-compact .ar-form-bottom{margin-top:8px!important;padding-top:8px!important}.ops-payment-compact .ar-card-fields{gap:7px!important}.ops-payment-compact .ar-card-fields input{height:32px!important}.ops-payment-compact .ar-footer{position:sticky;bottom:0;z-index:7;margin:8px 0 0!important;padding:9px 0!important;background:rgba(247,251,249,.97);box-shadow:0 -8px 22px rgba(17,48,57,.055)}.ops-payment-compact .ar-footer button{min-height:35px!important;height:35px!important}

/* Guarantee program aligned with FIN/AR/Stock. */
.guarantee-app.ops-standard-page{gap:10px!important}.guarantee-app .guarantee-head{min-height:58px!important;margin:0!important;padding:5px 0 10px!important;border-bottom:1px solid var(--theme-border,#d6e6de)}.guarantee-app .guarantee-head h1{font-size:21px!important}.guarantee-app .guarantee-head p{font-size:10.5px!important;margin-top:3px!important}.guarantee-app .guarantee-btn{min-height:34px!important;padding:6px 10px!important;border-radius:8px!important}.guarantee-app .guarantee-kpis{gap:8px!important}.guarantee-app .guarantee-kpi{padding:10px 12px!important;border-radius:11px!important}.guarantee-app .guarantee-kpi strong{font-size:18px!important}.guarantee-app .guarantee-card{padding:10px 12px!important;border-radius:11px!important}.guarantee-app .guarantee-toolbar{grid-template-columns:minmax(260px,1.6fr) 145px 145px 170px 180px!important;gap:8px!important}.guarantee-app .guarantee-field{gap:4px!important;font-size:10.5px!important}.guarantee-app .guarantee-field :is(input,select){height:36px!important;padding:6px 8px!important;border-radius:8px!important}.guarantee-app .guarantee-table-wrap{padding:0!important;max-height:58vh!important;overflow:auto!important}.guarantee-app .guarantee-table th{position:sticky;top:0;z-index:1;background:var(--theme-table-head,#e9f7f0)!important;height:38px!important;padding:7px 8px!important;font-size:10.5px!important}.guarantee-app .guarantee-table td{height:42px!important;padding:7px 8px!important;font-size:11px!important}.guarantee-dialog{border-radius:13px!important}.guarantee-dialog>header{padding:11px 14px!important}.guarantee-dialog-body{padding:12px 14px!important}.guarantee-form-grid{gap:8px!important}.guarantee-form-grid .guarantee-field :is(input,select,textarea){padding:6px 8px!important;min-height:34px!important}

@media(max-width:1000px){
  .ops-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ap-document-facts.compact{grid-template-columns:1fr 1fr!important}
  .inventory-ui .inventory-scope{grid-template-columns:1fr 1fr!important}.inventory-ui .inventory-scope-note{grid-column:1/-1;margin:0!important}
  .inventory-ui .inventory-sidebar{display:none!important}
  .ops-customer-registry .cm-toolbar.ops-filter-card{grid-template-columns:1fr 1fr!important}.ops-customer-registry .cm-toolbar.ops-filter-card .cm-search{grid-column:1/-1}.ops-customer-registry .cm-registry-count{justify-self:start}
  .cm-compact-dialog .cm-edit-grid{grid-template-columns:1fr 1fr!important}.cm-compact-dialog .cm-edit-wide{grid-column:1/-1!important}
  .ops-payment-compact .ar-customer-bar{grid-template-columns:1fr 1fr!important}.ops-payment-compact #ar-search{grid-column:1/-1}.ops-payment-compact .ar-payment-layout{grid-template-columns:1fr!important}
  .guarantee-app .guarantee-toolbar{grid-template-columns:1fr 1fr!important}.guarantee-app .guarantee-toolbar .guarantee-field:first-child{grid-column:1/-1}
}
@media(max-width:650px){
  .ops-kpi-strip{grid-template-columns:1fr 1fr!important}.ops-primary-center{display:grid!important;grid-template-columns:1fr!important}.ops-primary-center .ops-main-action{width:100%;min-width:0!important}
  .ap-document-facts.compact{grid-template-columns:1fr!important}.ap-purchase-page>.ap-heading{position:static!important}
  .bundle-page .ops-compact-filter{grid-template-columns:1fr!important}
  .inventory-ui .inventory-scope{grid-template-columns:1fr!important}.inventory-ui .inventory-scope-note{grid-column:auto}.inventory-ui .inventory-searchbar{grid-template-columns:1fr!important}
  .cm-compact-dialog .cm-edit-grid,.cm-compact-dialog .cm-edit-location{grid-template-columns:1fr!important}
  .ops-payment-compact .ar-customer-bar{grid-template-columns:1fr!important}.ops-payment-compact .ar-footer{position:static!important}
  .guarantee-app .guarantee-toolbar{grid-template-columns:1fr!important}.guarantee-app .guarantee-toolbar .guarantee-field:first-child{grid-column:auto}
}

/* v1.3.14.81B workspace sticky Company -> Branch selector */
.security-workspace-dialog.security-workspace-dialog-sticky{width:min(760px,calc(100% - 28px));max-width:760px;max-height:92dvh;overflow:hidden}
.security-workspace-dialog-sticky .security-workspace-form-sticky{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-height:calc(92dvh - 72px);min-height:520px}
.security-workspace-dialog-sticky .security-workspace-intro{padding:13px 18px 9px}
.security-workspace-dialog-sticky .security-workspace-intro p{margin-top:6px}
.security-workspace-company-sticky{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 16px 10px;padding:10px 12px;border:1px solid #cfe0f2;border-radius:13px;background:linear-gradient(180deg,#f8fbff,#eef6ff);box-shadow:0 5px 18px #173f6a0d}
.security-workspace-company-selected{display:grid;gap:4px;min-width:0}
.security-workspace-company-selected>span{color:#7d90a5;font-size:9px;font-weight:750;letter-spacing:.02em}
.security-workspace-company-selected-copy{display:flex;align-items:center;gap:9px;min-width:0}
.security-workspace-company-selected-copy strong{min-width:0;color:#183f65;font-size:13px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-workspace-company-change{flex:0 0 auto;min-width:102px;padding:8px 11px!important;border:1px solid #98bfe9!important;border-radius:9px!important;background:#fff!important;color:#0b63b6!important;font-size:11px!important;font-weight:800!important;box-shadow:none!important;cursor:pointer}
.security-workspace-company-change:hover{border-color:#3389e9!important;background:#eaf4ff!important;color:#0757a2!important}
.security-workspace-branch-stage{display:flex;flex-direction:column;min-height:0;margin:0 16px 10px;border:1px solid #dce7f2;border-radius:13px;background:#fff;overflow:hidden}
.security-workspace-branch-stage .security-workspace-pane-head{flex:0 0 auto;min-height:48px;padding:9px 12px;background:#f7faff}
.security-workspace-branch-options-full{display:grid;align-content:start;gap:7px;min-height:0;max-height:42dvh;overflow:auto;overscroll-behavior:contain;padding:9px;background:#fff}
.security-workspace-dialog-sticky .security-workspace-card{min-height:56px;padding:9px 11px;border-radius:10px!important}
.security-workspace-dialog-sticky .security-workspace-card-copy strong{font-size:12px}
.security-workspace-dialog-sticky .security-workspace-card-copy small{font-size:9px}
.security-workspace-dialog-sticky .security-workspace-footer{padding:10px 16px 12px;min-height:62px}
.security-workspace-dialog-sticky .security-workspace-choice strong{max-width:470px;font-size:11px}
.security-workspace-dialog-sticky .security-workspace-empty{min-height:180px}
.security-company-picker-dialog{width:min(620px,calc(100% - 28px))!important;max-width:620px!important;max-height:86dvh;overflow:hidden}
.security-company-picker{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:360px;max-height:66dvh;padding:12px 14px 14px;background:#fff}
.security-company-picker-search{position:sticky;top:0;z-index:2;padding-bottom:9px;background:#fff}
.security-company-picker-search input{width:100%;height:40px;padding:0 12px;border:1px solid #cad9e8;border-radius:10px;background:#f8fbff;color:#173d66;font:inherit;font-size:12px;outline:none}
.security-company-picker-search input:focus{border-color:#3189ef;box-shadow:0 0 0 3px #0b6cf312;background:#fff}
.security-company-picker-list{display:grid;align-content:start;gap:6px;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1px}
.security-company-picker-row{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;margin:0!important;padding:8px 10px!important;border:1px solid #dce6f1!important;border-radius:10px!important;background:#fff!important;color:inherit!important;text-align:left!important;font:inherit!important;box-shadow:none!important;cursor:pointer}
.security-company-picker-row:hover{border-color:#92beeF!important;background:#f3f8ff!important}
.security-company-picker-row.is-current{border-color:#65a4eb!important;background:#eaf4ff!important;box-shadow:inset 3px 0 0 #0968ed!important}
.security-company-picker-copy{display:flex;align-items:center;gap:9px;min-width:0}
.security-company-picker-copy strong{min-width:0;color:#294966;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-company-picker-meta{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#71869b;font-size:10px}
.security-company-picker-meta>span{font-size:19px;line-height:1;color:#6d87a0}
@media(max-width:620px){
 .security-workspace-dialog.security-workspace-dialog-sticky{width:calc(100% - 14px);max-height:96dvh;border-radius:14px}
 .security-workspace-dialog-sticky .security-workspace-form-sticky{max-height:calc(96dvh - 64px);min-height:0}
 .security-workspace-company-sticky{margin:0 9px 8px;padding:9px 10px;gap:8px}
 .security-workspace-company-selected-copy{display:grid;gap:2px}
 .security-workspace-company-selected-copy strong{font-size:11px;white-space:normal;line-height:1.25}
 .security-workspace-company-change{min-width:86px;padding:7px 9px!important}
 .security-workspace-branch-stage{margin:0 9px 8px}
 .security-workspace-branch-options-full{max-height:45dvh;padding:7px}
 .security-workspace-dialog-sticky .security-workspace-footer{align-items:stretch;flex-direction:column;gap:7px;padding:9px 10px 10px}
 .security-workspace-dialog-sticky .security-workspace-footer button{width:100%}
 .security-company-picker-dialog{width:calc(100% - 14px)!important;max-height:94dvh}
 .security-company-picker{min-height:300px;max-height:72dvh;padding:9px}
 .security-company-picker-copy{display:grid;gap:2px}
 .security-company-picker-copy strong{font-size:10px;white-space:normal}
}

/* ========================================================================
   POS-X v1.3.14.82B · REAL COMPACT UI REBUILD
   Structural visual pass for AP / STOCK / AR / FIN.
   This block intentionally sits LAST so the approved compact grammar wins.
   ======================================================================== */
:root{--ops-bg:#f4f7fb;--ops-card:#fff;--ops-line:#d8e2ec;--ops-ink:#163552;--ops-muted:#6d8296;--ops-blue:#0d6fdc;--ops-blue-soft:#edf6ff;--ops-shadow:0 5px 18px rgba(25,61,92,.055)}
#page-content:is(.ap-purchase-page,.ops-pending-page,.ops-po-detail-page),
#page-content:has(.bundle-page),#page-content:has(.inventory-ui),#page-content:has(.ops-customer-registry),#page-content:has(.guarantee-app),#page-content:has(.ops-payment-screen),#page-content:has(.ops-payment-history){padding:14px 18px 24px!important;background:var(--ops-bg)!important}

/* Shared compact page head */
#page-content.ap-purchase-page>.ap-heading,
#page-content.ops-pending-page>.ap-heading,
#page-content:has(.ops-customer-registry) .ar-heading,
#page-content:has(.ops-payment-screen) .flow-heading,
#page-content:has(.ops-payment-history) .flow-heading,
.bundle-page>.flow-heading,.inventory-ui .inventory-titlebar,.guarantee-app .guarantee-head{
  min-height:54px!important;margin:0 0 10px!important;padding:9px 12px!important;border:1px solid var(--ops-line)!important;border-radius:12px!important;background:var(--ops-card)!important;box-shadow:var(--ops-shadow)!important
}
#page-content.ap-purchase-page>.ap-heading h1,#page-content.ops-pending-page>.ap-heading h1,#page-content:has(.ops-customer-registry) .ar-heading h1,.bundle-page h1,.inventory-ui h1,.guarantee-app h1,#page-content:has(.ops-payment-screen) h1{font-size:19px!important;line-height:1.2!important;margin:0!important;color:var(--ops-ink)!important}

/* Purchase: primary command deck is an unmistakable central action area */
.ap-purchase-page .ops-command-deck{display:grid!important;grid-template-columns:minmax(180px,1fr) 210px 230px!important;align-items:center!important;gap:10px!important;margin:0 0 10px!important;padding:10px 12px!important;background:linear-gradient(135deg,#f5faff,#eef6ff)!important;border:1px solid #c9def4!important;border-radius:12px!important;box-shadow:var(--ops-shadow)!important}
.ops-command-copy{display:grid;gap:1px}.ops-command-copy span,.ops-section-kicker{font-size:9px!important;line-height:1.2;color:#6e88a2;font-weight:900;letter-spacing:.08em}.ops-command-copy strong{font-size:13px;color:var(--ops-ink)}
.ap-purchase-page .ops-command-deck .ops-main-action{width:100%;min-width:0!important;height:38px!important}
.ops-purchase-kpis{margin:0 0 10px!important}
.ops-purchase-kpis>div{padding:8px 11px!important;min-height:54px!important;background:#fff!important;border:1px solid var(--ops-line)!important;border-radius:10px!important}
.ops-purchase-kpis>div strong{font-size:16px!important}
.ap-purchase-page .po-list-toolbar{display:grid!important;grid-template-columns:1fr!important;padding:9px 11px!important;background:#fff!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;box-shadow:var(--ops-shadow)!important}
.ap-purchase-page .ops-filter-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.ap-purchase-page .ops-filter-heading>div{display:grid;gap:1px}.ap-purchase-page .ops-filter-heading strong{font-size:13px!important;color:var(--ops-ink)}
.ap-purchase-page .ops-main-table{background:#fff!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;box-shadow:var(--ops-shadow)!important;overflow:hidden}
.ap-purchase-page .ops-main-table .ap-table-scroll{border:0!important;border-radius:0!important;margin:0!important;max-height:58vh!important}

/* PO detail: one compact document workspace instead of stacked legacy blocks */
#page-content.ops-po-detail-page>.ap-heading{position:sticky!important;top:4px!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border-color:#c8d8e8!important}
#page-content.ops-po-detail-page>.ap-heading .ap-toolbar{display:flex!important;gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
#page-content.ops-po-detail-page>.ap-heading button{height:34px!important;min-height:34px!important;padding:5px 10px!important;border-radius:8px!important}
.ops-po-summary{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.ap-document-facts.compact{padding:8px 10px!important;border-radius:10px!important;box-shadow:var(--ops-shadow)!important}.ops-po-kpis>div{min-height:52px!important;padding:8px 10px!important}.ops-po-lines{border-radius:10px!important;box-shadow:var(--ops-shadow)!important}.ops-detail-collapse{box-shadow:var(--ops-shadow)!important}.ops-grand-total{position:sticky;bottom:8px;z-index:4;margin:8px 0!important;padding:9px 13px!important;border:1px solid #bfd8f0!important;border-radius:10px!important;background:#edf6ff!important;color:#17496f!important;box-shadow:0 7px 20px rgba(20,64,101,.10)!important}

/* Bundle */
.bundle-page{max-width:1440px!important;margin:0 auto!important}.bundle-page .flow-heading{display:flex!important;align-items:center!important;justify-content:space-between!important}.bundle-page .ops-kpi-strip>div{min-height:54px!important;padding:8px 11px!important}.bundle-page .ops-filter-card{display:grid!important;grid-template-columns:1fr!important;padding:9px 11px!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.bundle-page .ops-compact-filter{display:grid!important;grid-template-columns:minmax(260px,1fr) 110px!important;gap:8px!important;align-items:end!important}.bundle-page .ops-table-card{border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important;overflow:hidden}.bundle-page .flow-table-wrap{max-height:58vh!important;overflow:auto!important}.bundle-page tbody button{min-height:32px!important;padding:5px 9px!important}

/* Inventory */
.inventory-ui{max-width:1440px!important;margin:0 auto!important}.inventory-ui .inventory-titlebar{display:flex!important;align-items:center!important;justify-content:space-between!important}.inventory-ui .inventory-kpis{margin:0 0 9px!important}.inventory-ui .inventory-kpis>div{min-height:54px!important;padding:8px 11px!important}.inventory-ui .inventory-scope{margin:0 0 8px!important;padding:9px 11px!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.inventory-ui .inventory-main{gap:8px!important}.inventory-ui .inventory-content{border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important;overflow:hidden}.inventory-ui :is(.inventory-searchbar,.inventory-subbar){padding:8px 10px!important;margin:0!important;border-bottom:1px solid #e8eef4!important;background:#fbfdff!important}.inventory-ui .inventory-table-wrap{max-height:58vh!important;overflow:auto!important}.inventory-ui table th{position:sticky;top:0;z-index:2;height:36px!important;padding:6px 8px!important}.inventory-ui table td{height:39px!important;padding:6px 8px!important}

/* Pending receive */
#page-content.ops-pending-page .ops-pending-kpis>div{min-height:54px!important;padding:8px 11px!important}.ops-pending-page .ops-pending-filter{margin:0 0 9px!important;padding:9px 11px!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.ops-pending-page #receiving-suppliers,.ops-pending-page .ops-receiving-grid>section{border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important;overflow:hidden}.ops-pending-page .ops-receiving-grid{gap:9px!important}.ops-pending-page .ap-pane-title{padding:8px 10px!important;margin:0!important;border-bottom:1px solid #e8eef4!important;background:#fbfdff!important}.ops-pending-page .ap-table-scroll{margin:0!important;border:0!important;border-radius:0!important;max-height:52vh!important}

/* Customer registry + customer edit */
.ops-customer-registry{max-width:1440px!important;margin:0 auto!important}.ops-customer-registry .ar-heading{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:10px!important;align-items:center!important}.ops-customer-registry .cm-registry-kpis>div{min-height:54px!important;padding:8px 11px!important}.ops-customer-registry .cm-toolbar.ops-filter-card{margin:0 0 9px!important;padding:9px 11px!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.ops-customer-registry #customer-table{border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important;overflow:hidden}.ops-customer-registry #customer-table .ar-table-wrap{max-height:58vh!important;overflow:auto!important}.ops-customer-registry .cm-pagination{margin-top:8px!important;padding:7px 10px!important;border:1px solid var(--ops-line)!important;border-radius:10px!important;background:#fff!important}
.cm-compact-dialog{width:min(960px,calc(100vw - 30px))!important;max-height:92dvh!important;border-radius:14px!important;overflow:hidden!important}.cm-compact-dialog>header{height:54px!important;padding:9px 14px!important;background:#f7fbff!important;border-bottom:1px solid var(--ops-line)!important}.cm-compact-dialog .ar-dialog-body{max-height:calc(92dvh - 54px)!important;overflow:auto!important;padding:10px 12px 0!important;background:var(--ops-bg)!important}.cm-compact-dialog .ops-compact-form{display:grid!important;gap:9px!important}.cm-compact-dialog .cm-edit-grid,.cm-compact-dialog .cm-edit-location{gap:8px!important}.cm-compact-dialog :is(.cm-edit-address,.cm-edit-note,.cm-edit-active){margin:0!important;padding:10px!important;border:1px solid var(--ops-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.cm-compact-dialog .cm-edit-actions{position:sticky!important;bottom:0!important;z-index:5;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:0 -12px!important;padding:9px 12px!important;border-top:1px solid var(--ops-line)!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 18px rgba(25,61,92,.06)!important}.cm-compact-dialog .cm-edit-actions button{min-width:118px;min-height:36px!important}

/* Actual receive-payment screen used by AR workflow */
.ops-payment-workspace{background:var(--ops-bg)!important}.ops-payment-screen{display:grid!important;gap:9px!important;max-width:1440px!important;margin:0 auto!important}.ops-payment-customer{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border:1px solid #c9def4!important;border-radius:11px!important;background:linear-gradient(135deg,#f6fbff,#edf6ff)!important;box-shadow:var(--ops-shadow)!important}.ops-payment-customer>div{display:grid;gap:2px}.ops-payment-customer strong{font-size:14px;color:var(--ops-ink)}.ops-payment-customer button{min-height:36px!important}.ops-payment-kpis>div{min-height:54px!important;padding:8px 11px!important}.ops-payment-bills{border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important;overflow:hidden}.ops-payment-bills .flow-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 10px!important;border-bottom:1px solid #e8eef4!important;background:#fbfdff!important}.ops-payment-bills .flow-section-head>div:last-child{display:flex;gap:6px}.ops-payment-bills .flow-section-head h2{margin:0!important;font-size:13px!important}.ops-payment-bills .flow-table-wrap{max-height:34vh!important;overflow:auto!important}.ops-payment-bottom{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)!important;gap:9px!important;align-items:start!important}.ops-payment-bottom>.flow-card{margin:0!important;padding:10px 11px!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.ops-payment-method-card [data-methods]{display:grid!important;gap:6px!important}.ops-payment-summary-card{position:sticky!important;top:72px!important}.ops-payment-summary-card dl{display:grid!important;gap:0!important;margin:8px 0!important}.ops-payment-summary-card dl>*{display:flex!important;justify-content:space-between!important;gap:12px!important;padding:7px 0!important;border-bottom:1px solid #edf1f5!important}.ops-payment-summary-card [data-receive]{width:100%!important;min-height:40px!important;font-weight:900!important}.ops-payment-history form.ops-filter-card{margin:0 0 9px!important;padding:9px 11px!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.ops-payment-history .ops-table-card{border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important;overflow:hidden}

/* Guarantee */
.guarantee-app{max-width:1440px!important;margin:0 auto!important}.guarantee-app .guarantee-head{display:flex!important;align-items:center!important;justify-content:space-between!important}.guarantee-app .guarantee-kpis>div{min-height:54px!important;padding:8px 11px!important}.guarantee-app .guarantee-card.ops-filter-card{margin:0!important;padding:9px 11px!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important}.guarantee-app .guarantee-table-wrap{margin:0!important;border:1px solid var(--ops-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:var(--ops-shadow)!important;overflow:auto!important;max-height:58vh!important}

@media(max-width:900px){.ap-purchase-page .ops-command-deck{grid-template-columns:1fr 1fr!important}.ap-purchase-page .ops-command-copy{grid-column:1/-1}.ops-payment-bottom{grid-template-columns:1fr!important}.ops-payment-summary-card{position:static!important}.cm-compact-dialog{width:calc(100vw - 16px)!important}.guarantee-app .guarantee-head,.inventory-ui .inventory-titlebar{align-items:stretch!important;flex-direction:column!important;gap:7px!important}}
@media(max-width:620px){#page-content:is(.ap-purchase-page,.ops-pending-page,.ops-po-detail-page),#page-content:has(.bundle-page),#page-content:has(.inventory-ui),#page-content:has(.ops-customer-registry),#page-content:has(.guarantee-app),#page-content:has(.ops-payment-screen){padding:8px!important}.ap-purchase-page .ops-command-deck{grid-template-columns:1fr!important}.ap-purchase-page .ops-command-copy{grid-column:auto}.ops-payment-customer{grid-template-columns:1fr!important}.ops-payment-customer button{width:100%!important}}

/* =====================================================================
   POS-X v1.3.14.83B · WIDE COMPACT UI + PAYMENT SETTINGS CONSOLIDATION
   Scope: Customer Registry / AR Receipt / Supplier / Payment Settings
   ===================================================================== */

:root{
  --ops-wide-max:1680px;
  --ops-wide-pad:clamp(14px,2vw,28px);
}

/* 1) CUSTOMER REGISTRY · wide compact, not tiny centered cards */
#page-content:has(.ops-customer-registry){padding:12px var(--ops-wide-pad) 24px!important;background:var(--ops-bg,#f4f7fb)!important}
.ops-customer-registry{width:100%!important;max-width:var(--ops-wide-max)!important;margin:0 auto!important;display:grid!important;gap:8px!important}
.ops-customer-registry .ar-heading{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:1px!important;align-items:center!important;margin:0!important;padding:8px 12px!important;border:1px solid var(--theme-border,#d6e2ec)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.045)!important}
.ops-customer-registry .ar-heading>.ar-icon[data-cm="home"]{display:none!important}
.ops-customer-registry .ar-heading h1{grid-column:1/3!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:19px!important;line-height:1.25!important;color:var(--theme-ink,#17364c)!important}
.ops-customer-registry .ar-heading h1 svg{width:22px!important;height:22px!important;padding:5px!important;border-radius:7px!important;background:var(--theme-accent-pale,#eef7ff)!important;color:var(--theme-accent-strong,#0b659c)!important;box-sizing:content-box!important}
.ops-customer-registry .cm-heading-subtitle{grid-column:2/3!important;grid-row:2!important;margin:0!important;color:var(--theme-muted,#687d8c)!important;font-size:11px!important;line-height:1.35!important}
.ops-customer-registry .ar-heading>.ar-actions{grid-column:3!important;grid-row:1/3!important;display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}
.ops-customer-registry .ar-heading>.ar-actions button{min-height:34px!important;height:34px!important;padding:6px 11px!important;border-radius:8px!important;font-size:11.5px!important}
.ops-customer-registry #ar-message:empty{display:none!important}
.ops-customer-registry #ar-body{display:grid!important;gap:8px!important}
.ops-customer-registry .cm-summary-bar{min-height:34px!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:0!important;margin:0!important;padding:0 4px!important;color:var(--theme-muted,#657d8c)!important;font-size:11px!important}
.ops-customer-registry .cm-summary-bar span{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:0 12px!important;border-right:1px solid var(--theme-border,#d6e2ec)!important;line-height:20px!important}
.ops-customer-registry .cm-summary-bar span:first-child{padding-left:0!important}.ops-customer-registry .cm-summary-bar span:last-child{border-right:0!important}
.ops-customer-registry .cm-summary-bar b{font-size:14px!important;color:var(--theme-ink,#17364c)!important;font-variant-numeric:tabular-nums!important}
.ops-customer-registry .cm-wide-filter{display:grid!important;grid-template-columns:minmax(440px,1fr) 160px 160px auto auto!important;gap:8px!important;align-items:end!important;margin:0!important;padding:8px 10px!important;border:1px solid var(--theme-border,#d6e2ec)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.04)!important}
.ops-customer-registry .cm-wide-filter label{display:grid!important;gap:4px!important;margin:0!important;font-size:10.5px!important;font-weight:700!important;color:var(--theme-ink,#17364c)!important}
.ops-customer-registry .cm-wide-filter :is(input,select){height:34px!important;min-height:34px!important;margin:0!important;padding:5px 9px!important;border:1px solid var(--theme-border,#cbdbe7)!important;border-radius:7px!important;background:#fff!important;color:var(--theme-ink,#17364c)!important;font-size:12px!important}
.ops-customer-registry .cm-wide-filter button{height:34px!important;min-height:34px!important;padding:5px 10px!important;border-radius:7px!important;font-size:11px!important}
.ops-customer-registry .cm-registry-count{align-self:center!important;justify-self:end!important;white-space:nowrap!important;font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important;padding-bottom:2px!important}
.ops-customer-registry .cm-wide-table{width:100%!important;margin:0!important;border:1px solid var(--theme-border,#d6e2ec)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.04)!important;overflow:hidden!important}
.ops-customer-registry .cm-wide-table .ar-scroll{width:100%!important;max-height:62vh!important;overflow:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
.ops-customer-registry .cm-wide-table table{width:100%!important;min-width:1180px!important;table-layout:auto!important;font-size:12.5px!important}
.ops-customer-registry .cm-wide-table th{position:sticky!important;top:0!important;z-index:2!important;height:34px!important;padding:7px 10px!important;font-size:11.5px!important;white-space:nowrap!important}
.ops-customer-registry .cm-wide-table td{height:44px!important;padding:7px 10px!important;font-size:12.5px!important;vertical-align:middle!important}
.ops-customer-registry .cm-wide-table td:nth-child(3){min-width:270px!important}.ops-customer-registry .cm-wide-table td:nth-child(6){min-width:175px!important}.ops-customer-registry .cm-wide-table td:last-child{min-width:190px!important;white-space:nowrap!important}
.ops-customer-registry .cm-wide-table .ar-actions{display:flex!important;gap:5px!important;flex-wrap:nowrap!important}.ops-customer-registry .cm-wide-table .ar-actions button{min-height:31px!important;height:31px!important;padding:4px 8px!important;font-size:10.5px!important;border-radius:7px!important}
.ops-customer-registry .cm-pagination{min-height:38px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;padding:3px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important}
.ops-customer-registry .cm-pagination button{min-height:32px!important;height:32px!important;padding:4px 9px!important;border-radius:7px!important}

/* 2) RECEIPT / PAYMENT · reduce vertical height while preserving every method */
#page-content:has(.ops-payment-screen){padding:10px var(--ops-wide-pad) 20px!important;background:var(--ops-bg,#f4f7fb)!important}
.ops-payment-screen{width:100%!important;max-width:var(--ops-wide-max)!important;margin:0 auto!important;gap:7px!important}
#page-content:has(.ops-payment-screen) .flow-heading{min-height:46px!important;margin:0!important;padding:7px 10px!important;border-radius:10px!important}
#page-content:has(.ops-payment-screen) .flow-heading h1{font-size:18px!important}.ops-payment-screen>.flow-heading+*{margin-top:0!important}
.ops-payment-customer{grid-template-columns:minmax(280px,1fr) auto auto!important;gap:10px!important;min-height:50px!important;padding:7px 10px!important;border-radius:9px!important}
.ops-payment-customer-copy{display:grid!important;gap:1px!important;min-width:0!important}.ops-payment-customer-copy strong{font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ops-payment-inline-stats{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}.ops-payment-inline-stats:empty{display:none!important}
.ops-payment-inline-stats .flow-stat{min-width:118px!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:5px 8px!important;border:1px solid #d7e5f2!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important}.ops-payment-inline-stats .flow-stat span{font-size:9.5px!important}.ops-payment-inline-stats .flow-stat strong{font-size:12.5px!important;white-space:nowrap!important}
.ops-payment-customer>button{height:34px!important;min-height:34px!important;padding:5px 10px!important;font-size:11px!important}
.ops-payment-bills{border-radius:9px!important}.ops-payment-bills .flow-section-head{min-height:38px!important;padding:5px 8px!important}.ops-payment-bills .flow-section-head h2{font-size:12.5px!important}.ops-payment-bills .flow-section-head button{min-height:30px!important;height:30px!important;padding:4px 8px!important;font-size:10px!important;border-radius:6px!important}
.ops-payment-bills .flow-table-wrap{max-height:180px!important;overflow:auto!important}.ops-payment-bills table{font-size:11.5px!important}.ops-payment-bills th{height:31px!important;padding:5px 8px!important;font-size:10.5px!important;position:sticky!important;top:0!important;z-index:2!important}.ops-payment-bills td{height:38px!important;padding:5px 8px!important}.ops-payment-bills input{height:30px!important;min-height:30px!important;padding:4px 7px!important}
.ops-payment-bottom{grid-template-columns:minmax(0,7fr) minmax(290px,3fr)!important;gap:7px!important}.ops-payment-bottom>.flow-card{padding:7px 9px!important;border-radius:9px!important}.ops-payment-method-card .flow-section-head{min-height:30px!important;margin:0 0 4px!important}.ops-payment-method-card .flow-section-head h2,.ops-payment-summary-card h2{font-size:12.5px!important;margin:0!important}.ops-payment-method-card .flow-section-head button{display:none!important}
.ops-payment-methods-compact .payment-grid-heading,.ops-payment-methods-compact .payment-configured-row{display:grid!important;grid-template-columns:92px minmax(190px,1.45fr) 100px minmax(140px,.8fr)!important;gap:5px!important;align-items:center!important;margin:0 0 4px!important;font-size:10.5px!important}.ops-payment-methods-compact .payment-grid-heading{min-height:22px!important;color:var(--theme-muted,#657d8c)!important;font-size:9.5px!important}.ops-payment-methods-compact .payment-configured-row>span{font-size:10.5px!important;font-weight:700!important}.ops-payment-methods-compact .payment-configured-row :is(input,select){height:31px!important;min-height:31px!important;padding:4px 7px!important;border-radius:6px!important;font-size:10.5px!important}.ops-payment-methods-compact>[data-extra]{display:none!important}
.ops-payment-note{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:7px!important;margin:5px 0 0!important;font-size:10px!important}.ops-payment-note textarea{height:31px!important;min-height:31px!important;resize:none!important;padding:5px 7px!important;font-size:10.5px!important}
.ops-payment-summary-card{position:sticky!important;top:62px!important}.ops-payment-summary-card dl{margin:4px 0 5px!important}.ops-payment-summary-card dl>*{padding:5px 0!important;font-size:10.5px!important}.ops-payment-summary-card dd{font-size:15px!important;font-weight:900!important}.ops-payment-summary-card p{margin:5px 0!important;font-size:9.5px!important;line-height:1.35!important}.ops-payment-summary-card [data-receive]{min-height:35px!important;height:35px!important;font-size:11px!important}

/* 3) SUPPLIER · same compact rhythm as purchase home */
#page-content.ap-supplier-page{padding:12px var(--ops-wide-pad) 24px!important;background:var(--ops-bg,#f4f7fb)!important}
.ap-supplier-page>.ap-heading,.ap-supplier-page #ap-content{width:100%!important;max-width:var(--ops-wide-max)!important;margin-left:auto!important;margin-right:auto!important}
.ap-supplier-page>.ap-heading.supplier-compact-heading{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:1px!important;align-items:center!important;min-height:52px!important;margin-bottom:8px!important;padding:7px 10px!important;border:1px solid var(--theme-border,#d6e2ec)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.04)!important}
.ap-supplier-page>.ap-heading.supplier-compact-heading h1{grid-column:1!important;grid-row:1/3!important;margin:0!important;font-size:19px!important;white-space:nowrap!important}.supplier-heading-subtitle{grid-column:2!important;grid-row:1/3!important;align-self:center!important;margin:0!important;color:var(--theme-muted,#657d8c)!important;font-size:11px!important}.ap-supplier-page>.ap-heading.supplier-compact-heading>.ap-toolbar{grid-column:3!important;grid-row:1/3!important;display:flex!important;gap:7px!important;margin:0!important}.ap-supplier-page>.ap-heading.supplier-compact-heading>.ap-toolbar .ap-button{height:34px!important;min-height:34px!important;padding:5px 11px!important;font-size:11px!important;border-radius:8px!important}
.ap-supplier-page #ap-message:empty{display:none!important}.ap-supplier-page #ap-content{display:grid!important;gap:8px!important}
.ap-supplier-page #ap-content>.supplier-compact-toolbar{display:grid!important;grid-template-columns:minmax(480px,1fr) 165px auto auto!important;gap:8px!important;align-items:end!important;margin:0!important;padding:8px 10px!important;border:1px solid var(--theme-border,#d6e2ec)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.04)!important}
.ap-supplier-page .supplier-compact-toolbar label{display:grid!important;gap:4px!important;margin:0!important;color:var(--theme-ink,#17364c)!important;font-size:10.5px!important;font-weight:700!important}.ap-supplier-page .supplier-compact-toolbar :is(input,select){height:34px!important;min-height:34px!important;padding:5px 9px!important;border:1px solid var(--theme-border,#cbdbe7)!important;border-radius:7px!important;background:#fff!important;color:var(--theme-ink,#17364c)!important;font-size:12px!important}.ap-supplier-page .supplier-compact-toolbar .ap-button{height:34px!important;min-height:34px!important;margin:0!important;padding:5px 10px!important;border-radius:7px!important;font-size:11px!important}.ap-supplier-page .supplier-count{align-self:center!important;justify-self:end!important;white-space:nowrap!important;padding-bottom:2px!important;font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important}
.ap-supplier-page .supplier-compact-table{width:100%!important;border:1px solid var(--theme-border,#d6e2ec)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.04)!important;overflow:hidden!important}.ap-supplier-page .supplier-compact-table .ap-table-scroll{width:100%!important;max-height:68vh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important}.ap-supplier-page .supplier-compact-table .ap-table{width:100%!important;min-width:1180px!important;font-size:12.5px!important}.ap-supplier-page .supplier-compact-table .ap-table th{position:sticky!important;top:0!important;z-index:2!important;height:34px!important;padding:7px 9px!important;font-size:11px!important;background:#eaf3f8!important;color:#15374f!important;border-bottom:1px solid #d4e2ec!important}.ap-supplier-page .supplier-compact-table .ap-table td{height:44px!important;padding:7px 9px!important;font-size:12.5px!important}.ap-supplier-page .supplier-compact-table .ap-table tr:nth-child(even) td{background:#fbfdff!important}.ap-supplier-page .supplier-compact-table .ap-table tr:hover td{background:#f2f8fc!important}.ap-supplier-page .supplier-compact-table .ap-table td:nth-child(3){min-width:300px!important}.ap-supplier-page .supplier-compact-table .ap-table td:last-child{width:90px!important;text-align:center!important}.ap-supplier-page .supplier-compact-table .ap-button{height:30px!important;min-height:30px!important;padding:4px 8px!important;font-size:10.5px!important;border-radius:7px!important}

/* 4) PAYMENT METHODS moved into SETTINGS CENTER */
.settings-category-tabs{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important}
.payment-settings-page{width:100%!important;max-width:var(--ops-wide-max)!important;margin:0 auto!important}.payment-settings-body{display:grid!important;gap:9px!important}.payment-settings-hero{min-height:58px!important;margin:0!important;padding:10px 12px!important}.payment-settings-hero>div{display:grid!important;gap:2px!important}.payment-settings-hero strong{font-size:14px!important}.payment-settings-hero span{font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important}.payment-settings-hero button{min-height:34px!important;height:34px!important;padding:5px 11px!important}
.payment-settings-toolbar{display:grid!important;grid-template-columns:minmax(420px,1fr) 170px auto auto!important;gap:8px!important;align-items:end!important;padding:8px 10px!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.04)!important}.payment-settings-toolbar label{display:grid!important;gap:4px!important;margin:0!important;font-size:10.5px!important;font-weight:700!important}.payment-settings-toolbar :is(input,select){height:34px!important;min-height:34px!important;padding:5px 9px!important;border:1px solid var(--theme-border,#cbdbe7)!important;border-radius:7px!important;background:#fff!important;font-size:12px!important}.payment-settings-toolbar>button{height:34px!important;min-height:34px!important;padding:5px 10px!important;border:1px solid var(--theme-border,#cbdbe7)!important;border-radius:7px!important;background:#fff!important;font-weight:800!important}.payment-settings-count{align-self:center!important;justify-self:end!important;white-space:nowrap!important;padding-bottom:2px!important;font-size:10.5px!important;color:var(--theme-muted,#657d8c)!important}
.payment-settings-table-card{border:1px solid var(--theme-border,#d6e6de)!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 12px rgba(28,63,91,.04)!important;overflow:hidden!important}.payment-settings-table-card .flow-table-wrap{max-height:62vh!important;overflow:auto!important}.payment-settings-table-card table{width:100%!important;min-width:980px!important;font-size:12.5px!important}.payment-settings-table-card th{position:sticky!important;top:0!important;z-index:2!important;height:34px!important;padding:7px 9px!important;font-size:11px!important}.payment-settings-table-card td{height:43px!important;padding:7px 9px!important}.payment-settings-table-card td:last-child{width:82px!important;text-align:center!important}.payment-settings-table-card td:last-child button{height:30px!important;min-height:30px!important;padding:4px 9px!important;border-radius:7px!important}.payment-kind{font-weight:800!important;color:var(--theme-accent-strong,#0f513f)!important}.payment-settings-dialog{width:min(820px,94vw)!important;max-height:90vh!important}.payment-settings-dialog .flow-modal-body{padding:0!important}.payment-settings-dialog .payment-method-editor{padding:12px!important}.payment-method-flags{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.payment-method-flags>label{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:0!important;padding:9px!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:9px!important;background:var(--theme-accent-pale,#f4faf7)!important}.payment-method-flags input{margin-top:2px!important}.payment-method-flags span{display:grid!important;gap:2px!important}.payment-method-flags small{font-size:9.5px!important;color:var(--theme-muted,#657d8c)!important}

@media(max-width:1050px){
  .ops-customer-registry .cm-wide-filter{grid-template-columns:minmax(280px,1fr) 150px 150px auto!important}.ops-customer-registry .cm-registry-count{grid-column:1/-1!important;justify-self:start!important}
  .ap-supplier-page #ap-content>.supplier-compact-toolbar{grid-template-columns:minmax(280px,1fr) 160px auto!important}.ap-supplier-page .supplier-count{grid-column:1/-1!important;justify-self:start!important}
  .ops-payment-customer{grid-template-columns:1fr auto!important}.ops-payment-inline-stats{grid-column:1/-1!important;grid-row:2!important;justify-content:flex-start!important}.ops-payment-bottom{grid-template-columns:1fr!important}.ops-payment-summary-card{position:static!important}
  .payment-settings-toolbar{grid-template-columns:1fr 170px auto!important}.payment-settings-count{grid-column:1/-1!important;justify-self:start!important}
}
@media(max-width:700px){
  #page-content:has(.ops-customer-registry),#page-content.ap-supplier-page,#page-content:has(.ops-payment-screen){padding:8px!important}
  .ops-customer-registry .ar-heading,.ap-supplier-page>.ap-heading.supplier-compact-heading{grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:5px!important}.ops-customer-registry .ar-heading h1,.ops-customer-registry .cm-heading-subtitle,.ops-customer-registry .ar-heading>.ar-actions,.ap-supplier-page>.ap-heading.supplier-compact-heading h1,.supplier-heading-subtitle,.ap-supplier-page>.ap-heading.supplier-compact-heading>.ap-toolbar{grid-column:1!important;grid-row:auto!important}.ops-customer-registry .ar-heading>.ar-actions,.ap-supplier-page>.ap-heading.supplier-compact-heading>.ap-toolbar{justify-content:flex-start!important}
  .ops-customer-registry .cm-wide-filter,.ap-supplier-page #ap-content>.supplier-compact-toolbar,.payment-settings-toolbar{grid-template-columns:1fr!important}.ops-customer-registry .cm-registry-count,.ap-supplier-page .supplier-count,.payment-settings-count{grid-column:1!important;justify-self:start!important}
  .ops-payment-customer{grid-template-columns:1fr!important}.ops-payment-customer>button{width:100%!important}.ops-payment-inline-stats{grid-column:1!important;display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.ops-payment-methods-compact .payment-grid-heading{display:none!important}.ops-payment-methods-compact .payment-configured-row{grid-template-columns:86px minmax(0,1fr) 90px!important}.ops-payment-methods-compact .payment-configured-row [data-reference]{grid-column:2/4!important}.ops-payment-note{grid-template-columns:1fr!important}
  .payment-method-flags{grid-template-columns:1fr!important}
}
.payment-settings-dialog>.settings-editor-head h2{margin:0!important;font-size:16px!important;color:var(--theme-ink,#17364c)!important}.payment-settings-dialog>.settings-editor-head [data-close]{margin-left:auto!important}.payment-settings-dialog>.settings-editor-body{max-height:calc(90vh - 64px)!important;overflow:auto!important}

/* ========================================================================
   POS-X v1.3.14.84B · Supplier + Customer registry correction
   Final-layer overrides to neutralize legacy header geometry and keep both
   registry pages wide, compact, and consistent on desktop.
   ======================================================================== */
@media screen {
  :root{
    --registry-wide-max:1800px;
    --registry-wide-pad:clamp(18px,3vw,56px);
  }

  /* --------------------------------------------------------------------
     1) SUPPLIER · wide compact header / one-line filter / full-width table
     -------------------------------------------------------------------- */
  #page-content.ap-supplier-page{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px var(--registry-wide-pad) 26px!important;
    box-sizing:border-box!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading,
  #page-content.ap-supplier-page>#ap-content{
    width:100%!important;
    max-width:var(--registry-wide-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:11px!important;
    row-gap:1px!important;
    align-items:center!important;
    min-height:58px!important;
    margin:0 0 9px!important;
    padding:8px 11px!important;
    border:1px solid var(--theme-border,#d6e2ec)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(28,63,91,.04)!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading::before{
    grid-column:1!important;
    grid-row:1/3!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    border-radius:10px!important;
    font-size:12px!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading h1{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading h1::after{
    display:none!important;
    content:none!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading>.supplier-heading-subtitle{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:1px 0 0!important;
    font-size:11px!important;
    line-height:1.35!important;
    color:var(--theme-muted,#657d8c)!important;
    white-space:normal!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading>.ap-toolbar{
    grid-column:3!important;
    grid-row:1/3!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0!important;
    padding:0!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading>.ap-toolbar .ap-button{
    width:auto!important;
    min-width:0!important;
    min-height:35px!important;
    height:35px!important;
    padding:6px 12px!important;
    white-space:nowrap!important;
    line-height:1.1!important;
    font-size:11.5px!important;
    border-radius:8px!important;
  }
  #page-content.ap-supplier-page #ap-content{
    display:grid!important;
    gap:9px!important;
  }
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{
    display:grid!important;
    grid-template-columns:minmax(520px,1fr) 180px auto auto!important;
    gap:8px!important;
    align-items:end!important;
    margin:0!important;
    padding:9px 11px!important;
    border:1px solid var(--theme-border,#d6e2ec)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(28,63,91,.04)!important;
  }
  #page-content.ap-supplier-page .supplier-compact-toolbar label{
    min-width:0!important;
    margin:0!important;
  }
  #page-content.ap-supplier-page .supplier-compact-toolbar :is(input,select){
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    font-size:12.5px!important;
  }
  #page-content.ap-supplier-page .supplier-compact-toolbar .ap-button{
    width:auto!important;
    min-width:max-content!important;
    height:36px!important;
    min-height:36px!important;
    padding:5px 11px!important;
    white-space:nowrap!important;
  }
  #page-content.ap-supplier-page .supplier-count{
    align-self:center!important;
    justify-self:end!important;
    padding:0!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  #page-content.ap-supplier-page .supplier-compact-table .ap-table{
    width:100%!important;
    min-width:1120px!important;
    table-layout:auto!important;
    font-size:13px!important;
  }
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th{
    height:36px!important;
    padding:7px 10px!important;
    font-size:11.5px!important;
  }
  #page-content.ap-supplier-page .supplier-compact-table .ap-table td{
    height:45px!important;
    padding:7px 10px!important;
    font-size:13px!important;
  }

  /* --------------------------------------------------------------------
     2) CUSTOMER · wide compact, one subtitle, full-width working area
     -------------------------------------------------------------------- */
  #page-content:has(.ops-customer-registry){
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:14px var(--registry-wide-pad) 26px!important;
    box-sizing:border-box!important;
    background:var(--ops-bg,#f4f7fb)!important;
  }
  #page-content:has(.ops-customer-registry)>.ops-customer-registry,
  .ops-customer-registry{
    width:100%!important;
    max-width:var(--registry-wide-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    gap:9px!important;
  }
  .ops-customer-registry .ar-heading{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:1px!important;
    align-items:center!important;
    min-height:58px!important;
    margin:0!important;
    padding:8px 11px!important;
    border:1px solid var(--theme-border,#d6e2ec)!important;
    border-radius:10px!important;
    background:#fff!important;
    box-shadow:0 3px 12px rgba(28,63,91,.04)!important;
  }
  .ops-customer-registry .ar-heading h1{
    grid-column:1!important;
    grid-row:1!important;
    align-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1.2!important;
  }
  .ops-customer-registry .ar-heading h1::after{
    display:none!important;
    content:none!important;
  }
  .ops-customer-registry .ar-heading h1 svg{
    width:22px!important;
    height:22px!important;
    padding:6px!important;
    border-radius:9px!important;
    box-sizing:content-box!important;
    flex:0 0 auto!important;
  }
  .ops-customer-registry .cm-heading-subtitle{
    grid-column:1!important;
    grid-row:2!important;
    align-self:start!important;
    margin:1px 0 0 45px!important;
    font-size:11px!important;
    line-height:1.35!important;
    color:var(--theme-muted,#657d8c)!important;
  }
  .ops-customer-registry .ar-heading>.ar-actions{
    grid-column:2!important;
    grid-row:1/3!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:7px!important;
    margin:0!important;
    width:auto!important;
  }
  .ops-customer-registry .ar-heading>.ar-actions button{
    width:auto!important;
    min-width:0!important;
    min-height:35px!important;
    height:35px!important;
    padding:6px 11px!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    border-radius:8px!important;
  }
  .ops-customer-registry #ar-body{
    width:100%!important;
    display:grid!important;
    gap:9px!important;
  }
  .ops-customer-registry .cm-summary-bar{
    min-height:30px!important;
    margin:0!important;
    padding:0 2px!important;
    gap:0!important;
    font-size:11px!important;
  }
  .ops-customer-registry .cm-summary-bar span{
    min-height:24px!important;
    padding:0 13px!important;
  }
  .ops-customer-registry .cm-summary-bar span:first-child{padding-left:0!important}
  .ops-customer-registry .cm-summary-bar b{font-size:14px!important}
  .ops-customer-registry .cm-wide-filter{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(560px,1fr) 170px 170px auto auto!important;
    gap:8px!important;
    align-items:end!important;
    margin:0!important;
    padding:9px 11px!important;
    box-sizing:border-box!important;
  }
  .ops-customer-registry .cm-wide-filter :is(input,select){
    width:100%!important;
    height:36px!important;
    min-height:36px!important;
    font-size:12.5px!important;
  }
  .ops-customer-registry .cm-wide-filter button{
    width:auto!important;
    min-width:max-content!important;
    height:36px!important;
    min-height:36px!important;
    padding:5px 11px!important;
    white-space:nowrap!important;
  }
  .ops-customer-registry .cm-registry-count{
    align-self:center!important;
    justify-self:end!important;
    padding:0!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  .ops-customer-registry .cm-wide-table{
    width:100%!important;
    max-width:none!important;
  }
  .ops-customer-registry .cm-wide-table .ar-scroll{
    width:100%!important;
    max-height:66vh!important;
  }
  .ops-customer-registry .cm-wide-table table{
    width:100%!important;
    min-width:1200px!important;
    table-layout:auto!important;
    font-size:13px!important;
  }
  .ops-customer-registry .cm-wide-table th{
    height:36px!important;
    padding:7px 10px!important;
    font-size:11.5px!important;
  }
  .ops-customer-registry .cm-wide-table td{
    height:46px!important;
    padding:7px 10px!important;
    font-size:13px!important;
  }
  .ops-customer-registry .cm-wide-table td:nth-child(3){min-width:320px!important}
  .ops-customer-registry .cm-wide-table td:nth-child(6){min-width:190px!important}
  .ops-customer-registry .cm-wide-table td:last-child{min-width:205px!important}
  .ops-customer-registry .cm-wide-table .ar-actions button{
    min-height:32px!important;
    height:32px!important;
    padding:4px 9px!important;
    font-size:11px!important;
  }
  .ops-customer-registry .cm-pagination{
    min-height:34px!important;
    padding:0!important;
    margin:0!important;
  }
}

@media(max-width:1100px){
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{
    grid-template-columns:minmax(300px,1fr) 170px auto!important;
  }
  #page-content.ap-supplier-page .supplier-count{
    grid-column:1/-1!important;
    justify-self:start!important;
  }
  .ops-customer-registry .cm-wide-filter{
    grid-template-columns:minmax(300px,1fr) 155px 155px auto!important;
  }
  .ops-customer-registry .cm-registry-count{
    grid-column:1/-1!important;
    justify-self:start!important;
  }
}

@media(max-width:700px){
  #page-content.ap-supplier-page,
  #page-content:has(.ops-customer-registry){padding:8px!important}
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading{
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading::before{grid-row:1/3!important}
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading h1{grid-column:2!important;grid-row:1!important}
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading>.supplier-heading-subtitle{grid-column:2!important;grid-row:2!important}
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading>.ap-toolbar{
    grid-column:1/-1!important;grid-row:3!important;justify-self:start!important;flex-wrap:wrap!important
  }
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{grid-template-columns:1fr!important}
  #page-content.ap-supplier-page .supplier-count{grid-column:1!important;justify-self:start!important}

  .ops-customer-registry .ar-heading{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
  }
  .ops-customer-registry .ar-heading h1{grid-column:1!important;grid-row:1!important}
  .ops-customer-registry .cm-heading-subtitle{grid-column:1!important;grid-row:2!important;margin-left:45px!important}
  .ops-customer-registry .ar-heading>.ar-actions{
    grid-column:1!important;grid-row:3!important;justify-self:start!important;flex-wrap:wrap!important;margin-top:5px!important
  }
  .ops-customer-registry .cm-wide-filter{grid-template-columns:1fr!important}
  .ops-customer-registry .cm-registry-count{grid-column:1!important;justify-self:start!important}
}

/* =====================================================================
   POS-X v1.3.14.85B · Customer + Supplier Wide Sticky Registry Standard
   Real fix: remove legacy 1180px body constraint and unify registry header.
   ===================================================================== */
@media screen {
  :root{
    --registry85-max:1760px;
    --registry85-pad:clamp(16px,2.2vw,36px);
    --registry85-sticky-bg:rgba(255,255,255,.97);
  }

  .registry-sticky-header{
    position:sticky!important;
    top:0!important;
    z-index:45!important;
    background:var(--registry85-sticky-bg)!important;
    backdrop-filter:saturate(150%) blur(8px);
    -webkit-backdrop-filter:saturate(150%) blur(8px);
    border:1px solid #d9e5ef!important;
    box-shadow:0 7px 20px rgba(25,62,91,.08)!important;
  }
  .registry-sticky-subtitle{
    display:flex!important;
    align-items:center!important;
    gap:12px 18px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }
  .registry-sticky-stats{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    color:#59748b!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  .registry-sticky-stats b{
    color:#173f61!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  .registry-sticky-stats i{
    width:1px!important;
    height:13px!important;
    background:#d4e0e9!important;
    display:inline-block!important;
    margin:0 3px!important;
  }

  /* CUSTOMER REGISTRY */
  #page-content:has(.ops-customer-registry){
    width:100%!important;
    max-width:none!important;
    padding:12px var(--registry85-pad) 28px!important;
    margin:0!important;
  }
  #page-content:has(.ops-customer-registry)>.ops-customer-registry,
  .ops-customer-registry{
    width:min(100%,var(--registry85-max))!important;
    max-width:var(--registry85-max)!important;
    margin:0 auto!important;
    padding:0!important;
    gap:10px!important;
  }
  .ops-customer-registry>#ar-body,
  .ops-customer-registry #ar-body,
  .cm-app.cm-registry-list.ops-customer-registry>#ar-body{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    display:grid!important;
    gap:10px!important;
  }
  .ops-customer-registry>#ar-message,
  .cm-app.cm-registry-list.ops-customer-registry>#ar-message{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .ops-customer-registry .ar-heading.registry-sticky-header{
    width:100%!important;
    max-width:none!important;
    min-height:64px!important;
    padding:9px 13px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    row-gap:2px!important;
    border-radius:11px!important;
  }
  .ops-customer-registry .ar-heading.registry-sticky-header h1{
    grid-column:1!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1.15!important;
  }
  .ops-customer-registry .ar-heading.registry-sticky-header .registry-sticky-subtitle{
    grid-column:1!important;
    grid-row:2!important;
    margin:1px 0 0 45px!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  .ops-customer-registry .ar-heading.registry-sticky-header>.ar-actions{
    grid-column:2!important;
    grid-row:1/3!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
    margin:0!important;
  }
  .ops-customer-registry .ar-heading.registry-sticky-header>.ar-actions button{
    min-height:36px!important;
    height:36px!important;
    padding:6px 12px!important;
    white-space:nowrap!important;
    font-size:12px!important;
  }
  .ops-customer-registry .cm-summary-bar{display:none!important}

  .ops-customer-registry .cm-wide-filter{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:minmax(520px,1fr) 150px 150px auto auto!important;
    gap:9px!important;
    align-items:end!important;
    padding:10px 12px!important;
    margin:0!important;
    border:1px solid #d7e3ed!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  .ops-customer-registry .cm-wide-filter .cm-search{min-width:0!important;max-width:none!important}
  .ops-customer-registry .cm-wide-filter :is(input,select){height:37px!important;min-height:37px!important;font-size:13px!important}
  .ops-customer-registry .cm-wide-filter button{height:37px!important;min-height:37px!important;padding:5px 11px!important;white-space:nowrap!important}
  .ops-customer-registry .cm-registry-count{justify-self:end!important;align-self:center!important;white-space:nowrap!important;font-size:11.5px!important}

  .ops-customer-registry .cm-wide-table{width:100%!important;max-width:none!important;margin:0!important}
  .ops-customer-registry .cm-wide-table>.ar-scroll{width:100%!important;max-width:none!important;overflow-x:hidden!important;max-height:calc(100dvh - 245px)!important}
  .ops-customer-registry .cm-wide-table table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:13px!important}
  .ops-customer-registry .cm-wide-table th,
  .ops-customer-registry .cm-wide-table td{padding:8px 10px!important;min-width:0!important}
  .ops-customer-registry .cm-wide-table th:nth-child(1){width:44px!important}
  .ops-customer-registry .cm-wide-table th:nth-child(2){width:190px!important}
  .ops-customer-registry .cm-wide-table th:nth-child(3){width:auto!important}
  .ops-customer-registry .cm-wide-table th:nth-child(4){width:78px!important}
  .ops-customer-registry .cm-wide-table th:nth-child(5){width:135px!important}
  .ops-customer-registry .cm-wide-table th:nth-child(6){width:210px!important}
  .ops-customer-registry .cm-wide-table th:nth-child(7){width:105px!important}
  .ops-customer-registry .cm-wide-table th:nth-child(8){width:220px!important}
  .ops-customer-registry .cm-wide-table td:nth-child(3),
  .ops-customer-registry .cm-wide-table td:nth-child(6){overflow-wrap:anywhere!important;min-width:0!important}
  .ops-customer-registry .cm-wide-table td:last-child .ar-actions{display:flex!important;flex-wrap:nowrap!important;gap:6px!important}
  .ops-customer-registry .cm-pagination{width:100%!important;max-width:none!important;margin:0!important;padding:5px 2px 0!important;min-height:35px!important}

  /* SUPPLIER REGISTRY */
  #page-content.ap-supplier-page{
    width:100%!important;
    max-width:none!important;
    padding:12px var(--registry85-pad) 28px!important;
    margin:0!important;
    background:#f4f7fb!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header,
  #page-content.ap-supplier-page>#ap-content,
  #page-content.ap-supplier-page>#ap-message{
    width:min(100%,var(--registry85-max))!important;
    max-width:var(--registry85-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header{
    min-height:64px!important;
    padding:9px 13px!important;
    margin-top:0!important;
    margin-bottom:10px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:2px!important;
    border-radius:11px!important;
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header::before{
    grid-column:1!important;grid-row:1/3!important;align-self:center!important;justify-self:center!important;margin:0!important
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header h1{
    grid-column:2!important;grid-row:1!important;align-self:end!important;margin:0!important;font-size:20px!important;line-height:1.15!important
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header .registry-sticky-subtitle{
    grid-column:2!important;grid-row:2!important;margin:1px 0 0!important;font-size:11px!important;line-height:1.3!important
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header>.ap-toolbar{
    grid-column:3!important;grid-row:1/3!important;align-self:center!important;justify-self:end!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important
  }
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header>.ap-toolbar button{
    width:auto!important;min-width:max-content!important;height:36px!important;min-height:36px!important;padding:6px 12px!important;white-space:nowrap!important;font-size:12px!important
  }
  #page-content.ap-supplier-page>#ap-content{display:grid!important;gap:10px!important}
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{
    width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:minmax(520px,1fr) 170px auto auto!important;gap:9px!important;align-items:end!important;padding:10px 12px!important;margin:0!important;border:1px solid #d7e3ed!important;border-radius:10px!important;background:#fff!important
  }
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar label:first-child{min-width:0!important}
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar :is(input,select){width:100%!important;height:37px!important;min-height:37px!important;font-size:13px!important}
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar button{height:37px!important;min-height:37px!important;width:auto!important;min-width:max-content!important;padding:5px 11px!important;white-space:nowrap!important}
  #page-content.ap-supplier-page .supplier-count{align-self:center!important;justify-self:end!important;white-space:nowrap!important;font-size:11.5px!important}
  #page-content.ap-supplier-page .supplier-compact-table{width:100%!important;max-width:none!important;margin:0!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table-scroll{width:100%!important;max-width:none!important;overflow-x:hidden!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:13px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th,
  #page-content.ap-supplier-page .supplier-compact-table .ap-table td{padding:8px 10px!important;min-width:0!important;height:44px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(1){width:44px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(2){width:145px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(3){width:auto!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(4){width:160px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(5){width:135px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(6){width:95px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(7){width:150px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(8){width:105px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(9){width:95px!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table td:nth-child(3){overflow-wrap:anywhere!important}

  @media(max-width:1250px){
    .ops-customer-registry .cm-wide-table>.ar-scroll,
    #page-content.ap-supplier-page .supplier-compact-table .ap-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
    .ops-customer-registry .cm-wide-table table{min-width:1180px!important;table-layout:auto!important}
    #page-content.ap-supplier-page .supplier-compact-table .ap-table{min-width:1100px!important;table-layout:auto!important}
    .ops-customer-registry .cm-wide-filter{grid-template-columns:minmax(300px,1fr) 140px 140px auto!important}
    .ops-customer-registry .cm-registry-count{grid-column:1/-1!important;justify-self:start!important}
    #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{grid-template-columns:minmax(300px,1fr) 160px auto!important}
    #page-content.ap-supplier-page .supplier-count{grid-column:1/-1!important;justify-self:start!important}
  }

  @media(max-width:760px){
    .registry-sticky-header{position:static!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
    .registry-sticky-subtitle{align-items:flex-start!important;flex-direction:column!important;gap:4px!important}
    .registry-sticky-stats{white-space:normal!important}
    .ops-customer-registry .ar-heading.registry-sticky-header{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}
    .ops-customer-registry .ar-heading.registry-sticky-header h1{grid-column:1!important;grid-row:1!important}
    .ops-customer-registry .ar-heading.registry-sticky-header .registry-sticky-subtitle{grid-column:1!important;grid-row:2!important;margin-left:45px!important}
    .ops-customer-registry .ar-heading.registry-sticky-header>.ar-actions{grid-column:1!important;grid-row:3!important;justify-self:start!important;flex-wrap:wrap!important;margin-top:4px!important}
    .ops-customer-registry .cm-wide-filter{grid-template-columns:1fr!important}

    #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header{grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
    #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header::before{grid-row:1/3!important}
    #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header h1{grid-column:2!important;grid-row:1!important}
    #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header .registry-sticky-subtitle{grid-column:2!important;grid-row:2!important}
    #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-sticky-header>.ap-toolbar{grid-column:1/-1!important;grid-row:3!important;justify-self:start!important;flex-wrap:wrap!important;margin-top:4px!important}
    #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{grid-template-columns:1fr!important}
  }
}

/* v1.3.14.86B · Customer/Supplier compact wide + unified Settings Center */
:root{--registry-wide:1760px}

/* Customer registry: compact, non-sticky, proportionate. */
#page-content:has(.ops-customer-registry){padding:12px 18px 18px!important}
#page-content:has(.ops-customer-registry)>.ops-customer-registry,
.ops-customer-registry{width:min(var(--registry-wide),96vw)!important;max-width:none!important;margin:0 auto!important;display:grid!important;gap:8px!important}
.ops-customer-registry .ar-heading.registry-compact-header{
  position:static!important;top:auto!important;z-index:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  width:100%!important;min-height:66px!important;margin:0!important;padding:10px 14px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:16px!important;row-gap:2px!important;
  align-items:center!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:12px!important;background:var(--theme-panel,#fff)!important;box-shadow:none!important
}
.ops-customer-registry .ar-heading.registry-compact-header>.ar-icon{display:none!important}
.ops-customer-registry .ar-heading.registry-compact-header h1{grid-column:1!important;grid-row:1!important;margin:0!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:19px!important;line-height:1.2!important}
.ops-customer-registry .ar-heading.registry-compact-header h1 svg{width:21px!important;height:21px!important}
.ops-customer-registry .ar-heading.registry-compact-header .registry-compact-subtitle{
  grid-column:1!important;grid-row:2!important;margin:1px 0 0!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;color:var(--theme-muted,#657d8c)!important;font-size:10.5px!important;line-height:1.25!important
}
.ops-customer-registry .registry-sticky-stats{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;font-size:10.5px!important}
.ops-customer-registry .registry-sticky-stats i{width:1px!important;height:12px!important;background:var(--theme-border,#d6e6de)!important;display:inline-block!important}
.ops-customer-registry .ar-heading.registry-compact-header>.ar-actions{grid-column:2!important;grid-row:1/3!important;justify-self:end!important;align-self:center!important;display:flex!important;gap:7px!important;flex-wrap:nowrap!important;margin:0!important}
.ops-customer-registry .ar-heading.registry-compact-header>.ar-actions button{min-height:36px!important;height:36px!important;padding:6px 11px!important;white-space:nowrap!important}
.ops-customer-registry>#ar-message{margin:0!important;min-height:0!important}
.ops-customer-registry>#ar-body{width:100%!important;max-width:none!important;margin:0!important;display:grid!important;gap:8px!important}
.ops-customer-registry .cm-wide-filter{
  width:100%!important;margin:0!important;padding:9px 10px!important;box-sizing:border-box!important;
  display:grid!important;grid-template-columns:minmax(420px,1fr) 145px 145px auto auto!important;gap:8px!important;align-items:end!important;
  border:1px solid var(--theme-border,#d6e6de)!important;border-radius:10px!important;background:var(--theme-panel,#fff)!important;box-shadow:none!important
}
.ops-customer-registry .cm-wide-filter label{margin:0!important;gap:3px!important}.ops-customer-registry .cm-wide-filter label>span{font-size:10px!important}
.ops-customer-registry .cm-wide-filter :is(input,select){height:36px!important;min-height:36px!important;padding:6px 9px!important;font-size:12.5px!important}
.ops-customer-registry .cm-wide-filter button{height:36px!important;min-height:36px!important;padding:5px 10px!important}
.ops-customer-registry .cm-registry-count{justify-self:end!important;align-self:center!important;white-space:nowrap!important;font-size:10.5px!important;margin:0!important}
.ops-customer-registry .cm-wide-table{width:100%!important;margin:0!important;border-radius:10px!important;overflow:hidden!important}
.ops-customer-registry .cm-wide-table>.ar-scroll{width:100%!important;max-width:none!important;overflow-x:hidden!important;max-height:none!important}
.ops-customer-registry .cm-wide-table table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:12.5px!important}
.ops-customer-registry .cm-wide-table th,.ops-customer-registry .cm-wide-table td{padding:7px 9px!important;min-width:0!important;height:42px!important;vertical-align:middle!important}
.ops-customer-registry .cm-wide-table th:nth-child(1){width:42px!important}.ops-customer-registry .cm-wide-table th:nth-child(2){width:205px!important}.ops-customer-registry .cm-wide-table th:nth-child(3){width:auto!important}.ops-customer-registry .cm-wide-table th:nth-child(4){width:76px!important}.ops-customer-registry .cm-wide-table th:nth-child(5){width:125px!important}.ops-customer-registry .cm-wide-table th:nth-child(6){width:195px!important}.ops-customer-registry .cm-wide-table th:nth-child(7){width:100px!important}.ops-customer-registry .cm-wide-table th:nth-child(8){width:210px!important}
.ops-customer-registry .cm-pagination{width:100%!important;margin:0!important;padding:3px 0 0!important;min-height:32px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important}

/* Supplier registry: exactly the same compact family, no sticky. */
#page-content.ap-supplier-page{padding:12px 18px 18px!important;display:grid!important;gap:8px!important;align-content:start!important}
#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header,
#page-content.ap-supplier-page>#ap-content,
#page-content.ap-supplier-page>#ap-message{width:min(var(--registry-wide),96vw)!important;max-width:none!important;margin:0 auto!important;box-sizing:border-box!important}
#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header{
  position:static!important;top:auto!important;z-index:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  min-height:66px!important;padding:10px 14px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:2px!important;align-items:center!important;
  border:1px solid var(--theme-border,#d6e6de)!important;border-radius:12px!important;background:var(--theme-panel,#fff)!important;box-shadow:none!important
}
#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header::before{grid-column:1!important;grid-row:1/3!important;width:38px!important;height:38px!important;margin:0!important;place-self:center!important}
#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header h1{grid-column:2!important;grid-row:1!important;margin:0!important;font-size:19px!important;line-height:1.2!important}
#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header .registry-compact-subtitle{grid-column:2!important;grid-row:2!important;margin:1px 0 0!important;display:flex!important;align-items:center!important;gap:12px!important;color:var(--theme-muted,#657d8c)!important;font-size:10.5px!important;line-height:1.25!important}
#page-content.ap-supplier-page .registry-sticky-stats{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important;font-size:10.5px!important}
#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header>.ap-toolbar{grid-column:3!important;grid-row:1/3!important;justify-self:end!important;align-self:center!important;display:flex!important;flex-direction:row!important;gap:7px!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;width:auto!important}
#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header>.ap-toolbar .ap-button{width:auto!important;min-width:max-content!important;min-height:36px!important;height:36px!important;padding:6px 11px!important;white-space:nowrap!important;word-break:normal!important}
#page-content.ap-supplier-page>#ap-content{display:grid!important;gap:8px!important}
#page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{
  width:100%!important;margin:0!important;padding:9px 10px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(420px,1fr) 160px auto auto!important;gap:8px!important;align-items:end!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:10px!important;background:var(--theme-panel,#fff)!important;box-shadow:none!important
}
#page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar label{margin:0!important;gap:3px!important}#page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar label>span{font-size:10px!important}
#page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar :is(input,select){height:36px!important;min-height:36px!important;padding:6px 9px!important;font-size:12.5px!important}
#page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar button{height:36px!important;min-height:36px!important;width:auto!important;min-width:max-content!important;padding:5px 10px!important;white-space:nowrap!important}
#page-content.ap-supplier-page .supplier-count{align-self:center!important;justify-self:end!important;white-space:nowrap!important;font-size:10.5px!important;margin:0!important}
#page-content.ap-supplier-page .supplier-compact-table{width:100%!important;margin:0!important;border-radius:10px!important;overflow:hidden!important}
#page-content.ap-supplier-page .supplier-compact-table .ap-table-scroll{width:100%!important;overflow-x:hidden!important}
#page-content.ap-supplier-page .supplier-compact-table .ap-table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:12.5px!important}
#page-content.ap-supplier-page .supplier-compact-table .ap-table th,#page-content.ap-supplier-page .supplier-compact-table .ap-table td{padding:7px 9px!important;min-width:0!important;height:42px!important;vertical-align:middle!important}
#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(1){width:42px!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(2){width:145px!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(3){width:auto!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(4){width:150px!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(5){width:125px!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(6){width:90px!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(7){width:145px!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(8){width:100px!important}#page-content.ap-supplier-page .supplier-compact-table .ap-table th:nth-child(9){width:90px!important}

/* Unified settings hub. One top-level menu, sticky subcategory bar only here. */
.settings-hub{width:min(1760px,96vw);margin:0 auto;padding:14px 0 24px;display:grid;gap:0;color:var(--theme-ink,#17364c)}
.settings-hub-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;border:1px solid var(--theme-border,#d6e6de);border-radius:12px 12px 0 0;background:var(--theme-panel,#fff)}
.settings-hub-header h1{margin:1px 0 1px;font-size:20px}.settings-hub-header p{margin:0;color:var(--theme-muted,#657d8c);font-size:10.5px}.settings-hub-eyebrow{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--theme-accent,#0b7a56)}
.settings-hub-context{display:grid;justify-items:end;gap:1px;font-size:10px;color:var(--theme-muted,#657d8c)}.settings-hub-context strong{color:var(--theme-ink,#17364c);font-size:12px}
.settings-hub-tabs{position:sticky;top:48px;z-index:30;display:flex;gap:6px;overflow-x:auto;padding:8px 10px;border:1px solid var(--theme-border,#d6e6de);border-top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.settings-hub-tabs button{flex:0 0 auto;min-width:150px;min-height:46px;padding:6px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--theme-ink,#17364c);text-align:left;cursor:pointer}.settings-hub-tabs button strong,.settings-hub-tabs button small{display:block}.settings-hub-tabs button strong{font-size:11.5px}.settings-hub-tabs button small{margin-top:1px;font-size:9px;color:var(--theme-muted,#657d8c)}.settings-hub-tabs button:hover{background:var(--theme-hover,#f5fbf8)}.settings-hub-tabs button.active{background:var(--theme-accent-soft,#eaf7f1);border-color:color-mix(in srgb,var(--theme-accent,#0b7a56) 28%,var(--theme-border,#d6e6de));color:var(--theme-accent-strong,#0f513f)}
.settings-hub-section-title{display:flex;align-items:center;gap:7px;padding:8px 12px;border-left:1px solid var(--theme-border,#d6e6de);border-right:1px solid var(--theme-border,#d6e6de);background:var(--theme-accent-pale,#f7fbf9);font-size:10px;color:var(--theme-muted,#657d8c)}.settings-hub-section-title strong{font-size:11.5px;color:var(--theme-ink,#17364c)}
.settings-hub-body{min-height:420px;padding:10px;border:1px solid var(--theme-border,#d6e6de);border-radius:0 0 12px 12px;background:var(--theme-panel,#fff)}
.settings-hub-body>.settings-center,.settings-hub-body>.printer-settings{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.settings-hub-child-chrome{display:none!important}
.settings-hub-body .settings-overview-page{border:0!important;box-shadow:none!important;background:transparent!important}
.settings-hub-body .settings-overview-hero{margin-top:0!important}

@media(max-width:1250px){
  .ops-customer-registry .cm-wide-table>.ar-scroll,#page-content.ap-supplier-page .supplier-compact-table .ap-table-scroll{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .ops-customer-registry .cm-wide-table table{min-width:1180px!important;table-layout:auto!important}
  #page-content.ap-supplier-page .supplier-compact-table .ap-table{min-width:1080px!important;table-layout:auto!important}
  .ops-customer-registry .cm-wide-filter{grid-template-columns:minmax(300px,1fr) 135px 135px auto!important}.ops-customer-registry .cm-registry-count{grid-column:1/-1!important;justify-self:start!important}
  #page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{grid-template-columns:minmax(300px,1fr) 150px auto!important}#page-content.ap-supplier-page .supplier-count{grid-column:1/-1!important;justify-self:start!important}
}
@media(max-width:780px){
  #page-content:has(.ops-customer-registry),#page-content.ap-supplier-page{padding:8px!important}
  .ops-customer-registry .ar-heading.registry-compact-header{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.ops-customer-registry .ar-heading.registry-compact-header h1{grid-column:1!important;grid-row:1!important}.ops-customer-registry .ar-heading.registry-compact-header .registry-compact-subtitle{grid-column:1!important;grid-row:2!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}.ops-customer-registry .ar-heading.registry-compact-header>.ar-actions{grid-column:1!important;grid-row:3!important;justify-self:start!important;margin-top:5px!important;flex-wrap:wrap!important}.ops-customer-registry .registry-sticky-stats{white-space:normal!important;flex-wrap:wrap!important}
  .ops-customer-registry .cm-wide-filter,#page-content.ap-supplier-page #ap-content>.supplier-compact-toolbar{grid-template-columns:1fr!important}.ops-customer-registry .cm-registry-count,#page-content.ap-supplier-page .supplier-count{grid-column:1!important;justify-self:start!important}
  #page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header{grid-template-columns:42px 1fr!important;grid-template-rows:auto auto auto!important}#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header::before{grid-row:1/3!important}#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header h1{grid-column:2!important;grid-row:1!important}#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header .registry-compact-subtitle{grid-column:2!important;grid-row:2!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important}#page-content.ap-supplier-page>.ap-heading.supplier-compact-heading.registry-compact-header>.ap-toolbar{grid-column:1/-1!important;grid-row:3!important;justify-self:start!important;margin-top:5px!important;flex-wrap:wrap!important}
  .settings-hub{width:calc(100vw - 16px);padding-top:8px}.settings-hub-header{align-items:flex-start;flex-direction:column}.settings-hub-context{justify-items:start}.settings-hub-tabs{top:48px}.settings-hub-tabs button{min-width:132px}.settings-hub-body{padding:7px}
}


/* ========================================================================
   POS-X v1.3.14.87B · Settings Center sticky navigation refinement
   Header stays normal; category bar is the only sticky layer.
   ======================================================================== */
.settings-hub.settings-hub-v87{
  width:min(1760px,96vw)!important;
  margin:0 auto!important;
  padding:12px 0 24px!important;
  display:grid!important;
  gap:0!important;
}
.settings-hub-v87 .settings-hub-header{
  position:relative!important;
  top:auto!important;
  z-index:1!important;
  min-height:66px!important;
  padding:10px 14px!important;
  border:1px solid var(--theme-border,#d6e6de)!important;
  border-radius:12px 12px 0 0!important;
  box-shadow:none!important;
}
.settings-hub-v87 .settings-hub-header h1{font-size:19px!important;line-height:1.2!important}
.settings-hub-v87 .settings-hub-header p{font-size:10.5px!important}
.settings-hub-v87 .settings-hub-tabs{
  position:sticky!important;
  top:var(--settings-sticky-top,48px)!important;
  z-index:70!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(140px,1fr))!important;
  gap:0!important;
  width:100%!important;
  min-height:50px!important;
  padding:0 8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:1px solid var(--theme-border,#d6e6de)!important;
  border-top:0!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 7px 18px rgba(20,52,76,.08)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
  scrollbar-width:thin!important;
}
.settings-hub-v87 .settings-hub-tabs button{
  position:relative!important;
  min-width:0!important;
  min-height:49px!important;
  height:49px!important;
  padding:6px 12px 5px!important;
  border:0!important;
  border-right:1px solid color-mix(in srgb,var(--theme-border,#d6e6de) 72%,transparent)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--theme-ink,#17364c)!important;
  text-align:left!important;
  box-shadow:none!important;
}
.settings-hub-v87 .settings-hub-tabs button:last-child{border-right:0!important}
.settings-hub-v87 .settings-hub-tabs button:hover{
  background:var(--theme-hover,#f5fbf8)!important;
}
.settings-hub-v87 .settings-hub-tabs button.active{
  background:var(--theme-accent-soft,#eaf7f1)!important;
  color:var(--theme-accent-strong,#0f513f)!important;
}
.settings-hub-v87 .settings-hub-tabs button.active::after{
  content:'';
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--theme-accent,#0b7a56);
}
.settings-hub-v87 .settings-hub-tabs button strong{font-size:11.5px!important;line-height:1.15!important}
.settings-hub-v87 .settings-hub-tabs button small{margin-top:2px!important;font-size:8.8px!important;line-height:1.1!important;opacity:.78!important}
.settings-hub-v87 .settings-hub-section-title{display:none!important}
.settings-hub-v87 .settings-hub-body{
  min-height:420px!important;
  padding:9px!important;
  border:1px solid var(--theme-border,#d6e6de)!important;
  border-top:0!important;
  border-radius:0 0 12px 12px!important;
  background:var(--theme-panel,#fff)!important;
}
/* Main POS-X navigation/dropdowns must always stay above the settings sticky bar. */
.app:has(.settings-hub-v87){--settings-sticky-top:48px}
.app:has(.settings-hub-v87)>.topbar{position:sticky!important;top:0!important;z-index:110!important}
.app:has(.settings-hub-v87) #top-navigation{position:relative!important;z-index:111!important}
.app:has(.settings-hub-v87) .topbar .dropdown{z-index:140!important}
@media(max-width:900px){
  .settings-hub.settings-hub-v87{width:calc(100vw - 14px)!important;padding-top:7px!important}
  .settings-hub-v87 .settings-hub-header{min-height:58px!important;padding:9px 10px!important;align-items:flex-start!important;flex-direction:column!important;gap:5px!important}
  .settings-hub-v87 .settings-hub-context{justify-items:start!important}
  .settings-hub-v87 .settings-hub-tabs{
    top:var(--settings-sticky-top,48px)!important;
    display:flex!important;
    grid-template-columns:none!important;
    padding:0 5px!important;
  }
  .settings-hub-v87 .settings-hub-tabs button{flex:0 0 132px!important;padding-inline:9px!important}
  .settings-hub-v87 .settings-hub-body{padding:6px!important}
}

@media(max-width:760px){.app:has(.settings-hub-v87){--settings-sticky-top:82px}}

/* ========================================================================
   POS-X v1.3.14.90B · Print CSS bundle loader fix
   Root-cause fix: legacy registry min-height + CSS Grid row stretching.
   ======================================================================== */
#page-content:has(.ops-customer-registry){
  padding:10px 18px 18px!important;
  min-height:0!important;
  align-content:start!important;
}
#page-content:has(.ops-customer-registry)>.ops-customer-registry,
.cm-app.cm-registry-list.ops-customer-registry,
.ops-customer-registry{
  width:min(1760px,96vw)!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:max-content max-content max-content!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  align-items:start!important;
  gap:8px!important;
  background:transparent!important;
}
.ops-customer-registry .ar-heading.registry-compact-header{
  position:static!important;
  width:100%!important;
  height:auto!important;
  min-height:58px!important;
  max-height:none!important;
  margin:0!important;
  padding:8px 11px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:max-content max-content!important;
  align-content:center!important;
  align-items:center!important;
  column-gap:14px!important;
  row-gap:1px!important;
  overflow:visible!important;
  border:1px solid var(--theme-border,#d6e6de)!important;
  border-radius:10px!important;
  background:var(--theme-panel,#fff)!important;
  box-shadow:none!important;
}
.ops-customer-registry .ar-heading.registry-compact-header h1{
  min-height:0!important;
  font-size:18px!important;
  line-height:1.15!important;
}
.ops-customer-registry .ar-heading.registry-compact-header h1 svg{
  width:19px!important;height:19px!important;padding:4px!important;border-radius:7px!important;
}
.ops-customer-registry .ar-heading.registry-compact-header .registry-compact-subtitle{
  margin:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.ops-customer-registry .ar-heading.registry-compact-header>.ar-actions button{
  height:34px!important;min-height:34px!important;padding:5px 10px!important;font-size:11.5px!important;
}
.ops-customer-registry>#ar-message{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
.ops-customer-registry>#ar-message:empty{display:none!important}
.ops-customer-registry>#ar-body{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:max-content max-content max-content!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  gap:7px!important;
}
.ops-customer-registry .cm-wide-filter{
  padding:7px 9px!important;
  grid-template-columns:minmax(460px,1fr) 140px 140px auto auto!important;
  gap:7px!important;
  border-radius:9px!important;
}
.ops-customer-registry .cm-wide-filter label{gap:2px!important}
.ops-customer-registry .cm-wide-filter label>span{font-size:9.5px!important}
.ops-customer-registry .cm-wide-filter :is(input,select){height:34px!important;min-height:34px!important;font-size:12px!important}
.ops-customer-registry .cm-wide-filter button{height:34px!important;min-height:34px!important;padding:5px 9px!important}
.ops-customer-registry .cm-wide-table{border-radius:9px!important}
.ops-customer-registry .cm-wide-table>.ar-scroll{
  min-height:0!important;
  height:auto!important;
  max-height:calc(100dvh - 245px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.ops-customer-registry .cm-wide-table th{height:32px!important;padding:6px 8px!important;font-size:11px!important}
.ops-customer-registry .cm-wide-table td{height:40px!important;padding:6px 8px!important;font-size:12px!important}
.ops-customer-registry .cm-pagination{min-height:30px!important;padding:1px 0 0!important;margin:0!important}
@media(max-width:1250px){
  .ops-customer-registry .cm-wide-filter{grid-template-columns:minmax(300px,1fr) 135px 135px auto!important}
  .ops-customer-registry .cm-registry-count{grid-column:1/-1!important;justify-self:start!important}
  .ops-customer-registry .cm-wide-table>.ar-scroll{overflow-x:auto!important}
}
@media(max-width:780px){
  #page-content:has(.ops-customer-registry){padding:7px!important}
  .ops-customer-registry{width:100%!important}
  .ops-customer-registry .ar-heading.registry-compact-header{grid-template-columns:1fr!important;grid-template-rows:max-content max-content max-content!important}
  .ops-customer-registry .ar-heading.registry-compact-header>.ar-actions{grid-column:1!important;grid-row:3!important;justify-self:start!important;margin-top:4px!important;flex-wrap:wrap!important}
  .ops-customer-registry .cm-wide-filter{grid-template-columns:1fr!important}
}

/* v1.3.14.91B compact one-time MFA confirmation */
.security-dialog.security-mfa-dialog{width:min(460px,calc(100% - 24px));max-width:460px;padding:0;overflow:hidden;border:1px solid #cfdeee;border-radius:18px;background:#fff;box-shadow:0 28px 80px #102b4b38}.security-mfa-dialog::backdrop{background:#10273f73;backdrop-filter:blur(4px)}.security-mfa-dialog>header{padding:15px 18px;border-bottom:1px solid #e2eaf3;background:linear-gradient(180deg,#f8fbff,#f1f6fc)}.security-mfa-dialog>header h2{margin:0;font-size:17px;color:#183e64;font-weight:800}.security-mfa-dialog>header [data-close]{width:32px;height:32px;padding:0;border:1px solid #d3dfec;border-radius:9px;background:#fff;color:#587089;font-size:20px;box-shadow:none}.security-mfa-dialog .flow-modal-body{padding:18px}.security-mfa-form{display:grid;gap:14px}.security-mfa-shield{width:46px;height:46px;margin:0 auto;display:grid;place-items:center;border-radius:50%;background:#eaf7ef;color:#16804c;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 1px #ccebd9}.security-mfa-copy{display:grid;gap:4px;text-align:center}.security-mfa-copy strong{font-size:14px;color:#1b3f61}.security-mfa-copy span{font-size:11px;color:#73879b;line-height:1.45;overflow-wrap:anywhere}.security-mfa-setup{display:grid;grid-template-columns:118px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid #dce7f2;border-radius:12px;background:#f8fbff}.security-mfa-dialog [data-qr]{width:118px;max-width:118px;margin:0;border-radius:8px;background:#fff}.security-mfa-setup>div{display:grid;gap:7px;min-width:0}.security-mfa-setup small{color:#6c8197;font-size:10px;line-height:1.45}.security-mfa-setup code{display:block;padding:7px 8px;border-radius:7px;background:#eef4fa;color:#274d70;font-size:10px;overflow-wrap:anywhere;user-select:all}.security-mfa-code{display:grid!important;gap:6px;text-align:center}.security-mfa-code span{font-size:11px;color:#687e94;font-weight:700}.security-mfa-dialog .security-mfa-code input{width:190px;min-height:48px;margin:auto;text-align:center;letter-spacing:.3em;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;border:1px solid #bcd0e5;border-radius:11px;background:#fff;outline:none}.security-mfa-dialog .security-mfa-code input:focus{border-color:#3189ef;box-shadow:0 0 0 3px #0b6cf314}.security-mfa-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px;margin-top:2px}.security-mfa-dialog .security-mfa-actions button{min-height:40px;padding:8px 10px;border-radius:9px;font-size:12px;font-weight:750}.security-mfa-dialog .security-mfa-actions [data-cancel]{background:#eef3f8;color:#48637d;border:1px solid #d7e2ed}.security-mfa-dialog .security-mfa-actions .security-mfa-primary{background:#0968ed;color:#fff;border:1px solid #0968ed;box-shadow:0 7px 16px #0968ed22}.security-mfa-dialog [data-error]{margin:10px 0 0;text-align:center;font-size:11px}@media(max-width:520px){.security-dialog.security-mfa-dialog{width:calc(100% - 14px);border-radius:14px}.security-mfa-dialog .flow-modal-body{padding:15px}.security-mfa-setup{grid-template-columns:96px 1fr}.security-mfa-dialog [data-qr]{width:96px;max-width:96px}.security-mfa-actions{grid-template-columns:1fr}}

/* POS-X v1.3.14.92B · Settings Center navigation redesign */
.settings-hub-v92{width:min(1780px,96vw)!important;margin:0 auto!important;padding:14px 0 28px!important;display:block!important}
.settings-hub-v92 .settings-hub-header{border-radius:16px 16px 0 0!important;padding:15px 18px!important}
.settings-hub-v92 .settings-hub-header h1{font-size:22px!important;margin:2px 0!important}
.settings-hub-v92 .settings-hub-header p{font-size:11px!important;max-width:720px!important}
.settings-hub-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:620px;border:1px solid var(--theme-border,#d6e6de);border-top:0;border-radius:0 0 16px 16px;overflow:hidden;background:var(--theme-panel,#fff)}
.settings-hub-sidebar{padding:14px;background:color-mix(in srgb,var(--theme-panel,#fff) 92%,var(--theme-accent-pale,#f7fbf9));border-right:1px solid var(--theme-border,#d6e6de);overflow:auto}
.settings-hub-search{display:grid;gap:5px;margin-bottom:14px}.settings-hub-search span{font-size:10px;font-weight:800;color:var(--theme-muted,#657d8c)}.settings-hub-search input{width:100%;height:38px;border:1px solid var(--theme-border,#d6e6de);border-radius:10px;padding:0 11px;background:var(--theme-panel,#fff);color:var(--theme-ink,#17364c);outline:none}.settings-hub-search input:focus{border-color:var(--theme-accent,#0b7a56);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent,#0b7a56) 12%,transparent)}
.settings-hub-nav{display:grid;gap:14px}.settings-hub-nav-group{display:grid;gap:6px}.settings-hub-nav-group>header{display:grid;gap:1px;padding:0 5px}.settings-hub-nav-group>header strong{font-size:10.5px;color:var(--theme-ink,#17364c)}.settings-hub-nav-group>header small{font-size:8.5px;color:var(--theme-muted,#657d8c)}.settings-hub-nav-group>div{display:grid;gap:4px}
.settings-hub-nav button{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) 14px;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;color:var(--theme-ink,#17364c);cursor:pointer}.settings-hub-nav button:hover{background:var(--theme-hover,#f5fbf8)}.settings-hub-nav button.active{background:var(--theme-accent-soft,#eaf7f1);border-color:color-mix(in srgb,var(--theme-accent,#0b7a56) 25%,var(--theme-border,#d6e6de));box-shadow:0 3px 10px rgba(20,70,55,.05)}
.settings-hub-nav-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--theme-panel,#fff);border:1px solid var(--theme-border,#d6e6de);font-size:12px;font-weight:900;color:var(--theme-accent-strong,#0f513f)}.settings-hub-nav button.active .settings-hub-nav-icon{background:var(--theme-accent,#0b7a56);border-color:var(--theme-accent,#0b7a56);color:#fff}.settings-hub-nav-copy{display:grid;gap:1px;min-width:0}.settings-hub-nav-copy strong{font-size:11px;line-height:1.25}.settings-hub-nav-copy small{font-size:8.7px;color:var(--theme-muted,#657d8c);white-space:normal;line-height:1.25}.settings-hub-nav-arrow{font-size:18px;color:var(--theme-muted,#657d8c)}
.settings-hub-empty{margin:16px 0 0;padding:12px;border-radius:10px;background:var(--theme-accent-pale,#f7fbf9);font-size:10px;color:var(--theme-muted,#657d8c);text-align:center}
.settings-hub-main{min-width:0;background:var(--theme-panel,#fff)}.settings-hub-active{height:52px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--theme-border,#d6e6de);background:var(--theme-panel,#fff)}.settings-hub-active span{font-size:13px;font-weight:800;color:var(--theme-ink,#17364c)}.settings-hub-active small{font-size:9.5px;color:var(--theme-muted,#657d8c)}
.settings-hub-v92 .settings-hub-body{min-height:560px;padding:12px!important;border:0!important;border-radius:0!important;background:var(--theme-panel,#fff)!important}.settings-hub-v92 .settings-hub-body>.settings-center,.settings-hub-v92 .settings-hub-body>.printer-settings,.settings-hub-v92 .settings-hub-body>.flow-app{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.settings-hub-v92 .settings-hub-child-chrome{display:none!important}
.settings-hub-v92 .mx-company{max-width:none!important;margin:0!important}.settings-hub-v92 .mx-company>.flow-title,.settings-hub-v92 .mx-company>.expansion-title{margin-top:0!important}
@media(max-width:980px){.settings-hub-workspace{grid-template-columns:1fr}.settings-hub-sidebar{border-right:0;border-bottom:1px solid var(--theme-border,#d6e6de)}.settings-hub-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-hub-main{min-height:520px}}
@media(max-width:640px){.settings-hub-v92{width:calc(100vw - 12px)!important;padding-top:7px!important}.settings-hub-nav{grid-template-columns:1fr}.settings-hub-sidebar{padding:10px}.settings-hub-active{height:auto;min-height:48px;align-items:flex-start;flex-direction:column;justify-content:center}.settings-hub-v92 .settings-hub-body{padding:8px!important}}

/* POS-X v1.3.14.94B · Floating Print Hub uses runtime CSS from print-options.js */

/* POS-X v1.3.14.95B · Compact payment workspace + double-click amount affordance */
.pos-payment-step{max-width:860px!important;padding:18px 28px!important}.pos-payment-title{margin-bottom:6px!important;align-items:center!important}.pos-payment-title h2{margin:0 0 2px!important;font-size:21px!important}.pos-payment-title .pos-muted{font-size:10.5px!important}.pos-payment-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:9px 0 12px!important}.pos-payment-shortcuts button{min-height:46px!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:8px 10px!important;border-radius:8px!important}.pos-payment-shortcuts svg{width:17px!important;height:17px!important}.pos-workspace .pos-payment-step .payment-grid-heading,.pos-workspace .pos-payment-step .payment-configured-row{grid-template-columns:78px minmax(180px,1.5fr) 104px minmax(125px,.85fr) 26px!important;gap:5px!important;margin-bottom:5px!important;font-size:10.5px!important}.pos-workspace .pos-payment-step .payment-grid-heading{min-height:20px;color:#6c8296}.pos-workspace .pos-payment-step .payment-configured-row :is(input,select){height:32px!important;min-height:32px!important;padding:4px 7px!important;border-radius:6px!important;font-size:11px!important}.pos-workspace .pos-payment-step .payment-configured-row [data-amount]:not(:disabled){cursor:copy;background:#fff}.pos-workspace .pos-payment-step .payment-configured-row [data-amount]:not(:disabled):hover{border-color:#2b82e6;box-shadow:0 0 0 2px rgba(43,130,230,.08)}.pos-pay-balance{margin:11px 0 0!important;padding:10px 13px!important;border-radius:8px!important;align-items:center!important}.pos-pay-balance span{display:flex;align-items:baseline;gap:7px}.pos-pay-balance b{display:inline!important;margin:0!important;font-size:18px!important}.pos-payment-step .pos-step-footer{margin-top:10px!important;padding-top:10px!important}.ops-payment-screen .ops-payment-bills{margin-bottom:8px!important}.ops-payment-screen .ops-payment-bills .flow-section-head{padding:7px 10px!important}.ops-payment-screen .ops-payment-bills th,.ops-payment-screen .ops-payment-bills td{padding:6px 7px!important}.ops-payment-screen [data-pay]{height:30px!important;min-height:30px!important;max-width:115px!important;padding:4px 7px!important;cursor:copy}.ops-payment-screen [data-pay]:hover{border-color:#2b82e6!important;box-shadow:0 0 0 2px rgba(43,130,230,.08)}.ops-payment-screen .ops-payment-bottom{gap:8px!important}.ops-payment-screen .ops-payment-method-card,.ops-payment-screen .ops-payment-summary-card{padding:10px!important}.ops-payment-screen .ops-payment-method-card .flow-section-head,.ops-payment-screen .ops-payment-summary-card h2{margin-bottom:6px!important}.ops-payment-hint{display:block;margin-top:2px;color:#718598;font-size:9.5px;font-weight:400}.ops-payment-screen .ops-payment-note{margin-top:6px!important}.ops-payment-screen .ops-payment-note textarea{min-height:31px!important;height:31px!important;padding:5px 7px!important}.ops-payment-screen .ops-payment-summary-card dl{margin:5px 0 7px!important}.ops-payment-screen .ops-payment-summary-card dl>*{padding:4px 0!important}.ops-payment-methods-compact .payment-configured-row [data-amount]:not(:disabled){cursor:copy;background:#fff!important}.ops-payment-methods-compact .payment-configured-row [data-amount]:not(:disabled):hover{border-color:#2b82e6!important;box-shadow:0 0 0 2px rgba(43,130,230,.08)}
@media(max-width:700px){.pos-payment-step{padding:14px 12px!important}.pos-payment-shortcuts{grid-template-columns:repeat(2,1fr)!important}.pos-payment-shortcuts button{min-height:40px!important}.pos-pay-balance{display:grid!important;grid-template-columns:1fr 1fr!important}.pos-pay-balance span{display:block}.pos-pay-balance b{display:block!important;margin-top:2px!important}.ops-payment-hint{display:none}}


/* POS-X v1.3.14.96B · Document Header Designer v1 */
@media screen {
.settings-document-designer{width:min(1180px,96vw)!important;max-height:94vh!important;border-radius:18px!important}.settings-document-designer .settings-editor-body{max-height:calc(94vh - 64px)!important;padding:0!important}.doc-designer-form{display:grid;min-height:720px;background:var(--theme-panel,#fff)}.doc-designer-grid{display:grid;grid-template-columns:minmax(0,440px) minmax(520px,1fr);min-height:640px}.doc-designer-controls{padding:14px;overflow:auto;max-height:calc(94vh - 126px);border-right:1px solid var(--theme-border,#d6e6de);background:color-mix(in srgb,var(--theme-panel,#fff) 94%,var(--theme-accent-pale,#f3faf7));}.doc-design-banner{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.doc-design-banner h2{margin:4px 0 3px;font-size:18px}.doc-design-banner p{margin:0;color:var(--theme-muted,#657d8c);font-size:10px;line-height:1.45}.doc-legal-card{display:grid;gap:3px;padding:10px 11px;margin-bottom:9px;border:1px solid #cfe2f4;border-radius:11px;background:#f5faff}.doc-legal-card strong{font-size:11px;color:#1f5f9b}.doc-legal-card span{font-size:11px;font-weight:800}.doc-legal-card small{font-size:9.5px;color:#60798d;line-height:1.4}.doc-design-section{padding:10px 11px;margin-bottom:8px;border:1px solid var(--theme-border,#d6e6de);border-radius:11px;background:var(--theme-panel,#fff)}.doc-design-section h3{margin:0 0 8px;font-size:11.5px}.doc-design-section label{display:grid;gap:4px;margin:0;font-size:9.5px;font-weight:750}.doc-design-section label>span{color:var(--theme-muted,#657d8c)}.doc-design-section :is(input,select,textarea){min-height:34px!important;padding:6px 8px!important;border-radius:7px!important;font-size:10.5px!important}.doc-design-section textarea{min-height:48px!important}.doc-design-row{display:grid;grid-template-columns:1.3fr .75fr auto;gap:7px;align-items:end}.doc-design-check{display:flex!important;align-items:center!important;gap:6px!important;min-height:34px;padding:6px 8px;border:1px solid var(--theme-border,#d6e6de);border-radius:7px;background:#fbfdfc}.doc-design-check input{width:15px!important;min-height:15px!important;height:15px!important;margin:0}.doc-design-check span{color:var(--theme-ink,#17364c)!important;font-size:10px}.doc-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.doc-logo-actions{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center}.doc-logo-actions button,.doc-upload{min-height:34px;padding:7px 9px;border:1px solid var(--theme-border,#d6e6de);border-radius:7px;background:#fff;color:var(--theme-ink,#17364c);font-size:9.5px;font-weight:800;cursor:pointer}.doc-upload{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.doc-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.doc-history-head button{min-height:28px;padding:4px 8px;border:1px solid var(--theme-border,#d6e6de);border-radius:7px;background:#fff;font-size:9px;cursor:pointer}.doc-history-list{display:grid;gap:5px}.doc-history-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid var(--theme-border,#d6e6de);border-radius:8px}.doc-history-list span{display:grid;gap:1px;font-size:9.5px}.doc-history-list small{font-size:8.5px;color:var(--theme-muted,#657d8c)}.doc-history-list button{min-height:27px;padding:4px 8px;border:1px solid #c7d9eb;border-radius:7px;background:#f5f9fd;color:#285f91;font-size:9px;cursor:pointer}.doc-designer-preview{padding:16px;overflow:auto;max-height:calc(94vh - 126px);background:#e7edf2}.doc-preview-toolbar{display:flex;justify-content:space-between;align-items:center;width:min(700px,100%);margin:0 auto 8px;color:#486172;font-size:10px}.doc-preview-toolbar strong{font-size:12px;color:#18394f}.doc-a4{width:min(700px,100%);aspect-ratio:210/297;min-height:760px;margin:0 auto;padding:48px 54px;background:#fff;border:1px solid #d7e0e7;box-shadow:0 10px 30px rgba(25,50,70,.12);box-sizing:border-box}.doc-preview-head{display:grid}.doc-preview-head strong{line-height:1.25}.doc-preview-head span,.doc-preview-head small{font-size:10px;line-height:1.45}.doc-a4 h1{margin:20px 0 18px;line-height:1.25}.doc-preview-fake{display:flex;justify-content:space-between;padding:8px;border:1px solid #d9e2e8;border-radius:6px;font-size:9px}.doc-preview-lines{display:grid;gap:8px;margin-top:18px}.doc-preview-lines i{height:28px;border:1px solid #e1e7eb;border-radius:4px;background:linear-gradient(90deg,#f8fafb 38%,#fff 38%)}.doc-preview-footer{margin-top:26px;padding-top:8px;border-top:1px solid #dfe5e9;color:#687b88;font-size:9px}.doc-designer-actions{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;gap:8px;padding:10px 14px!important;border-top:1px solid var(--theme-border,#d6e6de);background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}.doc-designer-actions button{min-height:36px;padding:7px 12px;border:1px solid var(--theme-border,#d6e6de);border-radius:8px;background:#fff;font-weight:800;cursor:pointer}.doc-action-spacer{flex:1}.doc-designer-welcome{max-width:760px}.doc-designer-welcome p{max-width:620px}.paper-header-note{font-size:.92em;opacity:.85}
}
@media(max-width:980px){.settings-document-designer{width:98vw!important}.doc-designer-grid{grid-template-columns:1fr}.doc-designer-controls,.doc-designer-preview{max-height:none}.doc-designer-controls{border-right:0;border-bottom:1px solid var(--theme-border,#d6e6de)}.doc-a4{min-height:650px}.doc-design-row{grid-template-columns:1fr 1fr}.doc-design-row .doc-design-check{grid-column:1/-1}.doc-logo-actions{grid-template-columns:1fr 1fr}.doc-logo-actions input[name=logo_url]{grid-column:1/-1}}
@media(max-width:620px){.doc-check-grid{grid-template-columns:1fr}.doc-design-row{grid-template-columns:1fr}.doc-logo-actions{grid-template-columns:1fr}.doc-a4{padding:28px 22px;min-height:560px}.doc-designer-actions{flex-wrap:wrap}.doc-action-spacer{display:none}}

/* POS-X v1.3.14.97C · Guarantee Work Queue */
.guarantee-workspace{gap:10px!important}.guarantee-workspace .guarantee-head{padding:5px 2px 9px!important}.guarantee-new{min-width:148px}.guarantee-focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.guarantee-focus-card{appearance:none;border:1px solid var(--ops-line,#d8e3df);background:#fff;border-radius:11px;padding:10px 12px;text-align:left;cursor:pointer;min-height:78px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"small strong" "span span";align-items:start;gap:3px 8px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.guarantee-focus-card:hover{border-color:#9bb9ad}.guarantee-focus-card.active{border-color:#176b54;box-shadow:0 0 0 2px rgba(23,107,84,.09);background:#f7fbf9}.guarantee-focus-card small{grid-area:small;font-size:11px;font-weight:750;color:#52665e}.guarantee-focus-card strong{grid-area:strong;font-size:23px;line-height:1;color:#18362d}.guarantee-focus-card span{grid-area:span;font-size:10.5px;color:#75867f}.guarantee-focus-card.soon strong{color:#996515}.guarantee-focus-card.today strong{color:#9a5a08}.guarantee-focus-card.overdue strong{color:#a33b35}.guarantee-focus-card.complete strong{color:#1f6b4c}.guarantee-workbar{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(210px,.8fr) auto auto minmax(140px,.45fr);gap:8px;align-items:end;background:#fff;border:1px solid var(--ops-line,#d8e3df);border-radius:11px;padding:9px 11px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.guarantee-search,.guarantee-branch-filter{display:grid;gap:4px}.guarantee-search span,.guarantee-branch-filter span{font-size:10.5px;font-weight:750;color:#334b42}.guarantee-search input,.guarantee-branch-filter select{height:36px;border:1px solid #cbd8d3;border-radius:8px;padding:0 10px;background:#fff}.guarantee-balance-total{text-align:right;display:grid;gap:2px;align-self:center}.guarantee-balance-total small{font-size:10px;color:#74837d}.guarantee-balance-total strong{font-size:18px;color:#173f32}.guarantee-advanced-filters{padding:8px 10px!important}.guarantee-advanced-filters .guarantee-toolbar{grid-template-columns:150px 150px 180px 1fr!important}.guarantee-filter-note{align-self:end;height:36px;display:flex;align-items:center;justify-content:flex-end;font-size:11px;color:#65756f}.guarantee-filter-note b{margin:0 4px;color:#8b5a15}.guarantee-work-table{max-height:62vh!important}.guarantee-work-table .guarantee-table{min-width:1160px}.guarantee-work-table .guarantee-table th{height:36px!important}.guarantee-work-table .guarantee-table td{padding:8px!important;vertical-align:middle!important}.guarantee-work-table td>small,.guarantee-work-table td>b+small{display:block;margin-top:3px;font-size:10px;color:#74837d}.guarantee-row.due-overdue{background:#fff9f8}.guarantee-row.due-due_today{background:#fffcf4}.guarantee-due{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:800;white-space:nowrap;background:#edf2f0;color:#4d625a}.guarantee-due.OVERDUE{background:#fee9e7;color:#a23932}.guarantee-due.DUE_TODAY{background:#fff0d6;color:#9a5a08}.guarantee-due.DUE_SOON{background:#fff7df;color:#8b6414}.guarantee-due.COMPLETED{background:#e4f5ea;color:#246443}.guarantee-due-detail{display:inline-block;margin-left:5px;font-size:10px;color:#687a73}.guarantee-date{margin-top:4px;font-size:10.5px;font-weight:650;color:#52665e}.guarantee-progress-copy{display:flex;justify-content:space-between;gap:10px;font-size:10.5px}.guarantee-progress-copy b{color:#173f32}.guarantee-progress{height:5px;margin-top:5px;border-radius:999px;background:#e7efec;overflow:hidden}.guarantee-progress i{display:block;height:100%;background:#2c7a5e;border-radius:999px}.guarantee-row-actions{display:flex;gap:5px;justify-content:flex-end;white-space:nowrap}.guarantee-row-actions .guarantee-btn{padding:6px 8px!important;min-height:30px!important;font-size:10.5px}.guarantee-action-col{text-align:right!important}.guarantee-empty{text-align:center!important;padding:30px!important;color:#7c8a85}.guarantee-detail-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid #d8e3df;border-radius:12px;padding:12px 14px;background:#fbfdfc}.guarantee-detail-hero.OVERDUE{border-color:#efc7c3;background:#fff9f8}.guarantee-detail-hero h3{margin:3px 0 7px;font-size:18px}.guarantee-detail-hero>div>small{color:#64766f}.guarantee-hero-badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.guarantee-hero-balance{text-align:right;display:grid;gap:2px}.guarantee-hero-balance small,.guarantee-hero-balance span{font-size:10.5px;color:#697b74}.guarantee-hero-balance strong{font-size:24px;color:#173f32}.guarantee-detail-metrics{grid-template-columns:repeat(3,1fr)!important;margin-top:9px!important}.guarantee-detail-metrics>div{padding:9px 11px!important}.guarantee-note{margin-top:9px;border-left:3px solid #9db5ac;padding:7px 10px;background:#f7faf8;font-size:12px}.guarantee-detail-actions{margin:10px 0}.guarantee-complete-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:9px;padding:10px 12px;border:1px solid #bfe0ca;background:#f4fbf6;border-radius:11px}.guarantee-complete-banner>div{display:grid;gap:2px}.guarantee-complete-banner strong{color:#245e42}.guarantee-complete-banner span{font-size:10.5px;color:#698077}.guarantee-section-title{display:flex;justify-content:space-between;align-items:end;margin:12px 0 6px}.guarantee-section-title h3{margin:0;font-size:14px}.guarantee-section-title small{color:#78877f}.guarantee-receipt-table{border:1px solid #e0e8e5;border-radius:9px}.guarantee-audit{margin-top:10px;border-top:1px solid #e1e8e5;padding-top:8px}.guarantee-audit summary{cursor:pointer;font-size:11px;font-weight:700;color:#60736b}.guarantee-receive-hero{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 12px;border-radius:11px;background:#f4faf7;border:1px solid #cfe2d9}.guarantee-receive-hero>div{display:grid;gap:2px}.guarantee-receive-hero small,.guarantee-receive-hero span{font-size:10.5px;color:#60736b}.guarantee-receive-hero strong{font-size:20px;color:#173f32}.guarantee-receive-grid{margin-top:10px!important;gap:8px!important}.guarantee-amount-input{font-size:16px!important;font-weight:750!important}.guarantee-field>small{font-size:9.5px;color:#7a8983}.guarantee-dialog-actions{justify-content:flex-end;margin-top:10px!important}.guarantee-receipt-success{display:flex;align-items:center;gap:12px;padding:13px;border-radius:12px;border:1px solid #c9dfd5;background:#f7fbf9}.guarantee-receipt-success.complete{border-color:#aad5bc;background:#f1faf4}.guarantee-receipt-check{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#2c7a5e;color:#fff;font-size:20px;font-weight:800}.guarantee-receipt-success>div:last-child{display:grid;gap:2px}.guarantee-receipt-success small,.guarantee-receipt-success span{font-size:10.5px;color:#64766f}.guarantee-receipt-success strong{font-size:19px;color:#173f32}.guarantee-btn.danger.subtle{background:#fff;color:#9b3b35;border-color:#e7c4c1}
@media(max-width:1100px){.guarantee-focus-grid{grid-template-columns:repeat(3,1fr)}.guarantee-workbar{grid-template-columns:1fr 1fr auto auto}.guarantee-balance-total{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.guarantee-advanced-filters .guarantee-toolbar{grid-template-columns:1fr 1fr!important}.guarantee-filter-note{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:680px){.guarantee-focus-grid{grid-template-columns:1fr 1fr}.guarantee-workbar{grid-template-columns:1fr}.guarantee-balance-total{grid-column:auto}.guarantee-detail-hero,.guarantee-complete-banner,.guarantee-receive-hero{align-items:flex-start;flex-direction:column}.guarantee-hero-balance{text-align:left}.guarantee-detail-metrics{grid-template-columns:1fr!important}}

/* POS-X v1.3.14.97D · compact guarantee source picker */
.guarantee-source-dialog{width:min(900px,92vw)!important}
.guarantee-source-dialog .guarantee-dialog-body{padding:13px 14px 14px;max-height:78vh;overflow:hidden;display:flex;flex-direction:column}
.guarantee-source-toolbar{grid-template-columns:minmax(280px,1.55fr) minmax(190px,.75fr) 110px!important;gap:8px!important;flex:0 0 auto}
.guarantee-source-toolbar .guarantee-field{gap:4px}.guarantee-source-toolbar .guarantee-field input,.guarantee-source-toolbar .guarantee-field select{height:36px;padding:6px 9px}.guarantee-source-toolbar .guarantee-btn{height:36px;padding:6px 12px}
.guarantee-source-help{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:8px 2px 7px;color:var(--muted,#64748b);font-size:10.5px;flex:0 0 auto}.guarantee-source-help b{color:#31584b;font-weight:750}
.guarantee-source-list{overflow-y:auto!important;overflow-x:hidden!important;max-height:58vh;border:1px solid var(--line,#e2e8f0);border-radius:10px}
.guarantee-source-table{min-width:0!important;width:100%!important;table-layout:fixed;margin:0}.guarantee-source-table th,.guarantee-source-table td{padding:8px 9px!important;vertical-align:middle!important}.guarantee-source-table th:nth-child(1){width:30%}.guarantee-source-table th:nth-child(2){width:36%}.guarantee-source-table th:nth-child(3){width:17%}.guarantee-source-table th:nth-child(4){width:17%}.guarantee-source-table td{font-size:12px;overflow-wrap:anywhere}.guarantee-source-table td>b{display:block;color:#172f27;font-size:12.5px}.guarantee-source-table td>small{display:block;margin-top:2px;color:#71827b;font-size:9.5px;line-height:1.25}.guarantee-source-table tbody tr[data-pick]{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.guarantee-source-table tbody tr[data-pick]:hover,.guarantee-source-table tbody tr[data-pick]:focus{background:#f2f8f5;outline:none;box-shadow:inset 3px 0 #2b765c}.guarantee-source-table .right{text-align:right!important;white-space:nowrap}.guarantee-source-amount b{color:#176b54!important;font-size:13px!important}.guarantee-source-loading{padding:26px;text-align:center;color:#71827b;font-size:12px}
@media(max-width:720px){.guarantee-source-dialog{width:min(96vw,650px)!important}.guarantee-source-toolbar{grid-template-columns:1fr 1fr!important}.guarantee-source-toolbar .guarantee-btn{grid-column:1/-1}.guarantee-source-table th:nth-child(2){width:31%}.guarantee-source-table th:nth-child(1){width:35%}.guarantee-source-table th:nth-child(3),.guarantee-source-table th:nth-child(4){width:17%}}

/* POS-X v1.3.14.98B · guarantee contract reference */
.guarantee-contract-card{margin-top:12px;padding:12px;border:1px solid #d8e3df;border-radius:12px;background:#fbfdfc}.guarantee-contract-card .guarantee-section-title{margin:0 0 9px}.guarantee-contract-card .guarantee-section-title h3{font-size:13px}.guarantee-auto-note{margin-top:8px;padding:7px 9px;border-radius:8px;background:#eef7f3;color:#47665a;font-size:10.5px}.guarantee-reference-card{margin-top:9px;padding:10px 12px;border:1px solid #d8e3df;border-radius:11px;background:#fbfdfc;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;align-items:start}.guarantee-reference-card>strong{grid-column:1/-1;font-size:12px;color:#173f32}.guarantee-reference-card>div{display:grid;gap:2px}.guarantee-reference-card span{font-size:10px;color:#74837d}.guarantee-reference-card b{font-size:12px;color:#243d34;overflow-wrap:anywhere}@media(max-width:760px){.guarantee-reference-card{grid-template-columns:1fr}}

/* ===== POS-X v1.3.14.99B Local Backup Agent additions ===== */
.backup-center{display:grid;gap:16px}.backup-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border:1px solid #dfe7f0;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f3f7fb)}.backup-hero h1{margin:0 0 5px}.backup-hero p{margin:0;color:#64748b}.backup-actions{display:flex;gap:8px;flex-wrap:wrap}.backup-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.backup-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.backup-kpis span{display:block;color:#64748b;font-size:12px}.backup-kpis strong{display:block;font-size:23px;margin-top:3px}.backup-tabs{display:flex;gap:6px;border-bottom:1px solid #e2e8f0}.backup-tabs button{border:0;background:none;padding:10px 14px;border-bottom:2px solid transparent}.backup-tabs button.active{color:#2563eb;border-color:#2563eb;font-weight:700}.backup-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.backup-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.backup-status.ok{background:#ecfdf5;color:#047857}.backup-status.bad{background:#fef2f2;color:#b91c1c}.backup-status.warn{background:#fff7ed;color:#c2410c}.backup-muted{color:#64748b}.backup-table{width:100%;border-collapse:collapse}.backup-table th,.backup-table td{padding:10px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}.backup-table th{font-size:12px;color:#64748b}.backup-form{display:grid;gap:12px}.backup-form .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.backup-form label{display:grid;gap:6px}.backup-form input,.backup-form select,.backup-form textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #cbd5e1;border-radius:9px}.backup-form footer{display:flex;justify-content:flex-end;gap:8px}.backup-note{padding:10px 12px;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px}.backup-danger{background:#fff1f2;color:#9f1239}.backup-empty{padding:24px;text-align:center;color:#64748b}@media(max-width:900px){.backup-kpis{grid-template-columns:repeat(2,1fr)}.backup-hero{flex-direction:column}.backup-form .grid{grid-template-columns:1fr}}
.backup-local-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.backup-local-card{border:1px solid #e2e8f0;border-radius:14px;padding:14px;background:#fff;min-width:0}.backup-local-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.backup-local-card h3{margin:4px 0 8px;font-size:16px;overflow-wrap:anywhere}.backup-local-card p{margin:5px 0;color:#64748b}.backup-kicker{font-size:11px;letter-spacing:.08em;color:#64748b;font-weight:800}.backup-local-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.backup-local-card dl div{padding:8px;border-radius:9px;background:#f8fafc}.backup-local-card dt{font-size:11px;color:#64748b}.backup-local-card dd{margin:2px 0 0;font-weight:700}.backup-local-actions,.backup-local-toolbar{display:flex;gap:8px;flex-wrap:wrap}.backup-local-toolbar{padding:12px 0}.backup-local-empty{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px;border:1px dashed #94a3b8;border-radius:14px;background:#f8fafc;margin:14px 0}.backup-local-empty strong{font-size:16px}.backup-local-empty p{margin:5px 0 0;color:#64748b}.backup-download-agent{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:9px;background:#166534;color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}.backup-ok-dot{color:#047857}.backup-bad-dot{color:#b91c1c}.backup-table small{display:block;color:#64748b;margin-top:3px;max-width:360px;overflow:hidden;text-overflow:ellipsis}.backup-panel button,.backup-local-card button{cursor:pointer}.backup-panel button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.backup-local-grid{grid-template-columns:1fr}.backup-local-empty{align-items:flex-start;flex-direction:column}.backup-local-card dl{grid-template-columns:1fr 1fr}}@media(max-width:560px){.backup-local-card dl{grid-template-columns:1fr}}
.backup-error{margin:0;color:#b91c1c;font-weight:700;min-height:1.2em}

/* ===== POS-X · Negative Stock + Pending SN Matching ===== */
.ap-negative-link-panel .ap-table td{vertical-align:middle}
.ap-sn-match{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2}
.ap-sn-match.is-matched,.ap-sn-match.is-posted{background:#dcfce7;color:#166534;border:1px solid #86efac}
.ap-sn-match.is-waiting{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}
.ap-sn-match.is-mismatch{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.ap-sn-match.is-qty{background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe}
.ap-sn-match.is-cancelled{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}
.ap-sn-pending-subpanel{margin-top:16px;padding-top:14px;border-top:1px dashed #cbd5e1}
.ap-sn-pending-subpanel>header{margin-bottom:10px}
.ap-sn-pending-subpanel h3{margin:0 0 4px}
/* ===== POS-X · Credit Pending SN / NESCEN Bridge 99D ===== */
.pos-serials .pos-pending-sn{display:flex;align-items:center;gap:8px;border:1px solid #f2c66d;background:#fff8e7;color:#6b4b00;border-radius:8px;padding:6px 8px;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.pos-serials .pos-pending-sn b{font-family:inherit;font-size:11px;background:#ffe5a6;color:#704f00;border-radius:999px;padding:2px 6px}
.pos-serials .pos-pending-sn button{margin-left:auto}
.pos-pending-sn-picker{width:min(680px,calc(100vw - 24px))}
.pos-pending-sn-options{display:grid;gap:8px;margin-top:12px}
.pos-pending-sn-options>button{display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid #d9e4ee;background:#fff;border-radius:10px;padding:12px}
.pos-pending-sn-options>button:hover{border-color:#4e8b73;background:#f4fbf7}
.pos-pending-sn-options small{color:#7a5a00}

/* v1.3.14.99L: manual quotation price-history review */
.quote-price-check{border-color:#8bb7d4;background:#eef7fd;color:#17658f;font-weight:700}.quote-price-check.is-checked{border-color:#9cc9ad;background:#edf8f1;color:#267047}.quote-price-check:disabled{opacity:.62}
.quote-price-batch-dialog{width:min(1180px,96vw);max-width:1180px}.quote-price-batch{display:grid;gap:12px}.quote-price-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:10px 12px;border:1px solid #cfe0ec;background:#f7fbfe;border-radius:6px}.quote-price-summary span{font-size:12px;color:#5c7487}.quote-price-table-wrap{overflow:auto;max-height:min(62vh,620px);border:1px solid #d5e1ec;border-radius:6px}.quote-price-batch-table{min-width:1040px;margin:0}.quote-price-batch-table th{position:sticky;top:0;z-index:1;background:#174e78;color:#fff}.quote-price-batch-table td{vertical-align:middle}.quote-price-batch-table td small{display:block;margin-top:3px;color:#6a8192;max-width:220px;overflow:hidden;text-overflow:ellipsis}.quote-price-batch-table select,.quote-price-batch-table input{width:190px;min-height:32px;font-size:12px}.quote-price-batch-table input{margin-top:5px}.quote-price-batch-table .is-up,.quote-price-review-table .is-up{color:#a45e17;font-weight:700}.quote-price-batch-table .is-down,.quote-price-review-table .is-down{color:#27734d;font-weight:700}.quote-price-batch-table .is-same,.quote-price-review-table .is-same{color:#567384}.quote-price-bulk{display:flex;gap:8px;flex-wrap:wrap}.quote-price-batch>.sales-actions,.quote-price-confirm>.sales-actions{justify-content:flex-end;gap:8px}.quote-price-confirm{display:grid;gap:12px}.quote-price-review-table{min-width:620px}.quote-price-review-table td:nth-child(n+2){text-align:right}.quote-price-review-table th:nth-child(n+2){text-align:right}
@media(max-width:760px){.quote-price-batch-dialog{width:98vw}.quote-price-summary{align-items:flex-start;flex-direction:column;gap:4px}.quote-price-bulk button{flex:1 1 100%}.quote-price-batch>.sales-actions,.quote-price-confirm>.sales-actions{flex-wrap:wrap}.quote-price-batch>.sales-actions button,.quote-price-confirm>.sales-actions button{flex:1 1 45%}}

/* Legacy Mobile Credit layout retained for desktop/POS compatibility; Mobile now lands on Borrow Mobile V2 in v1.3.14.99Q. */
.pos-mobile-credit-context{display:none}
@media(max-width:760px){
  #top-navigation.mobile-credit-only{display:flex!important;align-items:center!important;gap:0!important;overflow:visible!important}
  #top-navigation.mobile-credit-only .mobile-credit-navitem{display:block!important;width:100%!important}
  #top-navigation.mobile-credit-only .mobile-credit-navbutton{width:100%!important;min-height:38px!important;padding:7px 12px!important;border-radius:9px!important;background:var(--theme-accent-soft,#eaf7f1)!important;color:var(--theme-accent-strong,#0f513f)!important;border:1px solid var(--theme-border,#d6e6de)!important;font-weight:800!important}
  #top-navigation.mobile-credit-only .mobile-credit-navbutton .navgroup-code{display:inline-flex!important;min-width:auto!important;padding:3px 6px!important;border-radius:999px!important;background:#fff!important;color:inherit!important;font-size:9px!important}

  .pos-mobile-credit-launch{min-height:calc(100dvh - 140px)!important;padding:48px 20px!important;display:grid!important;align-content:center!important;justify-items:center!important;gap:12px!important}
  .pos-mobile-credit-launch h1{margin:4px 0!important;font-size:25px!important}
  .pos-mobile-credit-launch p{max-width:320px!important;text-align:center!important;line-height:1.6!important}
  .pos-mobile-credit-launch [data-launch]{min-width:220px!important;min-height:48px!important}

  .pos-workspace.pos-mobile-credit{width:100vw!important;height:100dvh!important;max-width:100vw!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;inset:0!important}
  .pos-mobile-credit::backdrop{background:#fff!important;backdrop-filter:none!important}
  .pos-mobile-credit .pos-top{height:52px!important;padding:0 10px!important;gap:8px!important;position:sticky!important;top:0!important;z-index:30!important}
  .pos-mobile-credit .pos-top .pos-brand{font-size:20px!important}
  .pos-mobile-credit .pos-top>[data-mode]{font-size:10px!important;padding:4px 8px!important}
  .pos-mobile-credit .pos-top-actions{gap:4px!important}
  .pos-mobile-credit .pos-top-actions button{min-height:34px!important;padding:5px 8px!important;font-size:10px!important}
  .pos-mobile-credit [data-printer]{display:none!important}
  .pos-mobile-credit .pos-progress{height:38px!important;padding:8px!important;gap:24px!important;position:sticky!important;top:52px!important;z-index:29!important}
  .pos-mobile-credit .pos-progress [data-stage="payment"]{display:none!important}

  .pos-mobile-credit .pos-sale{height:calc(100dvh - 90px)!important;display:flex!important;flex-direction:column!important;overflow:auto!important;background:#f5f9fc!important}
  .pos-mobile-credit .pos-crossbar{display:none!important}
  .pos-mobile-credit .pos-mobile-credit-context{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:9px 10px;background:#fff;border-bottom:1px solid #dce8f1;position:sticky;top:0;z-index:20;box-shadow:0 4px 10px rgba(22,58,91,.05)}
  .pos-mobile-credit-context>[data-mobile-customer-pick]{grid-column:1;display:grid!important;justify-content:start!important;text-align:left!important;gap:1px!important;min-height:43px!important;padding:6px 10px!important;border-color:#a9cbe9!important;background:#f8fbff!important}
  .pos-mobile-credit-context>[data-mobile-customer-pick]>span{font-size:9px;color:#71879b;font-weight:700}
  .pos-mobile-credit-context>[data-mobile-customer-pick]>strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#173b5d}
  .pos-mobile-lv,.pos-mobile-nescen,.pos-mobile-nescen-state{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
  .pos-mobile-lv{background:#edf6ff;color:#1767ac;border:1px solid #cfe4f8}
  .pos-mobile-nescen{background:#eefaf4;color:#08774a;border:1px solid #c7ead8}
  .pos-mobile-nescen-state{grid-column:3;background:#f5f7f9;color:#6d7f91;border:1px solid #dde5ec}
  .pos-mobile-nescen-state[data-ready="true"]{background:#ecf9f1;color:#087443;border-color:#bfe7ce}
  .pos-mobile-nescen-state[data-ready="false"]{background:#fff6e8;color:#9a6100;border-color:#f0d59f}
  .pos-mobile-sale-summary{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;padding-top:1px}
  .pos-mobile-sale-summary span{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:#f3f6f9;color:#526c82;font-size:9px;white-space:nowrap}
  .pos-mobile-sale-summary .has-negative{background:#fff2e5;color:#9a5500}
  .pos-mobile-sale-summary .has-pending{background:#fff0f2;color:#b52d46}

  .pos-mobile-credit .pos-catalog{padding:9px 10px!important;gap:8px!important;overflow:visible!important;flex:0 0 auto!important;background:#f5f9fc!important}
  .pos-mobile-credit .pos-scan{position:sticky;top:0;z-index:15;gap:6px!important;background:#f5f9fc;padding:2px 0 4px}
  .pos-mobile-credit .pos-scan label{min-height:48px!important;border-width:2px!important}
  .pos-mobile-credit .pos-scan input{font-size:16px!important;min-height:44px!important}
  .pos-mobile-credit .pos-scan>button{min-width:78px!important;min-height:48px!important;padding:8px!important}
  .pos-mobile-credit .pos-catalog-search{gap:6px!important}
  .pos-mobile-credit .pos-catalog-search input{min-height:40px!important}
  .pos-mobile-credit .pos-catalog-search select{width:118px!important;min-height:40px!important}
  .pos-mobile-credit .pos-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;max-height:300px!important;overflow:auto!important;flex:none!important}
  .pos-mobile-credit .pos-products.is-customer-locked{opacity:.45;pointer-events:none;filter:grayscale(.15)}
  .pos-mobile-credit .pos-product{min-height:130px!important;padding:9px!important}
  .pos-mobile-credit .pos-product-art{height:42px!important}
  .pos-mobile-credit .pos-product-art svg{width:24px!important;height:24px!important}
  .pos-mobile-credit .pos-page{padding-bottom:4px!important}

  .pos-mobile-credit .pos-basket{padding:10px!important;border-left:0!important;border-top:1px solid #dbe7f0!important;overflow:visible!important;flex:0 0 auto!important}
  .pos-mobile-credit .pos-basket>.pos-section-title{margin-bottom:7px!important}
  .pos-mobile-credit .pos-basket>.pos-section-title [data-customer-pick]{display:none!important}
  .pos-mobile-credit .pos-cart{overflow:visible!important;min-height:72px!important;max-height:none!important}
  .pos-mobile-credit .pos-cart-line{padding:9px 0!important}
  .pos-mobile-credit .pos-line-fields{grid-template-columns:94px minmax(100px,1fr)!important;gap:6px!important}
  .pos-mobile-credit .pos-line-fields>label:nth-child(3){grid-column:1}
  .pos-mobile-credit .pos-line-fields>strong{grid-column:2;align-self:end;padding:0 0 7px!important;font-size:13px!important}
  .pos-mobile-credit .pos-serials>span{max-width:100%;overflow-wrap:anywhere}
  .pos-mobile-credit .pos-note{padding-top:8px!important}
  .pos-mobile-credit .pos-totals{margin:8px 0!important}
  .pos-mobile-credit .pos-grand dd{font-size:20px!important}
  .pos-mobile-credit .pos-next{position:sticky!important;bottom:0!important;z-index:18!important;min-height:49px!important;font-size:14px!important;box-shadow:0 -6px 18px rgba(19,57,88,.10),0 5px 12px #0866f520!important}

  .pos-mobile-credit .pos-step-body{height:calc(100dvh - 90px)!important;padding:14px 12px!important;max-width:none!important}
  .pos-mobile-credit .pos-customer-results{margin-top:10px!important;gap:6px!important}
  .pos-mobile-credit .pos-customer-results button{min-height:58px!important;padding:10px 12px!important}
  .pos-mobile-credit .pos-step-footer{bottom:-14px!important;padding:10px 0 2px!important;margin-top:12px!important}
  .pos-mobile-credit .pos-review{padding:12px!important}
  .pos-mobile-credit .pos-review-icon{width:44px!important;height:44px!important}
  .pos-mobile-credit .pos-step-footer .pos-primary{min-width:0!important;flex:1!important}
}

/* POS-X 1.3.14.99Z · Purchasing sticky command bar + Import into existing PO */
#page-content.ap-purchase-page .purchase-launchpad{
  position:sticky;top:8px;z-index:35;
  display:grid;grid-template-columns:minmax(210px,.72fr) minmax(520px,1.7fr);align-items:center;gap:12px;
  margin:0 0 10px;padding:9px 10px;border:1px solid var(--theme-border,#d6e6de);border-radius:12px;
  background:color-mix(in srgb,var(--theme-card,#fff) 95%,transparent);
  box-shadow:0 10px 26px rgba(20,58,87,.10);backdrop-filter:blur(12px)
}
#page-content.ap-purchase-page .purchase-launchpad-head{display:flex;align-items:center;min-width:0;margin:0}
#page-content.ap-purchase-page .purchase-command-title{min-width:0}
#page-content.ap-purchase-page .purchase-launchpad-head strong{display:block;color:var(--theme-ink,#17364c);font-size:15px;line-height:1.2}
#page-content.ap-purchase-page .purchase-launchpad-head p{margin:2px 0 0;color:var(--theme-muted,#657d8c);font-size:10.5px;line-height:1.35}
#page-content.ap-purchase-page .purchase-launchpad-actions{display:grid;grid-template-columns:1.18fr .9fr .9fr;gap:7px;min-width:0}
#page-content.ap-purchase-page .purchase-launch-card{
  min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;
  padding:6px 9px;border:1px solid #d8e5ec;border-radius:9px;background:#fbfdfe;color:#17364c;text-align:left;
  box-shadow:none;cursor:pointer;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease
}
#page-content.ap-purchase-page .purchase-launch-card:hover{transform:translateY(-1px);border-color:#9fc9b8;box-shadow:0 7px 16px rgba(22,101,76,.08);filter:none}
#page-content.ap-purchase-page .purchase-launch-card.manual{background:#f3faf6;border-color:#c5e2d4}
#page-content.ap-purchase-page .purchase-launch-card.import{background:#f6fafc;border-color:#cbdde8}
#page-content.ap-purchase-page .purchase-launch-card.queue{background:#fff9ed;border-color:#ead9ad}
#page-content.ap-purchase-page .purchase-launch-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid rgba(23,54,76,.11);font-size:15px;font-weight:900}
#page-content.ap-purchase-page .purchase-launch-card span:nth-child(2){min-width:0}
#page-content.ap-purchase-page .purchase-launch-card span:nth-child(2)>strong{display:block;font-size:11.5px;line-height:1.25}
#page-content.ap-purchase-page .purchase-launch-card span:nth-child(2)>small{display:block;margin-top:1px;color:#6d8290;font-size:9.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-content.ap-purchase-page .purchase-launch-card em{font-style:normal;font-size:9px;font-weight:800;color:#6f5b24;background:#fff;border:1px solid #eadfc2;border-radius:999px;padding:3px 6px;white-space:nowrap}

#page-content.ap-purchase-page .po-import-panel{margin:10px 0;padding:11px;border:1px solid #cfe5da;border-radius:11px;background:#f8fcfa}
#page-content.ap-purchase-page .po-import-panel.empty{background:#fbfdfc;border-style:dashed}
#page-content.ap-purchase-page .po-import-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#page-content.ap-purchase-page .po-import-panel.empty .po-import-panel-head{margin-bottom:0}
#page-content.ap-purchase-page .po-import-panel-head h2{margin:1px 0 2px;color:#174f3d;font-size:14px}
#page-content.ap-purchase-page .po-import-panel-head p{margin:0;color:#667c72;font-size:10.5px}
#page-content.ap-purchase-page .po-import-table{overflow:auto;border:1px solid #deebe5;border-radius:9px;background:#fff}
#page-content.ap-purchase-page .po-import-table .ap-table{margin:0;border:0}
#page-content.ap-purchase-page .po-import-row-action{min-height:29px!important;height:29px;padding:4px 8px!important;margin-right:5px;font-size:10.5px!important;border-radius:7px!important}
#page-content.ap-purchase-page .po-import-state{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:800;white-space:nowrap}
#page-content.ap-purchase-page .po-import-state.waiting{color:#795d10;background:#fff7d9;border-color:#eadc9f}
#page-content.ap-purchase-page .po-import-state.ready{color:#08714f;background:#eaf8f1;border-color:#bfe5d3}
#page-content.ap-purchase-page .po-import-state.received{color:#315e7b;background:#edf6fb;border-color:#c7deeb}
#page-content.ap-purchase-page .po-import-state.cancelled{color:#8e5454;background:#fbefef;border-color:#ebcece}
#page-content.ap-purchase-page .po-import-notice{border-color:#c7e2d5;background:#f1faf6;color:#285f4c}

.purchase-workflow-dialog .po-import-target-card{background:#f8fcfa;border-color:#d5e8df}
.purchase-workflow-dialog .po-import-target-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.purchase-workflow-dialog .po-import-target-grid>div{min-height:52px;padding:7px 9px;border:1px solid #dce9e3;border-radius:8px;background:#fff}
.purchase-workflow-dialog .po-import-target-grid span{display:block;color:#72867c;font-size:9.5px;margin-bottom:2px}
.purchase-workflow-dialog .po-import-target-grid strong{display:block;color:#173f31;font-size:11.5px;line-height:1.3;overflow-wrap:anywhere}
.purchase-workflow-dialog .po-import-file-card input[type=file]{min-height:38px;padding:6px;background:#fff}
.purchase-workflow-dialog .po-existing-import-group{margin-top:8px}
.purchase-workflow-dialog .po-existing-import-group .ap-table th,.purchase-workflow-dialog .po-existing-import-group .ap-table td{font-size:10.5px;padding:6px 8px}
.purchase-workflow-dialog .po-import-receive-total{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:9px 2px 4px;color:#5f756b;font-size:11px}
.purchase-workflow-dialog .po-import-receive-total strong{color:#123f30;font-size:16px}
.purchase-workflow-dialog #po-existing-import-review:empty{display:none}
.purchase-workflow-dialog .po-existing-import-form .purchase-modal-footer{position:sticky;bottom:0;z-index:3;margin-top:10px;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);border-top:1px solid #dce9e3}

@media(max-width:1050px){
  #page-content.ap-purchase-page .purchase-launchpad{grid-template-columns:1fr;gap:7px;top:6px}
  #page-content.ap-purchase-page .purchase-launchpad-head p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #page-content.ap-purchase-page .purchase-launchpad-actions{grid-template-columns:1.15fr 1fr 1fr}
  .purchase-workflow-dialog .po-import-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  #page-content.ap-purchase-page .purchase-launchpad{position:static;padding:8px}
  #page-content.ap-purchase-page .purchase-launchpad-actions{grid-template-columns:1fr}
  #page-content.ap-purchase-page .purchase-launch-card{grid-template-columns:30px minmax(0,1fr) auto}
  #page-content.ap-purchase-page .purchase-launch-card span:nth-child(2)>small{white-space:normal}
  #page-content.ap-purchase-page .po-import-panel-head{align-items:flex-start;flex-direction:column}
  .purchase-workflow-dialog .po-import-target-grid{grid-template-columns:1fr}
}

/* v1.3.14.100B · Desktop top-menu stacking fix
   Keep module dropdowns above sticky command bars and page content. */
@media (min-width:761px){
  .topbar{
    position:relative!important;
    z-index:900!important;
    overflow:visible!important;
  }
  #top-navigation{
    position:relative!important;
    z-index:910!important;
    overflow:visible!important;
  }
  #top-navigation .navitem{
    position:relative!important;
  }
  #top-navigation .navitem:hover,
  #top-navigation .navitem:focus-within{
    z-index:920!important;
  }
  #top-navigation .dropdown{
    z-index:930!important;
  }
  #page-content.ap-purchase-page{
    position:relative!important;
    z-index:0!important;
  }
  .ap-purchase-page .ops-command-deck,
  #page-content.ap-purchase-page .purchase-launchpad{
    z-index:1!important;
  }
}

/* POS-X v1.4.0 K6 · Commercial Bundle */
.pos-group-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 10px}.pos-group-create{background:#0f6b55!important;color:#fff!important;border-color:#0f6b55!important;font-weight:800}.pos-group-create:disabled{opacity:.42}.pos-group-card{border:1px solid #a8d3c2;border-radius:14px;background:#f2fbf7;margin-bottom:10px;overflow:hidden}.pos-group-card>summary{list-style:none;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px 12px;cursor:pointer}.pos-group-card>summary::-webkit-details-marker{display:none}.pos-group-title{display:grid}.pos-group-title strong{color:#0b5b48}.pos-group-title small{color:#5b766e}.pos-group-price{text-align:right}.pos-group-actions{display:flex;gap:6px;flex-wrap:wrap}.pos-group-actions button{padding:6px 9px}.pos-group-children{padding:0 8px 8px}.pos-group-children .pos-cart-line{background:#fff}.pos-line-select{width:18px;height:18px;margin-right:8px;accent-color:#0f6b55}.pos-line-title>span:first-child{display:flex;align-items:flex-start}.pos-line-title>span:first-child>span{display:grid}.pos-group-badge{display:inline-flex;padding:2px 7px;border-radius:999px;background:#d7efe5;color:#0b5b48;font-size:11px;font-weight:800;margin-left:7px}
@media(max-width:760px){.pos-group-card>summary{grid-template-columns:1fr auto}.pos-group-actions{grid-column:1/-1}.pos-group-toolbar{position:sticky;top:0;z-index:3;background:#fff;padding:6px 0}}


/* POS-X v1.4.0 K6 · Commercial Bundle name settings */
.bundle-template-settings{display:grid;gap:14px}.bundle-template-settings>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;border:1px solid var(--theme-border,#d6e6de);border-radius:14px;background:linear-gradient(135deg,#fff,var(--theme-accent-pale,#f3faf7))}.bundle-template-settings>header h2{margin:5px 0 4px;color:var(--theme-ink,#17364c);font-size:18px}.bundle-template-settings>header p{margin:0;color:var(--theme-muted,#657d8c);font-size:10.5px;line-height:1.55}.settings-chip{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--theme-accent-soft,#eaf7f1);color:var(--theme-accent-strong,#0f513f);font-size:9px;font-weight:900;letter-spacing:.06em}.settings-primary{min-height:36px;padding:7px 12px;border:1px solid #0f6b55;border-radius:9px;background:#0f6b55;color:#fff;font-weight:800}.bundle-template-toolbar{display:flex;gap:8px}.bundle-template-toolbar input{flex:1;min-height:38px;padding:8px 11px;border:1px solid var(--theme-border,#d6e6de);border-radius:9px;background:#fff}.bundle-template-toolbar button{padding:7px 12px;border:1px solid var(--theme-border,#d6e6de);border-radius:9px;background:#fff;font-weight:800}.bundle-template-list{display:grid;gap:8px}.bundle-template-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--theme-border,#d6e6de);border-radius:11px;background:#fff}.bundle-template-row>div{display:grid;gap:3px}.bundle-template-row strong{color:var(--theme-ink,#17364c)}.bundle-template-row small{color:var(--theme-muted,#657d8c);font-size:9.5px}.bundle-template-row>span{padding:4px 8px;border-radius:999px;background:#e8f7ef;color:#197047;font-size:9.5px;font-weight:800}.bundle-template-row.is-inactive{opacity:.65}.bundle-template-row.is-inactive>span{background:#eef1f3;color:#6d7c88}.bundle-template-row>button{padding:6px 10px;border:1px solid var(--theme-border,#d6e6de);border-radius:8px;background:#fff;color:var(--theme-accent-strong,#0f513f);font-weight:800}.bundle-template-dialog{width:min(650px,94vw);max-height:92vh;border:0;border-radius:18px;padding:0;box-shadow:0 28px 90px #072b2170;color:#17332b}.bundle-template-dialog::backdrop{background:#061f1888}.bundle-template-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;background:#0f6b55;color:#fff}.bundle-template-dialog>header h2{margin:2px 0 0}.bundle-template-dialog>header small{opacity:.78}.bundle-template-dialog>header button{border:0;background:transparent;color:#fff;font-size:28px}.bundle-template-dialog .bdg-body{display:grid;gap:12px;padding:20px}.bundle-template-dialog .bdg-body>label:not(.bdg-remember){display:grid;gap:5px;font-weight:800}.bundle-template-dialog .bdg-body input[type=text],.bundle-template-dialog .bdg-body input:not([type]){min-height:39px;padding:8px 11px;border:1px solid #b9d2c8;border-radius:9px}.bundle-template-dialog .bdg-remember{display:flex;align-items:center;gap:8px}.bundle-template-dialog .bdg-remember input{width:17px;height:17px;accent-color:#0f6b55}.bundle-template-dialog .bdg-note{margin:0;color:#55726a}.bundle-template-dialog .bdg-error{padding:10px 12px;border-radius:10px;background:#fff0f0;color:#9e2b2b;font-weight:700}.bundle-template-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #d6e4de;background:#fbfefd}.bundle-template-dialog>footer button{padding:9px 16px;border-radius:9px}.bundle-template-dialog .bdg-primary{background:#0f6b55;color:#fff;border-color:#0f6b55;font-weight:800}.settings-empty{padding:24px;border:1px dashed var(--theme-border,#d6e6de);border-radius:12px;text-align:center;color:var(--theme-muted,#657d8c)}
@media(max-width:700px){.bundle-template-settings>header{display:grid}.bundle-template-row{grid-template-columns:1fr auto}.bundle-template-row>button{grid-column:1/-1}.bundle-template-toolbar{display:grid}}

/* ===== HF20 customer sales compact report overrides ===== */
@media screen {
#page-content[data-page="report-sales-customer"].fr-workspace{max-width:1540px;padding:10px 14px 14px}
#page-content[data-page="report-sales-customer"] .customer-sales>.scan-title{padding:0 0 7px!important;gap:6px!important}
#page-content[data-page="report-sales-customer"] .customer-sales>.scan-title h1{font-size:18px!important;line-height:1.3!important}
#page-content[data-page="report-sales-customer"] .customer-sales>.scan-title .fr-intro{display:none}
#page-content[data-page="report-sales-customer"] .customer-sales>.flow-card{padding:8px 10px!important;border-radius:10px!important;box-shadow:none!important;margin-bottom:8px!important}
#page-content[data-page="report-sales-customer"] .cs-control-card{background:#fbfdfc!important}
#page-content[data-page="report-sales-customer"] .cs-control-card .fr-search-bar{padding:7px 9px!important;margin:0 0 6px!important;border-radius:9px!important;gap:8px!important;min-height:36px}
#page-content[data-page="report-sales-customer"] .cs-control-card .fr-filter-summary{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#page-content[data-page="report-sales-customer"] .cs-control-card .fr-search-bar button{min-height:30px!important;padding:5px 10px!important;font-size:11px!important}
#page-content[data-page="report-sales-customer"] .cs-control-help{display:none}
#page-content[data-page="report-sales-customer"] .cs-search{min-height:34px;margin:0!important;padding:0 1px}
#page-content[data-page="report-sales-customer"] .cs-search input{min-height:30px!important;height:30px!important;padding:4px 8px!important;font-size:11px!important}
#page-content[data-page="report-sales-customer"] .cs-search label{font-size:11px!important}
#page-content[data-page="report-sales-customer"] .cs-table-card>.fr-expand{margin:0 0 5px auto!important;min-height:28px!important;padding:4px 9px!important;font-size:11px!important}
#page-content[data-page="report-sales-customer"] .cs-scroll{max-height:calc(100vh - 290px);min-height:260px;border-radius:8px}
#page-content[data-page="report-sales-customer"] .customer-sales table{font-size:11px!important;min-width:1320px}
#page-content[data-page="report-sales-customer"] .customer-sales :is(th,td){padding:6px 7px!important;line-height:1.25!important}
#page-content[data-page="report-sales-customer"] .customer-sales th{font-size:10.5px!important}
#page-content[data-page="report-sales-customer"] .customer-sales tbody tr{height:34px}
#page-content[data-page="report-sales-customer"] .cs-footer{padding-top:5px;font-size:12px}
#page-content[data-page="report-sales-customer"] .cs-footer button{min-height:28px!important;padding:4px 9px!important;font-size:11px!important}
}

/* HF25M · Bundle file import / versioning */
.bundle-template-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.bundle-template-actions>button{min-height:36px;padding:7px 11px;border:1px solid var(--theme-border,#d6e6de);border-radius:9px;background:#fff;color:var(--theme-accent-strong,#0f513f);font-weight:800}.bundle-template-actions>.settings-primary{background:#0f6b55;color:#fff;border-color:#0f6b55}.bundle-template-row-v2{grid-template-columns:minmax(0,1fr) auto auto}.bundle-template-main{min-width:0}.bundle-template-meta{display:flex!important;flex-wrap:wrap;gap:5px!important;margin-top:3px}.bundle-template-meta span{padding:3px 7px;border-radius:999px;background:#f2f7f5;color:#49675e;font-size:9px;font-weight:800}.bundle-template-meta b{color:#0f6b55}.bundle-row-actions{display:flex!important;gap:5px!important}.bundle-row-actions button{padding:6px 9px;border:1px solid var(--theme-border,#d6e6de);border-radius:8px;background:#fff;color:var(--theme-accent-strong,#0f513f);font-weight:800}.bundle-readonly-version{display:grid;gap:3px;padding:11px 12px;border:1px solid #c9dfd6;border-radius:11px;background:#f5fbf8}.bundle-readonly-version span,.bundle-readonly-version small{color:#647d74}.bundle-readonly-version strong{color:#0f6b55}.bundle-import-dialog{width:min(1080px,96vw);height:min(860px,94vh)}.bundle-import-dialog .bdg-body{max-height:72vh}.bundle-import-source{display:grid;gap:10px;padding:12px;border:1px solid #d5e6df;border-radius:13px;background:#f8fcfa}.bundle-import-source>label{display:grid;gap:5px;font-weight:800}.bundle-import-source input,.bundle-import-source select{min-height:38px;padding:7px 10px;border:1px solid #bed4cb;border-radius:8px;background:#fff}.bundle-import-source-grid{display:grid;grid-template-columns:1fr 1.4fr .75fr .75fr;gap:8px}.bundle-import-source-grid label{display:grid;gap:4px;font-size:10px;font-weight:800}.bundle-file-state{padding:8px 10px;border-radius:8px;background:#e9f6f0;color:#285e4d;font-size:10px;font-weight:800}.bundle-import-summary{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 8px}.bundle-import-summary span,.bundle-import-counts span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;background:#eef3f1;color:#50665f;font-size:9.5px;font-weight:800}.bundle-import-summary .is-new,.bundle-import-counts .is-new,.bundle-import-status.is-new{background:#e8f7ef;color:#197047}.bundle-import-summary .is-changed,.bundle-import-counts .is-changed,.bundle-import-status.is-changed{background:#fff4d8;color:#8c6400}.bundle-import-summary .is-linked,.bundle-import-counts .is-linked,.bundle-import-status.is-linked{background:#edf0ff;color:#4554a7}.bundle-import-summary .is-source-updated,.bundle-import-counts .is-source-updated,.bundle-import-status.is-source-updated{background:#e9f6fb;color:#24617c}.bundle-import-summary .is-same,.bundle-import-counts .is-same,.bundle-import-status.is-same{background:#eef1f3;color:#697781}.bundle-import-summary .is-missing{background:#fff0f0;color:#9e2b2b}.bundle-import-warning{margin:6px 0;padding:9px 11px;border:1px solid #f1d9a8;border-radius:9px;background:#fff9ea;color:#745a1b;font-size:10px}.bundle-import-preview{display:grid;gap:7px}.bundle-import-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px;border:1px solid #d8e5df;border-left:4px solid #9caba5;border-radius:10px;background:#fff}.bundle-import-row.is-new{border-left-color:#2f9b68}.bundle-import-row.is-changed{border-left-color:#d59c1b}.bundle-import-row.is-linked{border-left-color:#6b78c8}.bundle-import-row.is-source-updated{border-left-color:#3f91b3}.bundle-import-row.is-same{opacity:.68}.bundle-import-check{display:flex;align-items:flex-start;gap:7px;font-weight:900;color:#315d4e}.bundle-import-check input{width:17px;height:17px;accent-color:#0f6b55}.bundle-import-edit{display:grid;gap:6px;min-width:0}.bundle-import-edit>input{width:100%;min-height:36px;padding:7px 9px;border:1px solid #c8d9d2;border-radius:8px;font-weight:800}.bundle-import-edit>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.bundle-import-edit>div label{display:flex;align-items:center;gap:6px;font-size:9.5px}.bundle-import-edit input[type=number]{width:145px;min-height:32px;padding:5px 8px;border:1px solid #c8d9d2;border-radius:7px}.bundle-import-status{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900}.bundle-import-edit details{padding:6px 9px;border-radius:8px;background:#f7faf9}.bundle-import-edit details summary{cursor:pointer;color:#46675b;font-size:10px;font-weight:800}.bundle-import-edit details ul{margin:7px 0 2px;padding-left:19px;color:#526c63;font-size:10px;line-height:1.55}.bundle-import-missing{display:grid;gap:5px;margin-top:8px;padding:10px;border:1px dashed #e2bebe;border-radius:10px;background:#fffafa}.bundle-import-missing h3{margin:0 0 4px;color:#8a3636}.bundle-import-missing>div{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center}.bundle-history-dialog{width:min(820px,94vw)}.bundle-history-list{display:grid;gap:8px}.bundle-history-list article{display:grid;gap:5px;padding:11px 12px;border:1px solid #d7e5df;border-radius:11px;background:#fff}.bundle-history-list article>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bundle-history-list h3,.bundle-history-list p{margin:0}.bundle-history-list p,.bundle-history-list small{color:#627970}.bundle-history-list details{padding:7px 9px;border-radius:8px;background:#f7faf9}.bundle-history-list details summary{cursor:pointer;font-weight:800;color:#44695b}.bundle-history-list ul{margin:7px 0 0;padding-left:19px}.bundle-source-badge,.bundle-current-badge{padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900}.bundle-source-badge{background:#edf4f1;color:#536d63}.bundle-current-badge{background:#e8f7ef;color:#197047}.bundle-import-counts{display:flex!important;flex-wrap:wrap;gap:5px!important}.bundle-batch-history .bdg-body{max-height:72vh}
@media(max-width:800px){.bundle-template-actions{justify-content:flex-start}.bundle-template-row-v2{grid-template-columns:1fr auto}.bundle-row-actions{grid-column:1/-1}.bundle-import-source-grid{grid-template-columns:1fr 1fr}.bundle-import-dialog{width:96vw;height:94vh}.bundle-import-row{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:560px){.bundle-template-actions{display:grid;grid-template-columns:1fr 1fr}.bundle-template-actions>.settings-primary{grid-column:1/-1}.bundle-import-source-grid{grid-template-columns:1fr}.bundle-import-edit>div{align-items:flex-start;flex-direction:column}.bundle-import-edit input[type=number]{width:100%}}

/* HF25V optional payment display date */
.ops-payment-meta{display:grid!important;grid-template-columns:minmax(170px,240px) auto 1fr!important;align-items:end!important;gap:7px!important;margin-top:7px!important;padding:7px 8px!important;border:1px solid #dbe7e1!important;border-radius:8px!important;background:#f8fbf9!important}.ops-payment-meta label{display:grid!important;gap:3px!important;font-size:10px!important;font-weight:700!important}.ops-payment-meta input{height:32px!important;min-height:32px!important}.ops-payment-meta button{min-height:32px!important;white-space:nowrap!important}.ops-payment-meta small{align-self:center!important;color:#718595!important;font-size:9.5px!important}@media(max-width:760px){.ops-payment-meta{grid-template-columns:1fr auto!important}.ops-payment-meta small{grid-column:1/-1!important}}

/* HF25X · Merge Auto-CN / SN recut review */
.merge-reserved-card{border:1px solid rgba(24,94,72,.22);background:linear-gradient(180deg,rgba(239,250,246,.96),rgba(255,255,255,.98));}
.merge-reserved-card>h2{margin:0 0 8px;font-size:17px;}
.merge-reserved-card>p{margin:0 0 10px;color:#4d655d;}
.merge-reserved-group{padding:10px 0;border-top:1px solid rgba(24,94,72,.12);}
.merge-reserved-group:first-of-type{border-top:0;}
.merge-reserved-group header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.merge-reserved-group header strong{font-size:14px;}
.merge-reserved-group header small{color:#577168;text-align:right;}
.merge-reserved-units{display:flex;flex-wrap:wrap;gap:8px;}
.merge-reserved-unit{display:flex;align-items:center;gap:8px;min-width:210px;padding:8px 10px;border:1px solid #d7e4df;border-radius:10px;background:#fff;cursor:pointer;}
.merge-reserved-unit.is-selected{border-color:#488a72;background:#f0faf6;box-shadow:0 0 0 1px rgba(72,138,114,.12) inset;}
.merge-reserved-unit input{width:17px;height:17px;margin:0;}
.merge-reserved-unit span{display:flex;flex-direction:column;gap:2px;min-width:0;}
.merge-reserved-unit b{font-size:13px;overflow-wrap:anywhere;}
.merge-reserved-unit small{font-size:11px;color:#6b7e77;overflow-wrap:anywhere;}
@media(max-width:760px){.merge-reserved-group header{display:block}.merge-reserved-group header small{display:block;text-align:left;margin-top:3px}.merge-reserved-unit{min-width:100%;}}
/* HF26B · multi-bank payment UX */
.payment-extra-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.payment-extra-actions button{min-height:31px;padding:5px 10px;border-radius:7px;border:1px solid #b9cadd;background:#fff;color:#244353;font-size:10.5px;font-weight:700;cursor:pointer}
.payment-extra-actions [data-extra-bank]{border-color:#7db89a;background:#edf8f2;color:#0f6841}
.ops-payment-methods-compact .payment-extra-actions{margin-top:4px;justify-content:flex-start}
.ops-payment-methods-compact .payment-extra-actions [data-extra]{display:none!important}
.ops-payment-methods-compact .payment-extra-actions [data-extra-bank]{display:inline-flex!important}
.payment-settings-hero-actions{display:flex!important;grid-auto-flow:column!important;align-items:center!important;justify-content:end!important;gap:6px!important}
.payment-settings-hero-actions .settings-secondary{min-height:34px!important;height:34px!important;padding:5px 11px!important;border:1px solid #7db89a!important;border-radius:7px!important;background:#edf8f2!important;color:#0f6841!important;font-weight:700!important;cursor:pointer!important}
@media(max-width:700px){.payment-settings-hero-actions{width:100%;justify-content:stretch!important;grid-auto-flow:row!important;grid-template-columns:1fr 1fr!important}.payment-settings-hero-actions button{width:100%!important}.payment-extra-actions{display:grid;grid-template-columns:1fr}.ops-payment-methods-compact .payment-extra-actions{display:block}.ops-payment-methods-compact .payment-extra-actions [data-extra-bank]{width:100%;justify-content:center}}

/* HF26E · payment method bank-account children */
.payment-account-section{display:grid!important;gap:8px!important}.payment-account-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}.payment-account-head h3{margin:0 0 3px!important}.payment-account-head p{margin:0!important;color:var(--theme-muted,#657d8c)!important;font-size:10.5px!important}.payment-account-head .settings-secondary{white-space:nowrap!important;min-height:32px!important;padding:5px 10px!important;border:1px solid #7db89a!important;border-radius:7px!important;background:#edf8f2!important;color:#0f6841!important;font-weight:700!important;cursor:pointer!important}.payment-account-section .flow-table-wrap{max-height:235px!important;overflow:auto!important;border:1px solid var(--theme-border,#d6e6de)!important;border-radius:8px!important}.payment-account-section table{min-width:650px!important;font-size:11px!important}.payment-account-section th,.payment-account-section td{padding:6px 7px!important}.payment-account-empty{padding:16px!important;border:1px dashed var(--theme-border,#cbdbe7)!important;border-radius:8px!important;text-align:center!important;color:var(--theme-muted,#657d8c)!important;background:#fbfdfc!important}.payment-account-active{display:flex!important;align-items:center!important;gap:7px!important;margin-top:8px!important}.ops-finance-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important}

/* HF26I · payment date confirmed only after clicking Save */
.ops-payment-screen .ops-payment-summary-card{align-self:end!important}
.ops-payment-date-confirm{display:grid!important;grid-template-columns:minmax(210px,280px) auto 1fr!important;align-items:end!important;gap:8px!important;margin:12px 0!important;padding:10px!important;border:1px solid #dbe7e1!important;border-radius:10px!important;background:#f8fbf9!important}
.ops-payment-date-confirm label{display:grid!important;gap:4px!important;font-size:11px!important;font-weight:800!important}
.ops-payment-date-confirm input{height:36px!important;min-height:36px!important}
.ops-payment-date-confirm button{min-height:36px!important;white-space:nowrap!important}
.ops-payment-date-confirm small{align-self:center!important;color:#718595!important;font-size:10px!important;line-height:1.4!important}
.ops-payment-confirm-summary{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:center!important;padding:9px 10px!important;border-radius:9px!important;background:#eef8f3!important;color:#173f32!important}
.ops-payment-confirm-summary strong{font-size:13px!important}.ops-payment-confirm-summary span{font-weight:800!important}
@media(max-width:760px){.ops-payment-date-confirm{grid-template-columns:1fr auto!important}.ops-payment-date-confirm small{grid-column:1/-1!important}.ops-payment-confirm-summary{align-items:flex-start!important;flex-direction:column!important;gap:3px!important}}


/* HF26J · AR payment summary auto-fits the live payment-method panel. */
@media(min-width:901px){
  .ops-payment-screen .ops-payment-bottom{align-items:stretch!important}
  .ops-payment-screen .ops-payment-method-card{align-self:stretch!important}
  .ops-payment-screen .ops-payment-summary-card{position:relative!important;top:auto!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important}
  .ops-payment-screen .ops-payment-summary-card [data-receive]{margin-top:auto!important}
}


/* HF26O POS V1.4 layout restore + NESCEN bridge full-width */
.pos-sale>[data-nescen-bridge]{grid-column:1/-1;grid-row:1;min-width:0;padding:0 20px}
.pos-sale>[data-nescen-bridge] .nescen-bridge-bar{margin:7px 0 0!important;padding:5px 9px!important;min-height:36px}
.pos-sale>.pos-catalog{grid-column:1;grid-row:2;min-width:0}
.pos-sale>.pos-basket{grid-column:2;grid-row:2;min-width:0}
@media(max-width:700px){
  .pos-sale>[data-nescen-bridge]{padding:0 10px}
  .pos-sale>.pos-catalog,.pos-sale>.pos-basket{grid-column:auto;grid-row:auto}
}