/* 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}}
}