*{box-sizing:border-box;border-radius:0!important}body{margin:0;color:#162022;background:#f5f7f7;font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}button,input,select{font:inherit;color:inherit;border:1px solid #bdc9c9;background:#fff;padding:8px 11px}button{cursor:pointer}button:hover{background:#fff1a5}button.active{background:#ffdf00;border-color:#101717;color:#101717;font-weight:700}button:disabled{cursor:not-allowed;color:#687575;background:#edf0ef}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a18e00;outline-offset:2px}header{height:66px;background:#101717;color:#fff;display:flex;align-items:center;gap:42px;padding:0 24px;border-bottom:4px solid #ffdf00}.brand{font-size:22px;letter-spacing:-1px;font-weight:950}.brand span{background:#ffdf00;color:#111;font-size:13px;letter-spacing:1px;padding:5px 8px;margin-left:12px}header small{margin-left:12px;color:#b7c8c8}#clock{margin-left:auto;font:12px monospace;color:#b7c8c8}.shell{display:grid;grid-template-columns:175px minmax(0,1fr);min-height:calc(100vh - 66px)}.sidebar{background:#182323;color:#d6e0df;padding:25px 13px;display:flex;flex-direction:column;gap:9px}.sidebar small{padding:0 9px 13px;color:#91a6a5;letter-spacing:2px;font-size:10px}.sidebar button{text-align:left;background:transparent;border-color:transparent;color:inherit;padding:12px 9px}.sidebar button.active{background:#ffdf00;color:#111}.sidefoot{margin-top:auto;padding:30px 9px 0;font-size:11px;color:#a7b9b7}main{padding:22px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.heading small{font-size:10px;letter-spacing:2px;color:#6c7b7a}h1{margin:3px 0 0;font-size:25px;letter-spacing:-.6px}.tag{border:1px solid #b8c7c6;padding:5px 10px;font-size:11px;background:#fff}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.metric{background:#fff;border:1px solid #d9e1df;border-top:3px solid #244e52;padding:12px 16px}.metric:nth-child(2){border-top-color:#76af9a}.metric:nth-child(3){border-top-color:#e7be57}.metric:nth-child(4){border-top-color:#c58f96}.metric b{font-size:27px;display:block;line-height:1.3}.metric small{color:#667875;font-size:11px}.filters{display:flex;align-items:end;gap:9px;background:#fff;border:1px solid #d6dfdd;padding:12px}.filters label{font-size:11px;color:#516562;display:flex;flex-direction:column;gap:4px}.filters input,.filters select{font-size:13px;height:37px}.search{flex:1}.search input{width:100%;min-width:150px}.filters button{height:37px;font-size:12px}.status{font-size:12px;padding:9px 0;color:#4b625e;min-height:36px}.maplayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,1fr);gap:12px}.mapcard,aside,#page-query,#page-audit,#page-roadmap{border:1px solid #cdd8d5;background:#fff;min-width:0}.toolbar,.paneltitle{background:#224b50;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;font-weight:600;min-height:54px}.toolbar{flex-wrap:wrap}.toolbar button,.paneltitle button{font-size:11px;padding:5px 8px}.tabs{display:flex;gap:5px;flex-wrap:wrap}#zoom{font:11px monospace;padding-left:6px}.viewport{height:470px;overflow:hidden;background-color:#fafcfb;background-image:radial-gradient(#dce5e1 .7px,transparent .7px);background-size:14px 14px}svg{width:100%;height:100%;touch-action:none;user-select:none;cursor:grab}svg:active{cursor:grabbing}.zone{cursor:pointer;outline:none}.zone rect{stroke:#244b4e;stroke-width:2;vector-effect:non-scaling-stroke}.zone text{fill:#15383b;pointer-events:none;font-weight:700}.zone.muted{opacity:.22}.zone.hit rect{fill:#ffdf00!important;stroke:#111;stroke-width:3}.zone.selected rect{stroke:#111;stroke-width:4}.zone:focus rect,.zone:hover rect{stroke:#ab8c00;stroke-width:4}.legend{display:flex;justify-content:space-between;font-size:10px;padding:8px 12px;background:#eff4f2}.note{font-size:11px;color:#637772;line-height:1.7;padding:0 12px}#zoneTitle{padding:13px 14px 3px;font-size:23px;font-weight:750}#subzones{padding:0 14px}#zoneSummary{padding:5px 14px 12px;font-size:12px}aside .tablewrap{max-height:370px;overflow:auto}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{background:#e6eeec;color:#244b50;text-align:left;padding:10px 9px;position:sticky;top:0;z-index:1;white-space:nowrap}td{padding:9px;border-bottom:1px solid #d9e3de;vertical-align:top}td:nth-child(1){background:#edf5fa}td:nth-child(2){background:#edf6f0}td:nth-child(3){background:#f9eef1}td:nth-child(4){background:#fff2e5}.model{font-family:ui-monospace,monospace;white-space:nowrap;font-size:11px}.batch{white-space:nowrap;padding:2px 4px;border:1px solid #99aba4;font-size:10px}.batch.second{border:2px solid #d12c32;color:#9c1d21}td details{font:10px/1.8 sans-serif;color:#5d716a;white-space:normal}td summary{cursor:pointer;margin-top:4px}.number{text-align:right;font-weight:750}.empty{padding:30px 16px;color:#65756f;font-size:13px}.problem{background:#fff0d2;padding:8px 12px;color:#7c4a1b;font-size:11px}.jump{font-size:11px;padding:3px 7px}#audit{padding:16px;overflow:auto}#audit p{font-size:12px;overflow-wrap:anywhere}.roadmap{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}.roadmap article{border:1px solid #d0dcda;border-top:4px solid #ffe16d;padding:18px;background:#f8fbfa}.roadmap small{font-size:10px;letter-spacing:2px;color:#748b84}.roadmap h2{font-size:18px}.roadmap p{color:#5b716a;font-size:13px}footer{padding-top:15px;color:#71837d;font-size:10px}[hidden]{display:none!important}@media(min-width:1600px){.viewport{height:600px}aside .tablewrap{max-height:500px}}@media(max-width:1100px){.shell{grid-template-columns:140px 1fr}main{padding:14px}.maplayout{grid-template-columns:1fr}.viewport{height:490px}.sidebar{padding:20px 6px}aside .tablewrap{max-height:350px}}@media(max-width:650px){header{padding:0 12px;height:60px}.brand{font-size:18px}header>div:nth-child(2),#clock{display:none}.shell{display:block}.sidebar{padding:8px;display:flex;flex-direction:row;overflow:auto}.sidebar small,.sidefoot{display:none}.sidebar button{white-space:nowrap;padding:8px;font-size:11px}.metrics{grid-template-columns:1fr 1fr;gap:6px}.metric{padding:9px}.metric b{font-size:23px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters select{max-width:105px}.heading{align-items:start}.heading .tag{font-size:9px}h1{font-size:22px}.viewport{height:410px}.roadmap{grid-template-columns:1fr}.legend{display:block}.legend span{display:block}}
/* Keep white controls readable on dark module headers. */
.toolbar button,.paneltitle button{color:#162022}
.auth{max-width:1180px;min-height:calc(100vh - 66px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:45px}.auth-intro small{font-size:11px;letter-spacing:3px;color:#617a72}.auth-intro h1{font-size:43px;line-height:1.4;margin:22px 0}.auth-intro p{font-size:14px;color:#60756e}.auth-lines{display:flex;flex-direction:column;border-top:2px solid #214b4e;margin-top:35px}.auth-lines span{border-bottom:1px solid #c8d5d0;padding:15px;font-size:13px;background:#e8f0ec}.auth-panel{border:1px solid #c6d4cd;background:white;padding:28px;border-top:5px solid #ffdf00}.auth-panel h2{font-size:25px;margin:8px 0}.auth-panel>form>label{display:flex;flex-direction:column;gap:6px;margin:15px 0}.auth-panel .primary{width:100%;padding:12px;margin-top:14px}.auth-panel .note{padding:0}.auth-panel small{letter-spacing:2px;color:#6d8379;font-size:10px}.setup-user{border-top:1px solid #d9e3de;padding:10px 0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.setup-user strong{grid-column:1/-1;font-size:12px}.setup-user label{font-size:10px;color:#64766e;display:flex;flex-direction:column;gap:3px}.setup-user label:last-child{grid-column:1/-1}.setup-user input{min-width:0;width:100%;padding:6px}.primary{background:#ffdf00;border-color:#151d19;color:#151d19;font-weight:750}.primary:hover{background:#f1cb00}#identity{font-size:11px;color:#dbe5df;white-space:nowrap}header #logout{font-size:11px;padding:5px 9px;color:#162022}#message{position:fixed;left:50%;transform:translateX(-50%);top:75px;z-index:1000;max-width:min(90vw,850px);background:#f3f7e7;border:1px solid #83a376;padding:12px 20px;box-shadow:0 3px 14px #0002}#message.error{background:#fff0ef;border-color:#bd6363;color:#8b2929}.heading-actions{display:flex;gap:8px;align-items:center}.module-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 15px}.module-strip article{padding:13px 15px;border:1px solid #d1ddd6;border-left:4px solid #ffdf00;background:#fff}.module-strip article:nth-child(2){background:#eaf4f7}.module-strip article:nth-child(3){background:#edf5ed}.module-strip article:nth-child(4){background:#fff2e3}.module-strip b{display:block}.module-strip span{display:block;font-size:10px;color:#63776d;margin-top:4px}.sectionbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:10px 0;flex-wrap:wrap}.sectionbar label{display:flex;flex-direction:column;font-size:10px;gap:4px;color:#64786d}.sectionbar .tabs{align-items:end}.button,.file-button{display:inline-block;text-decoration:none;border:1px solid #bdc9c9;padding:8px 11px;background:#fff;font-size:12px!important;color:#203c33!important;cursor:pointer}.file-button:hover,.button:hover{background:#fff1a5}#page-documents,#page-products,#page-problems,#page-audit,#page-accounts{background:#fff;border:1px solid #ccd9d0;padding:12px}#page-documents{background:transparent;border:0;padding:0}#documentList{border:1px solid #ccd9d0;background:#fff}td .small{font-size:10px;color:#6d8076}.doc-number{font:11px monospace;font-weight:700}.status-tag{display:inline-block;padding:3px 6px;background:#eaf1ed;font-size:10px;white-space:nowrap}.status-tag.completed{background:#dcefe1;color:#306b42}.status-tag.approved{background:#fff0b2;color:#79600b}.status-tag.picked{background:#dfedf6;color:#385f79}.status-tag.rejected,.status-tag.cancelled{background:#eee;color:#767676}.inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px;background:#f2f6f3;border:1px solid #d7e2da;margin:12px 0}.inline-form h2{width:100%;margin:0;font-size:15px}.inline-form label,.form-grid label,.line-grid label,.attachment-label{display:flex;flex-direction:column;font-size:11px;gap:5px;color:#526b5b}.inline-form input,.inline-form select{max-width:100%}.grow{flex:1;min-width:220px}.twoforms{display:grid;grid-template-columns:.7fr 1.3fr;gap:12px}.twoforms .inline-form{align-content:start}.twoforms input{width:100%;min-width:150px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid input,.form-grid textarea,.form-grid select{width:100%}.span2{grid-column:1/-1}.callout{padding:10px 12px;background:#edf4ef;border-left:3px solid #5c8b76;color:#55705f;font-size:12px;line-height:1.7}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.detail-head h2{font-size:20px;margin:0}.detail{border:1px solid #c2d2c7;background:#fff;margin-top:15px;padding:18px}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.detail-meta div{padding:8px;background:#f0f5f1;font-size:11px}.detail-meta span{display:block;color:#718275}.detail-meta b{font-weight:500}.action-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:15px;background:#fff9dd;border:1px solid #e8dbac;margin-top:16px}.action-form label{display:flex;flex-direction:column;gap:4px;font-size:11px}.action-form input{max-width:245px}.action-buttons{display:flex;gap:6px;flex-wrap:wrap}.action-buttons .danger{border-color:#b66060;color:#a43838}.ledger{font-size:11px;color:#52735f}.source-note{margin-top:20px;border-top:1px solid #cbdacf;padding:12px 0}.source-note summary{cursor:pointer}.source-note p{font-size:11px;overflow-wrap:anywhere}.photo-list{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.photo-list a{font-size:11px;color:#426a5b}.photo-list img{max-width:110px;max-height:90px;object-fit:cover;border:1px solid #cedbd3}dialog{border:1px solid #7a9483;padding:0;width:min(1000px,95vw);max-height:90vh;color:#15231b}dialog::backdrop{background:#10231bc0}.dialog-body{padding:18px;max-height:70vh;overflow:auto}.dialog-foot{padding:12px 18px;border-top:1px solid #c6d7ca;display:flex;align-items:center;justify-content:space-between;background:#eff5f0}.dialog-foot span{font-size:11px;color:#718773}.document-line{margin:10px 0;border:1px solid #c5d7c9;padding:12px;background:#fafcf9}.line-grid{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1fr;gap:8px}.line-grid input,.line-grid select{width:100%;min-width:0}.line-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#627964;margin-bottom:8px}.line-head button{font-size:10px;padding:3px 7px}.exchange-return{border-top:1px solid #d0ded2;margin-top:12px;padding-top:10px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.attachment-label{margin-top:15px}.attachment-label input{max-width:100%}#formError{color:#a43737;font-size:12px;margin-top:8px}.attention{color:#9b5e21}.empty{background:white}.record-detail{white-space:pre-wrap;max-width:550px;overflow-wrap:anywhere;font-size:10px}.admin-hidden .admin-only{display:none!important}main section{min-width:0}
@media(max-width:900px){.auth{grid-template-columns:1fr;gap:20px;padding:25px}.auth-intro h1{font-size:30px}.auth-lines{display:none}.auth-intro p{margin-bottom:0}.twoforms{grid-template-columns:1fr}.module-strip{grid-template-columns:1fr 1fr}.line-grid{grid-template-columns:1fr 1fr}.line-grid label:first-child{grid-column:1/-1}.detail-meta{grid-template-columns:1fr 1fr}.head-caption{display:none}}@media(max-width:650px){.auth{padding:18px}.auth-panel{padding:18px}.heading-actions{flex-direction:column;align-items:end}.heading-actions button{font-size:10px}.sectionbar .tabs{width:100%}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.exchange-return{grid-template-columns:1fr}.detail-meta{grid-template-columns:1fr}.dialog-foot{gap:10px}.action-form{padding:10px}header{gap:10px}header #clock{display:none}.brand span{margin-left:4px}#identity{margin-left:auto}.viewport{height:450px}.filters select{max-width:115px}.module-strip article{padding:8px}.sidebar{gap:3px}.sidebar button{font-size:10px}}
@media print{header,.sidebar,.heading,.metrics,.filters,.status,.sectionbar,.module-strip,#documentList,.action-form,footer,.detail-head .tabs{display:none!important}.shell{display:block}main{padding:0}.detail{border:0;margin:0;padding:0}.tablewrap{max-height:none!important;overflow:visible}.detail-meta{grid-template-columns:1fr 1fr}.page{display:block}}
/* Longer Vietnamese and English labels retain their full meaning. */
header{height:auto;min-height:66px;gap:16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.brand{flex-shrink:0}.head-caption{min-width:0;overflow-wrap:anywhere}
#languageSelect{margin-left:auto;max-width:160px;min-width:120px;font-size:12px;color:#162022;flex-shrink:0}
#clock{margin-left:0;white-space:nowrap}#identity{white-space:normal;overflow-wrap:anywhere;max-width:240px}
.shell{grid-template-columns:210px minmax(0,1fr)}
.sidebar button{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.heading{gap:15px}.heading-actions{flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
.filters{flex-wrap:wrap;align-items:flex-end}.filters .search{min-width:220px}
.filters select{max-width:220px;min-width:130px;height:auto;min-height:37px}
.filters button{height:auto;min-height:37px}.toolbar>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.paneltitle{flex-wrap:wrap}.paneltitle>span{flex:1;min-width:140px}.legend{gap:12px;flex-wrap:wrap}
.inline-form label,.form-grid label,.line-grid label{min-width:0}.inline-form select{max-width:100%}
.line-head,.detail-head{flex-wrap:wrap;gap:8px}.dialog-foot{flex-wrap:wrap;gap:10px}
.auth-intro h1{overflow-wrap:anywhere}.auth-panel .primary{white-space:normal}
@media(max-width:1100px){.shell{grid-template-columns:175px minmax(0,1fr)}.head-caption{display:none}}
@media(max-width:650px){header{padding:10px 12px;gap:9px}.shell{display:block}#languageSelect{min-width:112px;max-width:135px}#identity{margin-left:0;max-width:none}.sidebar button{white-space:nowrap;flex-shrink:0}.heading{flex-wrap:wrap}.heading-actions{flex-direction:row;align-items:center;justify-content:flex-start}.filters .search{min-width:0;flex-basis:100%}.filters select{min-width:110px;max-width:180px}.auth-intro h1{font-size:29px}.legend span{max-width:100%}}
/* All-role outbound requests, explicit warehouse allocations, and A5 print preview. */
#requestNotifications{font-size:11px;white-space:nowrap;color:#162022;padding:6px 9px}.notification-badge{display:inline-block;background:#ffdf00;color:#17211c;min-width:19px;padding:0 4px;line-height:20px;text-align:center;font-size:10px;border:1px solid #b39d00}.sidebar .notification-badge{margin-left:4px;background:#fff;color:#253a31}.request-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#eaf3ee;border:1px solid #c9d9cf;padding:16px 18px;margin-bottom:14px}.request-intro small{letter-spacing:.7px;color:#365e49}.request-intro p{font-size:12px;margin:7px 0 0;color:#637769}.request-intro button{flex-shrink:0}.request-editor{background:#fff;border:1px solid #b8ccbe;border-top:4px solid #ffdf00;padding:18px;margin:14px 0}.request-editor h2{font-size:19px;margin:0 0 14px}.request-editor .form-grid{grid-template-columns:1fr 1fr}.request-row{border:1px solid #ccdacf;padding:12px;background:#f7faf7;margin-bottom:10px}.request-row .request-row-fields{display:grid;grid-template-columns:1.2fr 1.7fr 150px;gap:12px}.request-row label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#58705f;min-width:0}.request-row input{width:100%;min-width:0}.request-model-box,.request-quantity{display:flex;align-items:stretch}.request-model-box button{font-size:11px;padding:6px;white-space:nowrap}.request-quantity button{padding:7px 11px;font-weight:800}.request-quantity input{text-align:center;padding:6px;min-width:45px}.request-row-note{margin-top:10px}.request-row-note input{width:100%}.request-editor .request-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;flex-wrap:wrap}.request-editor .request-form-actions .tabs{margin-left:auto}.request-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.request-heading h2{font-size:21px;margin:0}.request-heading small{color:#687c6d}.request-detail{background:#fff;border:1px solid #bacdbe;padding:18px;margin-top:16px}.request-detail .detail-meta{grid-template-columns:repeat(3,1fr)}.request-candidate-block{margin:16px 0;border:1px solid #c6d7ca;padding:12px}.request-candidate-block h3{font-size:14px;margin:0 0 9px}.request-candidate-block .form-grid{grid-template-columns:1.3fr 1fr;margin-bottom:10px}.request-candidate-table input{max-width:95px;padding:5px}.request-candidate-table td{padding:7px}.request-candidate-table .unavailable{opacity:.65}.request-selected-total{font-size:11px;padding:7px 0;color:#54705b}.request-selected-total.mismatch{color:#a25425}.request-review-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.request-review-actions .danger{color:#a12c2c;border-color:#b27676}.request-blank{padding:25px 16px;background:white;border:1px solid #d4e0d6;color:#6b7d6e;font-size:12px}.request-detail .callout{margin-bottom:16px}.request-notification{padding:15px;border-bottom:1px solid #d2ddd5;display:flex;gap:10px;align-items:center}.request-notification.unread{background:#fff8ce;border-left:4px solid #e2bf0d}.request-notification .grow{min-width:0}.request-notification time{font-size:10px;color:#6e8173;display:block;margin-top:4px}.request-notification button{font-size:11px;flex-shrink:0}.request-notification .notification-status{font-size:10px;margin-left:auto}.request-loading{font-size:12px;padding:15px;color:#67806b}.request-model-suggestions{background:#edf5ef;border-top:1px solid #c6d7ca;font-size:10px;max-height:110px;overflow:auto}.request-model-suggestions button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #dce6de;background:transparent;font:11px ui-monospace,monospace;padding:6px 8px}.request-model-suggestions button:hover{background:#fff1a5}.request-print-toolbar{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px;background:#edf3ee}#requestPrintDialog{width:min(180mm,96vw);background:#e5ebe6}#requestPrintDialog .note{text-align:center}#requestPrintDialog .paneltitle select{max-width:135px}.request-print-frame{display:block;width:min(148mm,94vw);height:70vh;min-height:450px;background:white;border:0;margin:0 auto 15px;box-shadow:0 2px 10px #0002}#requestNotificationDialog{width:min(720px,95vw)}#requestShareDialog{width:min(720px,95vw)}#requestShareText{width:100%;font:12px/1.7 ui-monospace,monospace;margin-bottom:12px;padding:12px;resize:vertical}.request-field-error{color:#a13838;font-size:12px;margin-top:12px}.request-draft-tag{font-size:11px;color:#6e8072}.request-date-help{font-size:10px;color:#748775}.request-file-link{font-size:11px;color:#3b6046}.request-stock-status{font-size:10px;white-space:normal;color:#65806a}.request-approval-note{padding:12px;background:#fff8e1;border:1px solid #e4d7ad;font-size:12px;white-space:pre-wrap}.request-ref{font-family:ui-monospace,monospace;font-size:11px}.request-model-inline{font:11px ui-monospace,monospace;white-space:normal;overflow-wrap:anywhere}.request-review-note{width:100%;padding:10px;margin-top:5px;min-height:75px}.request-viewer-hint{padding:8px 0;font-size:11px;color:#5e7866}
@media(max-width:850px){.request-row .request-row-fields{grid-template-columns:1fr 1fr}.request-row .request-row-fields>label:last-child{grid-column:1/-1;max-width:180px}.request-detail .detail-meta{grid-template-columns:1fr 1fr}.request-candidate-block .form-grid{grid-template-columns:1fr}.request-intro{align-items:flex-start;flex-wrap:wrap}}@media(max-width:650px){.request-editor{padding:12px}.request-row{padding:10px}.request-row .request-row-fields{grid-template-columns:1fr}.request-row .request-row-fields>label:last-child{grid-column:auto}.request-detail{padding:12px}.request-detail .detail-meta,.request-editor .form-grid{grid-template-columns:1fr}.request-heading .tabs{width:100%}.request-notification{align-items:flex-start;flex-wrap:wrap}#requestNotifications{padding:5px;font-size:10px}.request-print-frame{width:100%;min-height:400px}.request-intro button{width:100%}.request-candidate-table{min-width:600px}}
.request-row-purpose{margin-top:10px}.request-ocr-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.request-arrival{margin:20px 0;border:1px solid #c1d3c5;padding:14px;background:#f7faf6}.request-arrival h3{font-size:15px}.arrival-row{background:white;border:1px solid #c8d9cb;padding:12px;margin:12px 0}.arrival-row-grid{display:grid;grid-template-columns:1.4fr .8fr 1.5fr 1fr 1fr 1fr;gap:10px}.arrival-row label,.arrival-variance,.arrival-customer-fields label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#536e59}.arrival-row input,.arrival-row select{min-width:0;width:100%}.arrival-row .check-label,.check-label{display:flex;flex-direction:row;align-items:center;gap:7px;font-size:12px;margin:12px 0}.check-label input{width:auto;flex-shrink:0}.arrival-defect{background:#fff2e4;padding:10px;margin:10px 0;display:grid;grid-template-columns:1fr 2fr;gap:10px}.arrival-customer-fields{background:#e9f1f7;padding:12px;margin:10px 0;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px}.arrival-variance{margin:13px 0}.arrival-variance textarea{width:100%;padding:9px}.request-arrival .request-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:12px}.request-shipping-row input,.request-shipping-row select,.daily-close-row input{max-width:190px;padding:6px;font-size:11px}.request-shipping-row input[type=checkbox],.daily-close-row input[type=checkbox]{width:18px;height:18px}.ocr-fields{display:grid;grid-template-columns:1.2fr 1.8fr .7fr 1.3fr;gap:10px}.ocr-fields label{display:flex;flex-direction:column;gap:4px;font-size:11px}.ocr-fields input,.ocr-fields select{width:100%;min-width:0}.ocr-suggestions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.ocr-suggestions button{font:10px ui-monospace,monospace;padding:4px 7px;background:#e6f0e8}#requestOCRDialog textarea{width:100%;padding:10px;font-size:12px;margin:7px 0 13px}.request-sales-note{font-size:11px;color:#687e6c}#requestSalesContent{background:white;border:1px solid #c8d8cc;padding:14px}#requestDailyCloseForm>label{font-size:12px;display:flex;flex-direction:column;gap:5px;margin:14px 0;max-width:260px}#requestDailyCloseForm h3{font-size:15px}.request-availability{display:block;font-size:10px;color:#5e7965;margin-top:3px}
@media(max-width:1200px){.arrival-row-grid{grid-template-columns:1fr 1fr 1fr}.ocr-fields{grid-template-columns:1fr 1fr}}@media(max-width:650px){.request-arrival{padding:8px}.arrival-row-grid,.arrival-customer-fields,.arrival-defect,.ocr-fields{grid-template-columns:1fr}.arrival-row{padding:10px}.request-arrival .form-grid{grid-template-columns:1fr}.request-arrival .request-form-actions button{width:100%}}

.paneltitle select[data-language-select]{color:#17211c;background:#fff}

#requestManageDialog{width:min(560px,94vw);padding:24px}#requestManageDialog textarea{display:block;width:100%;margin:8px 0}.request-deleted-notice{border:2px solid #bd3434;color:#8e2323}.request-deleted-notice p{margin:5px 0}.status-tag.deleted{background:#f5e6e7;color:#9b2424}#outboundRequestList td:last-child button{margin:2px}
/* Compact application sheet: one editable item per desktop row. */
.request-editor-compact{max-width:1380px;padding:16px}.request-editor-compact .request-heading{margin-bottom:12px}.request-editor-meta{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:6px}.request-editor-meta>label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#58705f}.request-editor-meta .request-date-field{width:160px}.request-editor-meta .request-applicant-field{width:180px}.request-editor-meta input{width:100%;min-width:0;padding:7px 9px;height:35px}.request-editor-meta .request-viewer-hint{font-size:10px;max-width:260px;padding:0;margin:0 0 8px}.request-editor-meta .request-sheet-upload{display:inline-flex;flex-direction:row;margin-left:auto;align-self:end;white-space:nowrap;padding:8px 10px}.request-sheet-help{font-size:10px;line-height:1.5;color:#6b8073;margin:7px 0 10px}.request-save-hint{font-size:10px;color:#6b8073}.request-row-compact{padding:10px;margin-bottom:8px}.request-row-compact .request-row-fields{grid-template-columns:minmax(118px,.85fr) minmax(210px,1.65fr) 78px minmax(158px,1.05fr) minmax(128px,1.15fr) 68px;gap:8px;align-items:end}.request-row-compact label{min-width:0;gap:4px;font-size:10px}.request-row-compact input,.request-row-compact select{height:35px;padding:6px 8px;font-size:12px;width:100%;min-width:0}.request-row-compact input[data-request-field=model]{font-family:ui-monospace,monospace}.request-row-compact input[type=number]{text-align:center}.request-product-picker,.request-model-picker{position:relative;min-width:0}.request-product-box{display:flex;align-items:stretch}.request-product-box input{flex:1;min-width:0}.request-product-box button,.request-row-compact .request-model-box button{width:27px;flex:0 0 27px;padding:0;font-size:14px}.request-row-controls{display:flex;gap:4px;align-items:end}.request-row-controls button{width:32px;height:35px;min-width:0;padding:0;font-size:19px;font-weight:700;line-height:1}.request-row-controls [data-add-request-row]{background:#ffdf00;border-color:#9f8c10;color:#142019}.request-row-controls [data-remove-request-row]{color:#a33535;border-color:#d1a4a4}.request-row-controls button:disabled{color:#9da8a0;border-color:#d1dad4;background:#f0f3f0;cursor:not-allowed}.request-product-suggestions,.request-row-compact .request-model-suggestions{position:absolute;top:100%;left:0;right:0;z-index:15;border:1px solid #9bb6a4;background:white;box-shadow:0 3px 8px #0002;max-height:170px;overflow:auto}.request-product-suggestions button{display:block;width:100%;text-align:left;padding:8px;border:0;border-bottom:1px solid #e2ebe5;font-size:12px;background:white}.request-product-suggestions button:hover,.request-product-suggestions button.active{background:#fff2a4}.request-row-compact .request-model-suggestions{min-width:250px}.request-row-stock{margin-top:7px;border-top:1px solid #dbe5dd;padding-top:6px;font-size:10px}.request-row-stock summary{cursor:pointer;color:#54715e}.request-row-stock summary>span{font-family:ui-monospace,monospace;margin-left:8px;color:#708073}.request-row-stock .tablewrap{margin-top:6px}.request-match-note{display:block;margin-top:6px;font-size:10px;color:#8a6e40}.request-editor-compact .request-form-actions{margin-top:12px}.request-editor-compact .request-form-actions .tabs{gap:5px}
@media(max-width:1100px){.request-row-compact .request-row-fields{grid-template-columns:minmax(120px,1fr) minmax(180px,1.6fr) 80px 68px}.request-row-compact .request-name-field{grid-column:1}.request-row-compact .request-model-field{grid-column:2}.request-row-compact .request-number-field{grid-column:3}.request-row-compact .request-row-controls{grid-column:4;grid-row:1}.request-row-compact .request-purpose-field{grid-column:1/3;grid-row:2}.request-row-compact .request-compact-note-field{grid-column:3/5;grid-row:2}.request-editor-meta .request-sheet-upload{margin-left:0}.request-editor-meta .request-viewer-hint{display:none}}
@media(max-width:650px){.request-editor-compact{padding:12px}.request-editor-meta{gap:8px}.request-editor-meta .request-date-field{width:145px}.request-editor-meta .request-applicant-field{width:145px}.request-editor-meta .request-sheet-upload{align-self:end}.request-row-compact .request-row-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px;gap:7px}.request-row-compact .request-name-field{grid-column:1;grid-row:1}.request-row-compact .request-model-field{grid-column:2/4;grid-row:1}.request-row-compact .request-number-field{grid-column:1;grid-row:2}.request-row-compact .request-purpose-field{grid-column:2/4;grid-row:2}.request-row-compact .request-compact-note-field{grid-column:1/3;grid-row:3}.request-row-compact .request-row-controls{grid-column:3;grid-row:3}.request-editor-compact .request-form-actions{gap:8px}.request-editor-compact .request-form-actions .tabs{margin-left:0;flex-wrap:wrap}.request-save-hint{display:none}.request-row-stock summary>span{display:block;margin:3px 0}.request-row-compact .request-model-suggestions{min-width:0}.request-row-stock .tablewrap{overflow-x:auto}}
.daily-sale-entry{border:1px solid #b9ceca;border-top:4px solid #ffe000;padding:18px;margin:18px 0;background:#fff}.daily-sale-entry h3{margin-top:0}.daily-sale-meta{display:grid;grid-template-columns:minmax(160px,240px) minmax(140px,190px) minmax(220px,260px);gap:12px;margin:14px 0}.daily-sale-row{display:grid;grid-template-columns:minmax(180px,1.4fr) 90px minmax(220px,1.5fr) 80px;gap:10px;align-items:end;padding:10px;background:#eef5f3;border-bottom:1px solid #d1dfdb}.daily-sale-row small{grid-column:1/-1;color:#6b7f77}.daily-sale-row small:empty{display:none}.daily-sale-row-actions{display:flex;gap:4px}.daily-sale-row-actions button{padding:9px;min-width:36px}.daily-sale-attachments{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:16px 0}.daily-sale-attachments label{max-width:310px}.daily-sale-attachments .note{max-width:270px}.daily-sale-history{margin-top:22px;border-top:1px solid #cfdbd8;padding-top:15px}.daily-sale-history summary{cursor:pointer;font-weight:700}.daily-sale-record{padding:14px 0;border-bottom:1px solid #dce6e2}.daily-close-photo{max-width:360px;margin-top:15px}.daily-sale-entry .check-label{margin-top:15px}#requestDailyCloseForm>label:first-child{max-width:300px}@media(max-width:850px){.daily-sale-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-sale-row{grid-template-columns:minmax(0,1fr) 80px}.daily-sale-row>label:nth-child(3){grid-column:1}.daily-sale-row-actions{justify-content:end}.daily-sale-entry{padding:12px}}@media(max-width:520px){.daily-sale-meta{grid-template-columns:minmax(0,1fr)}.daily-sale-row{gap:8px}.daily-sale-entry .request-review-actions{flex-wrap:wrap}}
.request-stock-compact{display:flex;align-items:baseline;gap:8px 16px;flex-wrap:wrap;font-size:13px;line-height:1.6;padding:5px 0}.request-stock-compact>.request-model-inline{min-width:180px}.request-stock-group{display:flex;gap:8px;align-items:baseline}.request-stock-group>strong{white-space:nowrap;color:#244e52;font-size:12px}.request-stock-zones{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:baseline}.request-stock-zone{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:baseline}.request-stock-batch{display:inline-flex;gap:5px;align-items:baseline;flex-wrap:wrap;padding:2px 6px;border:1px solid #b6ccc3;background:#edf5fa}.request-stock-group:nth-child(3) .request-stock-batch{background:#edf6ee}.request-stock-batch.second{border:2px solid #c42c35;background:#faeef0}.request-stock-batch small{font-size:10px;color:#556d61}.request-stock-pick{display:flex;align-items:center;gap:4px!important;font-size:11px}.request-stock-pick input{width:62px!important;min-height:30px!important;padding:3px 5px!important}.request-candidate-block:has(.request-stock-compact){padding:8px 12px!important;margin-bottom:8px!important}.request-stock-requested{color:#587165;font-size:11px}.request-review-line .request-stock-compact>.request-model-inline{display:none}.request-editor-locations .request-stock-compact>.request-model-inline{display:none}.request-stock-compact .request-blank{padding:5px}@media(max-width:650px){.request-stock-compact{display:block}.request-stock-group{margin-top:4px}.request-stock-zones{gap:4px}.request-stock-batch{padding:2px 4px}}
.request-stock-summary-table{font-size:12px;min-width:690px}.request-stock-summary-table th{padding:8px 10px!important}.request-stock-summary-table td{padding:7px 10px!important;vertical-align:top!important}.request-stock-summary-table .request-stock-model{background:#edf5fa!important;min-width:175px;width:19%;font-weight:700}.request-stock-summary-table .request-stock-warehouse{background:#edf6ee!important;width:36%}.request-stock-summary-table .request-stock-store{background:#fff2e4!important;width:23%}.request-stock-summary-table .request-stock-batch-cell{background:#faeef0!important;width:90px}.request-stock-summary-table .request-stock-status{background:white!important;min-width:100px;font-size:10px}.request-stock-summary-table .request-stock-batch{background:#fff9!important;white-space:nowrap;gap:4px}.request-stock-summary-table .request-stock-batch.second{border:2px solid #c42c35}.request-stock-summary-table .request-stock-zones{gap:4px 7px}.request-stock-summary-table .request-stock-pick{white-space:nowrap}
.arrival-meta-compact{display:grid;grid-template-columns:245px minmax(220px,400px);gap:12px;margin-bottom:12px}#requestArrivalRows{max-width:100%;overflow-x:auto}.arrival-row-compact{padding:8px!important;margin:0 0 7px!important;min-width:1120px;border:1px solid #cfddd7!important;background:#f5f9f7}.arrival-row-compact .arrival-row-grid{display:flex!important;flex-wrap:nowrap!important;gap:7px!important;align-items:end!important}.arrival-row-compact label{font-size:11px!important;gap:4px!important;flex-shrink:0}.arrival-row-compact input:not([type=checkbox]):not([type=file]),.arrival-row-compact select{min-height:33px!important;height:33px!important;padding:5px!important;font-size:11px!important;min-width:0}.arrival-model{width:166px}.arrival-qty{width:55px}.arrival-purpose{width:135px}.arrival-source{width:65px}.arrival-batch{width:80px}.arrival-target{width:75px}.arrival-defective{width:80px;align-self:center;margin-top:15px!important}.arrival-defect-note{width:120px;flex-grow:1}.arrival-shipping{width:80px}.arrival-sale-ref{width:125px}.arrival-customer{width:85px}.arrival-photos{width:84px;position:relative}.arrival-photo-control{position:relative;display:block;height:33px;border:1px solid #9eb6aa;background:#fff;text-align:center;padding:6px 2px;overflow:hidden;cursor:pointer}.arrival-photo-control input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.arrival-photos small{position:absolute;top:0;right:0;font-size:9px;color:#687d72}.arrival-checked{width:59px;margin:0!important;align-self:center;padding-top:15px}.arrival-row-actions{display:flex;gap:3px;flex-shrink:0}.arrival-row-actions button{padding:6px!important;min-width:30px;min-height:33px}.arrival-existing-photos:empty{display:none}.arrival-existing-photos .photo-list{display:flex;margin-top:5px;gap:5px}.arrival-existing-photos img{max-width:40px;max-height:36px}.arrival-existing-photos a{font-size:9px}.arrival-variance{margin-top:10px}.arrival-variance textarea{min-height:50px!important}@media(max-width:650px){.arrival-meta-compact{grid-template-columns:minmax(0,1fr)}.arrival-row-compact{min-width:1120px}}
.arrival-row-compact .arrival-existing-photos{display:none!important}.arrival-photo-control input:focus-visible{outline:2px solid #111}.arrival-photos small a{background:#fff6be;color:#244e52;text-decoration:underline;font-size:9px}.arrival-variance>small{font-size:11px;color:#60776b;font-weight:400}

.arrival-meta-compact>label{display:grid;gap:5px}
/* Request workspace follows an A5 landscape sheet instead of stretching fields. */
body:has(#page-requests:not([hidden])) #metrics{display:none}#page-requests>.request-intro{max-width:210mm;margin:0 auto 12px;padding:9px 12px;gap:10px}#page-requests>.request-intro p{font-size:10px;margin:3px 0 0;line-height:1.5}#page-requests>.request-intro small{font-size:11px}#page-requests>.request-intro button{white-space:nowrap;font-size:12px;padding:8px 11px}#requestEditor{max-width:210mm;margin:0 auto 14px}#outboundRequestList,#page-requests>.sectionbar{max-width:960px;margin-left:auto;margin-right:auto}#outboundRequestList table{font-size:11px}#outboundRequestList td,#outboundRequestList th{padding:7px 8px;text-align:center;vertical-align:middle}#outboundRequestList button{font-size:10px;padding:5px 7px}#outboundRequestList td:last-child{white-space:nowrap}#outboundRequestList .request-ref{font-size:11px}#page-requests:has(#requestEditor:not([hidden]))>.sectionbar,#page-requests:has(#requestEditor:not([hidden]))>#outboundRequestList,#page-requests:has(#requestEditor:not([hidden]))>#outboundRequestDetail{display:none}#page-requests:has(#outboundRequestDetail:not([hidden]))>.sectionbar,#page-requests:has(#outboundRequestDetail:not([hidden]))>#outboundRequestList{display:none}
.request-detail{max-width:1100px;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important}.request-detail>.request-heading{max-width:210mm;margin:0 auto 9px;gap:8px;align-items:center}.request-detail>.request-heading h2{font-size:14px!important;margin:0!important}.request-detail>.request-heading small{font-size:10px}.request-detail>.request-heading .tabs{gap:4px;justify-content:flex-end;flex-wrap:wrap}.request-detail>.request-heading button{font-size:10px;padding:6px 8px;min-height:30px}.request-sheet-paper{width:210mm;max-width:100%;padding:8mm;margin:0 auto 14px;background:#fff;border:1px solid #ccd9d4;box-sizing:border-box}.request-paper-brand{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #ffe000;padding-bottom:8px;margin-bottom:9px;gap:12px}.request-paper-brand>b{font-size:17px;letter-spacing:-.6px}.request-paper-brand>b>span{font-size:10px;padding:3px 4px;background:#ffe000;letter-spacing:.6px;margin-left:4px}.request-paper-brand>strong{font:600 13px ui-monospace,monospace;white-space:nowrap}.request-meta-compact{display:flex;flex-wrap:wrap;align-items:center;gap:4px 15px;margin:0 0 10px;font-size:10px;line-height:1.6}.request-meta-compact>div{display:flex;align-items:baseline;gap:5px;background:none!important;padding:0!important;min-height:0!important}.request-meta-compact>div>span{font-size:10px;color:#657b70}.request-meta-compact b{font-size:10px;font-weight:500}.request-sheet-paper .request-lines-table{width:100%;min-width:0;table-layout:fixed;font-size:11px}.request-sheet-paper .request-lines-table th,.request-sheet-paper .request-lines-table td{text-align:center!important;vertical-align:middle!important;padding:6px 5px!important;line-height:1.45;overflow-wrap:anywhere}.request-sheet-paper .request-lines-table .request-model-inline{font:500 10px ui-monospace,monospace;white-space:normal}.request-sheet-paper .batch{font-size:9px;padding:1px 3px;white-space:nowrap}.request-sheet-paper .request-approval-note{padding:6px 8px;margin:9px 0 0;font-size:10px;line-height:1.5;min-height:0}.request-sheet-paper .callout{padding:5px 8px;margin:8px 0 0;font-size:9px;line-height:1.5;background:#f5f8f6}.request-sheet-paper .request-lines-table td:nth-child(3){font-weight:600}#requestCandidates{max-width:210mm;margin:0 auto 12px}#requestCandidates .request-stock-summary-table{font-size:10px;min-width:650px}#requestCandidates .request-stock-summary-table .request-stock-model{min-width:145px;font-size:10px}#requestCandidates .request-stock-summary-table td,#requestCandidates .request-stock-summary-table th{padding:5px 6px!important}.request-editor-compact{padding:14px!important;margin:0!important}.request-editor-compact>.request-heading{margin-bottom:10px}.request-editor-compact>.request-heading h2{font-size:17px;margin:0}.request-editor-compact .request-editor-meta{display:flex!important;align-items:end;flex-wrap:wrap;gap:8px!important;margin:0 0 5px}.request-editor-compact .request-date-field{width:135px!important}.request-editor-compact .request-applicant-field{width:120px!important}.request-editor-compact .request-viewer-hint{display:none}.request-editor-compact .request-sheet-upload{margin-left:4px;font-size:11px;padding:8px!important;min-height:33px}.request-editor-compact input,.request-editor-compact select{font-size:11px!important;min-height:33px!important;height:33px!important;padding:5px 7px!important}.request-editor-compact label{font-size:10px!important;gap:4px!important}.request-editor-compact .request-row-compact{padding:7px!important;margin:6px 0!important}.request-editor-compact .request-row-fields{display:grid!important;grid-template-columns:100px minmax(150px,1.4fr) 50px 112px minmax(75px,1fr) 52px!important;gap:6px!important;align-items:end}.request-editor-compact .request-row-controls{gap:3px}.request-editor-compact .request-row-controls button{padding:4px!important;min-width:24px!important;width:24px;height:33px!important;font-size:16px!important}.request-editor-compact .request-model-box button,.request-editor-compact .request-product-box button{padding:3px 5px!important;min-width:22px!important;width:22px!important}.request-editor-compact .request-sheet-help{font-size:10px;margin:5px 0!important;line-height:1.45}.request-editor-compact .request-form-actions{gap:7px;margin-top:10px;align-items:center}.request-editor-compact .request-form-actions button{font-size:11px;padding:7px 9px;min-height:32px}.request-editor-compact .request-save-hint{display:none}.request-editor-compact .request-stock-summary-table{font-size:9px}.request-editor-compact .request-editor-locations{margin-top:5px}.request-editor-compact .request-candidate-table td,.request-editor-compact .request-candidate-table th{padding:4px!important}.request-editor-compact .request-model-suggestions,.request-editor-compact .request-product-suggestions{font-size:11px}
@media(max-width:760px){.request-editor-compact .request-row-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 52px!important}.request-editor-compact .request-row-controls{justify-content:flex-end}.request-editor-compact .request-model-field{grid-column:auto}.request-sheet-paper{padding:12px}.request-paper-brand{flex-wrap:wrap;gap:5px}.request-paper-brand>strong{font-size:12px}.request-sheet-paper .request-lines-table{min-width:470px}.request-detail>.request-heading{align-items:start;flex-direction:column}.request-detail>.request-heading .tabs{justify-content:flex-start}.request-meta-compact{gap:3px 10px}.request-editor-compact .request-sheet-upload{margin-left:0}}

#requestPrintDialog{width:min(900px,calc(100vw - 20px));max-width:900px}.request-print-frame{width:100%}

#requestCandidates .request-stock-summary-table .request-stock-batch{max-width:100%;white-space:normal;overflow-wrap:anywhere}#requestCandidates .request-stock-summary-table .request-stock-batch>span{overflow-wrap:anywhere}.request-editor-compact .request-row-stock>summary{padding:3px 0;font-size:9px;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}.request-editor-compact .request-row-stock>summary small{font-size:9px;color:#6c7d75}.request-editor-compact .request-row-stock{margin:0;border:0;padding:0}
.request-editor-compact .request-product-entry{margin:12px 0;border-top:1px solid #d6e0db;padding-top:10px}.request-editor-compact .request-product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 5px}.request-editor-compact .request-product-toolbar h3{font-size:12px;font-weight:700;margin:0}.request-editor-compact .request-product-toolbar .tabs{display:flex;align-items:center;gap:5px}.request-editor-compact .request-product-toolbar button,.request-editor-compact .request-sheet-upload{height:32px;min-height:32px;padding:6px 9px!important;font-size:11px!important;background:#fff!important;color:#233632!important;border:1px solid #bccbc5!important;display:inline-flex;align-items:center;justify-content:center;margin:0!important;cursor:pointer}.request-editor-compact .request-row-fields{grid-template-columns:110px minmax(150px,1.4fr) 50px 112px minmax(75px,1fr) 28px!important}.request-editor-compact .request-row-controls .danger{background:white!important;color:#a32b32!important;border:1px solid #d6a4a8!important}.request-editor-compact .request-row-controls .danger:disabled{color:#a8b5ae!important;border-color:#d3dcd7!important;opacity:.65}.request-editor-compact .request-row-controls .danger:hover:not(:disabled){background:#fff0f1!important}.arrival-row-actions .danger{background:#fff;color:#a32b32;border-color:#d6a4a8}.request-detail .status-tag.approved,#outboundRequestList .status-tag.approved{background:#edf5f0;color:#2b6550}
@media(max-width:760px){.request-editor-compact .request-row-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 52px!important}.request-editor-compact .request-product-toolbar{align-items:start;flex-wrap:wrap;gap:7px}.request-editor-compact .request-product-toolbar .tabs{flex-wrap:wrap}}

.request-editor-compact .request-product-entry .request-row-fields{grid-template-columns:110px minmax(150px,1.4fr) 50px 112px minmax(75px,1fr) 28px!important}@media(max-width:760px){.request-editor-compact .request-product-entry .request-row-fields{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 52px!important}}

.request-editor-compact .request-product-toolbar{background:#244e52;color:#fff;padding:8px 10px;margin:0 -1px 8px}.request-editor-compact .request-product-toolbar h3{font-size:12px;color:#fff}.request-editor-compact .request-row-stock>summary{display:list-item!important}.request-editor-compact .request-row-stock>summary span{display:inline!important}.request-editor-compact .request-row-compact{background:#f1f6f3!important;border-color:#b7ccc0!important}.request-editor-compact .request-row-fields>label>span{color:#254e49;font-weight:600}.request-editor-compact input,.request-editor-compact select{border-color:#9eb5aa!important;background:#fff}.request-sheet-paper .request-lines-table th{background:#244e52!important;color:#fff!important;font-weight:600}.request-sheet-paper .request-lines-table td:nth-child(1){background:#e2eefb!important}.request-sheet-paper .request-lines-table td:nth-child(2){background:#e0efe6!important}.request-sheet-paper .request-lines-table td:nth-child(3){background:#f8e3e8!important}.request-sheet-paper .request-lines-table td:nth-child(4){background:#ffead3!important}.request-sheet-paper .request-lines-table td:nth-child(5){background:#fff3cf!important}#requestCandidates .request-stock-summary-table th{background:#244e52!important;color:#fff!important}#requestCandidates .request-stock-summary-table .request-stock-model{background:#e2eefb!important}#requestCandidates .request-stock-summary-table .request-stock-warehouse{background:#e0efe6!important}#requestCandidates .request-stock-summary-table .request-stock-store{background:#ffead3!important}#requestCandidates .request-stock-summary-table .request-stock-batch-cell{background:#f8e3e8!important}

@media(max-width:760px){body:has(#page-requests:not([hidden])) .heading-actions{display:flex;flex-wrap:wrap;max-width:100%;min-width:0;gap:6px}body:has(#page-requests:not([hidden])) #roleTag{white-space:normal;font-size:11px;max-width:100%}}
.request-editor-compact .request-editor-meta>label,.request-editor-compact .request-product-entry .request-row-fields>label{text-align:center!important}.request-editor-compact .request-product-entry .request-row-fields>label>span,.request-editor-compact .request-editor-meta>label>span{width:100%;text-align:center!important}.request-editor-compact input:not([type=file]),.request-editor-compact select{text-align:center!important;text-align-last:center!important}.request-editor-compact .request-product-suggestions button,.request-editor-compact .request-model-suggestions button{text-align:center!important}.request-editor-compact .request-row-stock>summary{text-align:center!important}#requestCandidates .request-candidate-table th,#requestCandidates .request-candidate-table td,#requestReviewLines .request-candidate-table th,#requestReviewLines .request-candidate-table td{text-align:center!important;vertical-align:middle!important}#requestCandidates .request-stock-zones,#requestReviewLines .request-stock-zones{justify-content:center!important}.arrival-row-compact .arrival-row-grid>label{text-align:center!important}.arrival-row-compact .arrival-row-grid input:not([type=file]),.arrival-row-compact .arrival-row-grid select{text-align:center!important;text-align-last:center!important}
/* Inventory map only: visual frame, shared metric/filter grid, independent details. */
body:has(#page-map:not([hidden])){background:#fff;color:#111}
body:has(#page-map:not([hidden])) header,body:has(#page-map:not([hidden])) .sidebar{background:#000}
body:has(#page-map:not([hidden])) main{background:#fff;padding:16px 20px;min-width:0}
body:has(#page-map:not([hidden])) .heading{margin-bottom:12px;gap:12px}
body:has(#page-map:not([hidden])) .heading h1{font-size:26px;color:#111}
body:has(#page-map:not([hidden])) .heading small{color:#555}
body:has(#page-map:not([hidden])) .heading-actions .button,body:has(#page-map:not([hidden])) .heading-actions button,body:has(#page-map:not([hidden])) .heading-actions .tag{height:34px;display:inline-flex;align-items:center;font-size:11px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111!important}
body:has(#page-map:not([hidden])) #metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 8px;width:100%}
body:has(#page-map:not([hidden])) #metrics .metric{min-width:0;padding:10px 14px;border:1px solid #e5e7eb;border-left:4px solid #ffde00;border-radius:8px!important;background:#fff;text-align:left;color:#111;box-shadow:none}
body:has(#page-map:not([hidden])) #metrics .metric b{font-size:28px;line-height:1.25;margin:3px 0;font-weight:650;color:#111}
body:has(#page-map:not([hidden])) #metrics .metric small{font-size:11px;line-height:1.4;color:#525252}
body:has(#page-map:not([hidden])) #inventoryFilters{width:100%;min-width:0}
body:has(#page-map:not([hidden])) #inventoryFilters .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:14px;row-gap:5px;padding:0;border:0;background:#fff;align-items:end}
body:has(#page-map:not([hidden])) #inventoryFilters .filters>label{grid-row:2;min-width:0;font-size:12px;color:#111;gap:5px}
body:has(#page-map:not([hidden])) #inventoryFilters .filters>label input,body:has(#page-map:not([hidden])) #inventoryFilters .filters>label select{width:100%;min-width:0;max-width:none;height:42px;min-height:42px;padding:8px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111}
body:has(#page-map:not([hidden])) #clear{grid-column:1/-1;grid-row:1;justify-self:end;height:27px;min-height:27px;padding:3px 9px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;font-size:11px}
body:has(#page-map:not([hidden])) #searchStatus{min-height:0;padding:6px 0 8px;font-size:11px;line-height:1.45;color:#525252}
#page-map .maplayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:14px;align-items:stretch;height:var(--stock-map-frame-height,440px);min-height:0}
#page-map .mapcard,#page-map .maplayout>aside{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;overflow:hidden;box-shadow:none}
#page-map .toolbar,#page-map .paneltitle{background:#000;color:#fff;min-height:46px;padding:8px 10px;gap:8px;flex:none;font-weight:500}
#page-map .toolbar{flex-wrap:wrap}
#page-map .toolbar button,#page-map .paneltitle button{height:30px;min-height:30px;font-size:11px;padding:4px 8px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;font-weight:500}
#page-map .toolbar button.active{background:#ffde00;border-color:#ffde00;color:#111;font-weight:600}
#page-map .toolbar>div:last-child{gap:5px;align-items:center;display:flex}
#page-map #zoom{color:#fff;padding-left:3px}
#page-map .viewport{flex:1 1 0;height:auto;min-height:0;width:100%;overflow:hidden;background:#fff}
#page-map #map{display:block;width:100%;height:100%}
#page-map .legend{background:#fff;color:#333;border-top:1px solid #e5e7eb;font-size:10px;line-height:1.4;gap:6px;padding:7px 10px;flex:none}
#page-map #mapNote{font-size:10px;line-height:1.4;color:#555;padding:0 10px;margin:0 0 7px;flex:none}
#page-map #zoneTitle{color:#111;font-size:20px;line-height:1.3;padding:10px 12px 2px;flex:none}
#page-map #subzones{padding:0 12px;flex:none}
#page-map #subzones:empty{padding:0}
#page-map #subzones button{padding:4px 8px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111}
#page-map #subzones button.active{background:#ffde00}
#page-map #zoneNote{font-size:11px;line-height:1.4;color:#555;padding:0 12px;margin:3px 0;flex:none}
#page-map #zoneSummary{color:#111;padding:4px 12px 8px;font-size:12px;flex:none}
#page-map #zoneTable{flex:1 1 0;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;background:#fff}
#page-map #zoneTable table{width:100%;font-size:12px;border-collapse:collapse}
#page-map #zoneTable th{background:#f8f9fa!important;color:#111;padding:8px 9px;font-size:11px;font-weight:500;border-bottom:1px solid #e5e7eb}
#page-map #zoneTable tbody td{background:#fff!important;padding:8px 9px;vertical-align:middle;color:#111;border-bottom:1px solid #e5e7eb;font-size:11px}
#page-map #zoneTable th:nth-child(n+2),#page-map #zoneTable td:nth-child(n+2){text-align:center}
#page-map #zoneTable td.number{font-size:14px;font-weight:600;text-align:center!important;font-variant-numeric:tabular-nums}
#page-map #zoneTable .request-availability{display:block;width:100%;text-align:center!important;font-size:10px;font-weight:400;line-height:1.4;color:#23783c;white-space:nowrap;margin-top:1px}
#page-map #zoneTable td details{color:#555;font-weight:400}
#page-map #zoneTable .batch{display:inline-flex;align-items:center;justify-content:center;min-width:57px;min-height:22px;font-size:10px;padding:2px 4px;line-height:1.3;border-radius:5px!important;background:#fff}
#page-map #zoneTable .batch.second{border:2px solid #d12c32;color:#9c1d21}
#page-map #zoneTable .jump{min-width:25px;height:25px;padding:2px 5px;border:1px solid #e5e7eb;border-radius:6px!important;background:#fff;color:#111}
@media(max-width:1100px){body:has(#page-map:not([hidden])) main{padding:14px}#page-map .maplayout{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}body:has(#page-map:not([hidden])) #metrics .metric{padding:9px 10px}}
@media(max-width:900px){
 body:has(#page-map:not([hidden])) #metrics,body:has(#page-map:not([hidden])) #inventoryFilters .filters{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
 body:has(#page-map:not([hidden])) #inventoryFilters .filters>label{grid-row:auto}
 body:has(#page-map:not([hidden])) #metrics .metric b{font-size:25px}
 #page-map .maplayout{grid-template-columns:minmax(0,1fr);height:auto;gap:14px}
 #page-map .mapcard{height:auto}
 #page-map .viewport{height:clamp(300px,54dvh,520px);flex:none;min-height:0}
 #page-map .maplayout>aside{height:460px;max-height:70dvh}
}
@media(max-width:650px){
 body:has(#page-map:not([hidden])) main{padding:12px;max-width:100%;overflow-x:clip}
 body:has(#page-map:not([hidden])) .heading{gap:9px;align-items:start}
 body:has(#page-map:not([hidden])) .heading h1{font-size:23px}
 body:has(#page-map:not([hidden])) .heading-actions{gap:5px}
 body:has(#page-map:not([hidden])) .heading-actions .button,body:has(#page-map:not([hidden])) .heading-actions button,body:has(#page-map:not([hidden])) .heading-actions .tag{height:auto;min-height:30px;font-size:10px;padding:5px 7px}
 body:has(#page-map:not([hidden])) #metrics{gap:10px 12px}
 body:has(#page-map:not([hidden])) #metrics .metric{padding:9px 10px}
 body:has(#page-map:not([hidden])) #metrics .metric small{font-size:10px}
 #page-map .toolbar{padding:7px 8px;gap:6px}
 #page-map .toolbar button{font-size:10px;padding:4px 7px}
 #page-map .legend{flex-direction:column;gap:2px;padding:6px 9px}
 #page-map #zoneTitle{font-size:19px}
 #page-map #zoneTable .model{white-space:nowrap}
}

/* 3.2.7 One parent button on every signed-in page except the map home. */
.global-parent-nav{display:flex;align-items:center;margin:0 0 10px}.global-parent-nav[hidden]{display:none!important}.global-parent-nav button{display:inline-flex;align-items:center;gap:6px;min-height:34px;height:34px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#171717;font:400 13px inherit;cursor:pointer}.global-parent-nav button:hover{background:#fffbea}.global-parent-nav button:focus-visible{outline:2px solid #ffde00;outline-offset:2px}body:has(#pageBackNav:not([hidden])) #backToRequestList,body:has(#pageBackNav:not([hidden])) #salesOrdersRoot [data-so="back"]{display:none!important}.pickup-back-nav:has(#backToRequestList){display:none!important}@media print{.global-parent-nav{display:none!important}}

/* Shared full-model candidate list: anchored to the field, outside clipped panels. */
.catalog-model-suggestions{position:fixed;z-index:1100;box-sizing:border-box;overflow:auto;overscroll-behavior:contain;background:#fff;color:#171717;border:1px solid #e5e7eb;border-radius:8px;padding:4px;box-shadow:0 4px 12px #00000012;font-size:14px}
.catalog-model-suggestions[hidden]{display:none!important}
.catalog-model-heading{padding:7px 10px;font-size:12px;color:#62666c;border-bottom:1px solid #e5e7eb}
.catalog-model-option{padding:10px;min-height:38px;box-sizing:border-box;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:normal;overflow-wrap:anywhere;font-weight:500;line-height:1.35;border-radius:4px}
.catalog-model-option:hover{background:#f6f7f8}.catalog-model-option.is-active{background:#fff6c7;outline:1px solid #ffde00;outline-offset:-1px}

/* Outbound V2: a compact entry grid; A5 belongs to the separate print document. */
#page-requests.request-v2{width:100%;max-width:1200px;margin:0 auto;color:#1e2725}
#page-requests.request-v2 .request-v2-intro{display:block;max-width:none;padding:0;margin:0 0 16px;border:0;background:none}
.request-v2-intro small{font-size:13px;color:#66706d;letter-spacing:.15px}
#page-requests.request-v2 #requestEditor{max-width:none;width:100%;margin:0 0 24px}
.request-v2-editor{padding:0;background:#fff;border:1px solid #dde3df;border-top:3px solid #ffe000}
.request-editor-caption{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0;gap:12px}
.request-editor-caption h2{margin:0;font-size:18px;font-weight:700}
.request-editor-caption .request-draft-tag{font-size:12px;color:#77817c}
.request-basic-info{display:flex;flex-wrap:wrap;gap:20px;align-items:end;padding:18px 20px 20px}
.request-basic-info>label{display:grid;gap:6px;width:170px;font-size:12px;color:#5c6963}
.request-basic-info input{height:36px;min-height:36px;padding:7px 10px;font-size:13px;text-align:center;border:1px solid #ccd5cf;background:#fff}
.request-basic-info input[readonly]{background:#f7f8f7;color:#39463f}
.request-basic-state{display:grid;gap:6px;font-size:12px;color:#5c6963}
.request-basic-state output{display:flex;align-items:center;height:36px;min-width:110px;padding:0 12px;background:#f4f6f4;color:#39463f;font-size:13px;border-left:2px solid #b4c2b9}
.request-v2-editor .request-product-entry{margin:0;padding:0;border:0}
.request-product-title{display:flex;align-items:center;justify-content:space-between;background:#17251f;color:white;padding:14px 20px;min-height:48px}
.request-product-title h3{font-size:16px;line-height:1.3;font-weight:650;margin:0;color:inherit}
.request-entry-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;color:#747d78;font-size:12px}
.request-entry-tools .file-button{display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#27352e;border:1px solid #d2dad5;background:#fff;min-height:36px;padding:8px 12px;margin:0;white-space:nowrap;cursor:pointer}
.request-entry-tools .file-button:hover{background:#f8f9f8;border-color:#a5b7ab}
.request-entry-scroll{width:100%;max-width:100%;overflow:auto;overscroll-behavior:contain;padding:0 14px}
.request-entry-table{width:100%;min-width:1000px;table-layout:fixed;border-collapse:collapse;font-size:13px;background:#fff}
.request-entry-table .entry-col-index{width:44px}.request-entry-table .entry-col-name{width:140px}.request-entry-table .entry-col-model{width:32%}.request-entry-table .entry-col-qty{width:74px}.request-entry-table .entry-col-purpose{width:160px}.request-entry-table .entry-col-note{width:18%}.request-entry-table .entry-col-action{width:72px}
.request-entry-table thead th{font-size:12px;font-weight:600;color:#505e55;text-align:center;padding:10px 6px;background:#f6f8f6;border:0;border-bottom:1px solid #dce3de;white-space:nowrap}
.request-entry-table .request-entry-row{padding:0!important;margin:0!important;border:0!important;background:#fff!important}
.request-entry-table .request-entry-row>td{padding:5px 6px!important;height:44px;vertical-align:middle!important;text-align:center!important;background:#fff!important;border:0;border-bottom:1px solid #e8ede9;line-height:1.3}
.request-entry-table .request-entry-row:hover>td{background:#f6f8f7!important}
.request-entry-table .request-entry-row.is-current>td,.request-entry-table .request-entry-row:focus-within>td{background:#fffbe8!important}
.request-entry-table .request-row-index{font-size:12px;color:#8b948e;font-variant-numeric:tabular-nums}
.request-entry-table input,.request-entry-table select{display:block;width:100%;height:32px!important;min-height:32px!important;border:1px solid #dbe1dd!important;background:#fff!important;font-size:12px!important;padding:5px 7px!important;line-height:1.4;min-width:0;text-align:center!important;text-align-last:center!important;box-shadow:none}
.request-entry-table input:focus,.request-entry-table select:focus{outline:2px solid #e1c800;outline-offset:0;border-color:#c5b000!important}
.request-entry-table input[data-request-field=model]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:600;font-size:12px!important;letter-spacing:.1px}
.request-entry-table input[data-request-field=quantity]{font-variant-numeric:tabular-nums}
.request-entry-table .request-model-picker,.request-entry-table .request-product-picker{position:relative;width:100%;min-width:0}
.request-entry-table .request-model-box,.request-entry-table .request-product-box{display:flex;align-items:center;gap:0;border:0;background:none;min-width:0}
.request-entry-table .request-model-box input,.request-entry-table .request-product-box input{flex:1 1 auto;border-right:0!important}
.request-entry-table .request-model-box>button,.request-entry-table .request-product-box>button{height:32px;min-height:32px;min-width:23px;padding:4px;flex:0 0 auto;font-size:12px;color:#718178;border:1px solid #dbe1dd;border-left:0;background:#fff}
.request-entry-table .request-model-box>button[data-request-stock]{min-width:34px;border-left:1px solid #e6eae7;font-size:10px}
.request-entry-table .request-delete-line{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;min-height:30px;padding:4px 3px;min-width:54px;background:#fff;color:#aa3840;border:1px solid transparent;font-size:11px;white-space:nowrap}
.request-entry-table .request-delete-line>span>span{display:inline}
.request-entry-table .request-delete-line:hover:not(:disabled){border-color:#d5a0a5;background:#fff3f4}
.request-entry-table .request-delete-line:disabled{color:#b4bdb7;opacity:.6;cursor:not-allowed}
.request-v2-editor .request-product-suggestions,.request-v2-editor .request-model-suggestions{position:fixed!important;z-index:1000;max-height:230px;overflow:auto;padding:4px;background:white;border:1px solid #b9c8be;box-shadow:0 3px 8px #182b2115;box-sizing:border-box}
.request-v2-editor .request-product-suggestions button,.request-v2-editor .request-model-suggestions button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:0;background:white;white-space:normal;text-align:left;font-size:12px;color:#29392f}
.request-v2-editor .request-model-suggestions b{font:600 12px ui-monospace,monospace;overflow-wrap:anywhere}
.request-v2-editor .request-model-suggestions small{font-size:10px;color:#7f8c84;flex-shrink:0}
.request-v2-editor .request-model-suggestions button:hover,.request-v2-editor .request-product-suggestions button:hover,.request-v2-editor .request-model-suggestions button.active,.request-v2-editor .request-product-suggestions button.active{background:#fff7cf}
.request-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px 18px;font-size:12px;color:#7d8780}
.request-entry-footer button{height:36px;min-height:36px;padding:7px 12px;border:1px solid #c6b600;background:white;font-size:13px;color:#233229}
.request-stock-reference{margin:10px 20px 0;border:1px solid #e4e9e5;background:#fbfcfb;font-size:11px;color:#647269}
.request-stock-reference>p{margin:0;padding:8px 10px}
.request-stock-reference summary{padding:8px 10px;cursor:pointer;font-size:11px}
.request-stock-reference .request-candidate-table{font-size:10px;min-width:800px}
.request-stock-reference .request-candidate-table th,.request-stock-reference .request-candidate-table td{padding:6px!important;text-align:center!important;vertical-align:middle!important}
.request-stock-reference .request-stock-zones{justify-content:center}
.request-stock-reference .request-stock-batch{white-space:normal;max-width:100%;overflow-wrap:anywhere;background:#fff}
.request-v2-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #e3e9e4;background:#fff}
.request-v2-actions button{font-size:13px;height:38px;min-height:38px;padding:8px 14px}
.request-v2-actions .tabs{gap:7px;flex-wrap:wrap}
.request-v2-actions button.primary{background:#ffe000;color:#111;border-color:#cfba00;font-weight:650}
.request-v2-editor .request-field-error:not(:empty){padding:10px 20px;font-size:12px}
#page-requests.request-v2>.request-list-tools{max-width:none;display:flex!important;align-items:end;justify-content:space-between;margin:20px 0 10px;gap:12px;flex-wrap:wrap}
.request-list-tools>label{font-size:12px}.request-list-tools select{height:36px;min-height:36px;padding:7px 10px;font-size:12px}
.request-list-tools .tabs{gap:7px}.request-list-tools button{height:36px;min-height:36px;padding:7px 12px;font-size:12px}
#page-requests.request-v2:has(#requestEditor:not([hidden])) #newOutboundRequest{display:none!important}
#page-requests.request-v2>#outboundRequestList{max-width:none;width:100%;display:block!important}
#page-requests.request-v2>#outboundRequestDetail{margin-top:22px}
#page-requests.request-v2:has(#requestEditor:not([hidden]))>#outboundRequestDetail{display:none!important}
.request-v2 .request-records-table{width:100%;min-width:1000px;font-size:12px}
.request-v2 .request-records-table th{background:#f1f5f2;padding:10px 8px!important}
.request-v2 .request-records-table td{padding:8px!important;vertical-align:middle}
.request-v2 .request-records-table .request-record-actions{white-space:normal!important;min-width:260px}
.request-record-actions>div{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:2px 0}
.request-v2 .request-record-actions button{font-size:10px;padding:4px 6px;min-height:28px;background:#fff}
.request-v2 .request-record-actions button.danger{color:#a2343b;border-color:#d7a7ab}
.request-submit-success{border:1px solid #d7e1d9;border-left:3px solid #bea900;background:#fffef6;padding:16px 20px;margin:18px 0}
.request-success-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.request-success-heading h3{margin:0;font-size:16px;color:#26392e}.request-success-heading button{padding:4px 8px;font-size:11px;background:#fff}
.request-success-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:12px;color:#6d7970;margin:12px 0}.request-success-meta b{color:#26392e;font-weight:600;margin-left:5px}
.request-success-actions{display:flex;flex-wrap:wrap;gap:8px}.request-success-actions button{min-height:36px;padding:7px 12px;font-size:12px;background:#fff}
#page-requests.request-v2 .request-detail{max-width:none!important}
#page-requests.request-v2 .request-detail>.request-heading{max-width:none;margin-bottom:12px;gap:14px;flex-wrap:wrap}
#page-requests.request-v2 .request-detail>.request-heading h2{font-size:18px!important}
#page-requests.request-v2 .request-detail>.request-heading button{font-size:12px;min-height:34px;padding:7px 10px}
#page-requests.request-v2 .request-sheet-paper{width:100%;max-width:none;padding:18px 20px;border:1px solid #e0e5e1;margin-bottom:16px}
.request-v2 .request-paper-brand{border-bottom:2px solid #e6ce00;padding-bottom:12px}
.request-v2 .request-paper-brand>strong{font-size:16px}
.request-v2 .request-meta-compact{font-size:12px;gap:6px 22px;margin-bottom:14px}
.request-v2 .request-meta-compact>div>span,.request-v2 .request-meta-compact b{font-size:12px}
.request-v2 .request-sheet-paper .request-lines-table{font-size:12px;min-width:900px}
.request-v2 .request-sheet-paper .request-lines-table th{font-size:12px;color:#394d40!important;background:#f0f4f1!important;padding:9px!important}
.request-v2 .request-sheet-paper .request-lines-table td{background:#fff!important;font-size:12px;padding:9px!important;border-bottom:1px solid #e7ece8}
.request-v2 .request-sheet-paper .request-lines-table .request-model-inline{font-size:12px;font-weight:600;overflow-wrap:anywhere}
.request-v2 .request-sheet-paper .request-approval-note{background:#fbfcfb;border-color:#e0e7e2;padding:9px 10px;font-size:12px}
.request-v2 .request-sheet-paper .callout{padding:7px 10px;font-size:11px}
#page-requests.request-v2 #requestCandidates{max-width:none;margin-top:16px}
.request-v2 *{border-radius:0!important}
#page-requests.request-v2 .request-detail-tools{justify-content:flex-end}
#page-requests.request-v2 .request-paper-brand{padding-bottom:16px;margin-bottom:0;border-bottom:2px solid #ffe000}
.request-document-title{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:18px 0}
#page-requests.request-v2 .request-document-title h2{grid-column:2;text-align:center;margin:0;font-size:21px;font-weight:700}
.request-document-status{grid-column:3;justify-self:end;font-size:13px;font-weight:500;color:#59655d}
.request-primary-meta{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:#747b76;margin:0 0 22px}
.request-primary-meta b{font-weight:500;color:#4e5952;margin-left:9px}
.request-v2 .request-sheet-paper .request-lines-table th{background:#f7f8f7!important;padding:12px 8px!important}
.request-v2 .request-sheet-paper .request-lines-table td{padding:13px 8px!important;vertical-align:middle!important}
.request-v2 .request-sheet-paper .request-lines-table th.request-pickup-column{background:#fff1a3!important;border-bottom:2px solid #d4b900;color:#2b2a14!important;font-size:13px}
.request-v2 .request-sheet-paper .request-lines-table td.request-pickup-column{background:#fffbed!important}
.request-pickup-place{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px 8px;margin:3px 0}
.request-pickup-place strong{font-size:19px;line-height:1.2;font-weight:800;color:#111}
.request-pickup-place .batch{background:#fff;font-size:11px}
.request-pickup-qty{font-size:12px;font-weight:650;white-space:nowrap}
.request-pickup-pending{font-size:11px;color:#8b7746}
.request-document-summary{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:20px 0 24px}
.request-document-summary>b{font-size:16px;font-weight:500}
.request-document-summary>span{max-width:55%;font-size:12px;color:#757e77;white-space:pre-wrap;overflow-wrap:anywhere}
.request-trace{font-size:11px;color:#8a938c;margin-top:8px}
.request-trace summary{cursor:pointer;width:max-content;max-width:100%}
.request-trace>div{display:flex;flex-wrap:wrap;gap:8px 22px;padding-top:9px;font-variant-numeric:tabular-nums}
.request-document-foot{margin:17px 0 0;padding-top:16px;border-top:1px solid #e8ece8;font-size:12px;color:#7b847d}
@media(max-width:760px){.request-basic-info{gap:10px;padding:14px}.request-basic-info>label{width:calc(50% - 5px)}.request-basic-state{width:100%}.request-basic-state output{max-width:170px}.request-editor-caption{padding:14px 14px 0;align-items:start;flex-wrap:wrap}.request-editor-caption h2{font-size:17px}.request-entry-tools{padding:12px 14px;align-items:start;flex-wrap:wrap}.request-product-title{padding:13px 14px}.request-product-title h3{font-size:15px}.request-entry-scroll{padding:0 8px}.request-entry-footer{padding:12px 14px}.request-stock-reference{margin-left:14px;margin-right:14px}.request-v2-actions{padding:14px;align-items:start;flex-wrap:wrap}.request-v2-actions .tabs{justify-content:flex-start}.request-success-meta{gap:7px}.request-v2 .request-sheet-paper{padding:14px}.request-success-actions{gap:5px}.request-submit-success{padding:14px}.request-v2 .request-paper-brand{flex-wrap:wrap}.request-v2 .request-paper-brand>strong{font-size:14px}}

/* One request workspace at a time: list, editor, or explicitly opened details. */
#page-requests.request-v2[data-request-view]:not([data-request-view="list"])>.request-list-tools,
#page-requests.request-v2[data-request-view]:not([data-request-view="list"])>#outboundRequestList{display:none!important}
#page-requests.request-v2[data-request-view]:not([data-request-view="detail"])>#outboundRequestDetail,
#page-requests.request-v2[data-request-view]:not([data-request-view="editor"])>#requestEditor{display:none!important}
#page-requests.request-v2[data-request-view="detail"]>.request-v2-intro{display:none}
#page-requests.request-v2[data-request-view="detail"]>#outboundRequestDetail{margin-top:0}

.request-entry-tools .request-capture-entry{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;min-height:36px;padding:8px 12px;margin:0;font-size:12px;white-space:nowrap;color:#27352e;background:#fff;border:1px solid #c5cec7}
.request-capture-entry svg{flex:none}
.request-capture-dialog{width:min(430px,94vw);border-radius:0}
.request-capture-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px}
.request-capture-choices>button,.request-capture-choices>label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:104px;padding:16px;font-size:14px;background:#fff;border:1px solid #c9d1cb;color:#243429;cursor:pointer}
.request-capture-choices>button:hover,.request-capture-choices>label:hover{background:#fffbea;border-color:#c7b600}
.request-capture-choices svg{width:26px;height:26px}
.request-camera-dialog{width:min(680px,94vw);border-radius:0}
.request-camera-body{padding:18px;background:#fff}.request-camera-body video{display:block;width:100%;max-height:50vh;min-height:180px;background:#171d19;object-fit:contain}.request-camera-body p{font-size:13px;color:#667568}.request-camera-body .tabs{justify-content:flex-end}.request-camera-body button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;font-size:13px}

/* Request list opens by number; pickup action stays beside its business field. */
.request-v2 .request-number-link{border:0;background:transparent;color:#173e46;font:650 12px ui-monospace,monospace;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;padding:5px}.request-v2 .request-number-link:hover{background:#fff5bf;color:#111}.request-v2 .request-pickup-arrange{border:1px solid #c4a900;color:#5d4c00;background:#fff1a1;padding:7px 10px;font-size:12px;cursor:pointer}.request-v2 .request-pickup-arrange:hover{background:#ffdf00;color:#111}.request-v2 .request-records-table td:first-child{width:44px;text-align:center;background:#fff}

/* Pickup arrangement only. Intentional local rounded styling from the approved reference. */
.request-v2 .pickup-arrangement-page{background:#fff;padding:18px;border:0}.pickup-arrangement-page>.request-sheet-paper,.pickup-arrangement-page>#requestCandidates,.pickup-arrangement-page>#requestFlowPanel,.pickup-arrangement-page #requestReviewForm>.callout{display:none!important}.pickup-arrangement-page .request-detail-tools{margin-bottom:14px}.pickup-arrangement-page .pickup-page-heading{display:flex;justify-content:space-between;align-items:center;background:#fff;color:#111;border:0;padding:0;min-height:40px;height:auto;gap:16px;flex-wrap:wrap}.pickup-page-heading h2{font-size:22px;margin:0;border-left:7px solid #ffdf00;padding-left:10px;line-height:1.5}.pickup-page-heading>span{font-size:13px}.pickup-progress{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:5px;margin:16px 0}.pickup-progress>span{background:#f6f7f8;text-align:center;padding:11px 6px;font-weight:650;border-radius:10px!important}.pickup-progress>span.current{background:#fff6d5;border:1px solid #ffdf00}.pickup-progress i{font-style:normal;font-size:25px;text-align:center}.pickup-application-meta{display:flex;flex-wrap:wrap;gap:12px 26px;background:#f6f7f8;padding:10px 16px;font-size:14px;border-radius:10px!important}.pickup-module-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 12px}.pickup-module-heading h3{font-size:19px;border-left:7px solid #ffdf00;padding-left:10px;margin:0}.pickup-module-heading small{display:flex;align-items:center;gap:6px;font-size:12px}.pickup-loose-key{width:18px;height:18px;background:#ffe18a;border:1px solid #e5cf85;border-radius:6px!important}.pickup-arrangement-page #requestReviewForm{margin:0;border:0;padding:0;background:#fff}.pickup-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:10px!important}.pickup-arrangement-page table.pickup-arrangement-table{width:100%;min-width:980px;table-layout:fixed;border-collapse:collapse;background:#fff}.pickup-arrangement-table th{background:#f6f7f8!important;color:#111!important;text-align:center!important;font-size:14px;padding:11px 8px!important;border:1px solid #e5e7eb!important}.pickup-arrangement-page .pickup-arrangement-table td{padding:8px!important;background:#fff!important;border:1px solid #e5e7eb!important;text-align:center!important;vertical-align:middle!important}.pickup-arrangement-page .request-review-line{background:#fff!important;border:0;margin:0;padding:0}.pickup-arrangement-page input.pickup-model{background:#e1f2ff!important;color:#111!important;font-size:15px!important;font-weight:700!important;text-align:center;width:100%;padding:12px 6px;border:1px solid transparent;border-radius:10px!important;min-width:0}.pickup-request-quantity{font-size:19px!important;color:#111}.pickup-line-note{margin-top:8px;text-align:left;font-size:11px}.pickup-line-note summary{font-size:11px}.pickup-line-note input{width:100%;min-width:0;margin-top:6px}.pickup-area-grid{display:flex;gap:8px;flex-wrap:wrap;text-align:left}.pickup-area-card{flex:1 1 128px;min-width:128px;max-width:230px;background:#fff;border:1px solid #e5e7eb;border-radius:10px!important;padding:8px 10px;color:#111}.pickup-store-candidates .pickup-area-card{max-width:none;flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.pickup-area-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pickup-zone{font-size:16px;font-weight:400!important;background:none;color:#111}.pickup-batch{font-size:12px;font-weight:400;white-space:nowrap}.pickup-batch.second{border:2px solid #c52d35;padding:0 3px}.pickup-boxes{display:flex;gap:3px;align-items:center;flex-wrap:wrap;margin:6px 0;color:#111;font-size:14px!important;font-weight:400!important}.pickup-box-term{display:inline-flex;align-items:center;gap:3px;font-size:14px!important;font-weight:400!important}.pickup-operator{font-size:14px!important;font-weight:400!important}.pickup-loose{background:#ffe18a;border-radius:6px!important;padding:2px 7px}.pickup-box-unknown{font-size:12px;color:#667067}.pickup-input-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.pickup-arrangement-page .request-allocation-quantity{width:65px;min-width:50px;height:30px;padding:2px 6px;text-align:center;font-size:15px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff}.pickup-area-card>small{display:block;font-size:10px;color:#7a827d}.pickup-no-stock{background:#f6f7f8;padding:16px;border-radius:10px!important;color:#70776f}.pickup-arrangement-page .request-selected-total{margin:0;padding:0;font-size:16px;background:transparent;color:#111;font-weight:400}.pickup-arrangement-page .request-selected-total>span{display:block;white-space:nowrap}.pickup-arrangement-page .request-selected-total small{display:inline-block;margin-top:5px;background:#f6f7f8;font-size:11px;padding:2px 5px;border-radius:6px!important}.pickup-arrangement-page .request-selected-total b{font-weight:400}.pickup-arrangement-page .request-review-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px 12px;background:#fff8dd;border-radius:10px!important}.pickup-footer-total{margin-right:auto;font-size:15px}.pickup-arrangement-page .request-review-actions button{height:38px;border-radius:8px!important;border:1px solid #e5e7eb;background:#fff;padding:7px 18px;font-size:14px}.pickup-arrangement-page .request-review-actions .primary{background:#ffdf00;border-color:#e3c800;color:#111}.pickup-arrangement-page .request-review-actions .danger{color:#a52b2b}.pickup-arrangement-page .request-review-actions [value=reject]{font-size:12px;padding:6px 9px}@media(max-width:720px){.request-v2 .pickup-arrangement-page{padding:10px}.pickup-progress{font-size:11px}.pickup-module-heading{flex-wrap:wrap}.pickup-page-heading h2{font-size:19px}}

body:has(.pickup-arrangement-page) main{background:#fff}.pickup-arrangement-page .pickup-box-unknown{font-size:14px;font-weight:400}

body:has(.pickup-arrangement-page) main>.heading{display:none!important}body:has(.pickup-arrangement-page) #page-requests>.request-intro{display:none!important}.pickup-arrangement-page .request-detail-tools{display:none!important}.pickup-back-nav{display:flex;align-items:center;margin:0 0 16px}.pickup-arrangement-page .pickup-back-nav button{display:inline-flex;align-items:center;gap:6px;padding:5px 0;border:0;background:#fff;color:#26362d;font-size:14px;border-radius:0!important}.pickup-back-nav button:hover{color:#756300;text-decoration:underline;text-underline-offset:4px}.pickup-back-nav svg{width:18px!important;height:18px!important;cursor:inherit;touch-action:auto}
/* Final typography refinement, pickup page only. */
.pickup-arrangement-page .pickup-page-heading h2{font-size:18px;font-weight:500;line-height:1.5}
.pickup-arrangement-page .pickup-module-heading h3{font-size:16px;font-weight:500;line-height:1.5}
.pickup-arrangement-page .pickup-arrangement-table th{font-size:13px!important;font-weight:400!important}

.pickup-arrangement-page .pickup-batch{display:inline-flex;align-items:center;gap:8px}

/* Batch dates are distinguished by size, without a divider. */
.pickup-arrangement-page .pickup-batch{font-size:11px;font-weight:400}
/* Approval list only: preserve request editor, pickup arrangement and other modules. */
body:has(#page-requests[data-approval-list="true"][data-request-view="list"]:not([hidden])) main{background:#fff;min-width:0;padding-top:22px}
body:has(#page-requests[data-approval-list="true"][data-request-view="list"]:not([hidden])) .heading{max-width:1200px;margin:0 auto 20px;align-items:center}
body:has(#page-requests[data-approval-list="true"][data-request-view="list"]:not([hidden])) .heading h1{font-size:28px;color:#171717;line-height:1.3;margin:8px 0 0}
body:has(#page-requests[data-approval-list="true"][data-request-view="list"]:not([hidden])) .heading-actions{display:none!important}
#page-requests[data-approval-list="true"][data-request-view="list"]{color:#171717;min-width:0;max-width:1200px}
#page-requests[data-approval-list="true"][data-request-view="list"]>.request-intro{display:none}
#page-requests[data-approval-list="true"] .request-approval-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 20px}
#page-requests[data-approval-list="true"] .request-approval-summary article{border:1px solid #e5e7eb;background:#fff;padding:18px 22px;border-radius:8px!important}
#page-requests[data-approval-list="true"] .request-approval-summary article:first-child{background:#fffbe5;border-color:#f3df81}
#page-requests[data-approval-list="true"] .request-approval-summary article>span{font-size:13px;font-weight:500}
#page-requests[data-approval-list="true"] .request-approval-summary strong{display:block;font-size:29px;line-height:1.2;font-weight:650;margin-top:10px;font-variant-numeric:tabular-nums}
#page-requests[data-approval-list="true"] .request-approval-filters{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(120px,.75fr) minmax(130px,.8fr) minmax(245px,1.5fr) auto;gap:14px;align-items:end;border:1px solid #e5e7eb;border-radius:8px!important;padding:18px;margin-bottom:24px;background:#fff}
#page-requests[data-approval-list="true"] .request-approval-filters label{display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:7px;color:#171717;min-width:0}
#page-requests[data-approval-list="true"] .request-approval-filters input,#page-requests[data-approval-list="true"] .request-approval-filters select{width:100%;min-width:0;height:38px;min-height:38px;padding:7px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#171717}
#page-requests[data-approval-list="true"] .request-approval-filters input:focus,#page-requests[data-approval-list="true"] .request-approval-filters select:focus{outline:2px solid #e8ca25;outline-offset:1px}
#page-requests[data-approval-list="true"] .request-approval-secondary,#page-requests[data-approval-list="true"] .request-approval-secondary-fields{display:contents}
#page-requests[data-approval-list="true"] .request-approval-secondary>summary{display:none}
#page-requests[data-approval-list="true"] .request-approval-dates>span:last-child{display:flex;align-items:center;gap:5px;min-width:0}
#page-requests[data-approval-list="true"] .request-approval-dates input{padding:7px 5px;flex:1;min-width:0}
#page-requests[data-approval-list="true"] .request-approval-filter-actions{display:flex;gap:8px}
#page-requests[data-approval-list="true"][data-request-view="list"] button{height:36px;min-height:36px;padding:7px 13px;font-size:12px;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#171717;border-radius:8px!important;white-space:nowrap}
#page-requests[data-approval-list="true"][data-request-view="list"] button.primary{background:#ffde00;border-color:#f0d000;color:#171717;font-weight:600}
#page-requests[data-approval-list="true"][data-request-view="list"] button.danger{border-color:#ecacb1;color:#bb252e}
#page-requests[data-approval-list="true"][data-request-view="list"] button:hover{background:#fafafa}
#page-requests[data-approval-list="true"][data-request-view="list"] button.primary:hover{background:#f3d200}
#page-requests[data-approval-list="true"][data-request-view="list"] button.danger:hover{background:#fff5f5}
#page-requests[data-approval-list="true"][data-request-view="list"]>.request-list-tools{margin:0 0 14px;align-items:center;gap:12px}
#requestApprovalListTitle{font-size:17px;font-weight:600;line-height:1.4;margin:0;padding-left:10px;border-left:4px solid #ffde00}
#requestApprovalListTitle small{font-size:12px;font-weight:400;margin-left:6px}
#page-requests[data-approval-list="true"][data-request-view="list"]>.request-list-tools .tabs{display:flex;flex-wrap:nowrap;gap:8px;width:auto}
#page-requests[data-approval-list="true"][data-request-view="list"]>#outboundRequestList{border:1px solid #e5e7eb;border-radius:8px!important;overflow:auto;max-width:100%;margin:0}
#page-requests[data-approval-list="true"] .request-records-table{width:100%;min-width:1120px;border-collapse:separate;border-spacing:0;table-layout:auto}
#page-requests[data-approval-list="true"] .request-records-table th{background:#f8f9fa!important;color:#171717;padding:13px 12px!important;font-size:12px;font-weight:500;border:0;border-bottom:1px solid #e5e7eb;white-space:nowrap;text-align:center}
#page-requests[data-approval-list="true"] .request-records-table tbody td{background:#fff!important;padding:14px 12px!important;font-size:12px;border:0;border-bottom:1px solid #e5e7eb;vertical-align:middle;text-align:center;white-space:nowrap}
#page-requests[data-approval-list="true"] .request-records-table tbody tr:last-child td{border-bottom:0}
#page-requests[data-approval-list="true"] .request-records-table .request-number-link{height:auto;min-height:30px;padding:4px 0;border:0;border-radius:0!important;font:650 12px ui-monospace,monospace;color:#171717;text-underline-offset:3px}
#page-requests[data-approval-list="true"] .request-records-table .request-record-actions{min-width:335px;white-space:nowrap!important}
#page-requests[data-approval-list="true"] .request-record-actions>div{display:contents;margin:0}
#page-requests[data-approval-list="true"] .request-record-actions button{height:34px;min-height:34px;margin:0 3px;padding:6px 11px;font-size:11px}
#page-requests[data-approval-list="true"] .status-tag{font-size:11px;font-weight:500;border-radius:8px!important;padding:5px 9px;background:#f4f5f6;color:#555}
#page-requests[data-approval-list="true"] .status-tag.submitted{background:#fff4bb;color:#76600a}
#page-requests[data-approval-list="true"] .status-tag.approved{background:#eaf7ee;color:#27713e}
#page-requests[data-approval-list="true"] .request-blank{padding:24px 16px;color:#71717a;font-size:13px;background:#fff}
#page-requests[data-approval-list="true"]:not([data-request-view="list"])>.request-approval-summary,#page-requests[data-approval-list="true"]:not([data-request-view="list"])>.request-approval-filters{display:none!important}
.business-settings-backup{margin:14px 0}.business-settings-backup a{border-radius:8px!important}
@media(max-width:1250px){#page-requests[data-approval-list="true"] .request-approval-filters{grid-template-columns:repeat(3,minmax(0,1fr))}#page-requests[data-approval-list="true"] .request-approval-dates{grid-column:1/3}}
@media(max-width:720px){
 body:has(#page-requests[data-approval-list="true"][data-request-view="list"]:not([hidden])) main{padding:16px 12px;max-width:100%;overflow-x:clip}
 body:has(#page-requests[data-approval-list="true"][data-request-view="list"]:not([hidden])) .heading{margin-bottom:16px}
 body:has(#page-requests[data-approval-list="true"][data-request-view="list"]:not([hidden])) .heading h1{font-size:24px}
 #page-requests[data-approval-list="true"] .request-approval-summary{gap:8px;margin-bottom:14px}
 #page-requests[data-approval-list="true"] .request-approval-summary article{padding:13px 10px}
 #page-requests[data-approval-list="true"] .request-approval-summary article>span{font-size:11px}
 #page-requests[data-approval-list="true"] .request-approval-summary strong{font-size:24px;margin-top:8px}
 #page-requests[data-approval-list="true"] .request-approval-filters{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px;margin-bottom:20px}
 #page-requests[data-approval-list="true"] .request-approval-secondary{display:block;grid-column:1/-1}
 #page-requests[data-approval-list="true"] .request-approval-secondary>summary{display:list-item;font-size:12px;color:#51545a;cursor:pointer;padding:5px 0}
 #page-requests[data-approval-list="true"] .request-approval-secondary-fields{display:none}
 #page-requests[data-approval-list="true"] .request-approval-secondary[open] .request-approval-secondary-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:10px}
 #page-requests[data-approval-list="true"] .request-approval-dates{grid-column:auto}
 #page-requests[data-approval-list="true"] .request-approval-filter-actions{justify-content:flex-end}
 #page-requests[data-approval-list="true"][data-request-view="list"]>.request-list-tools{align-items:flex-start;gap:10px}
 #page-requests[data-approval-list="true"][data-request-view="list"]>.request-list-tools .tabs{max-width:100%;margin-left:auto}
 #requestApprovalListTitle{font-size:15px}
}

/* Outbound editor visual refresh only. Lists, approval and print styles stay separate. */
body:has(#page-requests[data-request-view="editor"]:not([hidden])) main{background:#fff;min-width:0}
body:has(#page-requests[data-request-view="editor"]:not([hidden])) main>.heading{max-width:1200px;margin:0 auto 12px}
#page-requests[data-request-view="editor"]{color:#171717;min-width:0}
#page-requests[data-request-view="editor"]>.request-v2-intro{margin:0 0 12px}
#page-requests[data-request-view="editor"]>.request-v2-intro small{color:#52525b;font-size:12px}
#page-requests[data-request-view="editor"] #requestEditor{margin:0;min-width:0}
#page-requests[data-request-view="editor"] #outboundRequestForm{overflow:hidden;border:1px solid #e5e7eb;border-top:2px solid #ffde00;border-radius:8px!important;background:#fff;color:#171717}
#outboundRequestForm .request-editor-caption{padding:16px 18px 0;gap:12px}
#outboundRequestForm .request-editor-caption h2{font-size:18px;font-weight:600;line-height:1.4;color:#171717}
#outboundRequestForm .request-draft-tag{font-size:12px;color:#71717a;overflow-wrap:anywhere}
#outboundRequestForm .request-basic-info{padding:14px 18px 18px;gap:16px;align-items:end}
#outboundRequestForm .request-basic-info>label{width:174px;max-width:100%;gap:6px;color:#3f3f46;font-size:12px;font-weight:400}
#outboundRequestForm .request-basic-info input{height:38px;min-height:38px;padding:7px 10px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#171717;font-size:13px}
#outboundRequestForm .request-basic-info input[readonly]{background:#f8f9fa;color:#171717}
#outboundRequestForm .request-basic-state{gap:6px;color:#3f3f46;font-size:12px}
#outboundRequestForm .request-basic-state output{height:38px;min-height:38px;min-width:112px;padding:0 12px;justify-content:center;border:1px solid #e5e7eb;border-radius:8px!important;background:#f8f9fa;color:#171717;font-size:12px;font-weight:400}
#outboundRequestForm .request-product-title{padding:12px 18px;min-height:44px;background:#000;color:#fff}
#outboundRequestForm .request-product-title h3{font-size:15px;font-weight:500;line-height:1.35;color:#fff}
#outboundRequestForm .request-entry-tools{padding:10px 18px;min-height:54px;gap:12px;color:#71717a;font-size:12px}
#outboundRequestForm button,#outboundRequestForm input,#outboundRequestForm select{border-radius:8px!important;box-shadow:none}
#outboundRequestForm .request-capture-entry{height:38px;min-height:38px;padding:7px 12px;background:#fff;color:#171717;border:1px solid #e5e7eb;font-size:12px;font-weight:400}
#outboundRequestForm .request-capture-entry svg{width:18px;height:18px;min-width:18px;cursor:inherit;touch-action:auto;pointer-events:none}
#outboundRequestForm .request-entry-scroll{padding:0 12px;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}
#outboundRequestForm .request-entry-table{width:100%;min-width:1080px;table-layout:fixed;background:#fff;border-collapse:collapse}
#outboundRequestForm .entry-col-index{width:4%}#outboundRequestForm .entry-col-name{width:13%}#outboundRequestForm .entry-col-model{width:27%}#outboundRequestForm .entry-col-zone{width:10%}#outboundRequestForm .entry-col-qty{width:7%}#outboundRequestForm .entry-col-purpose{width:15%}#outboundRequestForm .entry-col-note{width:17%}#outboundRequestForm .entry-col-action{width:7%}
#outboundRequestForm .request-entry-table th{padding:10px 6px!important;height:38px;text-align:center!important;vertical-align:middle!important;color:#3f3f46!important;background:#f8f9fa!important;font-size:12px;font-weight:500;border:0;border-bottom:1px solid #e5e7eb}
#outboundRequestForm .request-entry-table .request-entry-row>td{height:50px;padding:6px!important;text-align:center!important;vertical-align:middle!important;background:#fff!important;border:0;border-bottom:1px solid #e5e7eb}
#outboundRequestForm .request-entry-row:hover>td{background:#fafafa!important}
#outboundRequestForm .request-entry-row.is-current>td,#outboundRequestForm .request-entry-row:focus-within>td{background:#fffbea!important}
#outboundRequestForm .request-entry-table input,#outboundRequestForm .request-entry-table select{height:38px!important;min-height:38px!important;padding:7px!important;border:1px solid #e5e7eb!important;background:#fff!important;color:#171717!important;font-size:12px!important;line-height:1.3;text-align:center!important;text-align-last:center!important}
#outboundRequestForm .request-model-box input,#outboundRequestForm .request-product-box input{border-right:0!important;border-radius:8px 0 0 8px!important}
#outboundRequestForm .request-model-box>button,#outboundRequestForm .request-product-box>button{height:38px;min-height:38px;min-width:24px;padding:4px;border-color:#e5e7eb;background:#fff;color:#52525b;border-radius:0 8px 8px 0!important;font-size:12px}
#outboundRequestForm .request-entry-table [data-request-stock]{height:38px;min-height:38px;width:100%;padding:6px;font-size:12px;color:#171717;background:#fff;border:1px solid #e5e7eb;border-radius:8px!important;white-space:nowrap}
#outboundRequestForm .request-entry-table .request-delete-line{height:38px;min-height:38px;min-width:0;width:100%;gap:4px;padding:5px 4px;background:#fff;color:#b4232d;border:1px solid #edc5c8;font-size:11px}
#outboundRequestForm .request-delete-line svg{width:13px;height:14px;flex:none;cursor:inherit;touch-action:auto;pointer-events:none}
#outboundRequestForm .request-entry-footer{padding:12px 18px;gap:12px;color:#71717a;font-size:12px}
#outboundRequestForm #addRequestProduct{height:38px;min-height:38px;padding:7px 14px;background:#ffde00;border:1px solid #e9cc00;color:#171717;font-size:12px;font-weight:600}
#outboundRequestForm .request-stock-reference{margin:8px 18px 0;background:#fff;border:1px solid #e5e7eb;border-radius:8px!important;color:#52525b}
#outboundRequestForm .request-stock-reference .request-candidate-table th{background:#f8f9fa!important;color:#171717!important}
#outboundRequestForm .request-stock-reference .request-candidate-table td{background:#fff!important}
#outboundRequestForm .request-product-suggestions,#outboundRequestForm .request-model-suggestions{border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;box-shadow:none}
#outboundRequestForm .request-v2-actions{padding:14px 18px;gap:12px;border-top:1px solid #e5e7eb;background:#fff}
#outboundRequestForm .request-v2-actions .tabs{gap:8px}
#outboundRequestForm .request-v2-actions button{height:38px;min-height:38px;padding:7px 14px;border:1px solid #e5e7eb;background:#fff;color:#171717;font-size:12px;font-weight:400;white-space:nowrap}
#outboundRequestForm .request-v2-actions button.primary{background:#ffde00;border-color:#e9cc00;color:#171717;font-weight:600}
#outboundRequestForm button:focus-visible{outline:2px solid #d4b900;outline-offset:2px}
@media(max-width:720px){
 body:has(#page-requests[data-request-view="editor"]:not([hidden])) main{padding:14px 12px;overflow-x:clip}
 #outboundRequestForm .request-editor-caption,#outboundRequestForm .request-entry-tools,#outboundRequestForm .request-entry-footer,#outboundRequestForm .request-v2-actions{padding-left:12px;padding-right:12px}
 #outboundRequestForm .request-basic-info{padding:12px;gap:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 #outboundRequestForm .request-basic-info>label{width:auto;min-width:0}#outboundRequestForm .request-basic-info input{width:100%;min-width:0}
 #outboundRequestForm .request-basic-state{grid-column:1/-1;display:flex;align-items:center;gap:10px}#outboundRequestForm .request-basic-state output{height:32px;min-height:32px}
 #outboundRequestForm .request-entry-tools{flex-wrap:wrap;justify-content:space-between;padding-top:10px;padding-bottom:10px}
 #outboundRequestForm .request-stock-reference{margin-left:12px;margin-right:12px}
 #outboundRequestForm .request-v2-actions{flex-wrap:wrap;align-items:center}#outboundRequestForm .request-v2-actions .tabs{margin-left:auto;justify-content:flex-end;gap:6px}
 #outboundRequestForm .request-v2-actions button{padding:7px 10px}
}

/* Stock flow diagram: presentation only; existing action attributes and handlers retained. */
body:has(#page-stockFlow:not([hidden])) #metrics,body:has(#page-stockFlow:not([hidden])) .heading-actions{display:none}
body:has(#page-stockFlow:not([hidden])) main{background:#fff}
#page-stockFlow{--flow-node:315px;--flow-height:112px;--flow-gap:140px;--flow-vgap:60px;--flow-fork:110px;--flow-small:165px;--flow-small-height:92px;--flow-small-gap:25px;--flow-sales-fork:94px;--flow-right:310px;--flow-right-gap:85px;--flow-divider-pad:55px;--flow-board-gap:65px;max-width:1400px;margin:0 auto;background:#fff;border:0;padding:12px 0 28px}
#page-stockFlow .stock-flow-scroll{overflow-x:auto;overflow-y:hidden;padding:0 20px 22px;overscroll-behavior-x:contain;scrollbar-width:thin}
#page-stockFlow .stock-flow-scroll:focus-visible{outline:2px solid #e4be18;outline-offset:3px}
#page-stockFlow .stock-flow-board{display:grid;grid-template-columns:calc(2 * var(--flow-node) + var(--flow-gap)) calc(var(--flow-right) + var(--flow-divider-pad));gap:var(--flow-board-gap);width:max-content;margin:0 auto;min-height:0}
#page-stockFlow .stock-flow-main{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0}
#page-stockFlow .stock-flow-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:none;width:var(--flow-node);max-width:none;height:var(--flow-height);padding:12px;border:1.5px solid var(--node-border);border-radius:18px!important;background:var(--node-bg);color:var(--node-text,#202522);box-shadow:none;text-align:center;cursor:pointer;transition:border-color .15s ease,filter .15s ease}
#page-stockFlow .stock-flow-node strong{font-size:26px;font-weight:600;line-height:1.3;letter-spacing:0}
#page-stockFlow .stock-flow-node>span{font-size:17px;font-weight:400;line-height:1.4;color:var(--node-sub,#4c6262)}
#page-stockFlow .stock-flow-node:hover{background:var(--node-bg);filter:brightness(.98);border-color:var(--node-text,#53635f)}
#page-stockFlow .stock-flow-node:focus-visible{outline:2px solid #53635f;outline-offset:4px}
#page-stockFlow .stock-flow-yellow{--node-bg:#ffe55c;--node-border:#e5c21f;--node-sub:#5d5017}
#page-stockFlow .stock-flow-blue{--node-bg:#eaf6ff;--node-border:#a4d5f6;--node-sub:#49687e}
#page-stockFlow .stock-flow-green{--node-bg:#e8f8f0;--node-border:#a9dec5;--node-sub:#507260}
#page-stockFlow .stock-flow-return{--node-bg:#ffeeee;--node-border:#f4a7aa;--node-text:#c82a2a}
#page-stockFlow .stock-flow-exchange{--node-bg:#fff3d2;--node-border:#efcf77;--node-text:#825c16}
#page-stockFlow .stock-flow-black{--node-bg:#202020;--node-border:#202020;--node-text:#fff;--node-sub:#dedede}
#page-stockFlow .stock-flow-purple{--node-bg:#f2edff;--node-border:#cbbcf3;--node-text:#2b243a;--node-sub:#75658a}
#page-stockFlow .stock-flow-down{width:0;height:var(--flow-vgap);border-left:2px solid #53635f;flex:none}
#page-stockFlow .stock-flow-branch,#page-stockFlow .stock-flow-sales-branch{display:block;flex:none;width:100%;height:var(--flow-fork);color:#53635f;cursor:default;touch-action:auto;pointer-events:none;overflow:visible}
#page-stockFlow .stock-flow-branch path,#page-stockFlow .stock-flow-sales-branch path{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}
#page-stockFlow .stock-flow-ends{display:grid;grid-template-columns:var(--flow-node) var(--flow-node);gap:var(--flow-gap);width:100%}
#page-stockFlow .stock-flow-ends>div{display:flex;flex-direction:column;align-items:center;min-width:0}
#page-stockFlow .stock-flow-after-sales{display:block;flex:none;width:calc(2 * var(--flow-small) + var(--flow-small-gap));margin:0}
#page-stockFlow .stock-flow-sales-branch{height:var(--flow-sales-fork)}
#page-stockFlow .stock-flow-return-ends{display:grid;grid-template-columns:var(--flow-small) var(--flow-small);gap:var(--flow-small-gap)}
#page-stockFlow .stock-flow-return-ends .stock-flow-node{width:var(--flow-small);height:var(--flow-small-height)}
#page-stockFlow .stock-flow-independent{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--flow-right-gap);margin:20px 0 0;padding:calc(var(--flow-height) + var(--flow-vgap) - 20px) 0 0 var(--flow-divider-pad);border-left:1px solid #c5d1cd}
#page-stockFlow .stock-flow-independent .stock-flow-node{width:var(--flow-right)}
@media(max-width:1550px){#page-stockFlow{--flow-node:270px;--flow-height:96px;--flow-gap:120px;--flow-vgap:52px;--flow-fork:94px;--flow-small:141px;--flow-small-height:79px;--flow-small-gap:22px;--flow-sales-fork:80px;--flow-right:266px;--flow-right-gap:73px;--flow-divider-pad:47px;--flow-board-gap:55px}#page-stockFlow .stock-flow-node strong{font-size:23px}#page-stockFlow .stock-flow-node>span{font-size:16px}}
@media(max-width:1350px){#page-stockFlow{--flow-node:240px;--flow-height:86px;--flow-gap:107px;--flow-vgap:46px;--flow-fork:84px;--flow-small:126px;--flow-small-height:70px;--flow-small-gap:19px;--flow-sales-fork:72px;--flow-right:236px;--flow-right-gap:65px;--flow-divider-pad:42px;--flow-board-gap:40px}#page-stockFlow .stock-flow-node strong{font-size:21px}#page-stockFlow .stock-flow-node>span{font-size:15px}}
@media(max-width:720px){#page-stockFlow{padding:8px 0 18px}#page-stockFlow .stock-flow-scroll{padding:8px 10px 20px}#page-stockFlow .stock-flow-board{margin:0}#page-stockFlow .stock-flow-node{gap:6px}}
.request-capture-entry svg,.request-camera-body button svg{width:19px;height:19px;cursor:inherit;touch-action:auto}
.metric-pending{text-align:left;width:100%;color:inherit;cursor:pointer}.metric-pending:hover{background:#fff8d4;border-color:#b7a000}.metric-pending:focus-visible{outline:2px solid #b7a000}.pending-work-panel{margin-bottom:24px;border:1px solid #d4ded7}.pending-work-panel th,.pending-work-panel td{text-align:center;vertical-align:middle}.pending-work-panel td{background:#fff}.pending-work-panel td button{background:#fff9da;color:#193b32;font-weight:650;border:1px solid #c6b65d}

.metric-link{text-align:left;width:100%;color:inherit;cursor:pointer}.metric-link:hover{background:#fff8d4;border-color:#b7a000}.metric-link:focus-visible{outline:2px solid #b7a000;outline-offset:2px}
/* Keep the full business diagram in view on ordinary laptop screens. */
body:has(#page-stockFlow:not([hidden])) main{padding:18px 24px}
body:has(#page-stockFlow:not([hidden])) .heading{margin-bottom:12px;min-height:52px}
body:has(#page-stockFlow:not([hidden])) .heading h1{font-size:26px;margin:6px 0 0;line-height:1.3}
body:has(#page-stockFlow:not([hidden])) #pageEyebrow{font-size:10px;line-height:1.2}
#page-stockFlow{position:relative;padding-top:0}
@media(min-width:721px) and (max-height:950px){#page-stockFlow{--flow-height:84px;--flow-vgap:36px;--flow-fork:64px;--flow-small-height:66px;--flow-sales-fork:62px;--flow-right-gap:58px;padding-bottom:8px}#page-stockFlow .stock-flow-node{gap:5px}#page-stockFlow .stock-flow-node strong{font-size:21px}#page-stockFlow .stock-flow-node>span{font-size:15px}#page-stockFlow .stock-flow-scroll{padding-bottom:14px}}
@media(min-width:721px) and (max-height:760px){#page-stockFlow{--flow-height:74px;--flow-vgap:28px;--flow-fork:52px;--flow-small-height:60px;--flow-sales-fork:54px;--flow-right-gap:48px}#page-stockFlow .stock-flow-node strong{font-size:20px}#page-stockFlow .stock-flow-node>span{font-size:14px}body:has(#page-stockFlow:not([hidden])) main{padding-top:12px}}
@media(max-width:720px){body:has(#page-stockFlow:not([hidden])) main{padding:14px 12px}body:has(#page-stockFlow:not([hidden])) .heading{padding-right:0}body:has(#page-stockFlow:not([hidden])) .heading h1{font-size:24px}}

body:has(#page-salesStats:not([hidden])) #metrics,body:has(#page-settings:not([hidden])) #metrics{display:none}
.sidebar .sidebar-settings{margin-top:18px;border-top:1px solid #41504b;padding-top:17px}
.business-workspace{max-width:1200px;margin:0 auto;background:#fff;border:1px solid #e0e4e2;padding:24px;color:#17201c}
.business-titlebar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#17231e;color:#fff;padding:16px 20px;margin:-24px -24px 20px}.business-titlebar h2{font-size:18px;margin:0}.business-titlebar button{background:#fff;color:#17231e}
.business-workspace p{font-size:13px;line-height:1.6;color:#637069}.business-workspace table{width:100%;min-width:680px;border-collapse:collapse;background:#fff;table-layout:auto}.business-workspace th,.business-workspace td{text-align:center;vertical-align:middle;padding:11px 12px;border-bottom:1px solid #e4e8e5;background:transparent;font-size:13px}.business-workspace th{background:#f3f5f4;color:#34443b;font-weight:700;white-space:nowrap}.business-workspace tbody tr:hover{background:#fffdf0}.business-workspace .stats-model{font-weight:650;font-family:ui-monospace,monospace;white-space:nowrap}
.business-workspace input,.business-workspace select{height:38px;min-width:0;width:100%;border:1px solid #bdc8c1;background:#fff;border-radius:0;padding:7px 9px;color:#17201c;font-size:13px}.business-workspace input:focus,.business-workspace select:focus{outline:2px solid #e1c600;outline-offset:-2px}.business-workspace input[type=checkbox]{height:18px;width:18px;accent-color:#202b24}.business-workspace button{font-size:13px;min-height:36px;padding:7px 12px;border-radius:0}.business-workspace button.primary{background:#ffe000;color:#111;border-color:#d4ba00}.business-workspace button.danger{background:#fff;color:#b02727;border-color:#dcacac}.business-workspace [hidden]{display:none!important}
.business-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.business-tools label{font-size:12px;color:#5b6b61;display:flex;flex-direction:column;gap:7px}.business-tools .stats-search{flex:1;min-width:220px}.business-tools>div{display:flex;gap:6px;flex-wrap:wrap}.stats-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stats-cards>div{padding:16px;border:1px solid #dde3de;border-top:3px solid #33483b;background:#fff}.stats-cards>div:last-child{border-top-color:#edcc00;background:#fffdf1}.stats-cards small{display:block;color:#68766d;font-size:12px}.stats-cards strong{font-size:28px;display:block;margin-top:8px}.stats-section-head{font-size:15px;margin:22px 0 12px}.business-settings-table input[data-entry=order]{width:80px;text-align:center}.business-settings-table td:first-child{width:32%}.business-settings-table select{min-width:190px}.business-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.business-bottom>div{display:flex;gap:10px;align-items:center}.business-bottom span{font-size:12px;color:#6b776f}.stock-flow-tools{display:flex;justify-content:flex-end;margin-bottom:18px}.stock-flow-tools button{font-size:13px;padding:8px 12px}.extra-business{border-top:1px solid #e3e7e4;margin-top:24px;padding-top:18px}.extra-business h2{font-size:14px;margin:0 0 12px}.extra-business>div{display:flex;gap:10px;flex-wrap:wrap}.extra-business button{min-width:150px;padding:13px 18px;text-align:center;border:1px solid #b8c4bc;background:#fff}.extra-business button:hover{background:#fff9d6;border-color:#d4b900}
@media(max-width:720px){.business-workspace{padding:16px}.business-titlebar{margin:-16px -16px 16px;padding:14px 16px}.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.business-tools label{flex:1;min-width:130px}.business-bottom{align-items:flex-start;flex-wrap:wrap}.business-bottom>div{flex-wrap:wrap}.business-workspace .tablewrap{max-width:100%;overflow:auto}.stats-cards strong{font-size:23px}}
/* Sales statistics only. */
body:has(#page-salesStats:not([hidden])) main{background:#fff;padding:22px 24px}
body:has(#page-salesStats:not([hidden])) .heading-actions{display:none}
body:has(#page-salesStats:not([hidden])) .heading{margin-bottom:24px;padding-right:210px}
body:has(#page-salesStats:not([hidden])) .heading h1{font-size:28px}
#page-salesStats{position:relative;max-width:1280px;padding:0;border:0;background:#fff}
#page-salesStats .sales-page-tools{position:absolute;right:0;top:-76px;display:flex;gap:10px}
#page-salesStats button,#page-salesStats input,#page-salesStats select,#page-salesStats .sales-filter-panel,#page-salesStats .stats-cards>div,#page-salesStats>.tablewrap{border-radius:8px!important}
#page-salesStats button{height:38px;min-height:38px;white-space:nowrap;background:#fff;border:1px solid #d7dce1;color:#171c1f;font-size:13px;font-weight:500}
#page-salesStats button.primary{background:#ffdf00;border-color:#ebcc00;color:#111}
#page-salesStats input,#page-salesStats select{border-color:#d7dce1;height:38px;font-size:13px;color:#171c1f}
#page-salesStats select:disabled{color:#7c838b;background:#f6f7f8;opacity:1}
#page-salesStats label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#20262a;min-width:0}
#page-salesStats .sales-filter-panel{border:1px solid #dfe3e7;padding:16px;margin:0}
#page-salesStats .sales-primary-filters{display:grid;grid-template-columns:minmax(290px,2.1fr) minmax(140px,1.25fr) minmax(130px,1.15fr) minmax(135px,1fr) auto auto;gap:14px;align-items:end}
#page-salesStats .sales-date-field{min-width:0;border:0;margin:0;padding:0}
#page-salesStats .sales-date-field legend{font-size:12px;margin-bottom:7px}
#page-salesStats .sales-date-field>div{display:flex;gap:5px;align-items:center}
#page-salesStats .sales-date-field select{width:48px;flex:none;padding:6px}
#page-salesStats .sales-date-field input{min-width:0;flex:1;padding:6px 4px;font-size:12px}
#page-salesStats .sales-more-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #e5e7eb;align-items:end}
#page-salesStats .sales-more-filters p{grid-column:1/-1;font-size:11px;margin:0;color:#737b83}
#page-salesStats .stats-cards{gap:18px;margin:24px 0}
#page-salesStats .stats-cards>div{padding:18px 20px;border:1px solid #e1e5e8;border-top:3px solid #285b50;background:#fff}
#page-salesStats .stats-cards>div:last-child{border-top-color:#ffdf00;background:#fffbea}
#page-salesStats .stats-cards small{font-size:14px;font-weight:500;color:#171c1f}
#page-salesStats .stats-cards strong{font-size:32px;line-height:1.3;font-weight:650;color:#101418;margin-top:12px}
#page-salesStats .sales-table-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
#page-salesStats #salesStatsStatus{font-size:12px;color:#6f7780}
#page-salesStats .sales-table-tools label{flex-direction:row;align-items:center;gap:8px}
#page-salesStats .sales-table-tools select{width:160px}
#page-salesStats>.tablewrap{border:1px solid #e1e5e8;overflow:auto}
#page-salesStats table{min-width:720px;table-layout:fixed}
#page-salesStats th,#page-salesStats td{padding:13px 10px;font-size:13px;border-bottom:1px solid #e7eaed;border-right:1px solid #eef0f2;text-align:center;background:#fff}
#page-salesStats th:first-child,#page-salesStats td:first-child{width:30%;white-space:normal;overflow-wrap:anywhere}
#page-salesStats th{background:#f6f7f8;color:#232b30;font-weight:500}
#page-salesStats th button{border:0;background:transparent;height:auto;min-height:24px;width:100%;padding:0;white-space:normal}
#page-salesStats tbody tr:nth-child(even) td{background:#fcfcfd}
#page-salesStats tbody tr:hover td{background:#fffdf0}
#page-salesStats td button.sales-record-link{border:0;background:transparent;height:auto;min-height:24px;padding:0;max-width:100%;color:#182f43;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
#page-salesStats tfoot td{background:#fff6d1!important;font-weight:650;border-bottom:0;font-size:15px}
#page-salesStats .stats-model{white-space:nowrap;font-family:ui-monospace,monospace;font-weight:500}
#page-salesStats .sales-record-table{min-width:1080px;table-layout:auto}
#page-salesStats .sales-record-table td:first-child,#page-salesStats .sales-record-table th:first-child{width:auto;white-space:nowrap}
#page-salesStats dialog{padding:0;border:1px solid #d9dfe3;background:#fff;border-radius:10px!important;color:#171c1f}
#page-salesStats dialog::backdrop{background:#17212075}
#page-salesStats .sales-stats-dialog{width:min(1100px,94vw);max-width:94vw;max-height:90vh}
#page-salesStats .sales-export-dialog{width:380px;max-width:94vw}
#page-salesStats .sales-export-dialog form{display:grid;gap:16px;padding:20px}
#page-salesStats .sales-export-dialog p{font-size:12px;margin:0}
#page-salesStats dialog .paneltitle{padding:12px 16px;background:#f6f7f8;font-size:14px;gap:10px}
#page-salesStats #salesStatsPrintFrame{display:block;width:100%;height:72vh;border:0;background:#eef0f2}
@media(max-width:1250px){#page-salesStats .sales-primary-filters{grid-template-columns:minmax(285px,2fr) 1fr 1fr}#page-salesStats .sales-more-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){body:has(#page-salesStats:not([hidden])) main{padding:16px 12px}body:has(#page-salesStats:not([hidden])) .heading{padding:0;margin-bottom:68px}body:has(#page-salesStats:not([hidden])) .heading h1{font-size:24px}#page-salesStats .sales-page-tools{top:-54px;left:0;right:auto}#page-salesStats .sales-primary-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#page-salesStats .sales-date-field{grid-column:1/-1}#page-salesStats .sales-more-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#page-salesStats .sales-filter-panel{padding:12px}#page-salesStats .stats-cards{gap:10px;margin:18px 0}#page-salesStats .stats-cards>div{padding:14px 12px}#page-salesStats .stats-cards strong{font-size:25px}#page-salesStats .stats-cards small{font-size:12px}#page-salesStats .sales-table-tools{align-items:flex-start}#page-salesStats .sales-table-tools label{font-size:11px}#page-salesStats .sales-table-tools select{width:132px}}
/* Shared navigation only: original order, labels, IDs, handlers and permissions retained. */
body>header{background:#000;min-height:56px;height:auto;padding:8px 20px;gap:14px;border-bottom:3px solid #ffde00;align-items:center;flex-wrap:wrap;color:#fff}
body>header .brand{font-size:22px;color:#ffde00;font-weight:800;white-space:nowrap;line-height:1.2}
body>header .brand>span{display:inline-block;background:#ffde00;color:#000;vertical-align:middle;margin-left:8px;font-size:12px;padding:5px 8px;border-radius:8px!important}
body>header .head-caption{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;line-height:1.3;min-width:0;color:#fff}
body>header .head-caption small{margin:0;font-size:11px;color:#d4d4d4}
.header-account-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto;min-width:0;max-width:100%;flex-wrap:wrap}
.header-account-controls #languageSelect{margin:0;height:32px;min-height:32px;min-width:95px;max-width:125px;border:1px solid #e5e7eb;border-radius:8px!important;padding:5px 8px;font-size:11px;background:#fff;color:#111}
.header-account-controls #clock{display:block;margin:0;color:#d4d4d4;font:11px/1.4 ui-monospace,monospace;white-space:nowrap}
.header-account-controls #identity{display:block;margin:0;font-size:11px;line-height:1.4;font-weight:400;color:#fff;white-space:nowrap;max-width:220px;overflow-wrap:anywhere}
.header-account-controls>button{height:32px;min-height:32px;padding:5px 9px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;font-size:11px;font-weight:500;white-space:nowrap}
.header-account-menu{position:relative;margin:0;min-width:0;color:#fff}
.header-account-menu>summary{display:flex;align-items:center;min-height:32px;cursor:pointer;list-style:none;border:1px solid transparent;border-radius:8px!important;padding:4px 5px}
.header-account-menu>summary::-webkit-details-marker{display:none}
.header-account-menu>summary:hover,.header-account-menu[open]>summary{border-color:#555}
.header-account-menu>summary:focus-visible{outline:2px solid #ffde00;outline-offset:2px}
.header-account-popup{position:absolute;right:0;top:calc(100% + 5px);z-index:1200;background:#fff;border:1px solid #e5e7eb;border-radius:8px!important;padding:6px;min-width:140px;color:#111}
.header-account-popup #refresh{display:block;width:100%;height:34px;padding:6px 10px;background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:6px!important;font-size:12px;text-align:center}
.header-account-popup #refresh:hover{background:#fff8d1}
#workspace>.sidebar{background:#000;color:#fff;gap:6px;padding:20px 12px}
#workspace>.sidebar>small{color:#c9c9c9;letter-spacing:1px;padding:0 10px 13px}
#workspace>.sidebar>button{display:flex;align-items:center;gap:8px;min-height:46px;height:46px;padding:8px 10px;border:1px solid transparent;border-radius:8px!important;background:#000;color:#fff;font-size:13px;font-weight:500;line-height:1.35;text-align:left}
#workspace>.sidebar>button.active{background:#ffde00;border-color:#ffde00;color:#000;font-weight:600}
#workspace>.sidebar>button:hover:not(.active){background:#1a1a1a}
#workspace>.sidebar>button svg{width:18px;height:18px;flex:none;color:inherit}
#workspace>.sidebar>.sidebar-settings{margin-top:18px;border-top-color:transparent;padding-top:8px;position:relative}
#workspace>.sidebar>.sidebar-settings::before{content:'';position:absolute;top:-11px;left:0;right:0;height:1px;background:#454545}
#workspace>.sidebar>.sidefoot{color:#bdbdbd;font-size:10px;line-height:1.6}
.business-settings-backup{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:1250px){body>header{gap:10px;padding-left:16px;padding-right:16px}.header-account-controls{gap:10px}body>header .head-caption{font-size:12px;gap:6px}}
@media(max-width:1000px){.header-account-controls{flex-basis:100%;justify-content:flex-end}#workspace>.sidebar>button{font-size:12px}}
@media(max-width:650px){body>header{min-height:52px;height:auto;padding:8px 12px;gap:8px}body>header .brand{font-size:19px}body>header .brand>span{font-size:11px;padding:4px 6px;margin-left:5px}body>header .head-caption{display:flex;font-size:11px;gap:5px;flex:1}body>header .head-caption small{font-size:10px}.header-account-controls{gap:7px;justify-content:flex-end}.header-account-controls #clock{display:block;font-size:10px}.header-account-controls #identity{font-size:11px;max-width:160px;white-space:normal}.header-account-controls #languageSelect{min-width:96px;max-width:110px}#workspace>.sidebar{flex-direction:row;gap:4px;padding:7px 8px;overflow-x:auto}#workspace>.sidebar>button{height:36px;min-height:36px;flex-shrink:0;font-size:11px;padding:7px 9px;white-space:nowrap}#workspace>.sidebar>.sidebar-settings{margin-top:0;margin-left:12px;padding-top:7px}#workspace>.sidebar>.sidebar-settings::before{left:-8px;right:auto;top:5px;bottom:5px;width:1px;height:auto}}
/* Map region and real quantity summary share the black title bar. */
#page-map .map-zone-heading{display:flex;align-items:center;gap:12px;min-width:0;flex:1;flex-wrap:wrap;font-size:12px;font-weight:500}
#page-map .map-zone-meta{display:flex;align-items:center;gap:8px;min-width:0;padding-left:12px;border-left:1px solid #676767;flex-wrap:wrap;color:#fff}
#page-map .map-zone-meta #zoneTitle{font-size:13px;font-weight:500;line-height:1.4;padding:0;color:#fff;white-space:nowrap}
#page-map .map-zone-meta #zoneSummary{font-size:11px;font-weight:400;line-height:1.4;padding:0;color:#fff;white-space:nowrap}
#page-map .maplayout>aside .paneltitle{gap:8px;min-height:46px}
#page-map #subzones:not(:empty){padding:6px 12px}
#page-map #zoneNote:not([hidden]){padding:5px 12px;margin:0;color:#555;font-size:10px}
@media(max-width:1100px){#page-map .map-zone-heading{gap:6px}#page-map .map-zone-meta{padding-left:6px;gap:5px}#page-map .map-zone-meta #zoneTitle{font-size:12px}#page-map .map-zone-meta #zoneSummary{font-size:10px}#page-map .maplayout>aside .paneltitle{padding-left:8px;padding-right:8px}}
#page-map .map-zone-meta{flex-wrap:nowrap}
/* Product management only: neutral classifications and compact centered records. */
body:has(#page-products:not([hidden])) main{background:#fff;padding:18px 20px;min-width:0}
body:has(#page-products:not([hidden])) .heading{margin-bottom:12px}
body:has(#page-products:not([hidden])) .heading h1{font-size:26px;color:#111}
body:has(#page-products:not([hidden])) #metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
body:has(#page-products:not([hidden])) #metrics .metric{background:#fff;color:#111;border:1px solid #e5e7eb;border-left:4px solid #ffde00;border-radius:8px!important;padding:11px 14px;text-align:left;box-shadow:none;min-width:0}
body:has(#page-products:not([hidden])) #metrics .metric b{font-size:28px;font-weight:650;line-height:1.3;margin:2px 0}
body:has(#page-products:not([hidden])) #metrics .metric small{font-size:11px;color:#525252}
#page-products{padding:0!important;border:0!important;background:#fff;color:#111;min-width:0;max-width:100%}
#page-products .product-modules{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:16px;align-items:stretch}
#page-products .product-module{border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;overflow:hidden;display:flex;flex-direction:column;min-width:0}
#page-products .product-module h2{margin:0;padding:10px 14px;background:#000;color:#fff;font-size:15px;font-weight:500;line-height:1.4;min-height:42px}
#page-products .product-module-body{padding:14px;flex:1;min-width:0}
#page-products .product-type-entries{display:flex;flex-wrap:wrap;gap:8px;max-height:110px;overflow:auto;align-items:center}
#page-products .product-type-entry{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;padding:5px 8px;min-height:36px;font-size:12px}
#page-products .product-type-entry small{font-size:10px;color:#666;font-weight:400}
#page-products .product-type-entry button{border:0;border-left:1px solid #e5e7eb;border-radius:0!important;height:24px;min-height:24px;padding:2px 0 2px 8px;font-size:11px}
#page-products .product-type-new{margin-top:10px;font-size:12px}
#page-products .product-type-new>summary{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid #e5e7eb;border-radius:8px!important;cursor:pointer;list-style:none;background:#fff;color:#111}
#page-products .product-type-new>summary::-webkit-details-marker{display:none}
#page-products .product-type-add{display:flex;gap:8px;align-items:end;padding-top:10px;margin:0}
#page-products .product-type-add>label{flex:1;min-width:0}
#page-products .product-record-form{display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(140px,1fr) auto;gap:12px;align-items:end;align-content:center;margin:0}
#page-products label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:400;color:#111;min-width:0}
#page-products input,#page-products select{height:36px;min-height:36px;width:100%;min-width:0;padding:6px 9px;background:#fff!important;color:#111!important;border:1px solid #e5e7eb;border-radius:8px!important;font-size:12px;font-weight:400}
#page-products button{height:36px;min-height:36px;padding:6px 12px;white-space:nowrap;background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:8px!important;font-size:12px;font-weight:500}
#page-products button.primary{background:#ffde00;border-color:#edcf00;font-weight:600}
#page-products button:hover{background:#fffbed}
#page-products button:disabled{background:#f7f7f7;color:#8a8a8a;cursor:not-allowed}
#page-products .product-list-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;margin-top:12px;padding:11px 12px;border:1px solid #e5e7eb;border-bottom:0;border-radius:8px 8px 0 0!important;flex-wrap:nowrap;background:#fff;color:#111}
#page-products .product-bulk-tools,#page-products .product-filter-tools{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}
#page-products .product-filter-tools{margin-left:auto}
#page-products .product-list-tools label{position:relative;flex-shrink:1}
#page-products .product-list-tools label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#page-products .product-list-tools input:not([type=checkbox]),#page-products .product-list-tools select,#page-products .product-list-tools button{height:36px;min-height:36px;box-sizing:border-box}
#page-products #productSelectedCount{font-size:12px;color:#111;min-height:36px;display:flex;align-items:center;white-space:nowrap}
#page-products .product-bulk-tools label{width:160px}
#page-products .product-filter-tools label:first-child{width:140px}
#page-products .product-filter-tools label:last-child{width:190px}
#page-products #productTable{border:1px solid #e5e7eb;border-radius:0 0 8px 8px!important;max-width:100%;max-height:calc(100dvh - 400px);min-height:140px;overflow:auto;overscroll-behavior:contain}
#page-products .product-record-table{min-width:650px;width:100%;table-layout:fixed;border-collapse:collapse}
#page-products .product-record-table th,#page-products .product-record-table td{height:44px;padding:5px 12px;text-align:center!important;vertical-align:middle!important;background:#fff!important;color:#111;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:400}
#page-products .product-record-table th{background:#f8f9fa!important;font-weight:500;white-space:nowrap}
#page-products .product-record-table th:first-child,#page-products .product-record-table td:first-child{width:48px}
#page-products .product-record-table th:nth-child(2){width:40%}
#page-products .product-record-table th:nth-child(3){width:32%}
#page-products .product-record-table .model{white-space:nowrap;font:500 12px ui-monospace,monospace}
#page-products .product-record-table .product-stock-number{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:500}
#page-products .product-record-table select{width:min(100%,200px);height:32px;min-height:32px;padding:4px 8px;text-align:center;text-align-last:center;font-weight:400}
#page-products .product-record-table select:disabled{opacity:1;background:#fff!important;color:#111!important;cursor:default}
#page-products input[type=checkbox]{width:16px;height:16px;min-height:16px;padding:0;margin:0;accent-color:#ffde00;vertical-align:middle}
@media(max-width:1150px){#page-products .product-record-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#page-products .product-record-form>button{justify-self:end;grid-column:2}#page-products .product-list-tools{flex-wrap:wrap}#page-products .product-filter-tools{margin-left:auto}}
@media(max-width:800px){#page-products .product-modules{grid-template-columns:minmax(0,1fr)}#page-products #productTable{max-height:65dvh}#page-products .product-record-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}#page-products .product-record-form>button{grid-column:auto}}
@media(max-width:650px){body:has(#page-products:not([hidden])) main{padding:14px 12px;overflow-x:clip}body:has(#page-products:not([hidden])) #metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body:has(#page-products:not([hidden])) #metrics .metric{padding:9px 10px}body:has(#page-products:not([hidden])) #metrics .metric b{font-size:24px}#page-products .product-modules{gap:12px}#page-products .product-record-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}#page-products .product-record-form>button{grid-column:2}#page-products .product-list-tools{padding:10px;gap:8px}#page-products .product-bulk-tools,#page-products .product-filter-tools{width:100%;gap:8px}#page-products .product-bulk-tools{flex-wrap:wrap}#page-products .product-bulk-tools label{flex:1;width:auto;min-width:120px}#page-products .product-filter-tools{margin:0;flex-wrap:nowrap}#page-products .product-filter-tools label{width:auto!important;flex:1;min-width:0}#page-products #productSelectedCount{min-height:36px}}

/* Map spacing only: identical metric/filter tracks; no SVG or interaction changes. */
body:has(#page-map:not([hidden])) main{padding-top:12px;padding-bottom:12px}
body:has(#page-map:not([hidden])) .heading{margin-bottom:8px}
body:has(#page-map:not([hidden])) #metrics{gap:16px;margin-bottom:10px}
body:has(#page-map:not([hidden])) #inventoryFilters{position:relative}
body:has(#page-map:not([hidden])) #inventoryFilters .filters{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:0;position:relative}
body:has(#page-map:not([hidden])) #inventoryFilters .filters>label{grid-row:1;gap:4px;min-width:0}
body:has(#page-map:not([hidden])) #inventoryFilters .filters .search{min-width:0}
body:has(#page-map:not([hidden])) #inventoryFilters .filters>label:nth-of-type(4)>span{padding-right:100px}
body:has(#page-map:not([hidden])) #inventoryFilters .filters>label input,body:has(#page-map:not([hidden])) #inventoryFilters .filters>label select{height:40px;min-height:40px;padding:7px 10px}
body:has(#page-map:not([hidden])) #clear{position:absolute;top:-2px;right:0;bottom:auto;grid-column:auto;grid-row:auto;height:24px;min-height:24px;padding:2px 8px;font-size:10px;line-height:18px;white-space:nowrap}
body:has(#page-map:not([hidden])) #searchStatus{padding:4px 0 8px;margin:0;line-height:1.4}
#page-map .maplayout{gap:12px}
#page-map #zoneTable th{padding:6px 8px}
#page-map #zoneTable tbody td{padding:5px 8px}
#page-map #zoneTable td summary{margin-top:1px;line-height:1.5}
@media(max-width:900px){
 body:has(#page-map:not([hidden])) #metrics,body:has(#page-map:not([hidden])) #inventoryFilters .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
 body:has(#page-map:not([hidden])) #inventoryFilters .filters>label{grid-row:auto}
 body:has(#page-map:not([hidden])) #inventoryFilters .filters>label:nth-of-type(4)>span{padding-right:0}
 body:has(#page-map:not([hidden])) #clear{top:auto;bottom:-33px;height:26px;min-height:26px}
 body:has(#page-map:not([hidden])) #searchStatus{min-height:38px;padding-top:7px;padding-right:105px}
 #page-map .maplayout{gap:12px}
}

/* Inventory query only: shared four-track spacing and neutral stock detail rows. */
body:has(#page-query:not([hidden])){background:#fff;color:#111}
body:has(#page-query:not([hidden])) main{background:#fff;padding:12px 20px;min-width:0}
body:has(#page-query:not([hidden])) .heading{margin-bottom:8px;gap:12px}
body:has(#page-query:not([hidden])) .heading h1{font-size:26px;color:#111}
body:has(#page-query:not([hidden])) .heading small{color:#555}
body:has(#page-query:not([hidden])) #metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 10px;width:100%}
body:has(#page-query:not([hidden])) #metrics .metric{min-width:0;padding:10px 14px;border:1px solid #e5e7eb;border-left:4px solid #ffde00;border-radius:8px!important;background:#fff;color:#111;text-align:left;box-shadow:none}
body:has(#page-query:not([hidden])) #metrics .metric b{font-size:28px;line-height:1.25;margin:3px 0;font-weight:650;color:#111}
body:has(#page-query:not([hidden])) #metrics .metric small{font-size:11px;line-height:1.4;color:#525252}
body:has(#page-query:not([hidden])) #inventoryFilters{width:100%;min-width:0;position:relative}
body:has(#page-query:not([hidden])) #inventoryFilters .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;padding:0;border:0;background:#fff;position:relative;align-items:end}
body:has(#page-query:not([hidden])) #inventoryFilters .filters>label{grid-row:1;min-width:0;font-size:12px;color:#111;gap:4px}
body:has(#page-query:not([hidden])) #inventoryFilters .filters .search{min-width:0}
body:has(#page-query:not([hidden])) #inventoryFilters .filters>label:nth-of-type(4)>span{padding-right:100px}
body:has(#page-query:not([hidden])) #inventoryFilters input,body:has(#page-query:not([hidden])) #inventoryFilters select{width:100%;min-width:0;max-width:none;height:40px;min-height:40px;padding:7px 10px;font-size:12px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111}
body:has(#page-query:not([hidden])) #clear{position:absolute;top:-2px;right:0;height:24px;min-height:24px;padding:2px 8px;font-size:10px;line-height:18px;white-space:nowrap;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111}
body:has(#page-query:not([hidden])) #searchStatus{min-height:0;padding:4px 0 8px;margin:0;font-size:11px;line-height:1.4;color:#525252}
#page-query{background:#fff;border:1px solid #e5e7eb;border-radius:8px!important;overflow:clip;min-width:0;max-width:100%}
#page-query>.paneltitle{background:#000;color:#fff;min-height:44px;padding:7px 12px;font-size:13px;font-weight:500;gap:8px}
#page-query>.paneltitle button{height:30px;min-height:30px;padding:4px 9px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;font-size:11px;font-weight:400;white-space:nowrap}
/* Query tables allow vertical scrolling to continue to the page at their boundary. */
#page-query .tablewrap{overflow:auto;max-width:100%;overscroll-behavior-x:contain;overscroll-behavior-y:auto;background:#fff}
#page-query table{width:100%;min-width:700px;table-layout:fixed;border-collapse:collapse;font-size:12px;color:#111}
#page-query th,#page-query td{vertical-align:middle!important;border-bottom:1px solid #e5e7eb;color:#111}
#page-query th{height:38px;padding:6px 10px;text-align:center!important;background:#f8f9fa!important;font-size:12px;font-weight:500}
#page-query td{height:50px;padding:6px 10px;background:#fff!important;text-align:center;font-size:12px;font-weight:400}
#page-query th:nth-child(1){width:40%}#page-query th:nth-child(2){width:10%}#page-query th:nth-child(3){width:14%}#page-query th:nth-child(4){width:16%}#page-query th:nth-child(5){width:20%}
#page-query td.model{text-align:left;white-space:nowrap;font:12px ui-monospace,monospace}
#page-query td.number{text-align:center!important;font-weight:600;font-variant-numeric:tabular-nums;font-size:14px}
#page-query .request-availability{display:block;width:100%;margin-top:1px;text-align:center!important;line-height:1.4;font-size:10px;font-weight:400;color:#23783c;white-space:nowrap}
#page-query td details{font-size:10px;color:#555;font-weight:400}
#page-query td summary{margin-top:1px;line-height:1.5}
#page-query .jump{height:26px;min-height:26px;padding:2px 6px;border:1px solid #e5e7eb;border-radius:6px!important;background:#fff;color:#111;font-size:11px}
#page-query .batch{display:inline-flex;align-items:center;justify-content:center;min-width:62px;min-height:24px;padding:2px 5px;border:1px solid #99aba4;border-radius:5px!important;background:#fff;color:#111;font-size:11px;font-weight:400;line-height:1.3}
#page-query .batch.second{border:2px solid #d12c32;color:#9c1d21}
@media(max-width:900px){body:has(#page-query:not([hidden])) #metrics,body:has(#page-query:not([hidden])) #inventoryFilters .filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}body:has(#page-query:not([hidden])) #inventoryFilters .filters>label{grid-row:auto}body:has(#page-query:not([hidden])) #inventoryFilters .filters>label:nth-of-type(4)>span{padding-right:0}body:has(#page-query:not([hidden])) #clear{top:auto;bottom:-33px;height:26px;min-height:26px}body:has(#page-query:not([hidden])) #searchStatus{min-height:38px;padding-top:7px;padding-right:105px}}
@media(max-width:650px){body:has(#page-query:not([hidden])) main{padding:12px;max-width:100%;overflow-x:clip}body:has(#page-query:not([hidden])) .heading h1{font-size:23px}body:has(#page-query:not([hidden])) #metrics .metric{padding:9px 10px}body:has(#page-query:not([hidden])) #metrics .metric b{font-size:25px}body:has(#page-query:not([hidden])) #metrics .metric small{font-size:10px}}
/* U/NVS dossiers only: compact record list and right-hand editor. */
body:has(#page-problems:not([hidden])){background:#fff;color:#111}
body:has(#page-problems:not([hidden])) main{background:#fff;padding:12px 20px;min-width:0}
body:has(#page-problems:not([hidden])) .heading{margin-bottom:10px}
body:has(#page-problems:not([hidden])) #metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:12px}
body:has(#page-problems:not([hidden])) #metrics .metric{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ffde00;border-radius:8px!important;padding:10px 14px;color:#111;text-align:left;min-width:0;box-shadow:none}
body:has(#page-problems:not([hidden])) #metrics .metric b{font-size:28px;margin:3px 0;line-height:1.25;font-weight:650}
#page-problems button,#page-problems input,#page-problems select,.condition-drawer button,.condition-drawer input,.condition-drawer select,.condition-drawer textarea{border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;font-size:12px;box-shadow:none}
#page-problems button,.condition-drawer button{min-height:32px;padding:5px 10px;white-space:nowrap}
#page-problems button.primary{background:#ffde00;border-color:#ffde00;color:#000;font-weight:600}
#page-problems .condition-intro{margin:0 0 8px;font-size:11px;color:#555;line-height:1.5}
#page-problems .condition-filters{padding:10px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff}
#page-problems .condition-filters>summary{display:none;cursor:pointer;font-size:12px}
#page-problems .condition-filter-grid{display:grid;grid-template-columns:minmax(130px,1.3fr) 80px 115px minmax(110px,1fr) minmax(110px,1fr) minmax(130px,1.2fr) auto;gap:10px;align-items:end}
#page-problems .condition-filter-grid label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:11px}
#page-problems .condition-filter-grid input,#page-problems .condition-filter-grid select{width:100%;height:36px;min-width:0;padding:6px 8px}
#page-problems .condition-filter-grid>button{height:36px}
#page-problems .condition-count{font-size:11px;color:#555;margin:8px 0}
#page-problems .condition-table{max-height:calc(100dvh - 330px);min-height:180px;overflow:auto;overscroll-behavior:contain;border:1px solid #e5e7eb;border-radius:8px!important}
#page-problems .condition-table table{min-width:1000px;width:100%;font-size:12px;table-layout:fixed}
#page-problems .condition-table th{background:#f8f9fa!important;color:#111;font-size:11px;font-weight:500;text-align:center;padding:8px;vertical-align:middle}
#page-problems .condition-table td{height:48px;background:#fff!important;color:#111;font-weight:400;text-align:center;vertical-align:middle;padding:5px 8px;border-bottom:1px solid #e5e7eb}
#page-problems .condition-table th:first-child{width:190px}#page-problems .condition-table th:nth-child(2){width:160px}#page-problems .condition-table th:nth-child(3){width:55px}#page-problems .condition-table th:nth-child(4){width:110px}#page-problems .condition-table th:nth-child(5){width:115px}#page-problems .condition-table th:nth-child(6){width:180px}#page-problems .condition-table th:nth-child(7){width:115px}#page-problems .condition-table th:nth-child(8){width:105px}
#page-problems .condition-table .model{font:500 11px ui-monospace,monospace;white-space:nowrap}
#page-problems .condition-table .batch{display:inline-block;background:#fff;padding:2px 4px;font-size:10px;border-radius:4px!important}
#page-problems .condition-label{display:inline-block;border-radius:5px!important;padding:3px 6px;font-size:10px;white-space:nowrap;background:#f6f7f8;color:#444}
#page-problems .category-normal{background:#edf9f0;color:#23733c}#page-problems .category-pending{background:#edf5ff;color:#275d89}#page-problems .category-incomplete{background:#fff7db;color:#80641c}#page-problems .category-quality{background:#fff0f0;color:#ad3232}#page-problems .category-scrapped{background:#f2f2f2;color:#555}
#page-problems .condition-remark{text-align:left!important;overflow-wrap:anywhere}#page-problems .condition-remark details{font-size:11px;color:#444}#page-problems .condition-remark summary{margin:0;cursor:pointer}#page-problems .condition-remark p{white-space:pre-wrap;margin:6px 0}
#page-problems .condition-thumbnails{display:flex;align-items:center;justify-content:center;gap:4px}#page-problems .condition-thumbnails button{padding:0;width:30px;height:30px;min-height:30px;overflow:hidden}#page-problems .condition-thumbnails img{width:100%;height:100%;object-fit:cover}#page-problems .condition-thumbnails span{font-size:10px}
#conditionDrawer{position:fixed;inset:12px 12px 12px auto;margin:0;width:min(490px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 24px);max-height:none;padding:0;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;box-shadow:none;overflow:auto}
#conditionDrawer::backdrop,#conditionPhotoDialog::backdrop{background:rgba(0,0,0,.24)}
.condition-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2}
.condition-drawer-head h2{font-size:16px;margin:0;font-weight:600}
#conditionDrawerContent{padding:14px 16px}
.condition-record-meta{display:grid;grid-template-columns:1fr auto;gap:8px 12px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px!important;padding:10px 12px;margin-bottom:16px;font-size:11px}.condition-record-meta div:last-child{grid-column:1/-1}.condition-record-meta b{margin-left:8px;color:#111;font-weight:600}
#conditionRecordForm{display:flex;flex-direction:column;gap:12px;margin:0}#conditionRecordForm label{display:flex;flex-direction:column;gap:5px;font-size:12px;min-width:0}#conditionRecordForm input,#conditionRecordForm select,#conditionRecordForm textarea{width:100%;min-width:0;padding:7px 9px;background:#fff}#conditionRecordForm select{height:38px}#conditionRecordForm textarea{resize:vertical;font-family:inherit}#conditionRecordForm .condition-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.condition-photo-title{display:flex;justify-content:space-between;align-items:center;font-size:12px}.condition-photo-title b{font-weight:500}.condition-photo-title span{font-size:10px;color:#666}
.condition-photo-cards{display:flex;flex-wrap:wrap;gap:8px}.condition-photo-card{width:96px;display:flex;flex-direction:column;gap:4px;border:1px solid #e5e7eb;padding:4px;border-radius:8px!important}.condition-photo-card>button:first-child{padding:0;height:88px;overflow:hidden}.condition-photo-card img{width:100%;height:100%;object-fit:cover}.condition-photo-card small{font-size:9px;color:#666;overflow-wrap:anywhere}.condition-photo-card button.danger{font-size:10px;min-height:26px;padding:2px 4px;color:#ad3232;border-color:#efb7b7}
.condition-photo-actions{display:flex;gap:8px}.condition-photo-actions .button{padding:6px 10px;min-height:32px;display:inline-flex!important;align-items:center;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;cursor:pointer;font-size:12px}
#conditionRecordForm .condition-help{font-size:10px;color:#666;line-height:1.5;margin:0}.condition-save-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}#conditionRecordForm .condition-save-actions button{min-width:90px;height:36px}#conditionError{color:#b33131;font-size:12px;white-space:pre-wrap}.condition-history{margin-top:18px;border-top:1px solid #e5e7eb;padding-top:12px;font-size:12px}.condition-history summary{cursor:pointer}.condition-history details{padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:11px}.condition-history p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}
#conditionPhotoDialog{max-width:94vw;max-height:94dvh;padding:12px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111}#conditionPhotoDialog img{display:block;max-width:85vw;max-height:75dvh;object-fit:contain;margin-top:8px}#conditionPhotoDialog p{font-size:11px}#conditionPhotoDialog button{float:right}
@media(max-width:1200px){#page-problems .condition-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr)) auto}#page-problems .condition-filter-grid>button{grid-column:4;grid-row:2}}
@media(max-width:720px){body:has(#page-problems:not([hidden])) main{padding:12px;overflow-x:clip}body:has(#page-problems:not([hidden])) #metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#page-problems .condition-filters>summary{display:list-item}#page-problems .condition-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}#page-problems .condition-filter-grid>button{grid-column:2;grid-row:auto}#page-problems .condition-table{max-height:65dvh}#conditionDrawer{inset:6px;margin:0;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.condition-drawer-head{padding:12px}#conditionDrawerContent{padding:12px}}
/* Audit view: read-only filters, original records and compact paging. */
body:has(#page-audit:not([hidden])){background:#fff;color:#111}body:has(#page-audit:not([hidden])) main{background:#fff;padding:12px 20px;min-width:0}body:has(#page-audit:not([hidden])) .heading{margin-bottom:10px}body:has(#page-audit:not([hidden])) #metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:12px}body:has(#page-audit:not([hidden])) #metrics .metric{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ffde00;border-radius:8px!important;padding:10px 14px;color:#111;text-align:left;box-shadow:none;min-width:0}body:has(#page-audit:not([hidden])) #metrics .metric b{font-size:28px;margin:3px 0;line-height:1.25;font-weight:650}
#page-audit{border:0;background:#fff;min-width:0}#page-audit button,#page-audit input,#page-audit select{border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;font-size:12px;min-height:34px;padding:5px 9px}#page-audit button:disabled{color:#999;background:#fafafa}#page-audit .audit-filter-bar{display:grid;grid-template-columns:minmax(125px,1fr) minmax(125px,1fr) minmax(100px,1fr) minmax(130px,1.2fr) minmax(150px,1.5fr) auto;align-items:end;gap:10px;padding:10px;border:1px solid #e5e7eb;border-radius:8px!important;margin-bottom:12px;background:#fff}#page-audit .audit-filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:11px;min-width:0}#page-audit .audit-filter-bar input,#page-audit .audit-filter-bar select{height:38px;width:100%;min-width:0}#page-audit .audit-filter-bar>button{height:38px}
#page-audit .audit-record-panel{border:1px solid #e5e7eb;border-radius:8px!important;overflow:hidden;background:#fff}#page-audit .paneltitle{min-height:44px;background:#000;color:#fff;padding:7px 12px;font-size:13px;font-weight:500;gap:8px}#page-audit .paneltitle button{min-height:30px;height:30px;font-size:11px;white-space:nowrap}#page-audit .tablewrap{max-width:100%;overflow:auto;overscroll-behavior:contain}#page-audit .audit-record-table{min-width:1100px;width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px}#page-audit th{background:#f8f9fa!important;color:#111;text-align:center;font-size:11px;font-weight:500;padding:7px 8px;vertical-align:middle}#page-audit td{background:#fff!important;color:#111;border-bottom:1px solid #e5e7eb;padding:5px 8px;vertical-align:middle;font-size:11px;font-weight:400}#page-audit .audit-record-table>tbody>tr:not(.audit-expanded-row)>td{height:48px;text-align:center}#page-audit .audit-record-table th:nth-child(1){width:155px}#page-audit .audit-record-table th:nth-child(2){width:85px}#page-audit .audit-record-table th:nth-child(3){width:140px}#page-audit .audit-record-table th:nth-child(4){width:170px}#page-audit .audit-record-table th:nth-child(5){width:230px}#page-audit .audit-record-table th:nth-child(6){width:75px}#page-audit .audit-record-table th:nth-child(7){width:150px}#page-audit .audit-record-table th:nth-child(8){width:90px}#page-audit .audit-object,#page-audit .audit-change,#page-audit .audit-note{text-align:left!important;overflow-wrap:anywhere;line-height:1.45}#page-audit .audit-object{font-family:ui-monospace,monospace}#page-audit .audit-record-table button{min-height:28px;height:28px;font-size:10px;padding:3px 6px;white-space:nowrap}
#page-audit .audit-type-tag{display:inline-block;max-width:100%;padding:3px 5px;border-radius:5px!important;font-size:10px;line-height:1.4;background:#f4f4f4;color:#555}#page-audit .audit-type-tag.group-product{background:#fff7dc;color:#705918}#page-audit .audit-type-tag.group-inventory{background:#edf6f4;color:#3d6458}#page-audit .audit-type-tag.group-condition{background:#eef4fc;color:#3d5b7c}
#page-audit .audit-full-detail{padding:10px 12px;font-size:11px}#page-audit .audit-full-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:350px;overflow:auto;background:#fafafa;border:1px solid #e5e7eb;padding:10px}#page-audit .audit-full-detail h3{font-size:12px;font-weight:500}#page-audit .audit-full-detail p{margin:5px 0}
#page-audit .audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;font-size:11px;background:#fff}#page-audit .audit-pagination>div{display:flex;align-items:center;gap:8px}#page-audit .audit-pagination button,#page-audit .audit-pagination select{height:30px;min-height:30px;font-size:11px}#page-audit .audit-ledger-panel,#page-audit .source-note{border:1px solid #e5e7eb;border-radius:8px!important;margin-top:12px;background:#fff;padding:10px 12px;font-size:12px}#page-audit .audit-ledger-panel>summary,#page-audit .source-note>summary{cursor:pointer}#page-audit #ledgerTable table{min-width:700px}#page-audit #ledgerTable td{height:46px;text-align:center}
@media(max-width:1150px){#page-audit .audit-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}#page-audit .audit-filter-bar>button{justify-self:end}}
@media(max-width:720px){body:has(#page-audit:not([hidden])) main{padding:12px;overflow-x:clip}body:has(#page-audit:not([hidden])) #metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#page-audit .audit-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}#page-audit .audit-keyword{grid-column:1/-1}#page-audit .audit-filter-bar>button{grid-column:2}#page-audit .audit-pagination{align-items:flex-start;flex-wrap:wrap}#page-audit .audit-pagination>div{flex-wrap:wrap}}
/* Staff accounts only: compact filters, neutral table and safe administration dialogs. */
body:has(#page-accounts:not([hidden])){background:#fff;color:#111}body:has(#page-accounts:not([hidden])) main{background:#fff;padding:12px 20px;min-width:0}body:has(#page-accounts:not([hidden])) .heading{margin-bottom:10px}body:has(#page-accounts:not([hidden])) #metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:12px}body:has(#page-accounts:not([hidden])) #metrics .metric{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #ffde00;border-radius:8px!important;padding:10px 14px;color:#111;text-align:left;min-width:0;box-shadow:none}body:has(#page-accounts:not([hidden])) #metrics .metric b{font-size:28px;line-height:1.25;margin:3px 0;font-weight:650}
#page-accounts button,#page-accounts input,#page-accounts select{border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;font-size:12px;padding:6px 10px;min-height:36px;box-shadow:none}#page-accounts button.primary{background:#ffde00;border-color:#ffde00;color:#000;font-weight:600}#page-accounts button:disabled{color:#999;background:#fafafa}
#page-accounts .account-filter-bar{display:grid;grid-template-columns:minmax(180px,2fr) minmax(120px,1fr) minmax(130px,1fr) auto auto;align-items:end;gap:10px;padding:10px;margin-bottom:12px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff}#page-accounts .account-filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:11px;min-width:0}#page-accounts .account-filter-bar input,#page-accounts .account-filter-bar select{width:100%;min-width:0;height:38px}#page-accounts .account-filter-bar button{height:38px;white-space:nowrap}
#page-accounts .account-list-panel{border:1px solid #e5e7eb;border-radius:8px!important;overflow:hidden;background:#fff}#page-accounts .paneltitle{min-height:44px;padding:7px 12px;background:#000;color:#fff;font-size:13px;font-weight:500}#page-accounts .paneltitle button{height:30px;min-height:30px;font-size:11px}#page-accounts .tablewrap{max-width:100%;overflow:auto;overscroll-behavior:contain}#page-accounts table{min-width:950px;width:100%;table-layout:fixed;font-size:12px}#page-accounts th{background:#f8f9fa!important;color:#111;text-align:center;vertical-align:middle;font-size:11px;font-weight:500;padding:7px 9px}#page-accounts td{height:48px;background:#fff!important;color:#111;text-align:center;vertical-align:middle;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:400;padding:5px 9px}#page-accounts th:nth-child(1){width:14%}#page-accounts th:nth-child(2){width:14%}#page-accounts th:nth-child(3){width:24%}#page-accounts th:nth-child(4){width:10%}#page-accounts th:nth-child(5){width:18%}#page-accounts th:nth-child(6){width:20%}#page-accounts td small{display:block;font-size:10px;color:#666;line-height:1.4;margin-top:2px}#page-accounts .account-username{font-family:ui-monospace,monospace;white-space:nowrap}#page-accounts .account-login-time{white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
#page-accounts .account-role,#page-accounts .account-state{display:inline-block;padding:2px 7px;border-radius:5px!important;font-size:10px;line-height:1.4}#page-accounts .role-admin{background:#fff7da;color:#705b1d}#page-accounts .role-viewer{background:#f0f4fa;color:#52627a}#page-accounts .account-state.active{background:#edf8f0;color:#347147}#page-accounts .account-state.disabled{background:#f4f4f4;color:#777}#page-accounts .account-row-actions{display:flex;justify-content:center;gap:6px;flex-wrap:nowrap}#page-accounts .account-row-actions button{height:28px;min-height:28px;padding:3px 7px;font-size:10px;white-space:nowrap}#page-accounts button.danger{border-color:#e9b9b9;color:#a73636}
#page-accounts .account-maintenance{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(180px,1.3fr) auto;gap:10px;align-items:end;padding:12px;margin:14px 0 0;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff}#page-accounts .account-maintenance h2{grid-column:1/-1;font-size:13px;font-weight:500;margin:0 0 3px}#page-accounts .account-maintenance label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:11px}#page-accounts .account-maintenance input,#page-accounts .account-maintenance select{height:38px;width:100%;min-width:0}#page-accounts .account-maintenance button{height:38px;white-space:nowrap}#page-accounts #accountForm>button{background:#ffde00;border-color:#ffde00;font-weight:600}#page-accounts #passwordForm{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto}
#accountManageDialog{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#111;overflow:auto;box-shadow:none}#accountManageDialog::backdrop{background:rgba(0,0,0,.24)}.account-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #e5e7eb}.account-dialog-head h2{font-size:16px;font-weight:600;margin:0}#accountDialogContent{padding:14px 16px}#accountManageForm{display:flex;flex-direction:column;gap:12px;margin:0}#accountManageForm label{display:flex;flex-direction:column;gap:5px;font-size:12px}#accountManageForm input,#accountManageForm select{height:38px;width:100%;min-width:0}#accountManageForm .account-help{font-size:11px;color:#666;line-height:1.5;margin:0}.account-dialog-meta{display:flex;flex-direction:column;gap:4px;font-size:12px}.account-dialog-meta span{font-size:11px;color:#666}.account-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.account-dialog-actions button{min-width:84px}#accountManageError{color:#ae3333;font-size:12px;white-space:pre-wrap}
@media(max-width:900px){#page-accounts .account-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}#page-accounts .account-filter-bar button:last-child{grid-column:3}#page-accounts .account-maintenance{grid-template-columns:repeat(2,minmax(0,1fr))}#page-accounts #passwordForm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){body:has(#page-accounts:not([hidden])) main{padding:12px;overflow-x:clip}body:has(#page-accounts:not([hidden])) #metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#page-accounts .account-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}#page-accounts .account-filter-bar label:first-child{grid-column:1/-1}#page-accounts .account-filter-bar button:last-child{grid-column:2}#page-accounts .account-maintenance,#page-accounts #passwordForm{grid-template-columns:minmax(0,1fr)}#page-accounts .account-maintenance h2{grid-column:1}}
/* Shared account strip: keep existing control IDs, login visibility and handlers. */
body>header .header-account-controls{gap:20px;flex-wrap:nowrap;color:#fff}
body>header .header-account-controls .header-icon{display:block;flex:none;width:23px;height:23px;min-width:23px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;cursor:inherit;touch-action:auto;pointer-events:none}
body>header .header-clock{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-width:0}
body>header .header-account-controls #clock{color:#fff;font:13px/1.3 Arial,sans-serif}
body>header .header-account-controls #languageSelect{height:34px;min-height:34px;min-width:96px;max-width:125px;padding:5px 10px;font-size:14px;border-color:#d1d5db;border-radius:8px!important}
body>header .header-account-menu>summary{gap:7px;padding:3px 0;min-height:34px;border:0;border-radius:0!important;color:#fff}
body>header .header-account-controls #identity{font-size:13px;line-height:1.3;color:#fff;white-space:nowrap}
body>header .header-account-controls #requestNotifications,body>header .header-account-controls #logout{display:inline-flex;align-items:center;justify-content:center;position:relative;height:34px;min-height:34px;padding:0;background:transparent;color:#fff;border:0;border-radius:0!important;font-size:14px;font-weight:400;line-height:1.3;box-shadow:none}
body>header .header-account-controls #requestNotifications{width:28px;flex:none}
body>header .header-account-controls #requestNotifications:hover,body>header .header-account-controls #logout:hover{color:#ffde00;background:transparent}
body>header #requestNotificationBadge{position:absolute;right:0;top:2px;display:block;width:8px;height:8px;min-width:8px;min-height:8px;margin:0;padding:0;border:0;border-radius:50%!important;background:#ed2024;color:transparent;font-size:0;line-height:0;overflow:hidden;pointer-events:none}
body>header #requestNotifications[hidden],body>header #logout[hidden],body>header #requestNotificationBadge[hidden]{display:none!important}
body>header .header-account-controls button:focus-visible{outline:2px solid #ffde00;outline-offset:4px}
@media(max-width:1250px){body>header .header-account-controls{gap:14px}}
@media(max-width:650px){body>header .header-account-controls{gap:10px 14px;flex-wrap:wrap;flex-basis:100%;justify-content:flex-end}body>header .header-account-controls #clock{font-size:11px}body>header .header-account-controls #identity{font-size:12px;max-width:none}body>header .header-account-controls #logout{font-size:12px}body>header .header-account-controls .header-icon{width:21px;height:21px;min-width:21px}body>header .header-account-controls #languageSelect{font-size:12px;height:32px;min-height:32px;min-width:90px}}

#page-problems .category-repaired{background:#edf5ff;color:#275d89}

/* Compact shared language control in all viewport sizes. */
body>header .header-account-controls #languageSelect{width:84px;min-width:84px;max-width:84px;height:30px;min-height:30px;padding:3px 5px;font-size:12px;text-align:center;text-align-last:center}
body>header .header-account-controls #languageSelect option{text-align:center}

/* Login reference restoration. Never changes the header or signed-in workspace. */
body:has(#auth:not([hidden]) #loginForm:not([hidden])){background:#fff;color:#111}
#auth .auth-waves{display:none}
#auth .auth-feature-icon{display:none}
#auth:has(#loginForm:not([hidden])){position:relative;isolation:isolate;max-width:none;width:100%;min-height:calc(100dvh - 62px);margin:0;display:grid;grid-template-columns:minmax(0,45fr) minmax(0,55fr);align-items:end;align-content:center;gap:clamp(40px,6.25vw,96px);padding:clamp(48px,14.5vh,148px) clamp(32px,5.2vw,80px) clamp(118px,16.2vh,166px) clamp(40px,6.5vw,100px);overflow:hidden;background:#fff}
#auth:has(#loginForm:not([hidden]))::before,#auth:has(#loginForm:not([hidden]))::after{content:none}
#auth:has(#loginForm:not([hidden])) .auth-waves{display:block;position:absolute;z-index:-1;left:0;bottom:0;width:100%;height:220px;pointer-events:none;cursor:default;touch-action:auto;user-select:none}
#auth:has(#loginForm:not([hidden])) .auth-intro{width:100%;max-width:566px;min-width:0;justify-self:end;padding:0}
#auth:has(#loginForm:not([hidden])) .auth-intro>small{display:block;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:2px;color:#455a77}
#auth:has(#loginForm:not([hidden])) .auth-intro h1{position:relative;font-size:clamp(36px,4.17vw,64px);line-height:1.35;letter-spacing:-1.5px;font-weight:750;margin:40px 0 32px;color:#080c0c;overflow-wrap:normal}
#auth:has(#loginForm:not([hidden])) .auth-intro h1>span{white-space:nowrap}
#auth:has(#loginForm:not([hidden])) .auth-intro h1::after{content:"";position:absolute;right:12px;bottom:-14px;width:158px;height:18px;background:transparent;border:0;border-top:7px solid #ffde00;border-radius:50% 50% 0 0!important;transform:rotate(-2deg)}
#auth:has(#loginForm:not([hidden])) .auth-intro>p{font-size:clamp(15px,1.43vw,22px);font-weight:600;line-height:1.55;color:#45566d;margin:0 0 0 8px}
#auth:has(#loginForm:not([hidden])) .auth-lines{display:flex;flex-direction:column;margin:50px 0 0;border:1px solid #efede5;border-radius:16px!important;background:#fffdf6;overflow:hidden}
#auth:has(#loginForm:not([hidden])) .auth-feature{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:28px;min-height:96px;padding:15px 29px;border-bottom:1px solid #eeece5}
#auth:has(#loginForm:not([hidden])) .auth-feature:last-child{border-bottom:0}
#auth:has(#loginForm:not([hidden])) .auth-feature-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#fff1b5;border-radius:16px!important;color:#111}
#auth:has(#loginForm:not([hidden])) .auth-feature-icon svg{display:block;width:36px;height:36px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;cursor:inherit;touch-action:auto}
#auth:has(#loginForm:not([hidden])) .auth-feature-copy{min-width:0}
#auth:has(#loginForm:not([hidden])) .auth-feature h3{display:flex;align-items:baseline;gap:12px;font-size:clamp(16px,1.43vw,22px);line-height:1.4;font-weight:650;margin:0 0 3px;color:#111}
#auth:has(#loginForm:not([hidden])) .auth-feature-number{flex:none;font-variant-numeric:tabular-nums}
#auth:has(#loginForm:not([hidden])) .auth-feature p{font-size:clamp(13px,1.17vw,18px);font-weight:400;line-height:1.5;margin:0 0 0 40px;color:#45566d}
#auth:has(#loginForm:not([hidden])) .auth-feature span{padding:0;border:0;background:transparent;font-size:inherit}
#auth:has(#loginForm:not([hidden])) .auth-panel{width:100%;max-width:696px;justify-self:start;min-width:0;margin:0;padding:32px 48px 56px;border:1px solid #e4e7ed;border-top:14px solid #ffde00;border-radius:18px!important;background:#fff;box-shadow:0 10px 30px rgba(21,32,49,.045)}
#auth #loginForm{margin:0}
#auth #loginForm>small{display:block;font-size:20px;font-weight:400;line-height:1.5;letter-spacing:0;color:#45566d}
#auth #loginForm h2{font-size:40px;line-height:1.35;letter-spacing:-.7px;font-weight:700;margin:10px 0 12px;color:#080c0c}
#auth #loginForm .note{font-size:20px;line-height:1.7;color:#45566d;padding:0;margin:0 0 28px}
#auth #loginForm>label{display:block;font-size:22px;font-weight:600;line-height:1.4;color:#111;margin:0 0 10px}
#auth #loginForm .login-username-field,#auth #loginForm .login-password-field{position:relative;width:100%;min-width:0;display:block;margin:0 0 22px}
#auth #loginForm .login-password-field{margin-bottom:48px}
#auth #loginForm input{display:block;width:100%;min-width:0;height:60px;padding:12px 56px 12px 72px;border:1px solid #cfd5df;border-radius:10px!important;background:#fff;color:#111;font-size:24px;font-weight:600;line-height:1.4}
#auth #loginForm .login-field-icon{display:block;position:absolute;z-index:1;left:23px;top:15px;width:30px;height:30px;stroke:#111;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;cursor:inherit;touch-action:auto}
#auth #loginPasswordToggle{display:flex;position:absolute;right:12px;top:10px;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:5px;border:0;border-radius:6px!important;background:transparent;color:#4b5563;line-height:1}
#auth #loginPasswordToggle svg{display:block;width:28px;height:28px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;cursor:inherit;touch-action:auto}
#auth #loginPasswordToggle .login-eye-visible,#auth #loginPasswordToggle[aria-pressed="true"] .login-eye-masked{display:none}
#auth #loginPasswordToggle[aria-pressed="true"] .login-eye-visible{display:block}
#auth #loginPasswordToggle .login-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#auth #loginPasswordToggle:hover{background:#fff7cf;color:#111}
#auth #loginForm .primary{display:block;width:100%;height:68px;min-height:68px;margin:0;padding:12px 20px;background:#000;color:#fff;border:1px solid #000;border-radius:10px!important;font-size:26px;line-height:1.4;font-weight:650}
#auth #loginForm .primary:hover{background:#000;color:#fff;border-color:#000}
#auth #loginForm button:disabled{opacity:.65;cursor:wait}
#auth #loginForm button:focus-visible,#auth #loginForm input:focus-visible{outline:2px solid #b49b00;outline-offset:3px}
/* Long translated headings wrap naturally; the two fixed lines are the Chinese reference. */
html:not([lang="zh-CN"]) #auth:has(#loginForm:not([hidden])) .auth-intro h1{font-size:clamp(34px,3.1vw,48px);letter-spacing:-.8px}
html:not([lang="zh-CN"]) #auth:has(#loginForm:not([hidden])) .auth-intro h1>span{white-space:normal}
@media(min-width:901px) and (max-width:1250px){#auth:has(#loginForm:not([hidden])){padding-left:40px;padding-right:40px;gap:40px}#auth:has(#loginForm:not([hidden])) .auth-panel{padding-left:30px;padding-right:30px}#auth:has(#loginForm:not([hidden])) .auth-feature{grid-template-columns:48px minmax(0,1fr);column-gap:16px;padding:14px 18px;min-height:88px}#auth:has(#loginForm:not([hidden])) .auth-feature-icon{width:48px;height:48px;border-radius:12px!important}#auth:has(#loginForm:not([hidden])) .auth-feature-icon svg{width:30px;height:30px}#auth:has(#loginForm:not([hidden])) .auth-feature p{margin-left:32px}#auth #loginForm h2{font-size:32px}#auth #loginForm .note{font-size:16px}}
@media(min-width:901px) and (max-height:900px){#auth:has(#loginForm:not([hidden])){padding-top:48px;padding-bottom:118px}#auth:has(#loginForm:not([hidden])) .auth-intro>small{font-size:16px}#auth:has(#loginForm:not([hidden])) .auth-intro h1{font-size:clamp(36px,3.4vw,52px);margin-top:28px;margin-bottom:24px}#auth:has(#loginForm:not([hidden])) .auth-intro>p{font-size:18px}#auth:has(#loginForm:not([hidden])) .auth-lines{margin-top:32px}#auth:has(#loginForm:not([hidden])) .auth-feature{min-height:84px;padding-top:10px;padding-bottom:10px}#auth:has(#loginForm:not([hidden])) .auth-feature h3{font-size:18px}#auth:has(#loginForm:not([hidden])) .auth-feature p{font-size:16px}#auth:has(#loginForm:not([hidden])) .auth-panel{padding-top:26px;padding-bottom:32px}#auth #loginForm>small{font-size:17px}#auth #loginForm h2{font-size:34px}#auth #loginForm .note{font-size:17px;margin-bottom:22px}#auth #loginForm>label{font-size:18px}#auth #loginForm input{height:54px;font-size:20px}#auth #loginForm .login-field-icon{top:12px}#auth #loginPasswordToggle{top:7px}#auth #loginForm .login-password-field{margin-bottom:30px}#auth #loginForm .primary{height:60px;min-height:60px;font-size:22px}#auth:has(#loginForm:not([hidden])) .auth-waves{height:180px}}
@media(max-width:900px){#auth:has(#loginForm:not([hidden])){grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - 100px);align-content:start;gap:40px;padding:32px 24px 150px}#auth:has(#loginForm:not([hidden])) .auth-panel{order:-1;justify-self:center;max-width:620px;padding:30px 36px 36px;border-top-width:10px}#auth:has(#loginForm:not([hidden])) .auth-intro{justify-self:center;max-width:620px}#auth:has(#loginForm:not([hidden])) .auth-intro>small{font-size:14px}#auth:has(#loginForm:not([hidden])) .auth-intro h1{font-size:clamp(32px,6.5vw,48px);margin-top:24px;margin-bottom:28px}#auth:has(#loginForm:not([hidden])) .auth-intro>p{font-size:16px;margin-left:0}#auth:has(#loginForm:not([hidden])) .auth-lines{display:flex;margin-top:30px}#auth:has(#loginForm:not([hidden])) .auth-feature{grid-template-columns:52px minmax(0,1fr);column-gap:18px;min-height:88px;padding:14px 20px}#auth:has(#loginForm:not([hidden])) .auth-feature-icon{width:52px;height:52px;border-radius:12px!important}#auth:has(#loginForm:not([hidden])) .auth-feature h3{font-size:18px}#auth:has(#loginForm:not([hidden])) .auth-feature p{font-size:14px;margin-left:34px}#auth #loginForm>small{font-size:16px}#auth #loginForm h2{font-size:32px}#auth #loginForm .note{font-size:16px;margin-bottom:24px}#auth #loginForm>label{font-size:17px}#auth #loginForm input{height:56px;font-size:20px;padding-left:62px}#auth #loginForm .login-field-icon{left:20px;top:14px;width:28px;height:28px}#auth #loginPasswordToggle{top:8px}#auth #loginForm .login-password-field{margin-bottom:30px}#auth #loginForm .primary{height:60px;min-height:60px;font-size:22px}#auth:has(#loginForm:not([hidden])) .auth-waves{height:150px}}
@media(max-width:480px){#auth:has(#loginForm:not([hidden])){padding:24px 16px 120px;gap:34px}#auth:has(#loginForm:not([hidden])) .auth-panel{padding:24px 20px 28px;border-radius:14px!important}#auth #loginForm h2{font-size:28px}#auth #loginForm .note{font-size:14px}#auth #loginForm input{height:52px;font-size:18px;padding-left:52px}#auth #loginForm .login-field-icon{left:16px;top:13px;width:26px;height:26px}#auth #loginPasswordToggle{right:6px;top:6px}#auth:has(#loginForm:not([hidden])) .auth-intro h1{font-size:clamp(27px,7.5vw,36px);letter-spacing:-1px}#auth:has(#loginForm:not([hidden])) .auth-intro h1::after{width:120px;right:0}#auth:has(#loginForm:not([hidden])) .auth-feature{padding:13px 14px;column-gap:14px;grid-template-columns:46px minmax(0,1fr)}#auth:has(#loginForm:not([hidden])) .auth-feature-icon{width:46px;height:46px}#auth:has(#loginForm:not([hidden])) .auth-feature-icon svg{width:28px;height:28px}#auth:has(#loginForm:not([hidden])) .auth-feature h3{font-size:16px;gap:8px}#auth:has(#loginForm:not([hidden])) .auth-feature p{font-size:13px;margin-left:28px}#auth:has(#loginForm:not([hidden])) .auth-waves{height:120px}}

#page-salesStats #salesStatsCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;margin:24px 0 22px}
#page-salesStats #salesStatsCards>button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:120px;height:auto;margin:0;padding:16px 20px;text-align:left;border:1px solid #e5e7eb;border-left:3px solid #285b50;background:#fff;border-radius:8px!important;cursor:pointer;box-shadow:none}
#page-salesStats #salesStatsCards>button:last-child{border-left-color:#ffde00;background:#fffdf0}
#page-salesStats #salesStatsCards small{font-size:14px;line-height:1.5;font-weight:500;color:#171717}
#page-salesStats #salesStatsCards strong{display:block;font-size:clamp(28px,2.25vw,36px);line-height:1.2;font-weight:650;margin:10px 0 0;color:#111;white-space:nowrap;font-variant-numeric:tabular-nums}
#page-salesStats #salesStatsCards>button:hover{border-top-color:#d1d5db;border-right-color:#d1d5db;border-bottom-color:#d1d5db}
#page-salesStats #salesStatsCards>button:focus-visible{outline:2px solid #ffde00;outline-offset:3px}
#page-salesStats .sales-table-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px;margin:0 0 12px}
#page-salesStats .sales-list-heading{display:flex;align-items:center;gap:8px;min-width:0}
#page-salesStats .sales-list-heading h2{flex:none;font-size:16px;line-height:1.5;font-weight:600;margin:0;color:#171717}
#page-salesStats .sales-list-divider{font-size:13px;color:#c0c5cb}
#page-salesStats #salesStatsStatus{font-size:12px;line-height:1.5;font-weight:400;color:#737b83}
#page-salesStats .sales-table-tools>label{display:flex;flex-direction:row;align-items:center;gap:8px;flex:none;font-size:12px;color:#40464d}
#page-salesStats .sales-table-tools>label>span{white-space:nowrap}
#page-salesStats .sales-table-tools select{height:38px;width:160px;border-color:#e5e7eb}
#page-salesStats #salesStatsSummary{width:100%;max-width:100%;border:1px solid #e5e7eb;border-radius:8px!important;overflow:auto;overscroll-behavior-x:contain}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table){width:100%;min-width:840px;table-layout:fixed;border-collapse:collapse;background:#fff}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>thead>tr>th,#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tbody>tr>td,#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tfoot>tr>td{text-align:center;vertical-align:middle;padding:8px 10px;border-right:1px solid #eef0f2;border-bottom:1px solid #e5e7eb;font-size:13px;line-height:1.45;font-weight:400;overflow-wrap:normal}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>thead>tr>th{height:44px;background:#f8f9fa;color:#30363d;font-weight:500}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>thead>tr>th:first-child,#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tbody>tr>td:first-child,#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tfoot>tr>td:first-child{width:56px;white-space:nowrap}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>thead>tr>th:nth-child(2),#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tbody>tr>td:nth-child(2),#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tfoot>tr>td:nth-child(2){width:28%}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tbody>tr>td{height:50px;background:#fff!important;font-variant-numeric:tabular-nums}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tbody>tr>td.stats-model{font-weight:400;white-space:nowrap}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table) .sales-record-link{white-space:nowrap;font-weight:500;overflow-wrap:normal}
#page-salesStats #salesStatsSummary>table:not(.sales-record-table)>tfoot>tr>td{height:50px;background:#fff6d1!important;font-size:14px;font-weight:600;border-bottom:0}
body:has(#page-salesStats:not([hidden])) main>footer{margin-top:14px;padding-top:0}
@media(max-width:720px){#page-salesStats #salesStatsCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 22px}#page-salesStats #salesStatsCards>button{min-height:106px;padding:14px}#page-salesStats #salesStatsCards small{font-size:12px}#page-salesStats #salesStatsCards strong{font-size:28px;margin-top:8px}#page-salesStats .sales-table-tools{flex-wrap:wrap;align-items:center;gap:10px 16px}#page-salesStats .sales-list-heading{flex-wrap:wrap;gap:6px}#page-salesStats .sales-list-heading h2{font-size:15px}#page-salesStats #salesStatsStatus{font-size:11px}#page-salesStats .sales-table-tools>label{margin-left:auto}#page-salesStats .sales-table-tools select{width:140px}}

/* 3.5.1 Query inventory: type first, compact centered model column; other stock tables unchanged. */
#page-query #queryTable .stock-query-table th{width:auto}
#page-query #queryTable .stock-query-table td.model{text-align:center!important;white-space:nowrap}
#page-query #queryTable .stock-query-table td.model details{text-align:center;white-space:normal}
#page-query #queryTable .stock-query-table td{padding:6px 8px}

body:has(.ops-page:not([hidden])) main{background:#fff;padding:20px 24px}
body:has(.ops-page:not([hidden])) #metrics,body:has(.ops-page:not([hidden])) .heading-actions{display:none}
body:has(.ops-page:not([hidden])) .heading{margin-bottom:22px;padding-right:250px}
body:has(.ops-page:not([hidden])) .heading h1{font-size:28px}
.ops-page{position:relative;max-width:1320px;margin:0 auto;color:#111}
.ops-tools{position:absolute;right:0;top:-75px;display:flex;gap:10px}
.ops-page button,.ops-page input,.ops-page select,.ops-page textarea,.ops-panel,.ops-cards>div,.ops-dialog,.ops-dialog button,.ops-dialog input,.ops-dialog select,.ops-dialog textarea{border-radius:8px!important}
.ops-page button,.ops-dialog button{height:36px;min-height:36px;padding:6px 12px;font-size:13px;font-weight:500;background:#fff;color:#1d2529;border:1px solid #d5dce1;white-space:nowrap}
.ops-page button.primary,.ops-dialog button.primary{background:#ffdf00;border-color:#e6c800;color:#111}
.ops-page button.danger,.ops-dialog button.danger{color:#be2727;border-color:#e9b5b5;background:#fff}
.ops-page button:disabled,.ops-dialog button:disabled{opacity:.5;cursor:not-allowed}
.ops-page input,.ops-page select,.ops-page textarea,.ops-dialog input,.ops-dialog select,.ops-dialog textarea{height:35px;min-width:0;max-width:100%;padding:6px 8px;font-size:12px;border:1px solid #d7dfe4;background:#fff;color:#172026;width:100%}
.ops-page textarea,.ops-dialog textarea{height:auto;min-height:60px}
.ops-page input[type=checkbox],.ops-dialog input[type=checkbox]{width:16px;height:16px;accent-color:#e6c600}
.ops-page input[type=number]{text-align:right}
.ops-page label,.ops-dialog label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:0}
.ops-page .ops-inline-check,.ops-dialog .ops-inline-check{flex-direction:row;align-items:center;gap:8px}
.ops-tabs{display:flex;gap:24px;border-bottom:1px solid #e5e7eb;margin-bottom:16px}
.ops-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0!important;padding:0 7px 9px;height:auto;font-size:15px;background:#fff}
.ops-tabs button.active{border-color:#ffdf00;font-weight:600}
.ops-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}
.ops-cards>div{border:1px solid #e1e5e8;background:#fff;padding:14px 18px}
.ops-cards>div:first-child{background:#fffbea;border-color:#f1df92}
.ops-cards small{font-size:12px;display:block;color:#47535a}
.ops-cards strong{display:block;font-size:27px;margin-top:8px;font-weight:650}
.ops-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0}
.ops-filter>label{flex:1;min-width:140px}.ops-filter .ops-date-range{min-width:255px}.ops-date-range>div{display:flex;align-items:center;gap:5px}
.ops-panel{border:1px solid #e1e5e8;padding:16px;margin:16px 0;background:#fff}
.ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.ops-panel-head h2{font-size:17px;font-weight:600;margin:0}.ops-panel-head>div{display:flex;gap:8px;flex-wrap:wrap}
.ops-meta{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:12px 0}
.ops-meta>label{width:180px;max-width:100%}.ops-meta>label.grow{flex:1;min-width:200px}.ops-meta small,.ops-caption{font-size:12px;color:#6b7680;line-height:1.6}
.ops-page .tablewrap{max-width:100%;overflow:auto;border:1px solid #e6e9eb;border-radius:8px!important}
.ops-page table,.ops-dialog table{width:100%;min-width:900px;border-collapse:collapse;background:#fff;table-layout:auto;font-size:12px}
.ops-page th,.ops-page td,.ops-dialog th,.ops-dialog td{padding:8px 9px;border-bottom:1px solid #e5e9ec;text-align:center;vertical-align:middle;background:transparent;font-size:12px}
.ops-page th,.ops-dialog th{background:#f6f7f8;font-weight:500;color:#26343d;white-space:nowrap}
.ops-page td.num,.ops-dialog td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ops-page td.model{font-family:ui-monospace,monospace;font-weight:550;white-space:nowrap}.ops-page table input{min-width:82px}.ops-page td.model input{min-width:180px}.ops-page td.note input{min-width:140px}.ops-page table select{min-width:92px}
.ops-page tfoot td,.ops-dialog tfoot td{background:#fff7cf;font-weight:600}
.ops-page .ops-good{background:#effaf1!important;color:#217c3a}.ops-page .ops-high{background:#fff0f0!important;color:#bd2929}.ops-page .ops-low{background:#eefaf2!important;color:#238349}.ops-page .ops-warn,.ops-dialog .ops-warn{background:#fff4c7!important;color:#805e10}.ops-page .ops-bad{background:#fff0f0!important;color:#bf2525}
.ops-badge{display:inline-block;padding:4px 8px;background:#f4f5f6;border-radius:6px!important;font-size:11px;white-space:nowrap}.ops-badge.good{background:#e6f7e9;color:#267b3a}.ops-badge.warn{background:#fff0ba;color:#7e5c0c}.ops-badge.bad{background:#ffe5e5;color:#bc2727}
.ops-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;flex-wrap:wrap}.ops-foot>div{display:flex;gap:10px;flex-wrap:wrap}.ops-foot>span{font-size:12px;color:#65727c}
.ops-upload{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e1e5e8;border-radius:8px!important;padding:18px;margin:16px 0}.ops-upload button{background:#fff9d8;border-color:#ebd963}.ops-upload p{margin:5px 0 0;font-size:12px;color:#68747d}.ops-page .ops-link{border:0;padding:0;background:transparent;color:#225b84;text-decoration:underline;height:auto;min-height:24px}.ops-page .ops-scroll-note{font-size:11px;color:#7b838a}
.ops-dialog{padding:0;max-width:94vw;max-height:90vh;width:800px;border:1px solid #d4dce1;background:#fff;color:#172026}.ops-dialog::backdrop{background:#14231d70}.ops-dialog .paneltitle{padding:14px 18px;font-size:16px;background:#f6f7f8;gap:12px}.ops-dialog .ops-body{padding:18px;overflow:auto;max-height:74vh}.ops-dialog .ops-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.ops-dialog .ops-grid .span-all{grid-column:1/-1}.ops-dialog .ops-body>p{font-size:13px;line-height:1.6}.ops-dialog .tablewrap{max-width:100%;overflow:auto}.ops-dialog .ops-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid #e3e7ea}.ops-dialog .ops-error{font-size:12px;color:#b52424;margin:8px 0}.ops-print-dialog{width:1120px}.ops-print-dialog iframe{width:100%;height:72vh;border:0}.ops-success-title{color:#23783c;background:#eef9f0;padding:14px 18px;font-weight:600}.ops-flow-steps{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}.ops-flow-steps span{border:1px solid #e2e6e9;padding:10px 14px;border-radius:8px!important;font-size:12px}.ops-flow-steps span:first-child{background:#fff6ce;border-color:#eedb8d}
@media(max-width:720px){body:has(.ops-page:not([hidden])) main{padding:16px 12px}body:has(.ops-page:not([hidden])) .heading{padding:0;margin-bottom:64px}body:has(.ops-page:not([hidden])) .heading h1{font-size:24px}.ops-tools{left:0;right:auto;top:-52px}.ops-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-cards>div{padding:12px}.ops-cards strong{font-size:24px}.ops-panel{padding:12px}.ops-filter{gap:10px}.ops-filter>label{min-width:130px}.ops-filter .ops-date-range{min-width:100%;flex:1}.ops-meta>label{width:calc(50% - 7px)}.ops-upload{padding:14px;flex-wrap:wrap}.ops-dialog .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-tabs{gap:12px}.ops-tabs button{font-size:13px}.ops-page table{min-width:1000px}}
#salesWriteoffSuccessDialog>.paneltitle{background:#eff9f1;color:#23783c}
/* Final stocktake alignment: all table content centered, including quantities. */
#page-stocktake table th,#page-stocktake table td,#page-stocktake table td.num,#page-stocktake table input,#page-stocktake table select{text-align:center;vertical-align:middle}
#page-stocktake table select{text-align-last:center}
#page-stocktake .ops-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#page-stocktake .ops-delete-icon{width:34px;min-width:34px;padding:7px;display:inline-flex;align-items:center;justify-content:center}
#page-stocktake .ops-delete-icon svg{display:block;width:17px;height:17px;cursor:inherit;touch-action:auto;pointer-events:none}

/* Shared, compact return/exchange entry with one searchable reference field. */
.ops-sale-search{position:relative;width:100%;min-width:210px}
.ops-sale-results{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 3px);background:#fff;border:1px solid #d7dfe4;border-radius:8px;max-height:240px;overflow:auto}
.ops-sale-results[hidden]{display:none}
.ops-sale-results button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;height:auto;min-height:48px;padding:9px 10px;border:0;border-bottom:1px solid #edf0f2;border-radius:0!important;text-align:left}
.ops-sale-results button:hover,.ops-sale-results button:focus{background:#fff8d6;outline:2px solid #d8bc00;outline-offset:-2px}
.ops-sale-results small{font-size:11px;color:#637078}.ops-sale-results p{padding:10px;font-size:12px;color:#69747c;margin:0}
.ops-after-editor .ops-meta>label:first-child,.ops-after-editor .ops-meta>label:has(#opsNewSaleSearch){width:240px}
.ops-after-editor .ops-meta>label:has(#opsAfterCurrency){width:160px}
.ops-after-editor .ops-detail-title{font-size:16px;font-weight:600;margin:22px 0 12px}
.ops-after-add{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.ops-after-add span{font-size:12px;color:#66737b}
.ops-after-lines td input.ops-batch{width:104px;min-width:104px}.ops-after-lines td.model input{min-width:185px}
.ops-finance{margin-top:18px;padding-top:14px;border-top:1px solid #edf0f2}.ops-finance>label:last-child{flex:1;min-width:200px}
.ops-page output{display:flex;align-items:center;min-height:35px;font-size:13px;font-weight:600;white-space:nowrap}
#page-returnManage table th,#page-returnManage table td,#page-exchangeManage table th,#page-exchangeManage table td,#page-returnManage table input,#page-exchangeManage table input{text-align:center}
#page-returnManage table select,#page-exchangeManage table select{text-align-last:center}
.ops-page .ops-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:6px}.ops-page .ops-row-actions select{width:100px}
@media(max-width:720px){.ops-after-editor .ops-meta>label:first-child,.ops-after-editor .ops-meta>label:has(#opsNewSaleSearch){width:100%}.ops-sale-search{min-width:0}.ops-finance>label{width:calc(50% - 7px)}.ops-finance>label:last-child{min-width:100%}}
/* Return-only full-catalog model picker. A fixed popup avoids table scroll clipping. */
#opsReturnModelPicker{position:fixed;z-index:1500;max-height:230px;overflow:auto;background:#fff;color:#172026;border:1px solid #d7dfe4;border-radius:8px!important;font-size:12px;overscroll-behavior:contain}
#opsReturnModelPicker[hidden]{display:none!important}
#opsReturnModelPicker button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;min-height:42px;padding:8px 10px;margin:0;border:0;border-bottom:1px solid #edf0f2;border-radius:0!important;background:#fff;text-align:left;font-size:12px;color:#172026}
#opsReturnModelPicker button:hover,#opsReturnModelPicker button:focus-visible{background:#fff8d6;outline:2px solid #d8bc00;outline-offset:-2px}
#opsReturnModelPicker strong{font:550 12px ui-monospace,monospace;white-space:nowrap}
#opsReturnModelPicker small{font-size:11px;color:#647078;font-weight:400}
#opsReturnModelPicker p{padding:10px;margin:0;font-size:12px;line-height:1.5;color:#65717b}
#page-returnManage [data-return-model-review]{display:block;font:400 10px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;color:#94700b;margin-top:3px;white-space:normal}

#opsMappingDialog{width:1000px}#opsMappingDialog>.paneltitle{background:#000;color:#fff}#opsMappingDialog .ops-mapping-groups{max-height:220px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;margin:10px 0}#opsMappingDialog .ops-mapping-groups table{min-width:0}#opsMappingDialog .ops-mapping-check{align-items:flex-start;line-height:1.6;margin:12px 0}#opsMappingDialog .ops-mapping-check input{flex:none;margin-top:3px}#opsMappingDialog .ops-mapping-raw{margin:12px 0}#opsMappingDialog .ops-mapping-raw summary{cursor:pointer;font-size:13px}#opsMappingDialog .ops-mapping-raw .tablewrap{max-height:240px;margin-top:8px}#opsMappingDialog .ops-mapping-raw table{width:max-content}#opsMappingDialog .ops-mapping-raw td{max-width:200px;white-space:normal;overflow-wrap:anywhere}#opsMappingDialog .ops-mapping-raw th{position:sticky;top:0}#opsMappingDialog select{font-size:12px}

/* Stocktake comparison and read-only overview shortcuts. */
#page-stocktake .ops-count-cards>button{border:1px solid #e5e7eb;background:#fff;padding:14px 18px;text-align:left;color:#171717;min-width:0;cursor:pointer;height:auto}
#page-stocktake .ops-count-cards>button:hover{border-color:#c3a900;background:#fffdf1}
#page-stocktake .ops-count-cards>button.active{border-color:#dfbf00;background:#fffbea}
#page-stocktake .ops-count-cards>button:focus-visible{outline:2px solid #171717;outline-offset:2px}
#page-stocktake .ops-count-comparison{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0}
#opsCountComparisonText{display:flex;gap:10px 20px;flex-wrap:wrap;font-size:13px}
#page-stocktake .ops-count-difference{color:#c62828!important;font-weight:600;font-variant-numeric:tabular-nums}
#page-stocktake .ops-count-delta-link{border:0;background:none;padding:3px 8px;color:inherit;font-variant-numeric:tabular-nums}
#page-stocktake .ops-count-delta-link small{display:block;font-size:11px;font-weight:400;white-space:nowrap}
#page-stocktake .ops-count-detail tr[hidden]{display:none!important}
#page-stocktake .ops-count-detail td:nth-child(4){white-space:nowrap}
#page-stocktake .ops-count-detail{scroll-margin-top:90px}
@media(max-width:720px){#page-stocktake .ops-count-cards>button{padding:12px}#page-stocktake .ops-count-comparison{align-items:flex-start}}

/* Detail-only model search: visibility filter, not a data edit. */
#page-stocktake .ops-count-detail-filters{flex-wrap:nowrap}
#page-stocktake .ops-count-detail-filters>button,#page-stocktake .ops-count-model-search{height:36px}
#page-stocktake .ops-count-model-search{position:relative;flex:0 0 240px;width:240px}
#page-stocktake .ops-count-model-search input{box-sizing:border-box;width:240px;height:36px;min-height:36px;padding:0 32px 0 10px;border:1px solid #e5e7eb;border-radius:8px;color:#171717;background:#fff;font-size:13px}
#page-stocktake .ops-count-model-search>button{position:absolute;right:4px;top:3px;width:28px;height:30px;min-height:0;padding:0;border:0;background:transparent;color:#666;font-size:20px;line-height:1}
#page-stocktake .ops-count-model-search>button[hidden]{display:none!important}

#page-stocktake .ops-count-model-choices{position:absolute;z-index:30;top:calc(100% + 3px);left:0;width:100%;max-height:220px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:left}
#page-stocktake .ops-count-model-choices[hidden]{display:none!important}
#page-stocktake .ops-count-model-choices>button{display:block;width:100%;height:36px;min-height:36px;padding:6px 10px;border:0;border-bottom:1px solid #f0f0f0;border-radius:0!important;text-align:left;font-size:13px;font-weight:400;background:#fff;color:#171717;white-space:nowrap}
#page-stocktake .ops-count-model-choices>button:hover,#page-stocktake .ops-count-model-choices>button:focus{background:#fff8cc;outline:0}
#page-stocktake .ops-count-model-choices .ops-caption{padding:8px 10px;margin:0}

/* Scoped to the existing sales node. No navigation or inventory-page restyling. */
body:has(#page-requestSales:not([hidden])) #metrics,body:has(#page-requestSales:not([hidden])) .heading-actions{display:none}
body:has(#page-requestSales:not([hidden])) main{background:#fff;min-width:0;padding:18px 20px}
body:has(#page-requestSales:not([hidden]) #salesOrdersRoot[data-view="detail"]) .heading,body:has(#page-requestSales:not([hidden]) #salesOrdersRoot[data-view="edit"]) .heading{display:none}
body:has(#page-requestSales:not([hidden])) .heading{margin-bottom:12px;padding:0}
body:has(#page-requestSales:not([hidden])) .heading h1{font-size:26px}
#salesOrdersRoot{color:#171717;min-width:0;max-width:100%}
#salesOrdersRoot *,#salesOrderDialog *{box-sizing:border-box}
#salesOrdersRoot input,#salesOrdersRoot select,#salesOrdersRoot button,#salesOrderDialog input,#salesOrderDialog select,#salesOrderDialog button{min-height:36px;height:36px;border:1px solid #e5e7eb;border-radius:8px!important;background:#fff;color:#171717;font-family:inherit;font-size:13px;font-weight:400;padding:6px 10px;box-shadow:none}
#salesOrdersRoot input,#salesOrdersRoot select,#salesOrderDialog input,#salesOrderDialog select{width:100%;min-width:0;font-size:13px}
#salesOrdersRoot input[type="checkbox"],#salesOrderDialog input[type="checkbox"]{width:16px;height:16px;min-height:16px;accent-color:#ffde00}
#salesOrdersRoot button,#salesOrderDialog button{white-space:nowrap;cursor:pointer;font-weight:500}
#salesOrdersRoot button:disabled,#salesOrderDialog button:disabled{opacity:.5;cursor:default}
#salesOrdersRoot button.primary,#salesOrderDialog button.primary{background:#ffde00;border-color:#ffde00;color:#000;font-weight:600}
#salesOrdersRoot button.danger,#salesOrderDialog button.danger{border-color:#e8a4a4;color:#b52222}
#salesOrdersRoot input:focus,#salesOrdersRoot select:focus,#salesOrderDialog input:focus{outline:2px solid #e2c000;outline-offset:1px}
.so-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}
.so-cards>div{background:#fff;border:1px solid #e5e7eb;border-left:5px solid #ffde00;border-radius:8px;padding:10px 12px;min-width:0}
.so-cards small{font-size:12px;color:#43494e;display:block;margin-bottom:4px}.so-cards strong{font-weight:650;font-size:21px;line-height:1.4}.so-cards strong span{display:block;white-space:nowrap;font-size:clamp(13px,1.5vw,22px)}
.so-filter,.so-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-bottom:12px}
.so-filter{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.so-filter>label{flex:1 1 120px;min-width:100px}.so-filter>label:first-child{flex:2 1 240px}
#salesOrdersRoot label,#salesOrderDialog label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:400;color:#31383e;margin:0}
.so-range{display:flex;align-items:center;gap:5px}.so-range input{width:46%!important}
.so-actions,.so-row-actions{display:flex;gap:8px;align-items:center;white-space:nowrap}.so-row-actions{justify-content:center}
.so-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#000;color:#fff;padding:9px 12px;border-radius:8px 8px 0 0;margin-top:12px;min-height:52px}
.so-bar>div{display:flex;gap:8px;align-items:center}.so-bar h2{font-size:17px;font-weight:600;margin:0;color:inherit}.so-bar small{font-weight:400;font-size:12px}
#salesOrdersRoot .so-bar label{flex-direction:row;align-items:center;color:inherit;white-space:nowrap}.so-bar select{width:140px!important}
.so-scroll{overflow:auto;max-width:100%;border:1px solid #e5e7eb;border-radius:0 0 8px 8px;position:relative}
#salesOrdersRoot table,#salesOrderDialog table{border-collapse:collapse;width:100%;min-width:900px;table-layout:auto;background:#fff;font-size:13px}
#salesOrdersRoot th,#salesOrderDialog th{background:#f8f9fa;color:#171717;font-weight:500;text-align:center;padding:10px 8px;border-bottom:1px solid #e5e7eb;white-space:nowrap}
#salesOrdersRoot td,#salesOrderDialog td{background:#fff;color:#171717;text-align:center;vertical-align:middle;padding:8px;border-bottom:1px solid #e5e7eb;line-height:1.4;height:46px}
#salesOrdersRoot td small{display:block;color:#687078;font-size:11px}.so-model{white-space:nowrap;font-weight:550}
#salesOrdersRoot tfoot td{background:#fff8cf;font-weight:600}.so-pager{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:10px 0}.so-pager>div{display:flex;gap:8px;align-items:center}.so-pager select{width:65px!important}
#salesOrdersRoot .so-link{padding:0!important;min-height:24px!important;height:auto!important;border:0!important;color:#171717;font-weight:600;text-decoration:underline;text-underline-offset:3px;background:transparent}
.so-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:400;background:#f4f5f6;white-space:nowrap}.so-badge.warn{background:#fff3bc;color:#6d5800}.so-badge.good{background:#e8f7ec;color:#166534}.so-badge.bad{background:#ffeded;color:#b42318}
.so-caption{font-size:12px;line-height:1.6;color:#687078;margin:8px 0}.so-error{color:#b42318}
.so-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.so-basics{grid-template-columns:repeat(6,minmax(0,1fr))}.so-invoice-fields{display:contents}.so-invoice-fields[hidden]{display:none}
.so-section h3{margin:0 0 10px;font-size:15px;font-weight:600;color:#171717}.so-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.so-section-title h3{margin:0}.so-section-title span{font-size:12px;color:#687078}
.so-entry-table{min-width:1200px!important}.so-entry-table td{padding:6px!important}.so-entry-table th:nth-child(2){min-width:210px}.so-entry-table th:nth-child(3){min-width:100px}.so-entry-table th:nth-child(4){min-width:90px}.so-entry-table th:nth-child(5){min-width:100px}.so-entry-table th:nth-child(6){min-width:75px}.so-entry-table th:nth-child(7){min-width:100px}.so-entry-table th:nth-child(8){min-width:110px}.so-entry-table input,.so-entry-table select{text-align:center}.so-entry-table td:first-child{width:40px}
.so-entry-foot{display:flex;justify-content:space-between;align-items:center;padding-top:10px;font-size:13px}.so-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.so-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px;border-top:1px solid #e5e7eb}
.so-model-entry{position:relative;min-width:210px}.so-model-results{position:absolute;top:calc(100% - 6px);left:0;min-width:280px;z-index:20;max-height:210px;overflow:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.so-model-results[hidden]{display:none}.so-model-results button{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px!important;border:0!important;border-bottom:1px solid #eee!important;text-align:left;border-radius:0!important}.so-model-results button:hover,.so-model-results button:focus{background:#fff8cf!important}.so-model-results small{padding-left:10px}
.so-overview{border:1px solid #ead66c;background:#fffef7;border-radius:8px;margin:12px 0;padding:10px 12px}.so-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.so-info>div{min-width:0}.so-info dt{font-size:12px;color:#6b7278;margin-bottom:6px}.so-info dd{margin:0;font-size:13px;overflow-wrap:anywhere}.so-overview .so-info{grid-template-columns:repeat(5,minmax(0,1fr))}
.so-detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.so-detail-toolbar>label{flex-direction:row!important;align-items:center;white-space:nowrap}.so-detail-toolbar select{width:140px!important}.so-tabs{display:flex;gap:8px;flex-wrap:wrap}.so-detail-main{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:12px}.so-detail-main table{min-width:780px!important}.so-summary{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:13px;margin-bottom:10px}.so-summary div{padding:7px 0}.so-summary dt{color:#5b646c;font-size:12px}.so-summary dd{font-weight:550;margin:5px 0 0}.so-detail-main .so-summary{display:block}.so-detail-main .so-summary>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;gap:10px}.so-detail-main .so-summary dd{text-align:right}
#salesOrdersRoot pre,#salesOrderDialog pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;text-align:left;max-width:600px}#salesOrdersRoot details summary{cursor:pointer}
#salesOrderDialog{max-width:min(1100px,calc(100vw - 24px));width:100%;max-height:90dvh;border:1px solid #e5e7eb;border-radius:8px;padding:0;background:#fff}#salesOrderDialog::backdrop{background:#0008}#salesOrderDialog>.so-bar{margin:0;border-radius:0}.so-modal-body{padding:16px;max-height:70dvh;overflow:auto}.so-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin-top:14px!important}.so-modal-body table{min-width:650px!important}#soPrintFrame{width:100%;height:65dvh;border:0}
@media(max-width:1050px){.so-cards{gap:8px}.so-cards>div{padding:8px}.so-basics{grid-template-columns:repeat(3,minmax(0,1fr))}.so-detail-main{grid-template-columns:minmax(0,1fr)}.so-detail-main .so-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.so-bar{flex-wrap:wrap}.so-bar>div{flex-wrap:wrap}.so-two .so-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){body:has(#page-requestSales:not([hidden])) main{padding:12px}.so-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.so-cards>div:last-child{grid-column:1/-1}.so-cards strong{font-size:18px}.so-bar{gap:8px}.so-bar h2{font-size:16px}.so-bar>div{max-width:100%}.so-grid,.so-basics,.so-overview .so-info{grid-template-columns:repeat(2,minmax(0,1fr))}.so-two{grid-template-columns:minmax(0,1fr);gap:0}.so-info{grid-template-columns:repeat(2,minmax(0,1fr))}.so-detail-toolbar{align-items:flex-start;flex-wrap:wrap}.so-tabs{gap:5px}.so-tabs button{font-size:12px;padding:5px 8px!important}.so-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.so-filter{padding:10px}.so-pager{gap:8px;flex-wrap:wrap}.so-section{padding:10px}.so-detail-main .so-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V2.1: financial rows stay compact; source allocations are subordinate. */
#requestSalesContent:has(#salesOrdersRoot){padding:0;border:0;background:#fff}
#salesOrdersRoot[data-view="edit"]>.so-bar{margin-top:0}
#salesOrdersRoot .so-section{border-radius:8px!important}
#salesOrdersRoot .so-black-heading{background:#000;color:#fff;margin:-12px -12px 12px;padding:10px 12px;border-radius:8px 8px 0 0;font-size:15px;min-height:40px}
#salesOrdersRoot .so-black-heading h3{color:inherit;margin:0}
#salesOrdersRoot .so-black-heading>div{display:flex;gap:8px}
#salesOrdersRoot[data-view="edit"] input,#salesOrdersRoot[data-view="edit"] select{height:38px;min-height:38px}
#salesOrdersRoot .so-v21-table{table-layout:fixed;min-width:1150px!important}
#salesOrdersRoot .so-v21-table th{min-width:0;font-weight:500;padding:8px 5px}
#salesOrdersRoot .so-v21-table td{padding:6px!important;height:48px}
#salesOrdersRoot .so-v21-table td:first-child{width:50px}
#salesOrdersRoot .so-v21-table .so-model-entry{min-width:0}
#salesOrdersRoot .so-v21-table .so-row-actions{gap:3px}
#salesOrdersRoot .so-v21-table .so-row-actions button{padding:3px 7px;min-width:28px}
#salesOrdersRoot .so-source-toggle{white-space:normal;width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;height:auto;min-height:36px;font-size:12px}
#salesOrdersRoot .so-allocation-row[hidden]{display:none}
#salesOrdersRoot .so-allocation-row>td{background:#fafbfc;border-bottom:1px solid #e5e7eb}
#salesOrdersRoot .so-allocation{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:12px;text-align:left;padding:3px 5px 5px}
#salesOrdersRoot .so-allocation>div{min-width:0}
#salesOrdersRoot .so-allocation-title{font-size:12px;font-weight:550;margin:3px 0 7px}
#salesOrdersRoot .so-source-table{min-width:0!important;width:100%;table-layout:fixed;font-size:12px}
#salesOrdersRoot .so-source-table th,#salesOrdersRoot .so-source-table td{padding:3px!important;height:32px;font-size:12px;overflow-wrap:anywhere;white-space:normal}
#salesOrdersRoot .so-source-table th:nth-child(5){width:29%}
#salesOrdersRoot .so-source-table th:last-child{width:64px}
#salesOrdersRoot .so-source-table input,#salesOrdersRoot .so-source-table select{height:30px;min-height:30px;font-size:12px;padding:3px 6px}
#salesOrdersRoot .so-source-table button{height:28px;min-height:28px;padding:2px 6px;font-size:11px}
#salesOrdersRoot .so-allocation aside{background:#fff9d9;border:1px solid #f5e8ac;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:12px;font-size:12px}
#salesOrdersRoot .so-allocation aside.good b{color:#166534}
#salesOrdersRoot .so-source-tools{display:flex;gap:8px;margin-top:7px;align-items:center}
#salesOrdersRoot .so-source-tools select{width:260px}
#salesOrdersRoot .so-linked{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:6px 10px;margin-top:10px;font-size:12px}
#salesOrdersRoot .so-linked button{height:28px;min-height:28px;border:0;background:transparent;color:#171717;text-decoration:underline;font-size:12px}
#salesOrdersRoot .so-v21-bottom{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;align-items:stretch}
#salesOrdersRoot .so-v21-bottom .so-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#salesOrdersRoot .so-v21-bottom .so-summary{grid-template-columns:repeat(3,minmax(0,1fr));font-size:12px}
#salesOrdersRoot .so-inline-total{display:flex;justify-content:space-between;align-items:center;background:#fff8cf;margin-top:10px;padding:8px;font-size:13px}
#salesOrdersRoot .so-trash{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1100px){#salesOrdersRoot .so-v21-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}#salesOrdersRoot .so-v21-bottom>section:last-child{grid-column:1/-1}}
@media(max-width:720px){#salesOrdersRoot .so-black-heading{margin:-10px -10px 10px;padding:9px 10px}#salesOrdersRoot .so-v21-bottom{display:block}#salesOrdersRoot .so-linked{align-items:flex-start;flex-direction:column}#salesOrdersRoot .so-bar>div{gap:6px}#salesOrdersRoot .so-bar button{font-size:12px}#salesOrdersRoot .so-allocation{grid-template-columns:minmax(0,1fr) 150px}}

#salesOrdersRoot .so-source-detail{margin-top:10px;font-size:12px;color:#525861}
#salesOrdersRoot .so-source-detail>summary{cursor:pointer;padding:6px 0}
#salesOrdersRoot .so-source-detail[open]>.so-scroll{margin-top:6px}

/* 3.2.5 Compact installment collection: actual records and balances only. */
.so-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 16px}.so-payment-summary>div{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.so-payment-summary dt{font-size:12px;color:#666;margin-bottom:6px}.so-payment-summary dd{margin:0;font-size:18px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}.so-payment-summary>div:last-child{background:#fffbea}.so-payment-form{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.5fr;gap:12px;align-items:end;margin:16px 0 22px}.so-payment-amount{display:flex;align-items:center;gap:8px}.so-payment-amount>input:not([type=hidden]){flex:1;width:0!important}.so-payment-amount>select{width:84px!important}.so-payment-amount>span{font-size:12px;color:#555}.so-payment-settled{color:#16743b;background:#edf8f0;border:1px solid #cfe7d6;border-radius:8px;padding:10px 12px;margin:8px 0 14px;font-weight:600}.so-payment-reference{margin:0;font-size:13px}.so-payment-panel>.so-section-title{margin-bottom:10px}.so-payment-panel>.so-section-title h3{font-size:14px;margin:0}.so-payment-panel>.so-section-title>span{font-size:12px;color:#666}#salesOrdersRoot .so-payment-records,#salesOrderDialog .so-payment-records{min-width:580px!important;table-layout:fixed} .so-payment-records th:first-child{width:48px}.so-payment-records th:nth-child(2){width:120px}.so-payment-records th:nth-child(3){width:25%}.so-payment-records th:nth-child(4){width:85px}.so-payment-records td.so-payment-money{font-variant-numeric:tabular-nums;white-space:nowrap}.so-payment-records .photo-list{display:inline-flex;flex-wrap:wrap;gap:4px;margin:0}.so-payment-records .photo-list img{width:44px;height:36px;object-fit:cover}.so-payment-audit{font-size:11px;color:#666;margin-top:4px}.so-payment-audit p{margin:4px 0;overflow-wrap:anywhere}.so-payment-audit summary{cursor:pointer}
@media(max-width:700px){.so-payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.so-payment-summary{gap:6px}.so-payment-summary>div{padding:8px}.so-payment-summary dd{font-size:14px;overflow-wrap:anywhere}}

.so-payment-panel>.so-section-title>div{display:flex;align-items:center;gap:10px}.so-payment-panel>.so-section-title>div>span{font-size:12px;color:#666}.so-payment-records th:last-child{width:60px}.so-payment-delete{display:inline-flex;align-items:center;justify-content:center;width:34px!important;padding:6px!important}

/* Compact optional details keep actual collection near product lines. */
#salesOrdersRoot[data-view="detail"]>.so-two{align-items:start;gap:12px;margin-top:12px}#salesOrdersRoot .so-extra-section{padding:0!important;min-height:0}#salesOrdersRoot .so-extra-section>summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 14px;min-height:44px;list-style:none}#salesOrdersRoot .so-extra-section>summary::after{content:'⌄';margin-left:auto;font-size:16px}#salesOrdersRoot .so-extra-section[open]>summary::after{content:'⌃'}#salesOrdersRoot .so-extra-section>summary>b{font-size:14px;font-weight:600}#salesOrdersRoot .so-extra-section>summary>span{font-size:12px;color:#666}#salesOrdersRoot .so-extra-body{border-top:1px solid #e5e7eb;padding:10px 14px}#salesOrdersRoot .so-extra-body .so-detail-fields{gap:8px 12px}#salesOrdersRoot #soSection2{margin-top:12px;scroll-margin-top:90px}#salesOrdersRoot #soSection4{margin-top:12px}@media(max-width:700px){#salesOrdersRoot .so-extra-section>summary{flex-wrap:wrap;gap:6px 10px}}

/* 3.2.9 Collections belong inside the order summary, without duplicate cards. */
#salesOrdersRoot[data-view="detail"] .so-detail-main{align-items:start}#salesOrdersRoot .so-summary-payments{border-top:1px solid #e5e7eb;margin-top:14px!important;padding-top:12px}#salesOrdersRoot .so-summary-payments .so-section-title{gap:6px;margin-bottom:10px}#salesOrdersRoot .so-summary-payments .so-section-title h3{font-size:14px}#salesOrdersRoot .so-summary-payments .so-section-title button{height:32px;min-height:32px;font-size:12px;padding:5px 8px}#salesOrdersRoot .so-summary-payments .so-scroll{border-radius:8px}#salesOrdersRoot table.so-compact-payments{width:100%;min-width:394px!important;table-layout:fixed;font-size:11px}#salesOrdersRoot .so-compact-payments th,#salesOrdersRoot .so-compact-payments td{padding:7px 3px!important;text-align:center!important;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;height:auto}#salesOrdersRoot .so-compact-payments th:nth-child(1){width:28px}#salesOrdersRoot .so-compact-payments th:nth-child(2){width:78px}#salesOrdersRoot .so-compact-payments th:nth-child(3){width:54px}#salesOrdersRoot .so-compact-payments th:nth-child(4){width:126px}#salesOrdersRoot .so-compact-payments th:nth-child(5){width:40px}#salesOrdersRoot .so-compact-payments th:nth-child(6){width:32px}#salesOrdersRoot .so-compact-payments td.so-payment-money{font-variant-numeric:tabular-nums;white-space:nowrap;overflow-wrap:normal}#salesOrdersRoot .so-compact-payments .photo-list{display:flex;flex-wrap:wrap;gap:3px;margin:0}#salesOrdersRoot .so-compact-payments .photo-list img{width:30px;height:26px;object-fit:cover}#salesOrdersRoot .so-compact-payments .photo-list a{font-size:9px}#salesOrdersRoot .so-compact-payments .so-payment-delete{width:28px!important;height:30px;min-height:30px;padding:4px!important}#salesOrdersRoot .so-compact-payments .so-payment-audit{font-size:10px}
@media(min-width:1051px){#salesOrdersRoot[data-view="detail"] .so-detail-main{grid-template-columns:minmax(0,1fr) minmax(420px,450px)}}

/* 3.2.11 Supplemental details sit above source records inside the product panel. */
#salesOrdersRoot[data-view="detail"] #soSection0>.so-two{margin:10px 0;gap:10px;align-items:start}#salesOrdersRoot[data-view="detail"] #soSection0>.so-two>.so-extra-section{margin:0;padding:9px 10px}#salesOrdersRoot[data-view="detail"] #soSection0>.so-two>.so-extra-section>summary{gap:6px;font-size:12px}#salesOrdersRoot[data-view="detail"] #soSection0 .so-extra-body .so-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#salesOrdersRoot[data-view="detail"] #soSection0 .so-extra-body .so-info>div{min-width:0}
@media(max-width:720px){#salesOrdersRoot[data-view="detail"] #soSection0>.so-two{grid-template-columns:minmax(0,1fr)}}

/* 3.2.12 Keep both desktop detail panels at the same natural grid-row height. */
@media(min-width:1051px){#salesOrdersRoot[data-view="detail"] .so-detail-main{align-items:stretch}#salesOrdersRoot[data-view="detail"] .so-detail-main>.so-section{align-self:stretch;margin-bottom:0}}

/* 3.2.13 Direct, multi-zone source entry stays with the product. */
#salesOrdersRoot .so-v21-table{min-width:1280px!important}#salesOrdersRoot .so-inline-sources{display:grid;gap:4px;font-size:11px;min-width:0}#salesOrdersRoot .so-inline-source,#salesOrdersRoot .so-inline-source-head{display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(88px,1fr) 58px 24px;gap:4px;align-items:center}#salesOrdersRoot .so-inline-source-head{font-size:10px;color:#59616a;text-align:center}#salesOrdersRoot .so-inline-source input,#salesOrdersRoot .so-inline-source select{height:30px;min-height:30px;padding:3px 5px;font-size:11px;text-align:center}#salesOrdersRoot .so-zone-combo{position:relative;min-width:0}#salesOrdersRoot .so-zone-combo input{padding-right:26px}#salesOrdersRoot .so-zone-combo select{position:absolute;right:0;top:0;width:25px;padding:0;color:transparent;border-left:0;border-radius:0 8px 8px 0!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23171717'/%3E%3C/svg%3E") center no-repeat;appearance:none}#salesOrdersRoot .so-zone-combo select option{color:#171717;background:#fff}#salesOrdersRoot .so-inline-source .so-source-delete{min-height:26px;height:26px;width:24px;padding:0;font-size:16px}#salesOrdersRoot .so-inline-source-footer{display:flex;align-items:center;justify-content:space-between;gap:6px}#salesOrdersRoot .so-inline-source-footer>div{display:flex;gap:4px}#salesOrdersRoot .so-inline-source-footer button{height:26px;min-height:26px;font-size:10px;padding:2px 5px;width:auto}#salesOrdersRoot .so-inline-source-footer .good{color:#267045}#salesOrdersRoot .so-inline-source-footer .warn{color:#8b6210}#salesOrdersRoot .so-fixed-batch{text-align:center;font-size:11px}

/* Scoped sales reporting workspace, preserving all other modules. */
#page-salesStats .sales-insights-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
#page-salesStats .sales-insights-nav button{position:relative;text-align:left;height:86px;padding:14px 36px 14px 18px;white-space:normal;border:1px solid #e5e7eb;background:#fafbfc}
#page-salesStats .sales-insights-nav button.selected{background:#fff5c4;border-color:#e5c400}
#page-salesStats .sales-insights-nav strong{display:block;font-size:19px;line-height:1.4;font-weight:600}
#page-salesStats .sales-insights-nav small{display:block;font-size:12px;color:#515961;margin-top:5px;line-height:1.4}
#page-salesStats .sales-insights-nav button>span{position:absolute;right:16px;top:24px;font-size:27px}
#page-salesStats .sales-primary-filters{grid-template-columns:minmax(245px,1.8fr) minmax(145px,1.1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,.8fr) minmax(85px,.6fr) auto auto;gap:10px}
#page-salesStats .sales-filter-panel{padding:14px}
#page-salesStats .insight-reference{position:relative;min-width:0;width:100%}
#page-salesStats .insight-reference-options{position:absolute;z-index:50;top:calc(100% + 3px);left:0;min-width:100%;width:max-content;max-width:min(360px,80vw);max-height:260px;overflow:auto;border:1px solid #d9dee4;border-radius:8px;background:#fff;padding:4px}
#page-salesStats .insight-reference-options button{display:block;text-align:left;border:0;width:100%;min-height:34px;height:auto;padding:8px;font-weight:400}
#page-salesStats .insight-reference-options button:hover,#page-salesStats .insight-reference-options button:focus{background:#fff5c4}
#page-salesStats .insight-reference-options small{display:block;padding:8px;color:#737b83}
#salesInsightsView{min-width:0;position:relative}
#page-salesStats .insight-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:12px}
#page-salesStats .insight-filter{display:grid;grid-template-columns:minmax(260px,1.8fr) minmax(175px,1.3fr) minmax(120px,1fr) minmax(115px,.9fr) minmax(90px,.65fr) auto auto;align-items:end;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:8px}
#page-salesStats .insight-filter label{gap:6px}
#page-salesStats .insight-dates{display:flex;align-items:center;gap:5px;min-width:0}
#page-salesStats .insight-dates input{width:0;flex:1;font-size:12px;padding:6px}
#page-salesStats .insight-finance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
#page-salesStats .insight-finance-cards article{border:1px solid #e5e7eb;border-radius:8px;padding:16px 18px;background:#fff}
#page-salesStats .insight-finance-cards article:last-child{background:#fffbeb;border-color:#f0dfa0}
#page-salesStats .insight-finance-cards small{font-size:13px;color:#424951}
#page-salesStats .insight-finance-cards strong{display:block;margin:8px 0;font-size:26px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#page-salesStats .insight-finance-cards span{font-size:12px;color:#68717b}
#page-salesStats .insight-dual{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;margin:16px 0}
#page-salesStats .insight-panel{min-width:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}
#page-salesStats .insight-panel h2{margin:0;padding:12px 14px;font-size:16px;font-weight:600;line-height:1.5}
#page-salesStats .insight-panel h2 small{float:right;font-size:12px;font-weight:400}
#page-salesStats .insight-panel .tablewrap{overflow:auto;max-width:100%;border:0}
#page-salesStats table.insight-table{width:100%;min-width:540px;table-layout:auto;border-collapse:collapse}
#page-salesStats .insight-table th,#page-salesStats .insight-table td{background:#fff;padding:10px 8px;height:44px;text-align:center;vertical-align:middle;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
#page-salesStats .insight-table th{background:#f8f9fa;font-weight:500}
#page-salesStats .insight-table th:first-child,#page-salesStats .insight-table td:first-child{width:auto;white-space:nowrap}
#page-salesStats .insight-table tfoot td{background:#fff5c4;font-weight:600;font-size:13px}
#page-salesStats .insight-table a{color:#171717;text-decoration:underline;text-underline-offset:3px;line-height:1.8}
#page-salesStats .insight-section-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0 10px}
#page-salesStats .insight-section-tools h2{font-size:17px;margin:0;font-weight:600}
#page-salesStats .insight-section-tools>div,#page-salesStats .insight-mode{display:flex;gap:8px}
#page-salesStats .insight-mode{justify-content:flex-end;margin:0 0 12px}
#page-salesStats .insight-chart{display:block;width:100%;height:auto;max-height:235px;font:10px Arial,sans-serif;fill:#656d76;padding:0 10px}
#page-salesStats .insight-chart-values{display:flex;overflow:auto;gap:16px;padding:4px 14px 12px}
#page-salesStats .insight-chart-values span{flex:1;text-align:center;white-space:nowrap;font-size:10px;color:#737b83}
#page-salesStats .insight-chart-values b{display:block;margin-top:4px;font-size:11px;font-weight:500;color:#171717}
#page-salesStats .insight-note{font-size:12px;color:#737b83;line-height:1.6;margin:12px 0}
#page-salesStats .insight-totals{display:flex;align-items:center;justify-content:space-around;gap:12px;flex-wrap:wrap;background:#fff5c4;border-radius:8px;padding:14px;font-size:13px;font-variant-numeric:tabular-nums;text-align:center}
#page-salesStats #insightExportDialog form{padding:18px;display:flex;gap:12px;align-items:end}
@media(max-width:1320px){#page-salesStats .sales-primary-filters,#page-salesStats .insight-filter{grid-template-columns:repeat(4,minmax(0,1fr))}#page-salesStats .sales-date-field,#page-salesStats .insight-filter label:first-child{grid-column:span 2}}
@media(max-width:800px){#page-salesStats .sales-insights-nav{gap:8px}#page-salesStats .sales-insights-nav button{height:100px;padding:12px}#page-salesStats .sales-insights-nav strong{font-size:15px}#page-salesStats .sales-insights-nav small{font-size:10px}#page-salesStats .sales-insights-nav button>span{display:none}#page-salesStats .insight-dual{grid-template-columns:1fr}#page-salesStats .insight-finance-cards{gap:8px}#page-salesStats .insight-finance-cards article{padding:12px}#page-salesStats .insight-finance-cards strong{font-size:19px}#page-salesStats .insight-section-tools{flex-wrap:wrap}}
@media(max-width:520px){#page-salesStats .sales-primary-filters,#page-salesStats .insight-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#page-salesStats .insight-finance-cards{grid-template-columns:1fr}#page-salesStats .insight-finance-cards article{display:grid;grid-template-columns:1fr 1.5fr;gap:4px;align-items:center}#page-salesStats .insight-finance-cards strong{font-size:18px;margin:0}#page-salesStats .insight-finance-cards span{grid-column:1/-1}#page-salesStats .sales-insights-nav button{height:104px}#page-salesStats .sales-insights-nav small{font-size:10px}#page-salesStats .sales-insights-nav strong{font-size:14px}#page-salesStats .insight-section-tools button{font-size:11px;padding:6px 8px}}

/* Payment statistics only: stronger hierarchy and financial state colors. */
#salesInsightsView[data-view="payments"]{--payment-green:#16803c;--payment-red:#c62828}
#salesInsightsView[data-view="payments"] .insight-panel{border-color:#d8dce2}
#salesInsightsView[data-view="payments"] .insight-panel h2{background:#000;color:#fff}
#salesInsightsView[data-view="payments"] .insight-table th{background:#eef0f3;color:#171717;border-bottom-color:#d5d9df}
#salesInsightsView[data-view="payments"] .insight-table td{background:#fff}
#salesInsightsView[data-view="payments"] .insight-table tr.insight-total-row td{background:#fff0a6;font-weight:600}
#salesInsightsView[data-view="payments"] .insight-finance-cards article{border-left:4px solid #ffde00}
#salesInsightsView[data-view="payments"] .insight-finance-cards .payment-card-1{background:#effaf2;border-color:#a8d8b5;border-left-color:#16803c}
#salesInsightsView[data-view="payments"] .insight-finance-cards .payment-card-1 strong{color:#16803c}
#salesInsightsView[data-view="payments"] .insight-finance-cards .payment-card-2{background:#fff1f0;border-color:#edb2ae;border-left-color:#c62828}
#salesInsightsView[data-view="payments"] .insight-finance-cards .payment-card-2 strong{color:#c62828}
#salesInsightsView[data-view="payments"] .payment-paid{color:var(--payment-green);font-weight:600}
#salesInsightsView[data-view="payments"] .payment-unpaid{color:var(--payment-red);font-weight:600}
#salesInsightsView[data-view="payments"] .payment-partial{color:#936000;font-weight:600}
#salesInsightsView[data-view="payments"] .payment-status{display:inline-block;padding:4px 9px;border-radius:6px}
#salesInsightsView[data-view="payments"] .payment-status.payment-paid{background:#ddf3e4}
#salesInsightsView[data-view="payments"] .payment-status.payment-unpaid{background:#ffe1df}
#salesInsightsView[data-view="payments"] .payment-status.payment-partial{background:#fff0b3}
#salesInsightsView[data-view="payments"] .insight-totals{background:#fff0a6}

/* 3.3.5: color hierarchy for Sales report and Customer comparison only. */
#page-salesStats #salesReportView{--report-green:#166534;--report-border:#d4d8de}
#page-salesStats #salesReportView .sales-filter-panel{border-color:#d4d8de;background:#fff}
#page-salesStats #salesReportView label{color:#171717}
#page-salesStats #salesReportView #salesStatsCards>button{border-color:#d4d8de;border-left-color:#166534;border-left-width:4px}
#page-salesStats #salesReportView #salesStatsCards>button:last-child{border-color:#e7cd4c;border-left-color:#ffde00;background:#fff8d6}
#page-salesStats #salesReportView #salesStatsCards>button:hover{border-color:#aab3bf;border-left-color:#166534;background:#f5faf7}
#page-salesStats #salesReportView #salesStatsCards>button:last-child:hover{border-color:#c4a600;background:#fff1aa}
#page-salesStats #salesReportView #salesStatsStatus{color:#525b66}
#page-salesStats #salesReportView .sales-list-divider{color:#8a929c}
#page-salesStats #salesReportView #salesStatsSummary{border-color:#d4d8de}
#page-salesStats #salesReportView #salesStatsSummary>table:not(.sales-record-table)>thead>tr>th{background:#e9edf1;color:#171717;border-bottom-color:#c9d0d9}
#page-salesStats #salesReportView #salesStatsSummary [data-stats-sort]{color:#171717}
#page-salesStats #salesReportView #salesStatsSummary>table:not(.sales-record-table)>tfoot>tr>td{background:#ffed94!important;color:#171717;border-top:1px solid #dcc34c}
#page-salesStats #salesReportView #salesStatsSummary>table:not(.sales-record-table)>tbody>tr:hover>td{background:#fff9df!important}
#page-salesStats #salesReportView .sales-record-link{color:#171717;text-decoration-color:#9b7e00}
#page-salesStats #salesReportView .sales-record-link:hover{color:#775b00;text-decoration-color:#775b00}
#salesInsightsView[data-view="compare"]{--compare-green:#16803c;--compare-red:#c62828;color:#171717}
#salesInsightsView[data-view="compare"] .insight-filter{border-color:#d4d8de;background:#fff}
#salesInsightsView[data-view="compare"] label{color:#171717}
#salesInsightsView[data-view="compare"] .insight-finance-cards article{background:#fff;border-color:#d4d8de;border-left:4px solid #166534}
#salesInsightsView[data-view="compare"] .insight-finance-cards article:nth-child(2){background:#fff9df;border-color:#e7cd4c;border-left-color:#ffde00}
#salesInsightsView[data-view="compare"] .insight-finance-cards small{color:#171717}
#salesInsightsView[data-view="compare"] .insight-finance-cards span{color:#525b66}
#salesInsightsView[data-view="compare"] .compare-growth{font-size:inherit;font-weight:600;white-space:nowrap}
#salesInsightsView[data-view="compare"] .compare-growth.is-up{color:var(--compare-green)}
#salesInsightsView[data-view="compare"] .compare-growth.is-down{color:var(--compare-red)}
#salesInsightsView[data-view="compare"] .compare-growth.is-neutral{color:#59636e}
#salesInsightsView[data-view="compare"] .insight-panel{border-color:#d4d8de}
#salesInsightsView[data-view="compare"] .insight-panel h2{background:#000;color:#fff}
#salesInsightsView[data-view="compare"] .insight-panel h2 small{color:#e5e7eb}
#salesInsightsView[data-view="compare"] .insight-table th{background:#e9edf1;color:#171717;border-bottom-color:#c9d0d9}
#salesInsightsView[data-view="compare"] .insight-table tbody tr:hover td{background:#fff9df}
#salesInsightsView[data-view="compare"] .insight-table tfoot td{background:#ffed94;color:#171717;border-top:1px solid #dcc34c}
#salesInsightsView[data-view="compare"] .insight-chart{fill:#47505c}
#salesInsightsView[data-view="compare"] .insight-chart path{stroke:#d9dfe6}
#salesInsightsView[data-view="compare"] .insight-chart polyline{stroke:#b58b00}
#salesInsightsView[data-view="compare"] .insight-chart circle{fill:#ffde00;stroke:#a98200;stroke-width:1.5px}
#salesInsightsView[data-view="compare"] .insight-chart rect{fill:#ffde00;stroke:#d7b700;stroke-width:1px}
#salesInsightsView[data-view="compare"] .insight-chart-values span,#salesInsightsView[data-view="compare"] .insight-note{color:#59636e}
#salesInsightsView[data-view="compare"] .insight-table a{color:#171717;text-decoration-color:#9b7e00}
#salesInsightsView[data-view="compare"] .insight-table a:hover{color:#775b00}

/* 3.3.6: one compact comparison toolbar, preserving all existing controls. */
#salesInsightsView[data-view="compare"] .compare-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;min-width:0}
#salesInsightsView[data-view="compare"] .compare-toolbar .insight-mode{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin:0;padding:3px;border:1px solid #d4d8de;border-radius:8px;background:#f6f7f8}
#salesInsightsView[data-view="compare"] .compare-toolbar .insight-tools{align-items:center;gap:8px;margin:0}
#salesInsightsView[data-view="compare"] .compare-toolbar button{height:38px;min-height:38px;padding:0 14px;font-size:13px;line-height:1.3;white-space:nowrap;border-radius:8px!important}
#salesInsightsView[data-view="compare"] .compare-toolbar .insight-mode button{border-color:transparent;background:transparent;color:#525b66}
#salesInsightsView[data-view="compare"] .compare-toolbar .insight-mode button.primary{background:#ffde00;color:#171717;border-color:#e0bf00}
#salesInsightsView[data-view="compare"] .compare-toolbar .insight-mode button:not(.primary):hover{background:#fff;color:#171717}
@media(max-width:600px){#salesInsightsView[data-view="compare"] .compare-toolbar{flex-wrap:wrap;gap:8px}#salesInsightsView[data-view="compare"] .compare-toolbar .insight-tools{margin-left:auto}#salesInsightsView[data-view="compare"] .compare-toolbar button{padding:0 10px;font-size:12px}}

/* Scoped vehicle workspace; existing maps, sales forms and navigation styling are untouched. */
#page-vehicleLookup{color:#171717;min-width:0;background:#fff}#page-vehicleLookup button,#page-vehicleLookup input,.vc-dialog button,.vc-dialog input,.vc-dialog select{border:1px solid #e5e7eb;border-radius:8px;min-height:38px;background:#fff;color:#171717;font:inherit;padding:8px 13px}#page-vehicleLookup button,.vc-dialog button{cursor:pointer}#page-vehicleLookup .primary,.vc-dialog .primary{background:#ffde00;border-color:#eac800;font-weight:600}#page-vehicleLookup button:disabled,.vc-dialog button:disabled{opacity:.5;cursor:wait}.vc-description{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.vc-description p{font-size:13px;color:#51545a;margin:0}.vc-actions{display:flex;gap:8px;flex-shrink:0}.vc-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.vc-cards article{border:1px solid #e5e7eb;background:#f9fafb;border-radius:8px;padding:16px 20px;display:flex;flex-direction:column;gap:6px}.vc-cards article span{font-size:13px}.vc-cards article strong{font-size:30px;line-height:1.2;color:#111}.vc-cards .vc-replenish-card{background:#fff4f3;border-color:#f0cecb}.vc-cards .vc-replenish-card strong{color:#c72626}.vc-list-tools{display:flex;align-items:center;gap:20px;border-top:1px solid #e5e7eb;padding:14px 0}.vc-list-tools>div:first-child{display:flex;gap:8px}.vc-search{position:relative;width:340px;max-width:100%}#page-vehicleLookup .vc-search input{width:100%;padding-right:36px}.vc-search input::-webkit-search-cancel-button{display:none}#page-vehicleLookup .vc-search button{position:absolute;right:3px;top:1px;min-height:34px;border:0;padding:3px 9px;font-size:22px;color:#6b7280}.vc-table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:8px;max-width:100%}.vc-table-wrap table{width:100%;border-collapse:collapse;table-layout:auto;margin:0;color:#171717;font-size:13px}.vc-table-wrap th,.vc-table-wrap td{background:#fff!important;border:0;border-right:1px solid #edf0f2;border-bottom:1px solid #e5e7eb;padding:10px 12px;text-align:center!important;vertical-align:middle;white-space:nowrap;font-weight:400}.vc-table-wrap th{background:#f8f9fa!important;font-weight:500}.vc-table-wrap tr:last-child td{border-bottom:0}.vc-table-wrap th:last-child,.vc-table-wrap td:last-child{border-right:0}#vcTable table{min-width:1050px}.vc-table-wrap th.vc-sales-head{background:#fff1a4!important}#vcTable .vc-low td{background:#fff7cc!important}#vcTable .vc-stock{font-size:17px;font-weight:600}#vcTable .vc-low .vc-stock{color:#c52222}#page-vehicleLookup .vc-model{border:0;background:none;padding:0;min-height:26px;color:#1557a5;text-decoration:underline;font-weight:600;white-space:nowrap}.vc-status{display:inline-block;border-radius:12px;padding:3px 10px;font-size:12px}.vc-normal{color:#176b35;background:#eaf7ec}.vc-low.vc-status{background:#ffe5de;color:#b91c1c}.vc-unmatched{color:#6b7280;background:#f1f2f4}.vc-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#6b7280;font-size:12px;margin:12px 0}.vc-history{font-size:12px;margin-top:16px}.vc-history summary{cursor:pointer;padding:8px 0}.vc-empty{padding:30px!important;text-align:center;color:#6b7280}.vc-dialog{width:min(980px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:1px solid #d8dce2;border-radius:12px;color:#171717;background:#fff;box-shadow:0 5px 24px #0002}.vc-dialog::backdrop{background:#0006}.vc-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:white;z-index:2}.vc-modal-head h2{font-size:18px;margin:0}.vc-modal-head button{font-size:25px;border:0;line-height:1;padding:0 6px}.vc-modal-body{padding:20px}.vc-modal-foot{padding:14px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff}.vc-product-info{display:grid;grid-template-columns:155px 1fr;gap:20px;align-items:start}.vc-product-info h2{font-size:22px;margin:0 0 10px;overflow-wrap:anywhere}.vc-product-info p{font-size:14px}.vc-product-info ul{max-height:130px;overflow:auto;margin:5px 0 0;padding-left:20px;line-height:1.7}.vc-no-photo{height:125px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#f8f9fa;font-size:12px;color:#6b7280}.vc-dialog h3{font-size:16px;margin:20px 0 10px}.vc-price-grid{display:grid;grid-template-columns:2fr 3fr;gap:15px}.vc-price-group{border:1px solid #efcc00;border-radius:8px;overflow:hidden}.vc-price-group h3{background:#ffde00;text-align:center;padding:10px;margin:0;font-size:16px}.vc-price-group>div{display:flex}.vc-price-group article{flex:1;min-width:0;text-align:center;border-right:1px solid #e5e7eb}.vc-price-group article:last-child{border-right:0}.vc-price-group article span{display:block;padding:8px 4px;background:#fff9df;font-size:12px}.vc-price-group article strong{display:block;padding:12px 4px;font-size:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.vc-price-group.outside{border-color:#364b62}.vc-price-group.outside h3{background:#283c51;color:#fff}.vc-price-group.outside article span{background:#eef3f8}.vc-detail-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-top:16px}.vc-detail-bottom>section{border:1px solid #e5e7eb;border-radius:8px;padding:14px;min-width:0}.vc-detail-bottom h3{margin:0 0 12px}.vc-detail-bottom p{font-size:13px;margin:8px 0;overflow-wrap:anywhere}.vc-months{display:flex;text-align:center}.vc-months article{flex:1;min-width:0;border-right:1px solid #e5e7eb}.vc-months article:last-child{border:0}.vc-months span{font-size:12px;display:block;background:#fff3b3;padding:7px}.vc-months strong{font-size:25px;display:block;padding:14px 5px}.vc-red{color:#c52222!important}.vc-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.vc-map-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;min-width:0}.vc-map-grid select{width:100%;max-width:100%}.vc-import-issues{max-height:160px;overflow:auto;font-size:12px;line-height:1.8}.vc-error-row td{background:#fff0f0!important}.vc-dialog details summary{cursor:pointer;padding:10px 0}.vc-dialog .vc-table-wrap{max-height:350px}.vc-dialog:focus-visible,#page-vehicleLookup :focus-visible{outline:2px solid #dfb900;outline-offset:2px}
@media(max-width:1000px){.vc-description{align-items:flex-start;flex-direction:column}.vc-price-grid{grid-template-columns:1fr}.vc-cards{gap:10px}.vc-cards article{padding:13px}.vc-dialog{width:calc(100vw - 24px)}}
@media(max-width:640px){.vc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.vc-cards article strong{font-size:25px}.vc-actions{flex-wrap:wrap}.vc-list-tools{flex-wrap:wrap;gap:10px}.vc-search{width:100%}.vc-product-info{grid-template-columns:95px 1fr;gap:12px}.vc-no-photo{height:95px}.vc-product-info h2{font-size:17px}.vc-detail-bottom{grid-template-columns:1fr}.vc-map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vc-modal-body{padding:14px}.vc-price-group article strong{font-size:17px}.vc-dialog{max-height:calc(100dvh - 16px);width:calc(100vw - 16px);max-width:calc(100vw - 16px)}.vc-modal-foot{flex-wrap:wrap}}

#vcTable .vc-table-wrap{max-height:max(250px,calc(100dvh - 370px))}#vcTable thead{position:sticky;top:0;z-index:1}.vc-dialog .vc-modal-body>.vc-table-wrap th{position:sticky;top:0;z-index:1}

body:has(#page-vehicleLookup:not([hidden])){background:#fff}body:has(#page-vehicleLookup:not([hidden])) main{background:#fff;min-width:0}body:has(#page-vehicleLookup:not([hidden])) #metrics{display:none!important}#page-vehicleLookup button,#page-vehicleLookup input,.vc-dialog button,.vc-dialog input,.vc-dialog select,.vc-cards article,.vc-table-wrap,.vc-no-photo,.vc-price-group,.vc-detail-bottom>section{border-radius:8px!important}.vc-dialog{border-radius:12px!important}.vc-status{border-radius:12px!important}

/* 3.5.1 Compact catalogue workspace; product detail and import dialogs retain their layout. */
body:has(#page-vehicleLookup:not([hidden])) main{padding:12px 20px}
body:has(#page-vehicleLookup:not([hidden])) .global-parent-nav{margin-bottom:6px}
body:has(#page-vehicleLookup:not([hidden])) .global-parent-nav button{height:30px;min-height:30px;padding:4px 10px;font-size:12px}
body:has(#page-vehicleLookup:not([hidden])) .heading{margin-bottom:8px}
body:has(#page-vehicleLookup:not([hidden])) .heading h1{font-size:25px;line-height:1.2;margin:4px 0 0}
body:has(#page-vehicleLookup:not([hidden])) .heading small{font-size:10px}
#page-vehicleLookup .vc-description{gap:12px;margin-bottom:10px}
#page-vehicleLookup .vc-description p{font-size:12px}
#page-vehicleLookup .vc-cards{gap:14px;margin-bottom:10px}
#page-vehicleLookup .vc-cards article{padding:10px 15px;min-height:76px;gap:4px;background:#fff;border-left:4px solid #ffde00}
#page-vehicleLookup .vc-cards article span{font-size:12px;color:#404040}
#page-vehicleLookup .vc-cards article strong{font-size:27px;line-height:1.15}
#page-vehicleLookup .vc-cards .vc-replenish-card{background:#fff3f1;border-color:#f0b4af;border-left-color:#d52c2c}
#page-vehicleLookup .vc-list-tools{padding:8px 0;gap:16px}
#page-vehicleLookup .vc-list-tools button,#page-vehicleLookup .vc-list-tools input,#page-vehicleLookup .vc-actions button{height:34px;min-height:34px;padding:6px 10px;font-size:12px}
#page-vehicleLookup .vc-search button{top:0;height:32px;min-height:32px;font-size:20px}
#vcTable table{width:100%;min-width:0;table-layout:fixed;font-size:12px}
#vcTable th,#vcTable td{padding:7px 5px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;vertical-align:middle}
#vcTable th{color:#171717;background:#f3f4f6!important;font-weight:500;height:30px}
#vcTable td{height:40px;font-size:12px;font-variant-numeric:tabular-nums}
#vcTable .vc-oem{white-space:pre-line;overflow-wrap:anywhere}
#vcTable .vc-stock{font-size:14px;font-weight:600}
#page-vehicleLookup #vcTable .vc-model{font-size:12px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;min-height:24px;max-width:100%;font-weight:600}
#vcTable .vc-status{font-size:11px;padding:3px 6px}
#vcTable .vc-normal{background:#ddf3e3;color:#176834}
#vcTable .vc-low.vc-status{background:#ffe0ce;color:#ac2020}
#vcTable .vc-table-wrap{max-height:max(250px,calc(100dvh - 315px))}
@media(min-width:1200px){#page-vehicleLookup #vcTable .vc-model{white-space:nowrap;font-size:clamp(12px,.84vw,13px)}}
@media(max-width:900px){#vcTable table{min-width:1050px}#page-vehicleLookup .vc-description{flex-direction:column;align-items:flex-start}#page-vehicleLookup .vc-actions{flex-wrap:wrap}}
@media(max-width:640px){body:has(#page-vehicleLookup:not([hidden])) main{padding:12px;overflow-x:clip}#page-vehicleLookup .vc-cards{gap:10px}#page-vehicleLookup .vc-search{width:100%}}

#page-expenses{color:#171717;min-width:0;--fin-yellow:#ffde00}#page-expenses button,.fin-dialog button{border:1px solid #e5e7eb;border-radius:8px;min-height:38px;padding:7px 13px;white-space:nowrap;font-size:14px;background:#fff;color:#171717}#page-expenses .primary,.fin-dialog .primary{background:#ffde00;border-color:#e4c700;color:#111;font-weight:600}#page-expenses .danger,.fin-dialog .danger{color:#c82828;border-color:#efb3b3}#page-expenses button:disabled,.fin-dialog button:disabled{opacity:.5;cursor:wait}.fin-tabs{display:flex;gap:10px;margin-bottom:16px}.fin-tabs .active{background:#ffde00!important;border-color:#e4c700!important}.fin-filters,.fin-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.fin-filters{padding:12px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.fin-filters label{flex:1;min-width:130px}.fin-grid label{flex:1 1 180px}.fin-filters label,.fin-grid label,.fin-body>label{font-size:13px;display:flex;flex-direction:column;gap:6px}.fin-filters input,.fin-filters select,.fin-body input:not([type=checkbox]):not([type=file]),.fin-body select{height:38px;min-width:0;border:1px solid #dce0e5;border-radius:8px;background:#fff;color:#171717;font-size:14px;padding:7px 10px;box-sizing:border-box;width:100%}.fin-body input:focus,.fin-body select:focus,.fin-filters input:focus{outline:2px solid #ffde00;outline-offset:1px}.fin-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.fin-cards article{border:1px solid #e5e7eb;border-left:4px solid #ffde00;border-radius:8px;padding:17px;display:flex;gap:10px;flex-direction:column}.fin-cards article strong{font-size:clamp(19px,1.8vw,30px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.fin-cards article span{color:#4b5563;font-size:14px}.fin-cards small{display:block;font-size:12px;margin-top:6px}.fin-module{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:16px;background:white}.fin-title{background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.fin-title h2{font-size:17px;margin:0;color:white;font-weight:600}.fin-title>div{display:flex;gap:8px;flex-wrap:wrap}.fin-title h2 small{font-size:12px;color:#ffde00;margin-left:10px}.fin-title>span{font-size:12px}.fin-scroll{overflow:auto;max-width:100%}.fin-scroll table{border-collapse:collapse;width:100%;font-size:14px;table-layout:auto}.fin-scroll th{background:#f8f9fa;font-weight:500;color:#171717;white-space:nowrap}.fin-scroll td,.fin-scroll th{border-bottom:1px solid #e5e7eb;padding:11px 10px;text-align:center;vertical-align:middle}.fin-scroll td{background:#fff;font-variant-numeric:tabular-nums}.fin-scroll tr:last-child td{border-bottom:0}.fin-scroll td small{display:block}.fin-scroll td .fin-link{color:#171717!important;background:transparent!important;border:0!important;text-decoration:underline;font-weight:600;padding:0!important}.fin-scroll td:first-child{width:44px}.fin-scroll td.fin-purpose{min-width:130px;max-width:300px;overflow-wrap:anywhere}.fin-scroll td:last-child button+button{margin-left:6px}.fin-income{color:#087e35!important}.fin-expense,.fin-error{color:#c62929!important}.fin-nowrap{white-space:nowrap}.fin-note{font-size:12px;color:#68717c;margin:10px 0 14px;line-height:1.5}.fin-module>.fin-note{padding:0 14px}.fin-body{padding:16px}.fin-meta{display:flex;gap:16px;flex-wrap:wrap;margin:0 0 16px;font-size:13px}.fin-meta span{color:#5b6471}.fin-meta b{color:#171717}.fin-bottom{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.fin-list-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 16px}.fin-list-footer strong{font-size:14px}.fin-status{font-size:12px;border-radius:5px;display:inline-block;padding:4px 8px;font-weight:500}.fin-pending{background:#fff0ad;color:#735200}.fin-approved,.fin-paid{background:#e2f6e8;color:#167139}.fin-rejected{background:#ffeded;color:#b42323}.fin-scroll tr.fin-total td{background:#fff3bd;font-weight:600}.fin-receipts{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.fin-receipts img{width:90px;height:80px;object-fit:cover;border:1px solid #e5e7eb;border-radius:6px}.fin-dialog{width:min(780px,calc(100vw - 24px));max-height:90dvh;border:1px solid #e5e7eb;border-radius:10px;padding:0;background:white;color:#171717}.fin-dialog::backdrop{background:#0006}.fin-dialog .fin-body{overflow:auto;max-height:75dvh;box-sizing:border-box}.fin-dialog .fin-check{display:flex;align-items:center;gap:8px;flex-direction:row;margin-top:16px}.fin-check input{width:18px!important;height:18px!important;accent-color:#ffde00}.fin-photo-input{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 8px;font-size:13px}.fin-file{display:inline-flex;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;position:relative;overflow:hidden}.fin-file input{position:absolute;opacity:0;width:100%;height:100%;left:0;top:0;cursor:pointer}.fin-draft-photos{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#667}.fin-draft-photos span{border:1px solid #e5e7eb;padding:4px;border-radius:5px}.fin-preview{display:flex;gap:14px;flex-wrap:wrap;padding:12px;background:#fffbe7;margin-top:14px;border-radius:8px;font-size:13px}.fin-preview>div{flex-basis:100%}.fin-history{border:1px solid #e5e7eb;border-radius:8px;padding:12px}.fin-body pre{font-size:12px;text-align:left;white-space:pre-wrap;max-width:500px;overflow-wrap:anywhere}#finPrintFrame{border:0;width:100%;height:60dvh}#page-expenses .fin-editor .fin-scroll table{min-width:560px}#page-expenses .fin-editor th:nth-child(2){width:60%}#page-expenses .fin-editor td input{text-align:center}#page-expenses .fin-editor td input[name=content]{text-align:left}
@media(max-width:1000px){.fin-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-title{align-items:flex-start}.fin-title>div{justify-content:flex-end}.fin-scroll table{min-width:720px}}@media(max-width:600px){.fin-filters label{min-width:120px}.fin-title{flex-direction:column;align-items:stretch}.fin-title>div{justify-content:flex-start}.fin-body{padding:12px}.fin-cards{gap:9px}.fin-cards article{padding:12px}.fin-cards article strong{font-size:20px}.fin-meta{gap:8px}.fin-grid label{flex-basis:140px}.fin-bottom{flex-wrap:wrap}}

/* Local expense styling overrides the legacy global square-corner rule. */
#page-expenses button,#page-expenses input,#page-expenses select,#page-expenses .fin-module,#page-expenses .fin-filters,#page-expenses .fin-cards article,.fin-dialog,.fin-dialog button,.fin-dialog input:not([type=checkbox]),.fin-dialog select{border-radius:8px!important}
body:has(#page-expenses:not([hidden])) #metrics{display:none!important}body:has(#page-expenses:not([hidden])) main{background:#fff;min-width:0}

/* 3.5.2: shared workspace header density; page-specific spacing changes only. */
body:has(#workspace:not([hidden])) #workspace main{padding-top:10px!important;padding-bottom:10px;min-width:0}
body:has(#workspace:not([hidden])) #workspace .global-parent-nav{margin:0 0 5px}
body:has(#workspace:not([hidden])) #workspace .global-parent-nav button{height:30px;min-height:30px;padding:4px 10px;font-size:12px}
body:has(#workspace:not([hidden])) #workspace .heading{margin-top:0!important;margin-bottom:8px!important;min-height:0}
body:has(#workspace:not([hidden])) #workspace .heading small{font-size:10px;line-height:1.3;letter-spacing:1px}
body:has(#workspace:not([hidden])) #workspace .heading h1{font-size:24px;line-height:1.2;margin:2px 0 0}
body:has(#workspace:not([hidden])) #workspace #metrics{gap:12px;margin-bottom:10px}
body:has(#workspace:not([hidden])) #workspace #metrics .metric{padding:8px 13px;min-height:0}
body:has(#workspace:not([hidden])) #workspace #metrics .metric b{font-size:26px;line-height:1.2;margin:2px 0}
body:has(#workspace:not([hidden])) #workspace #metrics .metric small{font-size:11px;line-height:1.4}

/* Equal-height product modules; type creation stays next to the type chips. */
#page-products .product-modules{gap:12px}
#page-products .product-module h2{min-height:34px;padding:7px 12px;font-size:14px;line-height:20px}
#page-products .product-module-body{padding:10px 12px}
#page-products .product-module:first-child>.product-module-body{display:flex;align-content:center;align-items:center;flex-wrap:wrap;gap:8px}
#page-products .product-type-entries{max-height:76px;gap:6px}
#page-products .product-type-entry{min-height:32px;padding:3px 7px;gap:6px}
#page-products .product-type-new{margin:0}
#page-products .product-type-new[open]{flex-basis:100%}
#page-products .product-type-add{padding-top:6px}
#page-products .product-record-form{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;align-content:center;gap:10px}
#page-products .product-record-form>button{grid-column:auto}
#page-products label{gap:4px}
#page-products .product-list-tools{margin-top:8px;min-height:52px;padding:7px 10px;gap:10px}
#page-products #productTable{max-height:calc(100dvh - 325px)}

/* Keep account controls and permissions intact; remove nested empty padding. */
#page-accounts{padding:8px!important}
#page-accounts .account-filter-bar{padding:8px;gap:8px;margin-bottom:8px}
#page-accounts .account-filter-bar :is(input,select,button){height:36px;min-height:36px}
#page-accounts .paneltitle{min-height:38px;padding:4px 10px}
#page-accounts td{height:44px;padding:4px 8px}
#page-accounts .account-maintenance{margin-top:8px;padding:8px;gap:8px}

/* Expense tabs, filters, cards and list share a compact rhythm. */
#page-expenses .fin-tabs{margin-bottom:6px;gap:8px}
#page-expenses .fin-tabs button{height:34px;min-height:34px;padding:5px 12px;font-size:13px}
#page-expenses>.fin-note{margin:4px 0 8px;line-height:1.4}
#page-expenses .fin-filters{padding:8px 10px;gap:10px;margin-bottom:10px}
#page-expenses .fin-filters label{gap:4px;font-size:12px}
#page-expenses .fin-filters :is(input,select,button){height:36px;min-height:36px;font-size:13px}
#page-expenses .fin-cards{gap:12px;margin-bottom:10px}
#page-expenses .fin-cards article{padding:10px 14px;gap:4px}
#page-expenses .fin-cards article strong{font-size:26px;line-height:1.2}
#page-expenses .fin-cards article span{font-size:12px}
#page-expenses .fin-module{margin-bottom:10px}
#page-expenses .fin-title{padding:7px 12px;gap:8px}
#page-expenses .fin-title h2{font-size:15px}
#page-expenses .fin-title button{height:34px;min-height:34px;padding:5px 10px;font-size:12px}
#page-expenses .fin-scroll :is(th,td){height:42px;padding:7px 9px;font-size:12px}

/* Report navigation remains present, with a stronger selected state. */
body:has(#page-salesStats:not([hidden])) .heading{padding-right:210px}
#page-salesStats .sales-page-tools{top:-48px;gap:8px}
#page-salesStats .sales-insights-nav{gap:12px;margin-bottom:10px}
#page-salesStats .sales-insights-nav button{height:62px;min-height:62px;padding:9px 32px 9px 13px;background:#fff;border-color:#d8dde3}
#page-salesStats .sales-insights-nav button.selected{background:#ffed86;border-color:#e0bd00;border-left:4px solid #ffde00}
#page-salesStats .sales-insights-nav strong{font-size:16px;line-height:1.3;color:#111}
#page-salesStats .sales-insights-nav small{font-size:11px;margin-top:3px;color:#525252}
#page-salesStats .sales-insights-nav button>span{top:15px;font-size:24px}
#page-salesStats .sales-filter-panel{padding:9px 12px}
#page-salesStats label{gap:4px}
#page-salesStats .sales-date-field legend{margin-bottom:4px}
#page-salesStats .sales-primary-filters{gap:10px}
#page-salesStats .stats-cards{gap:12px;margin:12px 0 14px}
#page-salesStats .stats-cards>div{padding:10px 15px;border-top:1px solid #d8dde3;border-left:4px solid #17643d;background:#fff}
#page-salesStats .stats-cards>div:last-child{border-left-color:#ffde00;border-top-color:#e4cf62;background:#fff7d1}
#page-salesStats .stats-cards small{font-size:13px;font-weight:500}
#page-salesStats .stats-cards strong{font-size:29px;line-height:1.2;margin-top:5px}
#page-salesStats .sales-table-tools{margin-bottom:8px}
#page-salesStats :is(th,td){padding:9px 8px}
#page-salesStats th{background:#f1f3f5;color:#111}
#page-salesStats tfoot td{background:#ffed9a!important}

/* Query and problem stock retain their existing table structure. */
body:has(#page-query:not([hidden])) .filters{padding-top:0;padding-bottom:4px}
body:has(#page-query:not([hidden])) .status{padding:3px 0;min-height:22px}
#page-problems{padding:8px!important}
#page-problems .condition-intro{margin:3px 0 7px}
#page-problems .condition-filters{margin-bottom:8px;padding:8px 10px}

@media(max-width:800px){
  body:has(#workspace:not([hidden])) #workspace main{padding-top:10px!important;padding-bottom:10px}
  #page-products #productTable{max-height:65dvh}
  #page-salesStats .sales-insights-nav button{height:auto;min-height:68px;padding:9px}
  #page-salesStats .sales-insights-nav button>span{display:none}
  #page-salesStats .sales-insights-nav strong{font-size:14px}
  #page-salesStats .sales-insights-nav small{font-size:10px}
}
@media(max-width:720px){
  body:has(#page-salesStats:not([hidden])) .heading{padding-right:0;margin-bottom:44px!important}
  #page-salesStats .sales-page-tools{top:-38px;left:0;right:auto}
  #page-salesStats .stats-cards{gap:8px}
  #page-salesStats .stats-cards>div{padding:9px 11px}
  #page-salesStats .stats-cards strong{font-size:25px}
}
@media(max-width:650px){
  #page-products .product-record-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  #page-products .product-record-form>button{grid-column:2}
  #page-products .product-list-tools{flex-wrap:wrap}
  #page-expenses .fin-cards article{padding:9px 11px}
  #page-expenses .fin-cards article strong{font-size:22px}
}

/* Existing custom page metrics use the same compact top spacing. */
#workspace .so-cards{margin-bottom:10px;gap:12px}
#workspace .so-cards>div{padding:8px 12px}
#workspace .so-cards strong{line-height:1.25}
#workspace .ops-cards{margin:10px 0;gap:12px}
#workspace .ops-cards>div,#page-stocktake .ops-count-cards>button{padding:10px 14px}
#workspace .ops-cards strong{font-size:26px;margin-top:4px;line-height:1.2}
#workspace .ops-tabs{margin-bottom:8px}
#workspace .ops-tools{top:-45px}
@media(max-width:720px){
 body:has(.ops-page:not([hidden])) #workspace .heading{margin-bottom:44px!important}
 #workspace .ops-tools{top:-38px}
}

/* 3.5.4 Sales report only: black headings and compact, readable data rows. */
#page-salesStats #salesReportView #salesStatsCards{gap:12px;margin:12px 0 14px}
#page-salesStats #salesReportView #salesStatsCards>button{min-height:96px;padding:12px 16px}
#page-salesStats #salesReportView #salesStatsCards small{font-size:13px;line-height:1.4}
#page-salesStats #salesReportView #salesStatsCards strong{font-size:30px;margin-top:6px;line-height:1.2}
#page-salesStats #salesReportView .sales-table-tools{min-height:36px;margin-bottom:8px;gap:10px}
#page-salesStats #salesReportView #salesStatsStatus{font-size:11px;font-weight:400}
#page-salesStats #salesReportView #salesStatsSummary>table>thead>tr>th{height:40px;padding:6px 10px;background:#000;color:#fff;font-size:12px;font-weight:600;line-height:1.4;text-align:center;vertical-align:middle;border-color:#303030}
#page-salesStats #salesReportView #salesStatsSummary>table>thead>tr>th button{background:transparent;color:#fff;font-size:12px;font-weight:600;line-height:1.4;min-height:24px;height:auto}
#page-salesStats #salesReportView #salesStatsSummary>table>tbody>tr>td{height:42px;padding:6px 10px;font-size:13px;line-height:1.4;font-weight:400;text-align:center;vertical-align:middle;font-variant-numeric:tabular-nums}
#page-salesStats #salesReportView #salesStatsSummary>table>tbody>tr>td.stats-model,#page-salesStats #salesReportView #salesStatsSummary .sales-record-link{font-size:13px;font-weight:500;white-space:nowrap;overflow-wrap:normal;word-break:normal}
#page-salesStats #salesReportView #salesStatsSummary>table>tfoot>tr>td{height:42px;padding:6px 10px;font-size:13px;line-height:1.4;font-weight:600;text-align:center;vertical-align:middle}
@media(max-width:720px){#page-salesStats #salesReportView #salesStatsCards{gap:8px;margin:10px 0 12px}#page-salesStats #salesReportView #salesStatsCards>button{min-height:88px;padding:10px 12px}#page-salesStats #salesReportView #salesStatsCards strong{font-size:26px}}

/* Vehicle main table typography only; cards, widths and product dialogs unchanged. */
#page-vehicleLookup #vcTable th{font-size:12px;font-weight:600;vertical-align:middle}
#page-vehicleLookup #vcTable td{font-size:12px;font-weight:400;height:40px;vertical-align:middle;text-align:center!important}
#page-vehicleLookup #vcTable td :is(span,b,strong){font-size:12px;font-weight:400}
#page-vehicleLookup #vcTable .vc-model{font-size:12px;font-weight:500}
#page-vehicleLookup #vcTable .vc-stock{font-size:13px;font-weight:600}