:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#172b4d;background:#f4f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}.topbar{height:84px;background:#fff;border-bottom:1px solid #e4eaf3;display:flex;align-items:center;padding:0 5%;gap:24px}.brand{display:flex;gap:13px;align-items:center;color:#1053a6;text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-.6px}.brand small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:3px;color:#76859c}.brandmark{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#1462bd;color:#fff;font-size:18px;letter-spacing:-1px}.badge{margin-left:auto;background:#fff3d7;color:#8a5c04;font-size:10px;letter-spacing:1.3px;font-weight:750;padding:9px 12px;border:1px solid #f2dda8;border-radius:6px}.button{border:0;border-radius:8px;background:#1765c1;color:#fff;padding:11px 20px;font-size:13px;font-weight:650}.quiet{border:1px solid #d9e3f0;background:#fff;color:#375575}.login-layout{max-width:1100px;min-height:600px;display:grid;grid-template-columns:1.1fr 1fr;margin:64px auto;box-shadow:0 20px 65px #244b7a0c;border-radius:22px;overflow:hidden;background:#fff}.welcome{padding:62px 45px;background:linear-gradient(140deg,#0c3b7b,#176dcc);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative}.welcome:after{content:"";width:220px;height:220px;border:45px solid #ffffff08;border-radius:50%;position:absolute;right:-100px;bottom:-95px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:#6d8bac}.welcome .eyebrow{color:#b7d5ff}.welcome h1{font-size:32px;line-height:1.9;margin:18px 0}.welcome p{font-size:13px;line-height:2.2;color:#d2e4fc}.welcome-foot{display:flex;gap:20px;margin-top:45px;font-size:10px;color:#b7d5ff}.login-card{padding:68px 44px;align-self:center}.lock{display:grid;place-items:center;background:#eaf2ff;color:#1765c1;border-radius:14px;width:48px;height:48px;font-size:23px}.login-card h2{font-size:23px;margin:25px 0 12px}.login-card>p{color:#72829a;font-size:12px;line-height:2}.notice{margin:25px 0 18px;background:#f4f7fc;color:#61748c;border:1px solid #e7edf5;padding:15px;border-radius:9px;font-size:12px;line-height:1.9}.notice.error{background:#fff2f0;border-color:#ffd5cf;color:#a13b2d}.small{font-size:10px!important;margin-top:35px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 84px)}aside{background:#fff;border-right:1px solid #e4eaf3;padding:28px 18px;display:flex;flex-direction:column}.profile{padding:0 12px 26px;border-bottom:1px solid #edf1f7;display:flex;align-items:flex-start;flex-direction:column;gap:7px}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:#1765c1;font-size:14px;font-weight:700;margin-bottom:7px}.profile strong{font-size:14px}.profile small{font-size:10px;overflow-wrap:anywhere;color:#8190a3}.role{background:#edf4fc;color:#1765c1;font-size:9px;padding:5px 9px;border-radius:5px;font-weight:700;margin-top:3px}nav{display:grid;gap:6px;margin-top:24px}.nav-button{border:0;background:transparent;color:#63768d;text-align:left;padding:13px 15px;border-radius:8px;font-size:12px}.nav-button.active{background:#eaf2ff;color:#1765c1;font-weight:700}.sidebar-foot{margin-top:auto;padding:45px 12px 0;color:#647a94;font-size:11px;line-height:2}.sidebar-foot span{color:#9ca9ba;font-size:9px}.content{padding:38px 40px;max-width:1500px;width:100%;margin:0 auto;align-self:start}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.page-heading h1{font-size:25px;letter-spacing:-.5px;margin:7px 0}.read-only{font-size:10px;background:#e9f7f0;color:#287d56;border:1px solid #cae9da;padding:8px 11px;border-radius:6px}.card{background:#fff;border:1px solid #e4eaf3;border-radius:13px;padding:25px;margin-bottom:22px}.card h2{font-size:16px;margin:0 0 15px}.card p,.card li{font-size:12px;line-height:2;color:#71839b}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat{background:#fff;border:1px solid #e4eaf3;border-radius:12px;padding:24px}.stat small{display:block;color:#7c8ca2;font-size:10px;margin-bottom:13px}.stat strong{font-size:28px;color:#174d8a}.permissions{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:10px;border:1px solid #dfe9f5;border-radius:6px;padding:8px 11px;color:#426485;background:#f7faff}.search-form{display:flex;gap:10px;margin-bottom:20px}.search-form input{min-width:0;flex:1;padding:11px 13px;border:1px solid #d8e2ef;border-radius:8px;font-size:12px}.table-wrap{overflow:auto;background:#fff;border:1px solid #e4eaf3;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{text-align:left;background:#f8fafd;color:#71839b;font-size:10px;font-weight:600;padding:16px}td{padding:15px 16px;border-top:1px solid #edf1f7;color:#506781}td strong{color:#254467;font-weight:600}.subtext{color:#8b9aaf;font-size:10px;margin-top:5px;white-space:normal;max-width:350px}.empty{padding:35px;text-align:center;color:#8293aa;font-size:12px}.next-page{margin:18px 0}.warning-list{padding-left:20px}.warning-list li{margin-bottom:12px}.page-error{background:#fff0ee;color:#ac4239;padding:15px;border-radius:8px;margin-bottom:20px;font-size:12px}.loading{font-size:12px;color:#7c8ca2;margin-bottom:18px}@media(max-width:850px){.login-layout{margin:30px 20px;min-height:0}.welcome{padding:38px 25px}.welcome h1{font-size:25px}.login-card{padding:40px 25px}.welcome-foot{gap:10px}.workspace{grid-template-columns:190px minmax(0,1fr)}.content{padding:28px 20px}.stats{gap:10px}.stat{padding:18px}}@media(max-width:600px){.topbar{height:72px;padding:0 18px;gap:12px}.brand{font-size:20px}.brandmark{width:36px;height:36px;font-size:14px}.badge{font-size:8px;letter-spacing:.6px;padding:7px}.quiet{font-size:10px;padding:8px}.login-layout{grid-template-columns:1fr;margin:24px 16px}.welcome{padding:25px}.welcome h1{font-size:23px;margin:8px 0}.welcome p{font-size:11px}.welcome-foot{margin-top:15px}.login-card{padding:30px 25px}.workspace{display:block}aside{padding:15px 18px;border-bottom:1px solid #e4eaf3;border-right:0}.profile{padding:0;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:5px 10px;border-bottom:0}.avatar{grid-row:span 2;width:35px;height:35px;margin:0}.profile small{grid-column:2}.role{grid-column:3;grid-row:1;margin:0}nav{display:flex;overflow:auto;gap:4px;margin-top:15px}.nav-button{white-space:nowrap;padding:10px;font-size:11px}.sidebar-foot{display:none}.content{padding:24px 16px}.page-heading{margin-bottom:20px}.page-heading h1{font-size:22px}.read-only{font-size:8px}.stats{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:23px}.stat small{font-size:9px}.card{padding:20px}}
select,textarea{font:inherit}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#426485;min-width:0}.field input,.field select,.field textarea{width:100%;min-width:0;padding:11px;border:1px solid #d8e2ef;border-radius:8px;background:#fff;color:#254467}.field textarea{min-height:85px;resize:vertical}.purchase-lines{display:grid;gap:14px;margin:24px 0 16px}.purchase-line{display:grid;grid-template-columns:minmax(150px,1fr) minmax(200px,1.5fr) 100px 140px auto;gap:12px;align-items:end;padding:18px;border:1px solid #dfe8f3;border-radius:10px;background:#f8fafd}.product-search{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.product-search .field{flex:1}.purchase-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.workflow-hint{font-size:13px;color:#426485}.warning{background:#fff7df;border-color:#ead594;color:#79621c}.status-pill{padding:6px 9px;border-radius:5px;font-size:10px;background:#fff1c9;color:#856015}.status-pill.approved{background:#dff6e8;color:#267043}.status-pill.rejected{background:#ffe4e0;color:#aa4234}.danger{background:#bb453b}.file-link{display:block;margin:6px 0;max-width:180px;white-space:normal;color:#1765c1}.approval-dialog{border:1px solid #dce6f3;border-radius:14px;padding:28px;max-width:900px;width:90%;max-height:85vh;overflow:auto;color:#254467}.approval-dialog::backdrop{background:#15305280}.approval-dialog p{font-size:12px;line-height:1.9}.card summary{cursor:pointer;font-weight:650;margin-bottom:18px}.card .search-form .field{flex:1}.card .search-form{align-items:end}@media(max-width:1150px){.purchase-line{grid-template-columns:1fr 1fr}.purchase-line>.field:nth-child(2){grid-column:2}.purchase-line>.button{justify-self:start}}@media(max-width:600px){.form-grid,.purchase-line{grid-template-columns:1fr}.purchase-line>.field:nth-child(2){grid-column:auto}.approval-dialog{padding:20px}.field input,.field select,.field textarea{font-size:16px}.purchase-toolbar .button{width:100%}}

