.receive-upload{margin-bottom:20px}.receive-upload form{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.receive-upload form label{width:100%}.receive-upload input{max-width:520px}.receive-actions,.receive-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.receive-actions{margin-bottom:18px}.receive-source{font-size:13px}.receive-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.receive-meta label,.receive-fields label{display:grid;gap:6px;align-content:start;font-size:12px}.receive-meta input,.receive-meta select,.receive-fields input{min-width:0;width:100%;box-sizing:border-box}.receive-note{font-size:12px;line-height:1.6;color:#726366;max-width:950px}.receive-line{padding:18px;border:1px solid #e7d7da;border-radius:12px;background:white;margin:16px 0}.receive-product{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:center}.receive-product>img{width:70px;height:85px;object-fit:contain}.receive-no-photo{font-size:30px;color:#938386;text-align:center}.receive-product input{width:100%;min-width:0;margin-top:5px}.receive-product .receive-inline input{flex:1;width:auto}.receive-product small{font-size:11px;color:#77676b}.receive-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.receive-line details{font-size:12px;margin:12px 0}.receive-check{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.5;margin:12px 0}.receive-check input{width:auto;min-height:0;margin:0}.receive-matches{display:flex;overflow-x:auto;gap:8px;margin:10px 0}.receive-matches button{flex:0 0 230px;display:flex;align-items:center;gap:8px;text-align:left;font-size:12px}.receive-matches img{width:38px;height:45px;object-fit:contain}.receive-matches small{display:block;font-size:10px;color:#72666a}.receive-evidence{display:block;line-height:1.5;color:#766367;overflow-wrap:anywhere}.receive-warnings{font-size:12px;padding:10px;background:#fff4d9;border-radius:7px}.receive-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0}.receive-bottom span{font-size:12px;color:#77666a}.receive-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.receive-totals small,.receive-totals strong{display:block}.receive-totals strong{font-size:22px;margin-top:5px}.receive-summary{margin-top:20px}.receive-summary table{font-size:12px}.receive-summary td small{display:block;max-width:210px}.receive-summary td{vertical-align:top}.receive-raw{margin-top:25px;font-size:12px}.receive-raw pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow-y:auto;background:#fff;padding:15px}.receive-doc-list{display:grid;gap:12px;margin:20px 0}.receive-doc{display:grid;grid-template-columns:1fr auto;gap:6px;text-align:left;padding:17px}.receive-doc small{grid-column:1/-1;font-size:11px}#receive-feedback{font-size:13px;margin:10px 0;color:#b71422}@media(max-width:1000px){.receive-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.receive-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.receive-line{padding:12px}.receive-totals{grid-template-columns:1fr 1fr}.receive-totals strong{font-size:18px}.receive-product{grid-template-columns:48px minmax(0,1fr);gap:8px}.receive-product>img{width:48px;height:65px}.receive-product .receive-inline button{font-size:11px;padding:8px}.receive-doc{grid-template-columns:1fr}.receive-upload form input,.receive-upload form button{width:100%}.receive-meta{padding:12px}.receive-actions button,.receive-actions a{font-size:12px}.receive-bottom{align-items:stretch;flex-direction:column}}
/* Compact exception-first invoice review */
#receive-edit-zone{border:0;padding:0;margin:0;min-width:0}#receive-edit-zone:disabled{opacity:.65}.receive-document{padding:14px;margin:10px 0}.receive-document>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:12px;align-items:center;cursor:pointer;list-style:none}.receive-document summary small{display:block;margin-top:4px;color:#827378;font-size:11px}.receive-meta{margin-top:16px}.receive-stat-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 12px}.receive-stat-row>span{padding:9px 12px;border:1px solid #eadfe1;border-radius:10px;background:white;font-size:12px}.receive-stat-row b{font-size:18px;margin-right:4px}.receive-stat-row .good{color:#187457}.receive-stat-row .warn{color:#976200;background:#fff7df}.receive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.receive-tabs{display:flex;gap:8px}.receive-tabs button{font-size:12px;padding:9px 12px}.receive-tabs .active{color:#dc2338;background:#fff0f2;border-color:#f1bac1}#receive-dirty{font-size:11px;color:#827378}.receive-line{padding:0;margin:8px 0;overflow:hidden}.receive-line>summary{display:grid;grid-template-columns:42px minmax(0,1fr) 60px 160px 16px;gap:12px;align-items:center;padding:12px;cursor:pointer;list-style:none;min-height:68px}.receive-line summary::-webkit-details-marker,.receive-document summary::-webkit-details-marker{display:none}.receive-line.needs-review{border-left:3px solid #de9a1b}.receive-line[open]{border-color:#e85465}.receive-thumb{width:42px;height:48px;display:grid;place-items:center;color:#9b8c91}.receive-thumb img{width:100%;height:100%;object-fit:contain}.receive-name{min-width:0}.receive-name strong{display:block;font-size:13px;line-height:1.35}.receive-name small{display:block;color:#877980;font-size:10px;margin-top:3px}.receive-state{display:block;color:#567567;font-size:10px;margin-top:4px}.needs-review .receive-state{color:#996300}.receive-metric small{display:block;color:#877980;font-size:10px;margin-bottom:3px}.receive-metric b{font-size:12px}.receive-chevron{font-size:18px;color:#a08c92}.receive-line[open] .receive-chevron{transform:rotate(180deg)}.receive-line-body{border-top:1px solid #eee3e5;padding:14px;background:#fffdfd}.receive-search{display:flex;gap:8px;margin:12px 0}.receive-search input{min-width:0;flex:1;font-size:12px}.receive-search button{font-size:12px}.receive-matches{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin:10px 0}.receive-matches button{flex:initial;min-width:0;width:auto;font-size:12px;padding:10px;overflow-wrap:anywhere}.receive-matches img{flex-shrink:0}.receive-matches small{line-height:1.4}.receive-line-body>button.primary{font-size:12px;margin-top:10px}.receive-advanced{border-top:1px solid #eee3e5;padding-top:10px}.receive-advanced summary{cursor:pointer;color:#86747b}.receive-evidence{background:#f8f5f6;padding:10px;border-radius:7px;font-size:11px}.receive-fields input{font-size:13px}.receive-warnings{line-height:1.6}.receive-more{position:relative;font-size:12px}.receive-more summary{cursor:pointer;padding:10px}.receive-more[open]{padding:8px;border:1px solid #eadfe1;border-radius:10px;background:white}.receive-more button{font-size:11px;padding:8px;margin:3px}.receive-original,.receive-final-details{border:1px solid #eadfe1;border-radius:10px;padding:12px;margin:14px 0;font-size:12px;line-height:1.6}.receive-original summary,.receive-final-details summary{cursor:pointer}.receive-original pre{white-space:pre-wrap;max-height:300px;overflow:auto;overflow-wrap:anywhere;font-size:11px}.receive-original a{display:inline-block;margin:12px 0}.receive-bottom{position:sticky;bottom:12px;z-index:12;display:grid;grid-template-columns:minmax(150px,1fr) minmax(220px,1fr) auto;background:#fff;border:1px solid #eadfe1;border-radius:12px;padding:14px;box-shadow:0 5px 25px #58303d18;margin-top:18px}.receive-bottom strong{font-size:15px}.receive-bottom small{display:block;color:#877980;font-size:11px;margin-top:4px}.receive-bottom .receive-check{margin:0;font-size:11px;line-height:1.45}.receive-bottom button{font-size:13px;white-space:nowrap}.receive-bottom input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#eb233c}#receive-paging{display:flex;align-items:center;justify-content:center;gap:16px;margin:14px 0}#receive-paging small{font-size:12px}.receive-clear{font-size:13px;padding:24px;text-align:center;color:#607167}
@media(max-width:850px){.receive-bottom{bottom:calc(74px + env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:10px;padding:12px}.receive-bottom .receive-check{grid-row:2;grid-column:1/-1}.receive-bottom button{grid-row:1;grid-column:2}.receive-bottom strong{font-size:13px}.receive-bottom small{font-size:10px}.receive-line>summary{grid-template-columns:36px minmax(0,1fr) 42px 14px;gap:8px;padding:10px;min-height:80px}.receive-thumb{width:36px;height:42px}.receive-metric:nth-child(4){grid-column:2/4;display:flex;gap:8px;align-items:center}.receive-metric:nth-child(4) small{margin:0}.receive-chevron{grid-column:4;grid-row:1}.receive-name strong{font-size:12px}.receive-line-body{padding:11px}.receive-matches{grid-template-columns:1fr}.receive-tabs button{font-size:11px;padding:8px}.receive-stat-row{gap:6px}.receive-stat-row>span{padding:7px;font-size:10px}.receive-stat-row b{font-size:16px}.receive-document{padding:12px}.receive-document>summary{font-size:12px}.receive-actions{gap:8px}.receive-fields{grid-template-columns:1fr 1fr;gap:10px}.receive-fields label{font-size:11px}.receive-document .receive-meta{grid-template-columns:1fr 1fr;padding:0}.receive-document input,.receive-document select{font-size:12px}.receive-bottom .primary{padding:12px;font-size:11px}}
.receive-photo-hint{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;margin-bottom:14px;border:1px solid #f1d8a3;border-radius:10px;background:#fff9ed;color:#73551d;font-size:12px;line-height:1.5}.receive-photo-hint svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px}.receive-photo-hint p{margin:0;font-size:inherit;line-height:inherit;color:inherit}.receive-photo-hint strong{display:block;margin-bottom:2px;font-size:inherit}
.receive-supplier{display:flex;align-items:flex-end;gap:8px;grid-column:1/-1}.receive-supplier>label{flex:1;min-width:0}.receive-supplier-details{margin-top:12px}.receive-supplier-details>summary{cursor:pointer;font-size:13px}.receive-photo{padding:12px;border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:8px;margin:10px 0}.receive-photo>img{width:100px;height:100px;object-fit:contain;background:white;border-radius:8px}.receive-photo>div{display:flex;flex-wrap:wrap;gap:8px}.receive-photo-pick{position:relative;overflow:hidden;padding:9px 12px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:13px}.receive-photo-pick input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.receive-photo-pick:focus-within{outline:2px solid #e51e2a;outline-offset:2px}.receive-photo small{color:#687077}@media(max-width:600px){.receive-supplier{align-items:stretch;flex-direction:column}.receive-supplier>button{align-self:flex-start}}
/* Unified buying workspace */
.intake-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.intake-choice{display:grid;grid-template-columns:40px 1fr;gap:7px 10px;text-align:left;padding:22px;background:#fff;border:1px solid #eddfe1;border-radius:16px}.intake-choice>span{grid-row:1/3;font-size:28px;color:#ed2034}.intake-choice strong{font-size:16px}.intake-choice small{font-size:12px;color:#73686d}.intake-manual{grid-column:1/-1;justify-self:start;border:0;background:transparent;font-size:12px}.intake-hidden{display:none!important}.intake-list-title{font-size:15px;margin-top:24px}.intake-meta-extra,.intake-line-extra,.intake-alternatives,.intake-evidence{margin:12px 0;border-top:1px solid #f0e9eb;padding-top:12px}.intake-meta-extra>summary,.intake-line-extra>summary,.intake-alternatives>summary,.intake-evidence>summary{cursor:pointer;font-size:12px;min-height:32px;align-content:center;color:#715b63}.intake-history{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f5f6fa;padding:10px;border-radius:9px;font-size:12px;margin:12px 0}.intake-history button{font-size:12px;min-height:40px}.intake-price-change{background:#fff4dd;font-size:12px;padding:10px}.intake-document-view iframe{width:100%;height:430px;border:0}.intake-pan{overflow:auto;max-height:430px;background:#ece9ea}.intake-pan img{width:100%;max-width:none;display:block}.intake-document-view input{width:100%}.intake-scan-input{display:flex;gap:8px;margin:12px 0}.intake-scan-input input{flex:1;min-width:0}.intake-scan-input button{font-size:12px}.receive-bottom{position:relative;bottom:auto;z-index:auto}.receive-line[open]{scroll-margin-top:80px}.receive-document input{scroll-margin:100px}.receive-matches{grid-template-columns:1fr}.receive-line-body>button.primary{min-height:44px;width:100%}
.camera-modes{display:flex;gap:8px;margin:10px 0}.camera-modes button{flex:1;min-height:44px;font-size:13px;padding:8px}.camera-modes button[aria-pressed=true]{background:#ed2034;color:white;border-color:#ed2034}.camera-stock-form{border:1px solid #eadfe1;background:#fff;padding:12px;border-radius:12px;margin:12px 0}.camera-stock-form label{font-size:12px;display:grid;gap:4px}.camera-stock-form .grid2{gap:10px}.camera-stock-form input,.camera-stock-form select{width:100%;min-width:0;box-sizing:border-box;min-height:40px;font-size:14px}.camera-stock-form small{display:block;color:#796b71;margin:7px 0}.camera-stock-form button{width:100%;min-height:44px;margin-top:8px}.camera-stock-form .camera-stock-error{color:#b41228;font-size:12px}.barcode-modal:has(.camera-stock-form) .camera-frame{max-height:200px}.camera-modes:has(+.camera-frame)~.camera-privacy{font-size:11px}
@media(max-width:600px){.intake-choices{grid-template-columns:1fr}.intake-choice{padding:18px}.intake-choice strong{font-size:15px}.receive-document .receive-meta{gap:12px}.receive-bottom{bottom:auto}.camera-stock-form .grid2{display:grid;grid-template-columns:1fr 1fr}.camera-stock-form .primary{font-size:13px}.intake-scan-input{flex-wrap:wrap}.intake-scan-input button{min-height:42px}}

/* These cards supply their own icon; the shared button pseudo-icon would occupy a grid cell. */
.intake-choice::before{display:none!important}.intake-choice>strong{grid-column:2;grid-row:1}.intake-choice>small{grid-column:2;grid-row:2;line-height:1.5}.intake-choice>span{grid-column:1;grid-row:1/3;align-self:center}.intake-choice{min-height:96px!important}
/* Reading problems are local to each field and remain legible without animation. */
.receive-invalid > input,.receive-invalid > select{border-color:#ef3348!important;background:#fff5f6!important;box-shadow:0 0 0 1px #ef3348!important}
.receive-field-error{display:block;color:#b3162e;font-size:12px;line-height:1.45;margin-top:6px;font-weight:500}
.receive-field-error[hidden]{display:none}
.receive-read-source{display:block;font-size:11px;color:#78595f;overflow-wrap:anywhere;margin-top:3px}
.receive-omit{display:block;background:none;border:0;padding:4px 0!important;min-height:0!important;color:#aa2436;font-size:11px;text-decoration:underline;box-shadow:none}
.receive-has-error > summary{color:#c21b32}
.receive-match-required{border-left:3px solid #ef3348;padding-left:9px}
.receive-match-scope{font-size:12px;line-height:1.5;color:#68758a;margin:10px 0}
.receive-contact-once{border:1px solid #e4e7ed;border-radius:16px;background:white;padding:16px;margin:12px 0}
.receive-contact-once > div > small{display:block;color:#68758a;line-height:1.5;font-size:12px;margin:5px 0 12px}
.receive-contact-once .receive-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
.receive-contact-once > button{margin-top:10px}
.receive-supplier-details label:has([data-doc="supplier_address"]){grid-column:1/-1}
@media(max-width:540px){.receive-contact-once .receive-meta{grid-template-columns:minmax(0,1fr)}}
.intake-editor-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 0;margin-bottom:10px;background:#fff;position:sticky;top:0;z-index:2;border-bottom:1px solid #eee4e6}
.intake-editor-nav button,.intake-row-back{min-height:44px;font-size:13px;flex-shrink:0}
.intake-editor-nav small{font-size:12px;color:#74636a;line-height:1.5;flex:1 1 180px}
.camera-stock-form .intake-editor-nav button{margin:0;text-align:left;width:auto}
.receive-line-body>.intake-row-back{width:100%;margin-top:8px}
#receive-lines{scroll-margin-top:76px}
.intake-pending-costs form{display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,180px) auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #eee4e6}
.intake-pending-costs form input{width:100%;min-width:0}
@media(max-width:600px){.intake-pending-costs form{grid-template-columns:minmax(0,1fr) auto}.intake-pending-costs form strong{grid-column:1/-1}.intake-pending-costs form button{white-space:nowrap}}
.receive-matches:has(>button[data-receive-pick]:nth-child(2)){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.receive-matches:has(>button[data-receive-pick]:nth-child(2))>button[data-receive-pick]{flex-direction:column;align-items:center;text-align:center;padding:10px 6px;line-height:1.35}
.receive-matches:has(>button[data-receive-pick]:nth-child(2)) img{width:72px;height:78px;max-width:100%;object-fit:contain}
.receive-matches>button[data-receive-more]{grid-column:1/-1;justify-content:center}
.receive-photo-source a{color:inherit;text-decoration:underline}
@media(max-width:540px){.receive-matches:has(>button[data-receive-pick]:nth-child(2))>button[data-receive-pick]{font-size:11px}.receive-matches:has(>button[data-receive-pick]:nth-child(2)) img{height:64px}}

.receive-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:16px;align-items:start}
.receive-workspace>fieldset{min-width:0}.receive-source{position:sticky;top:16px;min-width:0}
.receive-source iframe{width:100%;height:75vh;border:0}.receive-source img{display:block;width:100%;height:auto}
.receive-link-choices{grid-column:1/-1;min-width:0;padding:12px;border:1px solid #cbd5e1;border-radius:10px}
@media(max-width:1000px){.receive-workspace{grid-template-columns:minmax(0,1fr)}.receive-source{position:static}.receive-source iframe{height:60vh}}

/* One entry action; choosing a file opens the existing review flow. */
.app-shell.compact-shell #content .receive-start{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;min-width:0}
.app-shell.compact-shell #content .receive-start-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;min-height:168px;margin:0;padding:28px 20px;border:1px solid #dce2e9;border-radius:18px;text-align:center;background:#fff;color:#23272f;font-size:16px;font-weight:600;box-shadow:none}
.app-shell.compact-shell #content .receive-start-button svg{width:46px;height:46px;flex:none;color:#b4949c}
.app-shell.compact-shell #content .receive-start-button:hover{background:#fafbfc;border-color:#cbd2dc}
.app-shell.compact-shell #content .receive-start-button:disabled{opacity:.6;cursor:wait}
.app-shell.compact-shell #content .receive-start form[hidden]{display:none!important}
@media(max-width:600px){.app-shell.compact-shell #content .receive-start-button{font-size:14px;min-height:144px;padding:24px 14px;gap:12px}.app-shell.compact-shell #content .receive-start-button svg{width:40px;height:40px}}

.app-shell.compact-shell #content .receive-start-button .receive-start-title{color:#23272f;font-size:16px;font-weight:600;line-height:1.4}
.app-shell.compact-shell #content .receive-start-button small{display:block;max-width:520px;color:#748092;font-size:12px;font-weight:400;line-height:1.5}
@media(max-width:600px){.app-shell.compact-shell #content .receive-start-button .receive-start-title{font-size:14px}.app-shell.compact-shell #content .receive-start-button small{font-size:11px}}

/* Short stock entry, shared by barcode and product search. */
.simple-stock{max-width:1100px;min-width:0}.simple-stock h2{margin:0;font-size:22px;color:#20242b}.simple-stock-heading,.simple-stock-tools,.simple-stock-bottom{display:flex;align-items:center;gap:10px;margin-bottom:16px}.simple-stock-heading,.simple-stock-bottom{justify-content:space-between}.simple-stock-tools{flex-wrap:wrap}.simple-stock #receive-edit-zone{padding:0;border:0;min-width:0}.simple-stock-form{display:grid;gap:12px;margin:0 0 18px;padding:20px;background:#fff;border:1px solid #dce2e9;border-radius:14px;min-width:0}.simple-stock-form label,.simple-stock-other label{display:grid;gap:6px;color:#343b45;font-size:13px}.simple-stock-form input,.simple-stock-other input{box-sizing:border-box;width:100%;min-width:0;height:44px;border:1px solid #dce2e9;border-radius:9px;background:#fff;padding:10px 12px;font-size:15px;color:#23272f}.simple-stock-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.simple-stock-fields[hidden],.simple-stock-form [hidden]{display:none!important}.simple-stock-form small{color:#748092;font-size:12px}.simple-stock-form p:empty{display:none}.simple-stock-form button::before,.simple-stock button::before,.simple-stock-review button::before{display:none!important}.simple-stock button,.simple-stock-form button{min-height:42px;border:1px solid #dce2e9;background:#fff;color:#23272f;box-shadow:none}.simple-stock-form button[type=submit],#simple-stock-finish{background:#f1f3f5;color:#23272f;font-weight:600}.simple-stock-form button[type=submit]:hover,#simple-stock-finish:hover{background:#e9edf1}.simple-stock-selected,#simple-stock-selected,.simple-stock-results button{display:flex;gap:12px;align-items:center;min-width:0}.simple-stock-results{display:grid;gap:6px}.simple-stock-results:empty{display:none}.simple-stock-results button{width:100%;text-align:left;padding:8px}.simple-stock-results strong,#simple-stock-selected strong{display:block;font-size:14px}.simple-stock-results img,#simple-stock-selected img,.simple-stock-row>img{width:42px;height:42px;object-fit:contain;flex:none}.simple-stock-placeholder{display:grid;place-items:center;width:42px;height:42px;background:#f4f5f7;color:#929ba7;flex:none;border-radius:8px}.simple-stock-list{border:1px solid #dce2e9;border-radius:12px;overflow:hidden;margin-bottom:16px}.simple-stock-list:empty{display:none}.simple-stock-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #dce2e9;background:#fff;min-width:0}.simple-stock-row:nth-child(even){background:#f1f3f5}.simple-stock-row:last-child{border-bottom:0}.simple-stock-row>span:not(.simple-stock-placeholder){min-width:0}.simple-stock-row>span:nth-child(2){flex:1}.simple-stock-row strong{display:block;color:#23272f;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-stock-row small{display:block;color:#748092;font-size:12px}.simple-stock-row-values{text-align:right;white-space:nowrap;font-size:13px}.simple-stock-row button{padding:6px 8px;font-size:12px;min-height:32px}.simple-stock-other,.simple-stock-row-other{border:1px solid #dce2e9;border-radius:10px;background:#fff;padding:12px;margin:0 0 16px}.simple-stock-row-other{grid-column:1/-1;margin:0}.simple-stock-other summary,.simple-stock-row-other summary{cursor:pointer;color:#687386;font-size:13px}.simple-stock-other[open]>.simple-stock-fields{margin-top:12px}.simple-stock-product-photo{display:block;width:64px;height:64px;object-fit:contain}.simple-stock-review>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:12px 0;border-bottom:1px solid #dce2e9}.simple-stock-review small{grid-column:1/-1;color:#748092}.simple-stock-review label{display:flex;gap:10px;align-items:center;margin:16px 0}.simple-stock-review input[type=checkbox]{width:18px;height:18px}.simple-stock-review button{width:100%}.simple-stock-bottom{font-size:14px;margin-top:18px}.simple-stock-form .pe-file input{height:auto}.simple-stock-form .pe-step-footer{margin-top:0}
@media(max-width:600px){.simple-stock-fields{grid-template-columns:minmax(0,1fr)}.simple-stock-form{padding:14px}.simple-stock-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:8px;padding:10px}.simple-stock-row>span:nth-child(2){grid-column:2;grid-row:1}.simple-stock-row-values{grid-column:2/-1;grid-row:2;text-align:left}.simple-stock-row>img,.simple-stock-row>.simple-stock-placeholder{grid-column:1;grid-row:1/3}.simple-stock-row>[data-simple-stock-edit]{grid-column:3;grid-row:1}.simple-stock-row>[data-simple-stock-remove]{grid-column:4;grid-row:1}.simple-stock-row-values small{display:inline;margin-left:8px}.simple-stock-row>img,.simple-stock-row>.simple-stock-placeholder{width:36px;height:36px}.simple-stock-tools{gap:6px}.simple-stock-tools button{font-size:12px;padding:8px}.simple-stock-bottom{gap:8px}.simple-stock h2{font-size:20px}}

/* One stock workspace; typing and camera detection populate the same form. */
.simple-stock [hidden]{display:none!important}.simple-stock-heading{justify-content:flex-start;margin-bottom:12px}.simple-stock-input{display:flex;align-items:center;gap:10px;min-width:0}.simple-stock-input input{flex:1}.simple-stock-input button{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:9px;min-height:44px;padding:10px 14px}.simple-stock-input button svg{width:20px;height:20px;flex:none;color:#7a8593}.simple-stock-input button::before{display:none!important}.simple-stock-unknown{display:grid;gap:8px;padding:12px;border:1px solid #dce2e9;border-radius:10px}.simple-stock-unknown button{justify-self:start;border-radius:8px}.simple-stock-other>button{margin-top:12px}.simple-stock-form:has(#simple-stock-search){margin-bottom:14px}.simple-stock-bottom{margin-bottom:0}#simple-stock-camera{border:1px solid #dce2e9;border-radius:12px;padding:12px;min-width:0;background:#f8f9fb}#simple-stock-camera .camera-frame{max-width:640px;margin:auto;aspect-ratio:16/9;max-height:320px}#simple-stock-camera #camera-status{font-size:12px;color:#687386;margin:10px 0}#simple-stock-camera .camera-actions{justify-content:flex-end}#simple-stock-camera #camera-cart{color:#343b45;background:#fff;border:1px solid #dce2e9}#simple-stock-camera button::before{display:none!important}
@media(max-width:600px){.simple-stock-input{gap:8px}.simple-stock-input input{width:0;font-size:14px}.simple-stock-input button{padding:10px}.simple-stock-input button span{display:none}.simple-stock-input button{min-width:44px}#simple-stock-camera .camera-frame{aspect-ratio:4/3}#simple-stock-camera{padding:8px}.simple-stock-input button::after{content:none}}

.app-shell.compact-shell #content .receive-start{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell.compact-shell #content .receive-start-button{min-height:210px;color:#394452}.app-shell.compact-shell #content .receive-start-button svg{color:#ed2034}.receive-excel{display:grid;gap:14px;min-width:0}.receive-excel p{margin:0;color:#687386;font-size:13px}.receive-excel-actions{display:flex;flex-wrap:wrap;gap:10px}.receive-excel-preview{max-height:330px;overflow:auto;border:1px solid #dce2e9;border-radius:10px}.receive-excel-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px;border-bottom:1px solid #dce2e9}.receive-excel-row:nth-child(even){background:#f3f4f6}.receive-excel-row strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.receive-excel-row small{grid-column:1/-1;color:#687386}.receive-excel-error{color:#444;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.receive-excel input[type=file]{max-width:100%}
.app-shell.compact-shell #content .receive-start-button::before,.app-shell.compact-shell #content .receive-start-button::after{display:none!important}.app-shell.compact-shell #content>.management-back{color:#626b78;background:transparent;border:0}.app-shell.compact-shell #content>.management-back::before{display:none!important}
.receive-excel button::before,.receive-excel button::after{display:none!important}
@media(max-width:700px){.app-shell.compact-shell #content .receive-start{grid-template-columns:minmax(0,1fr)}.app-shell.compact-shell #content .receive-start-button{min-height:155px;gap:12px;padding:22px 14px}}

/* Match the regular workspace width; camera centered above the manual input. */
.simple-stock #simple-stock-camera video{max-height:none;height:100%;width:100%;object-fit:cover}.simple-stock #simple-stock-camera #camera-status{min-height:20px}
.app-shell.compact-shell #content .simple-stock{width:100%;max-width:none;min-width:0}.simple-stock #simple-stock-form{width:100%;box-sizing:border-box;padding:24px;gap:16px}.simple-stock #simple-stock-camera{width:100%;box-sizing:border-box;border:0;background:transparent;padding:0;margin:0 auto;min-width:0}.simple-stock #simple-stock-camera .camera-frame,.simple-stock-camera-idle{width:min(100%,720px);max-width:720px;max-height:none;aspect-ratio:16/9;margin:0 auto;border-radius:14px;overflow:hidden}.simple-stock-camera-idle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f5f6f8;border:1px solid #e0e4ea;color:#6c7685}.simple-stock-camera-idle svg{width:54px;height:54px;color:#8c96a5}.simple-stock-camera-idle strong{font-size:14px;font-weight:500}.simple-stock-camera-idle button{font-size:13px;padding:10px 18px;border-radius:9px}.simple-stock #simple-stock-camera #camera-status{width:min(100%,720px);margin:10px auto;font-size:12px}.simple-stock #simple-stock-camera .camera-actions{width:min(100%,720px);margin:10px auto 0;gap:8px;justify-content:center}.simple-stock .simple-stock-manual{width:min(100%,720px);box-sizing:border-box;margin:0 auto}.simple-stock .simple-stock-input{width:100%;min-width:0}.simple-stock .simple-stock-input input{width:0;flex:1}.simple-stock .simple-stock-fields{margin-top:0}
@media(max-width:600px){.simple-stock #simple-stock-form{padding:14px;gap:14px}.simple-stock #simple-stock-camera .camera-frame,.simple-stock-camera-idle{aspect-ratio:4/3;border-radius:10px}.simple-stock .simple-stock-manual{font-size:12px}.simple-stock-camera-idle svg{width:42px;height:42px}.simple-stock-camera-idle{gap:12px}}

/* Reuse the POS search and scanner presentation within the stock workspace. */
.simple-stock #simple-stock-camera .camera-frame,.simple-stock-camera-idle{width:min(100%,480px);max-width:480px;aspect-ratio:4/3;border-radius:12px}.simple-stock #simple-stock-camera #camera-status,.simple-stock #simple-stock-camera .camera-actions,.simple-stock .simple-stock-manual.searchbar{width:min(100%,480px);max-width:480px;margin-left:auto;margin-right:auto}.simple-stock #simple-stock-camera .camera-actions:not(:has(button:not([hidden]))){display:none}.simple-stock .simple-stock-manual.searchbar{margin-top:0;margin-bottom:0}.simple-stock .simple-stock-manual.searchbar input{height:48px;flex:1}.simple-stock .simple-stock-manual.searchbar .app-scan{flex:none}.simple-stock #simple-stock-camera .camera-guide{inset:30% 7%;border-radius:8px}
.app-shell.compact-shell .simple-stock .simple-stock-manual.searchbar{margin:0 auto;width:min(100%,480px)}

/* Fill the desktop stock workspace while retaining the mobile POS scanner. */
@media (min-width:851px){
  .simple-stock #simple-stock-camera .camera-frame,
  .simple-stock .simple-stock-camera-idle{
    width:100%;max-width:none;height:clamp(300px,42vh,460px);aspect-ratio:auto;
  }
  .simple-stock #simple-stock-camera #camera-status,
  .simple-stock #simple-stock-camera .camera-actions,
  .app-shell.compact-shell .simple-stock .simple-stock-manual.searchbar{
    width:100%;max-width:none;
  }
}

/* One invoice dialog: original document beside compact product blocks. */
#modal.invoice-flow{width:calc(100% - 32px);max-width:1120px;max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;border:1px solid #dce2e9;border-radius:20px;background:#fff;color:#23272f;overflow:auto}
#modal.invoice-flow>h2{margin:0 48px 22px 0;font-size:22px;color:#23272f}
#modal.invoice-flow button::before,#modal.invoice-flow button::after{display:none!important}
#modal.invoice-flow [hidden]{display:none!important}
#modal.invoice-flow .close{position:absolute;top:18px;right:18px;width:36px;height:36px;padding:6px;border-radius:10px}
#modal.invoice-capture-dialog{max-width:760px}
.invoice-capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.invoice-capture-actions button,.invoice-file-button,.invoice-native-camera{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;box-sizing:border-box;border:1px solid #dce2e9;border-radius:12px;padding:12px;background:#fff;color:#23272f;font-size:14px;font-weight:600;cursor:pointer;overflow:hidden}
.invoice-file-button input,.invoice-native-camera input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.invoice-file-button:focus-within,.invoice-native-camera:focus-within{outline:2px solid #ed2034;outline-offset:2px}
.invoice-capture svg{width:26px;height:26px;flex:none;color:#ed2034}
.invoice-camera-area{border:1px solid #dce2e9;border-radius:14px;background:#f7f8fa;overflow:hidden}
.invoice-camera-placeholder{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center}
.invoice-camera-placeholder svg{width:60px;height:60px;opacity:.65}
.invoice-camera-placeholder strong{font-size:16px}.invoice-camera-placeholder span{font-size:13px;color:#748092}
#invoice-camera-video{display:block;width:100%;max-height:440px;object-fit:contain;background:#20242a}
#invoice-camera-shoot{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px auto;min-height:46px;padding:10px 18px;background:white;border-radius:10px}
#invoice-capture-preview{display:grid;gap:14px}#invoice-capture-preview figure{margin:0;min-width:0;border:1px solid #dce2e9;border-radius:12px;overflow:hidden}
#invoice-capture-preview img{display:block;width:100%;max-height:440px;object-fit:contain;background:#f7f8fa}
#invoice-capture-preview iframe{display:block;width:100%;height:400px;border:0}
#invoice-capture-preview figcaption{padding:10px;font-size:12px;color:#748092;overflow-wrap:anywhere}
#invoice-capture-feedback{font-size:13px;color:#627085;line-height:1.5;min-height:20px;margin:14px 0}
.invoice-capture-footer{display:flex;justify-content:flex-end}.invoice-capture-footer button{min-height:46px;border-radius:10px;padding:10px 24px}
#modal.invoice-review-dialog .receive-workspace{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}
#modal.invoice-review-dialog .receive-source{position:sticky;top:0;margin:0;padding:14px;border:1px solid #dce2e9;border-radius:12px;background:#f8f9fb}
#modal.invoice-review-dialog .receive-source h2{font-size:15px;margin:0 0 12px;color:#23272f}
#modal.invoice-review-dialog .receive-source img{width:100%;max-height:65dvh;object-fit:contain}
#modal.invoice-review-dialog .receive-source iframe{height:65dvh}
#modal.invoice-review-dialog .receive-document{margin:0 0 14px;padding:12px;border:1px solid #dce2e9;border-radius:10px;background:#fff}
#modal.invoice-review-dialog .receive-document>summary{grid-template-columns:minmax(0,1fr) auto 14px;gap:8px;font-size:13px}
#modal.invoice-review-dialog .receive-contact-once{padding:12px;box-shadow:none}
#modal.invoice-review-dialog .receive-stat-row{gap:8px;margin:0 0 14px}
#modal.invoice-review-dialog .receive-stat-row>span{border:0;padding:5px 0;font-size:12px;color:#627085}
#modal.invoice-review-dialog .receive-stat-row b{font-size:15px;color:#23272f}
#modal.invoice-review-dialog .receive-actions{margin-bottom:14px;gap:8px}
#modal.invoice-review-dialog .receive-actions button,#modal.invoice-review-dialog .receive-more{font-size:12px}
#modal.invoice-review-dialog .receive-bottom{position:sticky;bottom:-24px;margin:18px 0 -24px;padding:14px 0 18px;border:0;border-top:1px solid #dce2e9;border-radius:0;box-shadow:none;grid-template-columns:minmax(0,1fr) auto;background:#fff;z-index:2}
#modal.invoice-review-dialog .receive-bottom .receive-check{grid-row:2;grid-column:1/-1;min-width:0}
#modal.invoice-review-dialog .receive-bottom button{grid-row:1;grid-column:2;border-radius:10px}
#modal.invoice-review-dialog .receive-original{margin-bottom:0}
.invoice-product-block{border:1px solid #dce2e9;border-radius:12px;background:#fff;overflow:hidden;margin:0 0 10px;min-width:0}
.invoice-product-block:nth-child(even){background:#f7f8fa}
#modal.invoice-review-dialog .invoice-product-block .receive-line{border:0;background:transparent;margin:0;box-shadow:none;overflow:visible}
#modal.invoice-review-dialog .receive-line>summary{grid-template-columns:42px minmax(0,1fr) 48px 100px 12px;gap:10px;padding:14px;min-height:82px}
#modal.invoice-review-dialog .receive-line>summary .receive-metric{grid-column:auto;display:block}
#modal.invoice-review-dialog .receive-line>summary .receive-chevron{grid-column:auto;grid-row:auto}
#modal.invoice-review-dialog .receive-thumb{width:42px;height:50px;background:#fff;border-radius:8px;color:#9aa3b0}
#modal.invoice-review-dialog .receive-thumb svg{width:26px;height:26px}
#modal.invoice-review-dialog .receive-name strong{font-size:13px;color:#23272f}
#modal.invoice-review-dialog .receive-state{font-size:11px;font-weight:600;color:#496357;margin-top:5px}
#modal.invoice-review-dialog .receive-state.invoice-unmatched{color:#7c5538}
#modal.invoice-review-dialog .invoice-read-text{font-size:11px;color:#748092;line-height:1.45;overflow-wrap:anywhere;margin-top:5px}
.invoice-autocomplete{padding:0 14px 14px}.invoice-autocomplete .receive-search{margin:0 0 8px}
#modal.invoice-review-dialog .receive-search input{width:100%;min-height:42px;font-size:14px;border-radius:9px}
#modal.invoice-review-dialog .receive-matches{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0}
#modal.invoice-review-dialog .receive-matches button{background:#fff;border:1px solid #dce2e9;border-radius:9px;color:#23272f;text-align:left;padding:9px;gap:10px;min-height:44px}
#modal.invoice-review-dialog .receive-matches img{width:34px;height:40px;object-fit:contain}
.invoice-search-empty{display:block;color:#748092;font-size:12px;line-height:1.5}
#modal.invoice-review-dialog .receive-line-body{border-top:1px solid #dce2e9;padding:14px;background:white}
#modal.invoice-review-dialog .receive-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#modal.invoice-review-dialog .receive-warnings{background:#f6f3ee;color:#79593c;font-size:12px;margin-bottom:12px}
@media(max-width:700px){
 #modal.invoice-flow{width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:16px}
 #modal.invoice-flow>h2{font-size:18px;margin-bottom:16px}
 #modal.invoice-flow .close{top:10px;right:10px}
 #modal.invoice-review-dialog .receive-workspace{grid-template-columns:minmax(0,1fr);gap:14px}
 #modal.invoice-review-dialog .receive-source{position:static;padding:10px}
 #modal.invoice-review-dialog .receive-source img{max-height:200px}
 #modal.invoice-review-dialog .receive-source iframe{height:220px}
 #modal.invoice-review-dialog .receive-line>summary{grid-template-columns:36px minmax(0,1fr) 12px;gap:8px;padding:12px}
 #modal.invoice-review-dialog .receive-thumb{width:36px;height:44px;grid-row:1/3}
 #modal.invoice-review-dialog .receive-line>summary .receive-chevron{grid-column:3;grid-row:1}
 #modal.invoice-review-dialog .receive-line>summary .receive-metric{grid-row:2;grid-column:2;display:flex;align-items:center;gap:8px}
 #modal.invoice-review-dialog .receive-line>summary .receive-metric:nth-child(4){grid-row:3;grid-column:2}
 #modal.invoice-review-dialog .receive-metric small{margin:0}
 #modal.invoice-review-dialog .receive-bottom{bottom:-16px;margin-bottom:-16px;gap:10px;padding:12px 0 16px}
 #modal.invoice-review-dialog .receive-bottom button{padding:10px;font-size:12px;white-space:normal;max-width:145px}
 .invoice-capture-actions{gap:8px}.invoice-capture-actions button,.invoice-file-button{font-size:12px;padding:10px;gap:7px}
 .invoice-camera-placeholder{min-height:220px}
}

#modal.invoice-review-dialog .invoice-hidden-metadata{display:none!important}
#modal.invoice-review-dialog .invoice-basic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
#modal.invoice-review-dialog .invoice-basic-fields>label{display:grid;gap:6px;min-width:0;font-size:12px;align-content:start}
#modal.invoice-review-dialog .invoice-basic-fields input,#modal.invoice-review-dialog .invoice-basic-fields select{width:100%;min-width:0;box-sizing:border-box;font-size:14px;min-height:42px}
#modal.invoice-review-dialog .invoice-basic-fields .receive-field-error{font-size:11px;font-weight:400}
#modal.invoice-review-dialog .invoice-validation-note{font-size:12px;line-height:1.5;color:#79593c;margin:12px 0 0}
#modal.invoice-review-dialog .invoice-basic-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;padding:12px;border:1px solid #dce2e9;border-radius:10px;background:#f7f8fa;color:#627085;font-size:12px;line-height:1.5}
#modal.invoice-review-dialog .invoice-basic-notice button{flex:none;padding:8px 10px;min-height:36px;font-size:12px;border-radius:8px;background:#fff}
#modal.invoice-review-dialog .receive-document>summary{grid-template-columns:minmax(0,1fr) 14px}
#modal.invoice-review-dialog #receive-lines .receive-clear{padding:24px 16px;font-size:14px;line-height:1.6;color:#627085;box-shadow:none;border:1px solid #dce2e9;border-radius:12px}
@media(max-width:700px){
 #modal.invoice-review-dialog .invoice-basic-notice{flex-direction:column;align-items:flex-start}
 #modal.invoice-review-dialog .invoice-basic-fields{grid-template-columns:minmax(0,1fr);gap:10px}
}

#modal.invoice-review-dialog{max-width:960px;overflow:hidden;max-height:calc(100dvh - 24px);padding:22px}
#modal.invoice-review-dialog>h2{margin-bottom:16px}
#modal.invoice-review-dialog .invoice-review-root{display:flex;flex-direction:column;min-height:0;max-height:calc(100dvh - 110px)}
.invoice-review-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #dce2e9;gap:8px;padding-bottom:12px;flex:none}
#modal.invoice-review-dialog .invoice-review-tabs button{border:1px solid #dce2e9;border-radius:10px;background:white;color:#627085;min-height:44px;font-size:14px;padding:10px}
#modal.invoice-review-dialog .invoice-review-tabs button[aria-selected=true]{background:#eef0f3;color:#23272f;border-color:#bec6d1;font-weight:700}
.invoice-review-tabs button span{font-size:11px;margin-left:7px;color:#748092;font-weight:400}
#modal.invoice-review-dialog .invoice-tab-panels{height:clamp(240px,52dvh,520px);min-height:0;flex:0 1 auto;overflow:auto;margin:0;padding:14px 4px 4px 0;border:0;width:100%;box-sizing:border-box;scrollbar-gutter:stable;overscroll-behavior:contain}
#modal.invoice-review-dialog .invoice-tab-panels>section{min-width:0}
#modal.invoice-review-dialog .receive-actions{margin:0 0 12px;gap:8px}
#modal.invoice-review-dialog .receive-actions button{min-height:36px;padding:8px 11px;font-size:12px;border-radius:9px}
#modal.invoice-review-dialog #receive-feedback:empty{display:none}
#modal.invoice-review-dialog #receive-stats .receive-stat-row{margin-bottom:10px}
#modal.invoice-review-dialog .receive-stat-row>span{padding:2px 0}
#modal.invoice-review-dialog .invoice-product-block{margin-bottom:8px;border-radius:10px}
#modal.invoice-review-dialog .receive-line>summary{grid-template-columns:32px minmax(0,1fr) 42px 112px 12px;gap:9px;min-height:64px;padding:10px 12px}
#modal.invoice-review-dialog .receive-thumb{width:32px;height:38px}
#modal.invoice-review-dialog .receive-name strong{font-size:13px;line-height:1.35}
#modal.invoice-review-dialog .receive-name>small:not(.invoice-read-text){display:none}
#modal.invoice-review-dialog .receive-name .invoice-read-text{display:block;font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#modal.invoice-review-dialog .receive-state{font-size:10px;margin-top:3px}
#modal.invoice-review-dialog .receive-metric small{font-size:10px}
#modal.invoice-review-dialog .receive-metric b{font-size:12px;white-space:nowrap}
.invoice-blank-value,.invoice-value-unread b{display:inline-block;min-width:30px;min-height:15px;border-bottom:1px dashed #bdc5d0;vertical-align:baseline}
.invoice-row-unread{display:block;margin:4px 0 0;color:#806548;font-size:11px;line-height:1.4}
.invoice-row-unread[hidden]{display:none}
#modal.invoice-review-dialog .invoice-autocomplete{padding:0 12px 10px 53px}
#modal.invoice-review-dialog .invoice-autocomplete .receive-search input{min-height:36px;font-size:13px}
#modal.invoice-review-dialog .invoice-suggestion-list{max-height:150px;overflow:auto;overscroll-behavior:contain}
#modal.invoice-review-dialog .invoice-suggestion-list button{min-height:36px;padding:6px 8px;font-size:12px}
#modal.invoice-review-dialog .invoice-suggestion-list img{width:26px;height:30px}
#modal.invoice-review-dialog .invoice-basic-notice{margin:10px 0;font-size:11px;padding:10px}
#modal.invoice-review-dialog .invoice-document-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start}
#modal.invoice-review-dialog .receive-source{position:static;margin:0;padding:10px;min-width:0}
#modal.invoice-review-dialog .receive-source h2{font-size:13px;margin-bottom:8px}
#modal.invoice-review-dialog .receive-source img{display:block;max-height:200px;width:100%;object-fit:contain}
#modal.invoice-review-dialog .receive-source iframe{height:220px;width:100%}
#modal.invoice-review-dialog .invoice-photo-toggle{padding:7px 8px;font-size:11px;min-height:32px;margin-top:8px;background:#fff;border-radius:8px;width:100%}
#modal.invoice-review-dialog .receive-source.invoice-photo-expanded{grid-column:1/-1;width:100%;box-sizing:border-box}
#modal.invoice-review-dialog .receive-source.invoice-photo-expanded img{max-height:420px}
#modal.invoice-review-dialog .invoice-photo-expanded+.receive-document{grid-column:1/-1}
#modal.invoice-review-dialog .receive-document{margin:0;padding:12px;border:1px solid #dce2e9}
#modal.invoice-review-dialog .receive-document>summary{display:block;list-style:none;font-size:13px;cursor:default;pointer-events:none}
#modal.invoice-review-dialog .receive-document>summary::marker{display:none;content:''}
#modal.invoice-review-dialog .invoice-basic-fields{margin-top:12px;gap:10px}
#modal.invoice-review-dialog .invoice-basic-fields input,#modal.invoice-review-dialog .invoice-basic-fields select{min-height:38px}
.invoice-source-date{display:flex;align-items:center;gap:12px;margin-top:12px;color:#748092;font-size:11px}
.invoice-source-date strong{font-size:12px;color:#23272f}
#modal.invoice-review-dialog .receive-bottom{position:static;flex:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #dce2e9;gap:8px}
#modal.invoice-review-dialog .receive-bottom .receive-check{font-size:11px;line-height:1.4}
#modal.invoice-review-dialog .receive-bottom strong{font-size:14px}
#modal.invoice-review-dialog .receive-bottom small{font-size:11px;margin-top:3px}
@media(max-width:700px){
 #modal.invoice-review-dialog{width:calc(100% - 16px);padding:16px;max-height:calc(100dvh - 16px)}
 #modal.invoice-review-dialog .invoice-review-root{max-height:calc(100dvh - 100px)}
 #modal.invoice-review-dialog .invoice-tab-panels{height:clamp(200px,49dvh,440px);padding-top:12px}
 #modal.invoice-review-dialog .invoice-review-tabs button{font-size:13px;padding:9px 6px}
 #modal.invoice-review-dialog .receive-line>summary{grid-template-columns:28px minmax(0,1fr) 12px;gap:5px 8px;padding:10px;min-height:76px}
 #modal.invoice-review-dialog .receive-thumb{width:28px;height:34px;grid-row:1/3}
 #modal.invoice-review-dialog .receive-line>summary .receive-metric{grid-row:2;grid-column:2;display:inline-flex;gap:5px;align-items:center}
 #modal.invoice-review-dialog .receive-line>summary .receive-metric:nth-child(4){grid-row:3;grid-column:2}
 #modal.invoice-review-dialog .receive-metric small{font-size:10px}
 #modal.invoice-review-dialog .receive-name strong{font-size:12px}
 #modal.invoice-review-dialog .invoice-autocomplete{padding:0 10px 10px 46px}
 .invoice-row-unread{font-size:10px}
 #modal.invoice-review-dialog .invoice-document-layout{grid-template-columns:minmax(0,1fr);gap:12px}
 #modal.invoice-review-dialog .receive-source{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 12px;align-items:center}
 #modal.invoice-review-dialog .receive-source:has(iframe){display:block}
 #modal.invoice-review-dialog .receive-source h2{grid-column:2;grid-row:1;margin:0}
 #modal.invoice-review-dialog .receive-source>a{grid-column:1;grid-row:1/3}
 #modal.invoice-review-dialog .receive-source img{height:110px;max-height:110px}
 #modal.invoice-review-dialog .invoice-photo-toggle{grid-column:2;grid-row:2;margin:0;max-width:150px}
 #modal.invoice-review-dialog .receive-source.invoice-photo-expanded{display:block}
 #modal.invoice-review-dialog .receive-source.invoice-photo-expanded img{height:auto;max-height:350px}
 #modal.invoice-review-dialog .invoice-basic-fields{grid-template-columns:minmax(0,1fr)}
 #modal.invoice-review-dialog .receive-bottom button{font-size:11px;padding:9px;max-width:130px}
}

#modal.invoice-review-dialog #receive-stats,
#modal.invoice-review-dialog .invoice-read-text{display:none!important}
#modal.invoice-review-dialog .invoice-tab-panels{padding-top:12px;height:clamp(240px,42dvh,420px)}
#modal.invoice-review-dialog .invoice-row-basic{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 12px}
#modal.invoice-review-dialog .invoice-row-basic label{font-size:12px}
#modal.invoice-review-dialog .invoice-row-basic .receive-field-error{font-size:11px}
#modal.invoice-review-dialog .invoice-row-extra{border-top:1px solid #e3e7ed;padding:12px 0;margin:0 0 12px}
#modal.invoice-review-dialog .invoice-row-extra>summary{color:#738093;font-size:12px;cursor:pointer}
#modal.invoice-review-dialog .invoice-row-extra>.receive-fields{margin-top:12px}
#modal.invoice-review-dialog .invoice-autocomplete{padding:0 0 12px}
#modal.invoice-review-dialog .invoice-stock-step{flex:none;border-top:1px solid #dce2e9;margin-top:12px;padding-top:10px;min-height:40px}
#modal.invoice-review-dialog .invoice-stock-step[hidden]{display:none}
#modal.invoice-review-dialog .invoice-stock-step>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:600;min-height:36px}
#modal.invoice-review-dialog .invoice-stock-step>summary::marker{content:''}
#modal.invoice-review-dialog .invoice-stock-step .receive-bottom{margin:0;padding-top:8px;border:0}
#modal.invoice-review-dialog .invoice-stock-step #receive-footer-summary{display:none}
#modal.invoice-review-dialog .invoice-row-unread{font-size:10px;margin-top:3px}
@media(max-width:700px){
 #modal.invoice-review-dialog .invoice-tab-panels{height:clamp(200px,39dvh,340px)}
 #modal.invoice-review-dialog .receive-line>summary{min-height:64px}
 #modal.invoice-review-dialog .receive-line>summary .receive-metric:nth-child(4){grid-row:2;justify-self:end}
 #modal.invoice-review-dialog .invoice-row-basic{grid-template-columns:minmax(0,1fr);gap:8px}
}

#modal.invoice-review-dialog .invoice-plain-row>summary{grid-template-columns:32px minmax(0,1fr);cursor:default;pointer-events:none;min-height:54px;gap:10px;box-sizing:border-box;align-items:center}
#modal.invoice-review-dialog .invoice-plain-row .receive-thumb{grid-row:auto}
#modal.invoice-review-dialog .invoice-plain-row>summary .receive-metric,
#modal.invoice-review-dialog .invoice-plain-row .receive-chevron,
#modal.invoice-review-dialog .invoice-plain-row .receive-line-body{display:none!important}
#modal.invoice-review-dialog .invoice-piece-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end;padding:0 12px 12px}
#modal.invoice-review-dialog .invoice-piece-fields label{font-size:12px;color:#5d687a;display:grid;gap:6px;min-width:0}
#modal.invoice-review-dialog .invoice-piece-fields input{min-height:40px;border:1px solid #dce2e9;border-radius:9px;background:#fff;color:#242a35;padding:8px 10px;box-sizing:border-box;width:100%;font:inherit}
#modal.invoice-review-dialog .invoice-piece-fields button{min-height:40px;background:#fff;border:1px solid #dce2e9;color:#5d687a;font-size:12px;border-radius:9px;padding:8px 14px}
#modal.invoice-review-dialog .invoice-piece-fields button[hidden]{display:none}
#modal.invoice-review-dialog .invoice-piece-fields button:disabled{opacity:.6}
#modal.invoice-review-dialog .invoice-piece-error{grid-column:1/-1;color:#c02039;font-size:11px}
#modal.invoice-review-dialog .invoice-piece-error[hidden]{display:none}
@media(max-width:700px){
 #modal.invoice-review-dialog .invoice-plain-row>summary{grid-template-columns:28px minmax(0,1fr);min-height:52px}
 #modal.invoice-review-dialog .invoice-piece-fields{gap:8px;padding:0 10px 10px}
 #modal.invoice-review-dialog .invoice-piece-fields button{padding:8px;min-height:40px}
}

/* Equal capture actions, CSP-compatible thumbnails and compact invoice lines. */
#modal.invoice-capture-dialog .invoice-capture-actions{align-items:stretch}
#modal.invoice-capture-dialog .invoice-capture-actions>button,
#modal.invoice-capture-dialog .invoice-capture-actions>.invoice-file-button{height:64px;min-height:64px;width:100%;margin:0;align-self:stretch;line-height:1.2;padding:12px;font-size:14px;font-weight:600;font-family:inherit}
#modal.invoice-capture-dialog #invoice-capture-preview{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
#modal.invoice-capture-dialog #invoice-capture-preview figure{display:flex;align-items:center;gap:8px;padding:8px}
#modal.invoice-capture-dialog #invoice-capture-preview img{width:64px;height:80px;max-height:80px;flex:none;object-fit:contain;border-radius:6px}
#modal.invoice-capture-dialog #invoice-capture-preview figcaption{padding:0;font-size:11px;min-width:0}
.invoice-file-thumbnail{display:grid;place-items:center;width:64px;height:80px;flex:none;background:#f7f8fa;border-radius:6px;font-size:12px;color:#647085}
.invoice-read-progress{padding:8px 0;font-size:12px;color:#627085;display:grid;gap:6px}
.invoice-read-progress progress{width:100%;height:7px;accent-color:#ed2034}
#modal.invoice-review-dialog .invoice-product-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:0 8px}
#modal.invoice-review-dialog .invoice-product-block .receive-line{min-width:0}
#modal.invoice-review-dialog .invoice-plain-row>summary{padding:10px 12px;min-height:64px}
#modal.invoice-review-dialog .invoice-piece-fields{grid-template-columns:minmax(65px,.7fr) minmax(0,1fr) minmax(0,1fr);padding:8px 12px 8px 0;align-items:start;gap:10px}
#modal.invoice-review-dialog .invoice-piece-fields label{font-size:11px;gap:4px;margin:0}
#modal.invoice-review-dialog .invoice-piece-fields label small{font-size:10px;font-weight:400;line-height:1.3;color:#94643b}
#modal.invoice-review-dialog .invoice-piece-fields input{padding:7px 8px;min-height:36px}
#modal.invoice-review-dialog .invoice-catalog-gap{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px 8px}
#modal.invoice-review-dialog .invoice-catalog-gap small{font-size:10px;line-height:1.3;color:#94643b}
#modal.invoice-review-dialog .invoice-catalog-gap button{padding:5px 10px;min-height:28px;flex:none;border:1px solid #dce2e9;border-radius:7px;background:#fff;color:#5d687a;font-size:11px}
#modal.invoice-review-dialog .invoice-catalog-gap button:disabled{opacity:.65}
@media(max-width:700px){
 #modal.invoice-capture-dialog .invoice-capture-actions>button,#modal.invoice-capture-dialog .invoice-capture-actions>.invoice-file-button{height:56px;min-height:56px;font-size:12px;gap:7px;padding:8px}
 #modal.invoice-review-dialog .invoice-product-block{grid-template-columns:minmax(0,1fr)}
 #modal.invoice-review-dialog .invoice-plain-row>summary{min-height:48px;padding:8px 10px}
 #modal.invoice-review-dialog .invoice-piece-fields{grid-template-columns:minmax(50px,.7fr) minmax(0,1fr) minmax(0,1fr);padding:0 10px 8px;gap:6px}
 #modal.invoice-review-dialog .invoice-piece-fields label{font-size:10px}
 #modal.invoice-review-dialog .invoice-piece-fields input{font-size:12px;padding:7px 5px}
}