.file-preview-dialog{width:min(1100px,94vw);max-width:94vw;max-height:94vh;border:1px solid #dce6f5;border-radius:16px;padding:20px;background:#fff;color:#203858;box-shadow:0 24px 80px #10264040}.file-preview-dialog::backdrop{background:#10264099}.file-preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.file-preview-header h2{font-size:18px;margin:0;overflow-wrap:anywhere;max-width:100%}.file-preview-header .purchase-toolbar{margin:0}.file-preview-content{display:block;width:100%;height:70vh;border:1px solid #e1e8f3;border-radius:10px;margin-top:12px;background:#f4f7fb}img.file-preview-content{object-fit:contain}.file-actions{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.file-preview-link{text-align:left;max-width:230px;overflow-wrap:anywhere;white-space:normal}.file-preview-dialog a.button{text-decoration:none;display:inline-flex;align-items:center}@media(max-width:640px){.file-preview-dialog{padding:12px}.file-preview-content{height:64vh}.file-preview-header .purchase-toolbar{gap:6px}.file-preview-header .button{padding:9px 10px}}

.file-preview-content:has(.pdf-toolbar){height:auto;background:#edf1f6;overflow:hidden}.pdf-toolbar{padding:8px 12px;margin:0!important;align-items:center}.pdf-toolbar button{background:#fff;border:1px solid #dce6f5;border-radius:8px;padding:8px 12px;color:#25456c;font:inherit;cursor:pointer}.pdf-toolbar button:disabled{opacity:.5;cursor:default}.pdf-canvas-area{height:65vh;overflow:auto;padding:12px;display:flex;align-items:flex-start;justify-content:center}.pdf-canvas-area canvas{display:block;max-width:100%;background:#fff;box-shadow:0 2px 12px #10264026}

.receiving-line{padding:20px;border:1px solid #dfe8f3;border-radius:12px;background:#f8fafd}.receipt-summary{border-top:1px solid #e4eaf3;margin-top:18px;padding-top:18px}.receiving-line textarea{min-height:100px}
.sale-line{display:grid;grid-template-columns:minmax(230px,1.5fr) 90px 150px 140px minmax(170px,1fr) auto;gap:12px;align-items:end;padding:18px;border:1px solid #dfe8f3;border-radius:12px;background:#f8fafd}.sale-line .subtext{grid-column:1/-2;margin:0}.sale-total{margin:20px 0;padding:16px;border-radius:10px;background:#eaf2ff;color:#174d8a;font-weight:700;text-align:right}.sales-receipt-dialog{max-width:820px}.sales-receipt{background:#fff;color:#172b4d;padding:34px;max-width:720px;margin:auto}.receipt-header{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:3px solid #1765c1;padding-bottom:18px}.receipt-brand{font-size:24px;font-weight:800;color:#1765c1}.receipt-title{font-size:22px;font-weight:800}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0;white-space:pre-line;font-size:12px}.receipt-meta>div:last-child{text-align:right}.receipt-table{white-space:normal}.receipt-table th,.receipt-table td{padding:12px 8px}.receipt-table th:nth-child(n+2),.receipt-table td:nth-child(n+2){text-align:right}.receipt-serial{font-size:10px;color:#63768d;margin-top:5px}.receipt-totals{display:grid;grid-template-columns:1fr auto;gap:10px 25px;margin:22px 0 0 auto;max-width:340px;border-top:1px solid #ccd8e7;padding-top:15px;text-align:right}.receipt-totals strong{border-top:2px solid #172b4d;padding-top:10px;font-size:17px}.receipt-customer{border-top:1px dashed #aebdd0;margin-top:25px;padding-top:18px;font-size:12px;line-height:1.9}.receipt-thanks{text-align:center;color:#1765c1;font-weight:700;margin-top:30px}.receipt-80mm{width:80mm;padding:7mm;font-size:10px}.receipt-80mm .receipt-title{font-size:16px}.receipt-80mm .receipt-brand{font-size:18px}.receipt-80mm .receipt-table th,.receipt-80mm .receipt-table td{padding:8px 3px}.receipt-80mm .receipt-totals{max-width:none}.receipt-80mm .receipt-header{display:block}.receipt-80mm .receipt-title{margin-top:8px}.no-print .field{min-width:130px}@media(max-width:1150px){.sale-line{grid-template-columns:1fr 1fr 1fr}.sale-line .subtext{grid-column:1/-1}}@media(max-width:600px){.sale-line{grid-template-columns:1fr}.sale-line .subtext{grid-column:auto}.sales-receipt{padding:18px}.receipt-title{font-size:17px}.receipt-brand{font-size:20px}}
@media print{body *{visibility:hidden!important}.sales-receipt,.sales-receipt *{visibility:visible!important}.sales-receipt{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0}.sales-receipt-dialog{position:static;border:0;padding:0;max-width:none;width:auto}.sales-receipt-dialog::backdrop{background:#fff}.no-print{display:none!important}}
.price-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.price-card{background:#fff;border:1px solid #e4eaf3;border-radius:12px;padding:20px}.price-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.price-grid>div{background:#f7faff;border:1px solid #e6edf6;border-radius:8px;padding:12px}.price-grid small{display:block;color:#7b8ca2;font-size:9px;margin-bottom:7px}.price-grid strong{font-size:12px;color:#244b77}.pricing-dialog{max-width:760px}.price-history{margin-top:22px;border-top:1px solid #e4eaf3;padding-top:18px}.history-row{padding:13px 0;border-bottom:1px solid #edf1f7;font-size:11px}@media(max-width:950px){.price-list{grid-template-columns:1fr}}@media(max-width:600px){.price-grid{grid-template-columns:1fr}.price-card-heading{display:block}.price-card-heading .status-pill{display:inline-block;margin-top:10px}}

/* Any Keys branding shared by the portal and every printable sales receipt. */
.brand{display:flex;align-items:center;text-decoration:none}
.brand-logo{display:block;width:62px;height:62px;object-fit:contain;object-position:center}
.brand-copy{color:#1053a6;font-size:25px;font-weight:750;letter-spacing:-.6px;line-height:1}
.brand-copy small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:6px;color:#76859c}
.receipt-logo{display:block;width:100px;height:100px;object-fit:contain;object-position:center}
.receipt-80mm .receipt-logo{width:28mm;height:28mm}
@media(max-width:600px){.brand-logo{width:48px;height:48px}.brand-copy{font-size:19px}.brand-copy small{font-size:8px;letter-spacing:1.2px}.receipt-logo{width:82px;height:82px}}
.status-pill.voided{background:#ffe4e0;color:#aa4234}.sale-history-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.receipt-void{margin:18px 0 0;padding:11px;border:2px solid #bd2f27;color:#a42620;background:#fff1ef;text-align:center;font-size:15px;font-weight:800;letter-spacing:1px}.sales-receipt:has(.receipt-void){border:2px solid #d8675f}.sales-receipt:has(.receipt-void) .receipt-thanks{color:#a42620}
.status-pill.partial{background:#fff1c9;color:#856015}.status-pill.returned{background:#e8eef7;color:#405b7c}.receipt-return{margin:18px 0 0;padding:11px;border:2px solid #d3a62b;color:#75560d;background:#fff8df;text-align:center;font-size:15px;font-weight:800;letter-spacing:1px}.receipt-serial.returned{color:#9b5b19}.receipt-returns{border-top:1px dashed #aebdd0;margin-top:24px;padding-top:16px}.receipt-returns h3{margin:0 0 12px}.receipt-returns p{font-size:10px;line-height:1.7;white-space:pre-line;margin:5px 0 12px}.return-dialog{max-width:780px}.return-lines{display:grid;gap:12px;margin:18px 0}.return-line{border:1px solid #dfe8f3;border-radius:10px;padding:16px;background:#f8fafd}.return-line>strong{display:block;margin-bottom:5px}.return-serial{display:flex;align-items:center;gap:9px;margin:8px 0;font-size:12px}.return-serial input{width:18px;height:18px}.return-estimate{display:block;background:#eaf2ff;color:#174d8a;border-radius:8px;padding:14px;margin-top:14px}
.signature-panel{margin:20px 0;padding:18px;border:1px solid #dce6f3;border-radius:12px;background:#f8fafd}.signature-panel h4{margin:0 0 6px}.signature-help{margin:0 0 12px!important;color:#62758d}.signature-canvas{display:block;width:100%;height:180px;background:#fff;border:1px dashed #8ea4bd;border-radius:9px;touch-action:none;margin-bottom:12px}.signature-panel .field{margin-top:14px}@media(max-width:600px){.signature-canvas{height:150px}}

.staff-check{display:flex;align-items:center;gap:.65rem;padding:.55rem 0}.staff-check input{width:auto;min-width:18px;min-height:18px}.staff-grants{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1rem 0}.staff-grants fieldset{border:1px solid #d9e4ef;border-radius:12px;padding:1rem}.staff-grants legend{font-weight:700}

.pin-login{margin-top:1.5rem;border-top:1px solid #d9e4ef;padding-top:1rem}.pin-login form{display:grid;gap:.75rem}.pin-login .notice:empty{display:none}

/* COD: courier receivables remain distinct from collected in-store sales. */
.cod-card{border:1px solid #dfe8f3;border-left:4px solid #c38a19;border-radius:12px;padding:20px;margin:16px 0;background:#fff}.cod-card.overdue{border-left-color:#c53737;background:#fff8f7}.cod-fields{margin:18px 0;padding:20px;background:#fff8e8;border-radius:12px}.cod-fields[hidden]{display:none}.cod-detail{width:min(800px,94vw)}.cod-address{white-space:pre-line;overflow-wrap:anywhere}.cod-collect{padding:16px;border:2px solid #172b4d;font-size:24px;font-weight:800;margin:18px 0}.cod-check{display:flex;gap:12px;align-items:flex-start;padding:16px;background:#fff5df;border-radius:10px;margin:16px 0}.cod-check input{width:22px;min-width:22px;height:22px}.cod-slip{font-size:14px}.cod-slip h2{margin:12px 0;font-size:23px}.cod-slip .receipt-header{align-items:center;gap:15px}.cod-slip .receipt-header strong{text-align:right;font-size:16px}
@media print{.cod-slip{width:148mm;max-width:148mm;padding:10mm;box-sizing:border-box}.cod-slip .cod-collect{font-size:22px}.cod-slip .receipt-header{break-inside:avoid}}

/* Product Master: description entry and customer receipt preview */
.product-dialog{width:min(1000px,calc(100vw - 28px));max-height:90dvh;overflow:auto}.product-editor-row{padding:20px;border:1px solid #dce5f2;border-radius:14px;margin:14px 0;background:#fbfdff}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-wide{grid-column:1/-1}.product-form-grid textarea{resize:vertical;min-height:85px}.product-receipt-preview{background:#fff;border:1px solid #dce5f2;border-left:4px solid #1764bd;padding:16px;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.product-receipt-preview>div{margin-top:5px}.product-full-specs{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7fc;padding:16px;border-radius:12px}.product-detail-grid{display:grid;grid-template-columns:150px 1fr;gap:10px}.product-detail-grid dt{font-weight:600}.product-detail-grid dd{margin:0;overflow-wrap:anywhere}.product-short-specs{max-width:450px;color:#546582;font-size:.88rem;white-space:pre-wrap}.receipt-specs{font-size:.88em;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px}@media(max-width:650px){.product-form-grid{grid-template-columns:1fr}.product-dialog{padding:16px}.product-editor-row{padding:12px}.product-detail-grid{grid-template-columns:110px 1fr}}

/* Permission-scoped operational dashboard */
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 28px;margin-bottom:20px;color:#fff;background:linear-gradient(125deg,#103a78,#1766b6);border-radius:18px}.dashboard-hero h2{font-size:1.65rem;margin:4px 0 10px;color:#fff}.dashboard-hero .eyebrow,.dashboard-hero small{color:#cee3ff}.dashboard-hero .button{background:#fff;color:#17477f;border-color:#fff;white-space:nowrap}.dashboard-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;background:#fff;border:1px solid #dce5f2;border-radius:14px}.dashboard-filters .field{flex:1;min-width:155px;margin:0}.dashboard-help{color:#62748e;font-size:.86rem;line-height:1.7;margin:12px 0 20px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;margin:22px 0}.dashboard-stat{display:flex;flex-direction:column;gap:10px;padding:22px;background:#fff;border:1px solid #dbe5f3;border-top:4px solid #2574c5;border-radius:14px;text-decoration:none;color:#16345c;box-shadow:0 4px 12px #163b6c06;overflow-wrap:anywhere}.dashboard-stat strong{font-size:1.6rem;line-height:1.5;color:#123e77}.dashboard-stat small{color:#61738b;line-height:1.6}.dashboard-stat-label{font-weight:600;font-size:.93rem}.dashboard-stat.urgent{border-top-color:#de8b22;background:#fffaf2}.dashboard-stat.urgent strong{color:#9a5a08}a.dashboard-stat:hover{border-color:#3880ce;box-shadow:0 6px 18px #123e7714}.dashboard-quick{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 26px}.dashboard-quick>strong{margin-right:8px}.dashboard-panel{scroll-margin-top:24px;margin-bottom:22px}.dashboard-panel h2{font-size:1.15rem;margin-top:0}.dashboard-panel table .button{white-space:nowrap}.dashboard-panel>.button{margin-top:15px}.dashboard-secondary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:22px}.dashboard-secondary-stats .dashboard-stat{padding:16px;box-shadow:none}.dashboard-secondary-stats .dashboard-stat strong{font-size:1.3rem}.dashboard-empty{padding:22px;text-align:center;color:#6a7c94;background:#f7faff;border-radius:10px}.dashboard-stock-controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:20px 0}.dashboard-stock-controls .field{margin:0;min-width:160px;flex:1}.dashboard [id^='dashboard-']{scroll-margin-top:20px}@media(max-width:650px){.dashboard-hero{padding:20px;align-items:start}.dashboard-hero h2{font-size:1.25rem}.dashboard-hero>button{padding:10px}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-stat{padding:14px}.dashboard-stat strong{font-size:1.2rem}.dashboard-stat-label{font-size:.83rem}.dashboard-filters{padding:14px}.dashboard-filters .field{min-width:130px}.dashboard-secondary-stats{grid-template-columns:1fr}.dashboard-quick .button{font-size:.85rem}}

/* Keep branding and owner tools discoverable across Google and PIN sessions. */
.topbar{position:sticky;top:0;z-index:30;min-height:84px;height:auto;padding-top:12px;padding-bottom:12px;background:#fff;flex-wrap:wrap}.brand{flex-shrink:0}.brand-logo{max-width:62px;max-height:62px;object-fit:contain}.notice:empty{display:none}.table-export-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin:12px 0}.table-export-tools small{color:#63768d;font-size:11px}.profile #staffAuth{font-size:10px;color:#476d97}@media(max-width:650px){.topbar{gap:10px;padding-left:16px;padding-right:16px}.brand-logo{max-width:48px;max-height:48px}.brand-copy{font-size:19px}.table-export-tools{justify-content:flex-start}}@media print{.table-export-tools{display:none!important}}

/* v0.19.2: clear page actions and compact, aligned controls. */
.page-heading{align-items:center;gap:18px;flex-wrap:wrap}.page-heading-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.page-export-control{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.page-export-control small{font-size:10px;color:#647993}.page-export-control .button{min-width:120px}.content{min-width:0}.card{border-radius:14px}.card h2{line-height:1.6}.purchase-toolbar{align-items:center;gap:10px;flex-wrap:wrap}input[type=checkbox],input[type=radio]{width:18px!important;height:18px!important;min-width:18px;min-height:18px;max-width:18px;padding:0!important;margin:0 8px 0 0;vertical-align:middle;accent-color:#1765c1}label:has(>input[type=checkbox]),label:has(>input[type=radio]){display:flex;align-items:flex-start;gap:10px;line-height:1.7;text-align:left}label:has(>input[type=checkbox])>input,label:has(>input[type=radio])>input{flex:0 0 18px;margin-top:3px}td:has(>input[type=checkbox]){width:48px;text-align:center}table td{vertical-align:top}details>summary{cursor:pointer;padding:12px 0;font-weight:650}select,textarea{font:inherit}.notice{overflow-wrap:anywhere}.brand-copy{font-size:24px}.brand-copy small{letter-spacing:1.4px}.page-heading h1{line-height:1.4}.table-export-tools{padding:9px 12px;background:#f8faff;border:1px solid #e6edf7;border-radius:10px}@media(max-width:650px){.page-heading-actions{width:100%;justify-content:space-between}.page-export-control{align-items:flex-start}.content{padding:20px 14px}.page-heading h1{font-size:24px}.card{padding:17px}.topbar .brand-copy{font-size:20px}}

/* Finance review keeps original evidence separate from report values. */
.finance-filters,.finance-tabs,.finance-share-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:16px 0}.finance-filters .field{flex:1;min-width:150px}.finance-tabs .active{background:#1764c0;color:white}.finance-share-row>.field{flex:1;min-width:120px}.finance-editor{border:2px solid #508ede}.finance-editor>.field{display:flex;flex-direction:column;gap:6px;margin:12px 0}.finance-editor input,.finance-editor select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px}.finance-intro{border-left:4px solid #1764c0}

.service-sale-line{border-left:4px solid #187c80;background:#f1fbfa}.service-sale-line .subtext{color:#116466}
/* Sales documents: blue/white branding, clear collection instructions. */
.receipt-header{align-items:center;gap:22px;padding-bottom:18px;border-bottom:3px solid #1765c1}.receipt-identity{display:flex;align-items:center;gap:12px;min-width:0}.receipt-identity .receipt-logo{width:82px;height:82px;flex-shrink:0}.receipt-shop-type{display:block;font-size:14px;letter-spacing:1.5px;color:#153e72}.receipt-shop-phone{font-size:9px;color:#50657e;margin-top:8px}.receipt-document{text-align:right}.receipt-document .receipt-title{font-size:20px;letter-spacing:1px}.receipt-payment-badge{display:inline-block;font-size:10px;font-weight:700;border:1px solid #b4d4cc;color:#176454;background:#f1faf7;border-radius:5px;padding:5px 9px;margin-top:8px}.receipt-meta{background:#f6f9fd;border:1px solid #e2eaf3;padding:12px 14px;border-radius:8px}.receipt-table{width:100%;border-collapse:collapse;table-layout:auto}.receipt-table th{background:#edf4fd;color:#234e7e;font-size:10px;font-weight:700}.receipt-table td{border-bottom:1px solid #e5ecf4;padding-top:13px;padding-bottom:13px}.receipt-table td:first-child{width:60%;overflow-wrap:anywhere}.receipt-totals strong{color:#123f75}.receipt-customer{display:grid;grid-template-columns:1fr;gap:3px}.receipt-80mm .receipt-identity{display:block}.receipt-80mm .receipt-document{text-align:left}.receipt-80mm .receipt-shop-type{font-size:11px}.receipt-80mm .receipt-identity .receipt-logo{width:22mm;height:22mm}.receipt-80mm .receipt-shop-phone{font-size:8px}.receipt-80mm .receipt-meta{padding:8px}.receipt-80mm .receipt-document .receipt-title{font-size:15px}.parcel-recipient{margin:20px 0;padding:18px;border:1px solid #cddbeb;border-left:4px solid #1765c1;border-radius:7px}.parcel-recipient small,.parcel-contents small{font-size:9px;letter-spacing:1.5px;color:#5a6c81}.parcel-phone{font-size:24px;font-weight:800;letter-spacing:.4px}.parcel-recipient h2{margin:7px 0}.parcel-reference{font-size:10px;color:#465d78;overflow-wrap:anywhere}.parcel-paid{color:#16624c;border-color:#167356;background:#f3fbf7}.parcel-contents{border-top:1px solid #dce6f2;padding-top:12px;margin-top:18px}.parcel-sender{white-space:pre-line;font-size:10px;line-height:1.7;border-top:1px solid #dce6f2;padding-top:14px;margin-top:20px}.receipt-workspace-note{font-size:8px;color:#6c7c8e;margin-top:16px}.table-export-tools{padding:0;border:0;background:transparent;gap:0;margin:8px 0}.table-export-tools .button{padding:6px 12px;font-size:11px}.sales-receipt .table-export-tools,.cod-slip .table-export-tools{display:none!important}
@media(max-width:600px){.receipt-identity{gap:6px}.receipt-shop-type{font-size:10px;letter-spacing:.7px}.receipt-identity .receipt-logo{width:60px;height:60px}.receipt-shop-phone{font-size:8px}.receipt-document .receipt-title{font-size:15px}.receipt-header{gap:10px}.cod-slip .receipt-document .receipt-title{font-size:14px}}
@media print{.receipt-meta{background:#fff}.receipt-table thead{display:table-header-group}.receipt-table tr{break-inside:avoid}.receipt-header,.receipt-totals,.receipt-customer,.parcel-recipient,.cod-collect,.parcel-sender{break-inside:avoid}.sales-receipt{overflow:visible}.table-export-tools{display:none!important}.receipt-80mm{width:80mm!important;max-width:80mm!important;box-sizing:border-box}.parcel-paper .receipt-header{align-items:center}}

@media print{.sales-receipt-dialog{max-height:none!important;height:auto;overflow:visible!important}}

.export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.export-card{margin-bottom:0;display:flex;flex-direction:column;min-height:190px}.export-card .purchase-toolbar{margin-top:auto}@media(max-width:760px){.export-grid{grid-template-columns:1fr}.export-card{min-height:0}}


/* v0.25 — shared workspace system. Printable documents keep their own geometry. */
@font-face{font-family:AK Myanmar;src:url('/fonts/NotoSansMyanmar-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:AK Myanmar;src:url('/fonts/NotoSansMyanmar-Semibold.woff') format('woff');font-weight:500 800;font-display:swap}
@font-face{font-family:AK Sans;src:url('/fonts/NotoSans-Regular.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:AK Sans;src:url('/fonts/NotoSans-Bold.woff') format('woff');font-weight:500 800;font-display:swap}
:root{--ink:#172b46;--muted:#596b82;--line:#dce5ef;--surface:#fff;--canvas:#f3f6fb;--brand:#175ec8;--accent:#175ec8;--accent-soft:#edf4ff;--success:#087b57;--warning:#956009;--payment:#7041b7;--danger:#b72f42;--radius:14px;font-family:'AK Sans','AK Myanmar','Myanmar Text',system-ui,sans-serif;font-size:14px;line-height:1.7;color:var(--ink);background:var(--canvas);font-synthesis:none}
body,button,input,select,textarea{font-family:inherit}button,input,select,textarea{font-size:14px}body{line-height:1.8}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{color:var(--ink);line-height:1.65}a{color:var(--brand)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #70a7f5;outline-offset:3px}button{transition:background .15s,border-color .15s,box-shadow .15s}button:disabled,a.button[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none}input,select,textarea{color:var(--ink)}
.topbar{min-height:76px;padding:8px 28px;gap:18px;box-shadow:0 1px 8px #17355406;z-index:35}.brand-logo{width:56px;height:56px;max-width:56px;max-height:56px}.brand-copy{font-size:22px;letter-spacing:-.5px}.brand-copy small{font-size:9px;letter-spacing:1.3px}.badge{font-size:10px;letter-spacing:.8px;padding:6px 11px;border-radius:6px}.workspace{grid-template-columns:244px minmax(0,1fr);min-height:calc(100dvh - 76px)}aside{padding:24px 14px;background:#fff}.profile{padding:0 12px 20px;gap:5px}.profile strong{font-size:14px}.profile small,.profile #staffAuth{font-size:11px;color:var(--muted)}.avatar{width:42px;height:42px;border-radius:14px;background:#edf4ff;color:var(--brand)}.role{font-size:10px;letter-spacing:.5px;border-radius:6px;padding:3px 8px}.sidebar-foot{font-size:11px;color:var(--muted);padding:28px 12px 0}.sidebar-foot span{font-size:10px;color:var(--muted)}nav{margin-top:18px;gap:4px}.nav-button{position:relative;display:flex;align-items:center;gap:11px;min-height:44px;padding:10px 12px;font-size:12px;font-weight:500;border:1px solid transparent;border-radius:9px;color:#50637c;line-height:1.5}.nav-button:before{content:attr(data-icon);display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;font-family:system-ui,sans-serif;font-size:14px;color:#7289a7}.nav-button:hover{background:#f5f8fd;border-color:#e7edf6}.nav-button.active{background:var(--accent-soft);border-color:#d9e6fc;color:var(--accent);font-weight:700}.nav-button.active:before{color:var(--accent)}.content{padding:30px 32px 56px;max-width:1600px;min-width:0}.page-heading{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line);align-items:center;gap:16px}.page-heading h1{font-size:26px;letter-spacing:-.6px;line-height:1.5;margin:5px 0}.eyebrow{font-size:10px;letter-spacing:1.8px}.read-only{font-size:11px;line-height:1.5;padding:7px 11px;background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.page-heading-actions{gap:12px}.page-export-control small{font-size:10px;color:var(--muted)}
.button,a.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;min-height:44px;padding:10px 17px;border:1px solid transparent;border-radius:9px;background:var(--brand);color:#fff;font-size:13px;font-weight:600;line-height:1.65;text-decoration:none;text-align:center;white-space:normal;max-width:100%;box-shadow:0 1px 2px #172b4610}.button:hover{background:#124fae;box-shadow:0 3px 8px #154da51a}.button.quiet,.button[data-tone=secondary]{background:#fff;color:#425d7d;border-color:#cfdbe9;box-shadow:none}.button.quiet:hover{background:#f2f6fc;border-color:#aabfd9}.button.danger,.button[data-tone=danger]{background:#b72f42;color:#fff;border-color:#b72f42}.button.danger:hover{background:#952337}.button[data-tone=success]{background:#087b57;border-color:#087b57;color:#fff}.button[data-tone=success]:hover{background:#066244}.button[data-tone=payment]{background:#7041b7;border-color:#7041b7;color:#fff}.button[data-tone=payment]:hover{background:#58308f}.button[data-tone=dispatch]{background:#087d8b;border-color:#087d8b;color:#fff}.button[data-tone=dispatch]:hover{background:#066773}.button[data-tone=warning]{background:#fff7e7;border-color:#e1bd6c;color:#82530a}.button[data-tone=warning]:hover{background:#ffefd0}.purchase-toolbar,.dashboard-quick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0}.purchase-toolbar .field{flex:1 1 180px;max-width:320px}.purchase-toolbar>.button{flex:0 1 auto}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}.button-row:empty{display:none}.button-row>.button{flex:0 1 auto}.purchase-toolbar .button-row{margin:0}.button-row+.button-row{margin-top:10px}.button-row:not(:has(.button)){display:contents}.field+.button{align-self:end}
.card,.price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:0 3px 16px #193b6504;min-width:0}.card h2{font-size:17px;margin:0 0 18px;line-height:1.65}.card h3,.approval-dialog h3{font-size:15px;margin:22px 0 12px}.card p,.card li,.approval-dialog p{font-size:13px;line-height:1.9;color:var(--muted)}.card>.button{margin:4px 8px 4px 0}.card>p{margin:10px 0}.card summary{font-size:14px;color:var(--ink)}.form-grid,.product-form-grid{gap:20px;align-items:start}.field{font-size:12px;line-height:1.8;font-weight:500;color:#425977;gap:7px;min-width:0}.field>span{min-height:22px}.field input,.field select,.field textarea,.search-form input,.finance-editor input,.finance-editor select{min-height:46px;padding:10px 12px;border:1px solid #ccd8e7;border-radius:9px;background:#fff;color:var(--ink);font-size:14px;line-height:1.7;box-shadow:0 1px 2px #172b4603}.field input:hover,.field select:hover,.field textarea:hover{border-color:#9fb6d1}.field input:focus,.field select:focus,.field textarea:focus{border-color:#3c7bd3;box-shadow:0 0 0 3px #347ce414;outline:0}.field textarea{min-height:112px;resize:vertical}.field input:read-only:not([type=checkbox]),.field input:disabled,.field select:disabled,.field textarea:disabled{background:#f1f5fa;color:#62768f}.field select[multiple]{min-height:150px;padding:8px}.field select[multiple] option{padding:6px;border-radius:5px}.field input[type=file]{font-size:12px;padding:7px}.field input[type=file]::file-selector-button{border:0;background:#edf3fb;color:#265c9f;border-radius:6px;padding:7px 10px;margin-right:12px;font:inherit;font-weight:600}.field input::placeholder,.field textarea::placeholder{color:#8a9bb0;font-weight:400}.field:has(>textarea){grid-column:1/-1}.field:has(>input[type=checkbox]),.field:has(>input[type=radio]){flex-direction:row;align-items:center;gap:10px;min-height:44px}.field:has(>input[type=checkbox])>span{min-height:0}.field input[type=checkbox],.field input[type=radio]{box-shadow:none;min-height:18px}.staff-check{line-height:1.8;font-size:12px;align-items:flex-start;padding:9px 0}.staff-check input{margin-top:4px}.staff-grants{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.staff-grants fieldset{background:#fbfdff;border-color:var(--line);border-radius:12px;padding:16px}.staff-grants legend{font-size:13px;color:#214e83;padding:0 7px}.search-form{align-items:end;gap:12px;flex-wrap:wrap}.search-form>input{flex:1 1 240px}.product-search .field{flex:1 1 190px}.finance-editor{border:1px solid #8fb3e5;border-left:4px solid var(--brand)}
.purchase-lines{gap:16px;margin:24px 0 18px}.purchase-line,.receiving-line,.sale-line,.product-editor-row,.return-line{padding:20px;border:1px solid var(--line);border-radius:12px;background:#f8fafd}.purchase-line{grid-template-columns:minmax(190px,1fr) minmax(200px,1.4fr) 100px 140px auto;gap:16px;align-items:end}.sale-line{grid-template-columns:minmax(210px,1.5fr) 90px 140px 130px minmax(170px,1fr) auto;gap:16px;align-items:end}.service-sale-line{border-left:4px solid #168a83;background:#f0faf8}.sale-line .field:has(>textarea){grid-column:auto}.sale-total{background:#edf4ff;border:1px solid #ccdff9;border-radius:12px;padding:18px 20px;font-size:17px;line-height:1.8}.receipt-summary{padding:20px 0;border-top:1px solid #e5ebf3;margin-top:10px;min-width:0}.receipt-summary>strong{display:inline-block;font-size:14px;line-height:1.8;color:var(--ink);margin-right:10px}.receipt-summary>.button{margin:8px 8px 2px 0}.receipt-summary p{margin:8px 0;overflow-wrap:anywhere}.subtext,.card .subtext{font-size:11px;color:#62758e;line-height:1.8;overflow-wrap:anywhere}.workflow-hint{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:var(--accent-soft);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:11px;padding:14px 18px;font-size:13px;color:var(--accent);line-height:2;margin:0 0 18px}.workflow-step{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.workflow-step:before{content:attr(data-step);display:grid;place-items:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%;font:600 10px 'AK Sans',sans-serif;opacity:.85}.workflow-arrow{color:#8394a9;font-size:14px}.workflow-step[data-tone=success]{color:var(--success)}.workflow-step[data-tone=payment]{color:var(--payment)}.workflow-step[data-tone=dispatch]{color:#087d8b}.workflow-step[data-tone=warning]{color:var(--warning)}.notice{font-size:12px;line-height:1.9;padding:14px 16px;margin:16px 0;border-radius:10px;background:#f4f7fb;border-color:#e0e8f2;color:#546a85}.notice.warning,.warning{background:#fff8e9;border-color:#ead39c;color:#825a16}.notice.error,.page-error{background:#fff0f2;border-color:#efbec5;color:#a02b3d}.page-error{font-size:13px;padding:16px}.notice:empty{display:none}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;min-height:27px;border:1px solid #dfd0aa;border-radius:6px;background:#fff7e7;color:#82530a;font-size:10px;font-weight:700;line-height:1.8;vertical-align:middle;white-space:normal}.status-pill[data-tone=success],.status-pill.approved,.status-pill.verified,.status-pill.completed{background:#eaf7f0;border-color:#b7decc;color:#08714e}.status-pill[data-tone=danger],.status-pill.rejected,.status-pill.cancelled,.status-pill.voided{background:#fff0f2;border-color:#edbec5;color:#a62c3e}.status-pill[data-tone=neutral],.status-pill.draft,.status-pill.returned{background:#f0f3f8;border-color:#d6dfeb;color:#556981}.status-pill[data-tone=dispatch],.status-pill.dispatched{background:#e9f7f9;border-color:#a9d8df;color:#087482}.status-pill[data-tone=payment],.status-pill.funded{background:#f3edfb;border-color:#d5c3ee;color:#69409e}.status-pill[data-tone=warning]{background:#fff7e7;border-color:#e5c782;color:#82530a}
.table-wrap{border-color:var(--line);border-radius:12px;max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}.content table:not(.receipt-table),.approval-dialog table:not(.receipt-table){font-size:12px;line-height:1.8}.content table:not(.receipt-table) th,.approval-dialog table:not(.receipt-table) th{padding:14px 16px;font-size:11px;font-weight:600;background:#f4f7fb;color:#526a87;border-bottom:1px solid var(--line)}.content table:not(.receipt-table) td,.approval-dialog table:not(.receipt-table) td{padding:15px 16px;color:#425b79;vertical-align:middle;border-color:#e6ecf4}.content table:not(.receipt-table) tbody tr:hover{background:#f9fbff}.content td .button{min-height:36px;font-size:11px;padding:7px 12px}.content td .subtext{max-width:300px}.content table:not(.receipt-table) th{position:sticky;top:0;z-index:1}.table-export-tools .button{min-height:36px;font-size:11px;padding:6px 12px}.empty,.dashboard-empty{font-size:13px;line-height:1.9;padding:30px}.stat small{font-size:11px}.stat strong{font-size:28px;font-variant-numeric:tabular-nums}.dashboard-stat strong,.price-grid strong{font-variant-numeric:tabular-nums}.price-grid small{font-size:10px;color:var(--muted)}.price-grid strong{font-size:14px}.dashboard-stat{border-color:var(--line);box-shadow:0 3px 16px #193b6504}.dashboard-hero{background:linear-gradient(115deg,#12375e,#175d9c);border-radius:16px;padding:28px}.dashboard-hero h2{font-size:24px;color:#fff}.dashboard-hero p{color:#deebfa;font-size:13px}.dashboard-hero .button{border-color:#d5e6fc;background:#fff;color:#164e89}.dashboard-filters{padding:20px;border-color:var(--line);gap:16px}.dashboard-stat-label{font-size:13px}.dashboard-stat small{font-size:11px}.dashboard-help{font-size:12px}.dashboard-quick .button{min-height:42px}.dashboard-panel h2{font-size:17px}.dashboard-stats{gap:16px}.finance-tabs{gap:8px;padding:5px;background:#eaf0f8;border-radius:11px;align-items:stretch}.finance-tabs .button{background:transparent;border:0;box-shadow:none;color:#4a6381}.finance-tabs .active{background:#fff;color:var(--brand);box-shadow:0 1px 4px #193b6514}.cod-card{padding:22px;border-color:var(--line);border-left:4px solid #d69a32;background:#fff}.cod-card.overdue{border-left-color:#c23b4e;background:#fff8f9}.cod-fields{border:1px solid #e6cf9b;background:#fff9ec;padding:20px}.product-receipt-preview{line-height:2}.product-detail-grid{font-size:13px}.signature-panel{background:#f7f9fc;border-color:var(--line)}.export-card{min-height:200px}.export-card h2{margin-bottom:8px}.export-card .purchase-toolbar{margin-bottom:0}
.approval-dialog,.file-preview-dialog{border:1px solid #d3dfee;border-radius:16px;padding:28px;width:min(960px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 28px 100px #0c254740}.approval-dialog::backdrop,.file-preview-dialog::backdrop{background:#102c4f80;backdrop-filter:blur(3px)}.approval-dialog>h2,.approval-dialog>div>h2{font-size:20px;line-height:1.7;margin:0 0 16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.approval-dialog .card{padding:20px;box-shadow:none}.product-dialog{width:min(1100px,calc(100vw - 40px))}.file-preview-header h2{font-size:18px}.pdf-toolbar button{min-height:38px;font-size:12px}.file-actions{gap:8px}.file-preview-link{max-width:260px;font-size:11px}.login-layout{margin:44px auto;border:1px solid var(--line);box-shadow:0 18px 70px #183a7010}.login-card{padding:40px}.login-card h2{font-size:24px}.login-card>p{font-size:13px}.login-card .small{font-size:11px!important}.welcome{background:linear-gradient(140deg,#10375e,#1c65a9)}.welcome h1{font-size:34px;line-height:1.9}.pin-login h3{font-size:15px}.pin-login .button{width:100%}.small{font-size:11px!important}.ui-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:10px;color:var(--muted);margin:0 0 20px}.ui-legend span{display:inline-flex;gap:6px;align-items:center}.ui-legend i{width:7px;height:7px;border-radius:50%;background:var(--legend-color);flex:none}
@media(min-width:901px){aside{position:sticky;top:76px;height:calc(100dvh - 76px);overflow:auto;align-self:start;scrollbar-width:thin}.content{min-height:calc(100dvh - 76px)}}
@media(max-width:1250px){.content{padding:26px 24px 48px}.workspace{grid-template-columns:218px minmax(0,1fr)}.purchase-line,.sale-line{grid-template-columns:repeat(2,minmax(0,1fr))}.sale-line .subtext{grid-column:1/-1}.purchase-line>.field:nth-child(2){grid-column:auto}.purchase-line>.button,.sale-line>.button{justify-self:start}.page-heading h1{font-size:24px}}
@media(max-width:900px){.workspace{display:block}aside{padding:15px 20px;border-right:0;border-bottom:1px solid var(--line)}.profile{display:grid;grid-template-columns:40px 1fr auto;gap:2px 12px;padding:0;border-bottom:0}.avatar{grid-row:1/4;margin:0;width:40px;height:40px}.profile small{grid-column:2}.role{grid-column:3;grid-row:1}.profile #staffAuth{grid-column:3;grid-row:2}nav{display:flex;overflow-x:auto;gap:6px;margin-top:15px;padding-bottom:5px;scrollbar-width:thin}.nav-button{flex:0 0 auto;white-space:nowrap;padding:9px 12px;min-height:42px}.nav-button:before{width:18px;flex-basis:18px}.sidebar-foot{display:none}.content{padding:24px}.login-layout{margin:28px 20px}.welcome{padding:30px}.login-card{padding:30px}}
@media(max-width:600px){.topbar{padding:8px 14px;min-height:70px;gap:8px;flex-wrap:nowrap}.brand{gap:7px}.brand-logo{width:44px;height:44px;max-width:44px;max-height:44px}.brand-copy{font-size:17px!important}.brand-copy small{font-size:7px;letter-spacing:.5px}.badge{font-size:8px;letter-spacing:.3px;padding:5px 7px}.topbar>.button{min-height:38px;padding:7px 10px;font-size:11px}.content{padding:22px 14px 40px}.page-heading{gap:12px;padding-bottom:18px;margin-bottom:20px}.page-heading h1{font-size:24px}.page-heading-actions{gap:10px;align-items:center}.page-export-control .button{min-width:90px;min-height:38px;font-size:11px}.page-export-control small{max-width:190px}.card,.price-card{padding:18px;margin-bottom:16px}.card h2{font-size:16px}.form-grid,.product-form-grid,.purchase-line,.sale-line{grid-template-columns:1fr;gap:16px}.sale-line .field:has(>textarea){grid-column:auto}.field input,.field select,.field textarea,.search-form input{font-size:16px;min-height:48px}.field{font-size:12px}.purchase-line,.receiving-line,.sale-line,.product-editor-row{padding:16px}.purchase-line>.field:nth-child(2){grid-column:auto}.button,a.button{min-height:44px;font-size:12px;padding:10px 14px}.purchase-toolbar>.button,.button-row>.button{flex:1 1 140px;width:auto}.purchase-toolbar .field{max-width:none;flex-basis:100%}.button-row{gap:8px}.approval-dialog,.file-preview-dialog{padding:18px;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:94dvh;border-radius:13px}.approval-dialog>h2,.approval-dialog>div>h2{font-size:18px}.dashboard-hero{padding:20px;flex-wrap:wrap}.dashboard-hero h2{font-size:20px}.dashboard-stat{padding:16px}.dashboard-stat-label{font-size:12px}.dashboard-stat strong{font-size:20px}.dashboard-stats{gap:10px}.dashboard-quick .button{flex:1 1 140px}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.price-grid>div{padding:9px}.price-grid strong{font-size:12px}.price-grid small{font-size:9px}.login-layout{margin:20px 14px}.welcome h1{font-size:27px}.login-card{padding:26px 22px}.staff-grants{grid-template-columns:1fr}.product-detail-grid{grid-template-columns:105px 1fr}.receipt-summary>strong{font-size:13px}.receipt-summary>.button{min-width:110px}.ui-legend{gap:10px;font-size:9px}.read-only{font-size:10px}aside{padding:14px}.content td .button{min-height:40px}.content table:not(.receipt-table){font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.ui-legend,.button-row,.workflow-hint{display:none!important}.topbar,aside{display:none!important}.sales-receipt,.sales-receipt *{font-family:'AK Sans','AK Myanmar','Myanmar Text',sans-serif}.sales-receipt-dialog{width:auto!important;max-width:none!important;border:0!important;padding:0!important;box-shadow:none!important;overflow:visible!important;max-height:none!important}.sales-receipt .receipt-table th{position:static!important;background:#edf4fd}.sales-receipt .receipt-table td{padding:12px 8px;font-size:11px;line-height:1.7;vertical-align:top}.sales-receipt .receipt-table th{padding:12px 8px;font-size:10px}.sales-receipt .receipt-table tbody tr:hover{background:transparent}.sales-receipt .receipt-meta{background:#fff}.sales-receipt .receipt-identity .receipt-logo{max-width:none}.sales-receipt .receipt-totals{font-variant-numeric:tabular-nums}.receipt-80mm .receipt-table td{padding:8px 3px;font-size:10px}.receipt-80mm .receipt-table th{padding:8px 3px;font-size:9px}.cod-slip{width:148mm!important;max-width:148mm!important}}

@media(max-width:380px){.topbar{padding-left:10px;padding-right:10px;gap:6px}.brand-logo{width:36px;height:36px;max-width:36px;max-height:36px}.brand-copy{font-size:14px!important}.brand-copy small{font-size:6px}.badge{font-size:7px;padding:4px}.topbar>.button{font-size:10px;padding:6px 8px}.price-grid{grid-template-columns:1fr}}


/* v0.26.1 — consistent screen controls; printed documents retain their geometry. */
@media screen{
 :root{--control-height:46px;--control-radius:9px;--control-gap:10px}
 .button,a.button{min-height:var(--control-height);padding:10px 16px;line-height:1.65;border-radius:var(--control-radius);box-sizing:border-box}
 .field{display:flex;flex-direction:column;min-width:0;margin:0;gap:7px}
 .field>span{display:block;min-height:22px;line-height:1.7}
 .field>input:not([type=checkbox]):not([type=radio]),.field>select:not([multiple]),.search-form>input:not([type=checkbox]):not([type=radio]),.finance-editor input:not([type=checkbox]):not([type=radio]),.finance-editor select:not([multiple]){height:var(--control-height);min-height:var(--control-height);width:100%;min-width:0;margin:0;padding:10px 12px;line-height:1.65;box-sizing:border-box;border-radius:var(--control-radius)}
 .field>textarea{width:100%;margin:0;box-sizing:border-box}
 .field>select[multiple]{width:100%;height:auto;min-height:150px}
 .field:has(>input[type=checkbox]),.field:has(>input[type=radio]){flex-direction:row;align-items:center}
 .field input[type=checkbox],.field input[type=radio]{width:18px;height:18px;min-height:18px;flex:0 0 18px}
 .purchase-toolbar{align-items:flex-end;gap:12px;margin:18px 0;min-width:0}
 .purchase-toolbar>.field{flex:1 1 200px;max-width:320px;align-self:flex-end}
 .purchase-toolbar>.button{margin:0;align-self:flex-end;min-width:112px}
 .purchase-toolbar>.search-form{flex:1 1 360px;min-width:0;max-width:100%;margin:0;align-self:flex-end;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--control-gap)}
 .purchase-toolbar>.search-form>input{width:100%;min-width:0;flex:none}
 .purchase-toolbar>.search-form>.button{margin:0;width:auto;min-width:100px;height:var(--control-height);align-self:end}
 .search-form{align-items:flex-end;gap:var(--control-gap)}
 .search-form>.button{margin:0;align-self:flex-end}
 .button-row{align-items:stretch;gap:var(--control-gap)}
 .button-row>.button{margin:0;align-self:stretch}
 .purchase-toolbar>.button-row{margin:0;align-self:flex-end}
 .form-grid,.product-form-grid{align-items:start;column-gap:20px;row-gap:20px}
 .topbar{height:auto;min-height:76px;align-items:center}
 .topbar>.badge,.topbar>.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:0;margin-bottom:0;padding:10px 12px;line-height:1.65;flex-shrink:0}
 .page-heading-actions{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
 .page-export-control{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}
 .page-export-control>.button{margin:0;min-height:var(--control-height)}
 .page-export-control>small{display:block;margin:0;max-width:240px;line-height:1.6;text-align:right;overflow-wrap:anywhere}
 .page-export-control>small:empty{display:none}
 .page-heading-actions>.read-only{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height);margin:0;padding:10px 12px;box-sizing:border-box}
 .table-export-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 .content td .button,.table-export-tools .button{min-height:36px;padding:7px 12px;line-height:1.65}
 .finance-tabs{align-items:stretch}.finance-tabs>.button{align-self:stretch}
 .dashboard-filters{align-items:flex-end}.dashboard-filters>.button{margin:0;align-self:flex-end}
 .dashboard-quick{align-items:stretch}.dashboard-quick>.button{margin:0;min-height:var(--control-height)}
 .file-actions{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.file-actions>.button{margin:0}
}
@media screen and (max-width:600px){
 :root{--control-height:48px}
 .purchase-toolbar{gap:10px}.purchase-toolbar>.field{flex:1 1 100%;max-width:none}
 .purchase-toolbar>.search-form{flex:1 1 100%;width:100%;grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .purchase-toolbar>.search-form>.button{min-width:80px;padding-inline:12px}
 .purchase-toolbar>.button,.button-row>.button{flex:1 1 140px;min-width:0;min-height:var(--control-height)}
 .purchase-toolbar>.button-row{flex:1 1 100%;width:100%}
 .field>input,.field>select,.field>textarea,.search-form>input{font-size:16px}
 .page-heading{align-items:flex-start;flex-wrap:wrap}
 .page-heading-actions{width:100%;justify-content:flex-start;gap:10px}
 .page-export-control{align-items:flex-start}.page-export-control>small{text-align:left;max-width:200px}
 .page-heading-actions>.read-only,.page-export-control>.button{min-height:44px}
 .topbar>.badge,.topbar>.button{min-height:38px;padding:8px 10px}
 .content td .button{min-height:40px}
}


/* v0.26.2 — stable User Assignment action column. */
@media screen{
 .staff-management-table{width:100%;min-width:900px;table-layout:auto}
 .staff-management-table .staff-manage-cell{width:256px;min-width:256px;box-sizing:border-box}
 .staff-management-table .staff-row-actions{display:grid;grid-template-columns:80px 148px;gap:8px;align-items:stretch;width:236px;max-width:100%}
 .content .staff-management-table .staff-row-actions>.button{display:flex;align-items:center;justify-content:center;min-height:40px;height:40px;margin:0;padding:7px 10px;line-height:1.5;white-space:nowrap;font-size:11px;box-sizing:border-box}
 .staff-management-table .staff-locations{min-width:160px;max-width:280px;overflow-wrap:anywhere}
 .staff-management-table .staff-row-actions>.pill{grid-column:1/-1;justify-self:start}
}


/* v0.26.3 — invoice paper formats, independent of parcel labels. */
@page akInvoiceA4{size:A4 portrait;margin:12mm}
@page akInvoiceA5{size:A5 portrait;margin:8mm}
/* Roll length and 80mm paper are selected in the printer driver. */
@page akInvoiceRoll{size:auto;margin:0}
.sales-receipt.invoice-paper{box-sizing:border-box;color:#193553;line-height:1.65;max-width:none}
.invoice-paper.receipt-a4{width:186mm;padding:9mm;font-size:12px}
.invoice-paper.receipt-a5{width:132mm;padding:5mm;font-size:11px}
.invoice-paper .receipt-header{align-items:center;gap:16px;padding-bottom:14px;border-bottom:3px solid #1765c1}
.invoice-paper .receipt-identity{gap:12px;flex:1;min-width:0}
.invoice-paper .receipt-logo{object-fit:contain}
.invoice-paper .receipt-document{flex:0 0 auto;max-width:45%;text-align:right}
.invoice-paper .receipt-document .receipt-title{font-size:19px;line-height:1.4;letter-spacing:.6px}
.invoice-paper .invoice-shop-address{font-size:9px;line-height:1.6;color:#596b82;max-width:290px;margin-top:5px}
.invoice-paper .receipt-meta{margin:16px 0 12px;padding:10px 12px;font-size:11px;gap:12px}
.invoice-paper .receipt-customer{margin:0 0 16px;padding:10px 12px;border:1px solid #e2eaf3;border-radius:7px;font-size:11px;line-height:1.7;background:#fff;overflow-wrap:anywhere}
.invoice-paper .receipt-table{width:100%;table-layout:fixed;font-size:11px;line-height:1.65}
.invoice-paper .receipt-table th,.invoice-paper .receipt-table td{padding:10px 7px;vertical-align:top;overflow-wrap:anywhere;white-space:normal}
.invoice-paper .receipt-table th:first-child,.invoice-paper .receipt-table td:first-child{width:51%;text-align:left}
.invoice-paper .receipt-table th:nth-child(2),.invoice-paper .receipt-table td:nth-child(2){width:9%}
.invoice-paper .receipt-table th:nth-child(3),.invoice-paper .receipt-table td:nth-child(3),.invoice-paper .receipt-table th:nth-child(4),.invoice-paper .receipt-table td:nth-child(4){width:20%}
.invoice-paper .receipt-specs,.invoice-paper .receipt-serial{font-size:9px;line-height:1.65;margin-top:4px;color:#526a83;overflow-wrap:anywhere}
.invoice-paper .receipt-totals{width:70%;max-width:340px;gap:8px 18px;margin-top:16px;padding-top:12px;font-size:11px;break-inside:avoid}
.invoice-paper .receipt-totals strong{font-size:16px;border-color:#1765c1;padding-top:9px}
.invoice-paper .receipt-thanks{font-size:11px;margin-top:22px;padding-top:12px;border-top:1px solid #e2eaf3;break-inside:avoid}
.invoice-paper .receipt-returns{font-size:10px;overflow-wrap:anywhere}
.invoice-paper.receipt-80mm{width:80mm;padding:4mm;font-size:10px}
.invoice-paper.receipt-80mm .receipt-header{display:block;text-align:center;padding-bottom:9px;border-bottom:2px solid #193553}
.invoice-paper.receipt-80mm .receipt-identity{display:flex;flex-direction:column;gap:4px}
.invoice-paper.receipt-80mm .receipt-identity .receipt-logo{width:18mm;height:18mm}
.invoice-paper.receipt-80mm .receipt-shop-type{font-size:11px;letter-spacing:1px}
.invoice-paper.receipt-80mm .receipt-shop-phone{font-size:9px;margin-top:3px}
.invoice-paper.receipt-80mm .invoice-shop-address{font-size:8px;margin:4px auto;max-width:none}
.invoice-paper.receipt-80mm .receipt-document{max-width:none;text-align:center;margin-top:8px}
.invoice-paper.receipt-80mm .receipt-document .receipt-title{font-size:13px}
.invoice-paper.receipt-80mm .receipt-payment-badge{font-size:9px;margin-top:5px;padding:3px 7px}
.invoice-paper.receipt-80mm .receipt-meta{font-size:9px;margin:10px 0 8px;padding:6px;gap:6px}
.invoice-paper.receipt-80mm .receipt-customer{font-size:9px;padding:6px;margin-bottom:10px}
.invoice-paper.receipt-80mm .receipt-table{font-size:9px}
.invoice-paper.receipt-80mm .receipt-table th,.invoice-paper.receipt-80mm .receipt-table td{padding:7px 2px;font-size:9px;line-height:1.5}
.invoice-paper.receipt-80mm .receipt-table th:first-child,.invoice-paper.receipt-80mm .receipt-table td:first-child{width:44%}
.invoice-paper.receipt-80mm .receipt-table th:nth-child(2),.invoice-paper.receipt-80mm .receipt-table td:nth-child(2){width:10%}
.invoice-paper.receipt-80mm .receipt-table th:nth-child(n+3),.invoice-paper.receipt-80mm .receipt-table td:nth-child(n+3){width:23%}
.invoice-paper.receipt-80mm .receipt-specs,.invoice-paper.receipt-80mm .receipt-serial{font-size:8px}
.invoice-paper.receipt-80mm .receipt-totals{width:100%;max-width:none;gap:6px 10px;font-size:10px}
.invoice-paper.receipt-80mm .receipt-totals strong{font-size:12px}
.invoice-paper.receipt-80mm .receipt-thanks{font-size:9px;margin-top:14px}
@media screen{
 .sales-receipt-dialog:has(.invoice-paper){width:fit-content;max-width:calc(100vw - 24px);padding:20px;overflow:auto}
 .invoice-paper{border:1px solid #e2eaf3;border-radius:5px;box-shadow:0 4px 20px #1935530a}
 .invoice-format-hint{font-size:11px;color:#596b82;margin:12px 0}
 .sales-receipt-dialog:has(.invoice-paper)>.purchase-toolbar{position:sticky;left:0;bottom:0;background:#fff;padding-top:12px;margin-bottom:0;z-index:2}
}
@media screen and (max-width:600px){.sales-receipt-dialog:has(.invoice-paper){padding:12px}.invoice-paper.receipt-a4,.invoice-paper.receipt-a5{width:132mm}}
@media print{
 body.erp-invoice-open{margin:0!important;padding:0!important;background:#fff!important}
 body.erp-invoice-open .invoice-print-path{position:static!important;display:block!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important;transform:none!important;box-shadow:none!important}
 body.erp-invoice-open.invoice-print-path>:not(.invoice-print-path):not(.invoice-print-dialog),body.erp-invoice-open .invoice-print-path>:not(.invoice-print-path):not(.invoice-print-dialog){display:none!important}
 body.erp-invoice-open .invoice-print-dialog{position:static!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;max-height:none!important;max-width:none!important;border:0!important;box-shadow:none!important}
 .sales-receipt.invoice-paper{position:static!important;left:auto!important;top:auto!important;margin:0!important;padding:0!important;max-width:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 .invoice-paper.receipt-a4{page:akInvoiceA4;width:186mm!important}
 .invoice-paper.receipt-a5{page:akInvoiceA5;width:132mm!important}
 .invoice-paper.receipt-80mm{page:akInvoiceRoll;width:80mm!important;padding:4mm!important}
 .invoice-paper .receipt-table{display:table!important}.invoice-paper .receipt-table thead{display:table-header-group!important}
 .invoice-paper .receipt-table tr{break-inside:avoid;page-break-inside:avoid}
 .invoice-paper .receipt-header,.invoice-paper .receipt-meta,.invoice-paper .receipt-customer{break-inside:avoid}
 .invoice-print-dialog>.no-print{display:none!important}
}

/* Production workspace indicator. */
.topbar>.badge{color:#146549;background:#e9f8f0;border:1px solid #b7e6cd}