:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#17304a;background:#f2f5f8;font-size:16px;line-height:1.5;font-synthesis:none;--ink:#17304a;--muted:#596b7d;--blue:#176cdb;--line:#dce4ec;--green:#12765b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:10px 16px;font-weight:650}button:disabled{cursor:not-allowed;opacity:.5}button:hover:not(:disabled){filter:brightness(.96)}:focus-visible{outline:3px solid #ea9c2a;outline-offset:3px}input,select{width:100%;border:1px solid #b9c7d5;background:white;color:var(--ink);border-radius:8px;min-height:46px;padding:10px 12px}label{display:block;font-size:14px;font-weight:650}label input,label select{margin-top:7px}label small{font-size:12px;font-weight:400;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.15;margin-bottom:0}h2{font-size:19px;margin-bottom:8px}h3{font-size:17px}small,.micro{font-size:13px;color:var(--muted)}.micro{margin:12px 0 18px}.top{height:88px;background:#172f4a;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1420px)/2));gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:white;font-weight:750;font-size:20px}.brand-mark{font-size:34px;color:#82baf8}.brand small{display:block;color:#b2c8df;font-size:11px;letter-spacing:2px;font-weight:500}.top-right{display:flex;gap:20px;align-items:center;font-size:14px}.top .ghost{color:white;background:#ffffff12}.top #connection{color:#c4d6e8}main{max-width:1468px;margin:auto;padding:30px 24px 40px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:#5b738b;margin-bottom:7px}.card{background:white;border:1px solid var(--line);border-radius:13px}.session-bar{display:flex;align-items:end;padding:17px 20px;gap:18px}.grow{flex:1;min-width:0}.pill{display:inline-flex;border-radius:6px;padding:7px 12px;background:#eaf4f0;color:var(--green);font-size:13px;align-self:center}.metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:23px 0;gap:20px}.metrics>div,.metric-button{padding:3px 20px;border-left:3px solid #c8d8e9;background:transparent;text-align:left;border-radius:0;color:var(--ink)}.metrics span{font-size:13px;color:var(--muted);display:block}.metrics strong{font-size:30px;font-variant-numeric:tabular-nums;font-weight:700}.metrics .metric-button{border-color:#efa824}.metrics .metric-button strong{color:#a3640b}.work-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:22px;align-items:start}.scan-panel,.results-panel{padding:22px}.section-title{display:flex;align-items:start;justify-content:space-between;gap:15px}.section-title p{font-size:13px;color:var(--muted);margin-bottom:18px}.key-hint{background:#eff3f7;color:var(--muted);font-size:11px;white-space:nowrap;border-radius:4px;padding:4px 7px}.context-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 22px}.scan-input{display:flex;gap:8px;align-items:end}.scan-input input{min-width:0}.scan-input button{padding:10px}.selected{background:#edf5ff;border-left:3px solid var(--blue);border-radius:6px;padding:15px;margin:18px 0}.selected p{margin:0 0 4px;font-weight:650}.selected small{display:block;overflow-wrap:anywhere}.selected.empty{border:1px dashed #c6d4e2;background:#f8fafc;text-align:center;padding:24px 12px}.selected.empty>span{font-size:28px;color:#7e9dbd}.selected.unknown{background:#fff8e9;border-color:#e2a029}.count-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.count-fields #quantity{font-size:23px;font-weight:650;padding:7px 12px}.money-field{position:relative}.money-field input{padding-right:36px}.money-field span{position:absolute;right:12px;top:19px;color:var(--muted)}.primary{color:white;background:var(--blue)}.secondary{color:#174778;background:#e9f1fb}.ghost{background:transparent;color:#526980}.wide{width:100%}.feedback{font-size:13px;min-height:20px;margin:12px 0 0;color:var(--green)}.instructions{border-top:1px solid var(--line);margin-top:15px;padding-top:15px;font-size:13px;color:var(--muted)}summary{cursor:pointer;font-weight:650;margin-bottom:10px}.filter-row{display:flex;align-items:center;gap:16px;margin-bottom:16px}.sr-label{font-size:0}.sr-label input{font-size:14px;margin:0}.check{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.check input{width:18px;height:18px;min-height:0;margin:0}.empty-list{padding:85px 15px;text-align:center;color:var(--muted);font-size:14px}.line-item{display:grid;grid-template-columns:minmax(0,1fr) 65px 75px;gap:12px;padding:17px 0;border-top:1px solid var(--line);align-items:center}.line-item:first-child{border-top:0}.line-name{font-size:15px;font-weight:650;overflow-wrap:anywhere}.line-meta{font-size:12px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.line-qty{font-size:24px;font-weight:700;text-align:right}.line-qty small{display:block;font-size:11px;font-weight:400}.tag{font-size:11px;background:#fff0cc;color:#895600;padding:3px 6px;border-radius:4px;margin-left:5px;display:inline-block}.results-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:16px;font-size:12px;color:var(--muted)}.closing{margin-top:22px;padding:22px;display:flex;justify-content:space-between;gap:25px;align-items:center}.closing>div:first-child{max-width:580px}.closing p{font-size:13px;margin-bottom:6px;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.closing .actions{justify-content:flex-end}.footnote{text-align:center;font-size:12px;color:var(--muted);margin:22px 0}.login{max-width:460px;margin:55px auto;padding:30px}.login h1{font-size:27px;margin-bottom:20px}.login form button{margin-top:20px;width:100%}.login p{color:var(--muted);font-size:14px}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;max-width:660px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #17304a35}dialog::backdrop{background:#0d213480}dialog p{font-size:14px;color:var(--muted)}dialog input{margin-bottom:15px}.batch{padding:15px 0;border-top:1px solid var(--line);display:flex;gap:15px;justify-content:space-between}.batch p{margin:0 0 4px}.batch small{display:block}.review{padding:15px;background:#f0f5fc;border-radius:8px;margin-top:15px}.review strong{display:block;margin-bottom:6px}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;color:white;background:#172f4a;padding:14px 22px;border-radius:10px;max-width:90vw;box-shadow:0 4px 25px #0002;font-size:14px}#matches button{display:block;width:100%;text-align:left;margin-top:5px;background:#edf3fa;color:var(--ink);font-weight:500;font-size:14px}#matches p{font-size:13px;color:#895600;margin-top:10px}[hidden]{display:none!important}
@media(min-width:1500px){.work-grid{grid-template-columns:410px minmax(0,1fr)}}@media(max-width:1000px){.work-grid{grid-template-columns:340px minmax(0,1fr);gap:15px}.scan-panel,.results-panel{padding:17px}.filter-row{flex-wrap:wrap}.filter-row .grow{flex-basis:100%}.closing{display:block}.closing .actions{justify-content:flex-start;margin-top:18px}.metrics{gap:10px}.metrics>div,.metric-button{padding-left:13px}.line-item{grid-template-columns:minmax(0,1fr) 45px}.line-item>button{grid-column:1/-1;justify-self:start;padding:0;min-height:30px}}@media(max-width:720px){.top{height:76px;padding:0 16px}.brand{font-size:17px;gap:8px}.brand small{font-size:9px;letter-spacing:1px}.top-right{gap:7px;font-size:11px}.top-right button{font-size:12px;padding:6px}.brand-mark{font-size:28px}main{padding:22px 14px}.page-title{align-items:start}.page-title button{font-size:12px;max-width:145px;padding:8px 12px}h1{font-size:29px}.session-bar{flex-wrap:wrap;padding:14px;gap:10px}.session-bar .grow{flex-basis:100%}.session-bar button{flex:1}.metrics{grid-template-columns:1fr 1fr;gap:18px 12px;margin:22px 0}.metrics span{font-size:12px}.metrics strong{font-size:26px}.work-grid{grid-template-columns:1fr}.scan-panel,.results-panel{padding:18px}.context-fields{margin-top:8px}.line-item{grid-template-columns:minmax(0,1fr) 50px 67px}.line-item>button{grid-column:auto;padding:6px}.results-footer{flex-direction:column}.closing{padding:18px}.closing .actions button{width:100%}.footnote{font-size:11px}.empty-list{padding:40px 10px}}

.brand-logo{object-fit:contain;background:white;border-radius:7px;padding:3px;flex-shrink:0}

/* Quantity changes are explicit buttons: large enough for a thumb, with native keyboard support. */
button,summary{touch-action:manipulation}
.quantity-field{grid-column:1/-1}
.quantity-stepper{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:10px;align-items:center;margin-top:8px}
.quantity-stepper button{min-height:64px;font-size:32px;line-height:1;border:1px solid #bed1e8;background:#e9f1fb;color:#174778}
.quantity-stepper button:active:not(:disabled){background:#c6ddfa;transform:scale(.97)}
.count-fields .quantity-stepper #quantity{margin:0;min-height:64px;text-align:center;font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
#quantity::-webkit-inner-spin-button,#quantity::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.count-fields>label{grid-column:1/-1}
.count-action{padding:12px 0 0;background:white}
#add-count{min-height:56px;font-size:18px}
.session-settings>summary{padding:14px 18px;margin:0;font-size:15px;font-weight:700;overflow-wrap:anywhere}
.session-settings[open]>summary{border-bottom:1px solid var(--line)}
.count-context{margin:10px 0 16px;background:#f4f7fb;border-radius:8px;padding:0 12px}
.count-context>summary{padding:12px 0;margin:0;font-size:14px;overflow-wrap:anywhere}
.count-context .context-fields{margin:0;padding-bottom:14px}
.price-note{margin-top:14px;font-size:14px;color:var(--muted)}
.price-note>summary{min-height:44px;display:flex;align-items:center;gap:8px;margin:0}
.price-note>summary::before{content:'+';font-size:20px}
.price-note[open]>summary::before{content:'−'}
.price-note .micro{margin-top:0}
.mobile-views{display:none}
@media(min-width:1024px){.session-bar{flex-wrap:wrap}.session-bar .grow{min-width:220px}}
@media(max-width:1023px){
 main{padding:14px 12px 28px}
 .page-title{margin-bottom:12px}.page-title .eyebrow{display:none}h1{font-size:25px}
 .top{height:auto;min-height:64px;padding:10px 14px;gap:10px;flex-wrap:wrap}
 .brand{font-size:16px}.brand-logo{width:38px;height:38px}.brand small{font-size:9px;letter-spacing:1px}
 .top-right{gap:8px;margin-left:auto;font-size:12px}.top-right button{min-height:44px;font-size:13px;padding:8px 10px}
 .session-bar{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:12px;align-items:center}
 .session-bar .grow,.session-bar #sync-catalog{grid-column:1/-1}
 .session-bar button{min-height:50px;font-size:15px}
 .pill{justify-self:end}
 .mobile-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;position:sticky;top:0;z-index:10;background:#f2f5f8;padding:12px 0;margin:0;scroll-margin-top:0}
 .mobile-views button{min-height:50px;background:white;border:1px solid var(--line);color:#526980;font-size:15px}
 .mobile-views button[aria-pressed=true]{background:#172f4a;color:white;border-color:#172f4a}
 .work-grid{display:block}
 #workspace:not([data-view=results]) .metrics{display:none}
 #workspace[data-view=results] .scan-panel,#workspace[data-view=reports] .work-grid,#workspace[data-view=count] .results-panel{display:none}
 #workspace:not([data-view=reports]) .closing{display:none}
 #workspace:not([data-view=reports]) .footnote{display:none}
 .scan-panel,.results-panel{padding:16px}
 input,select{min-height:52px;font-size:16px}label{font-size:15px}
 .scan-input button{min-height:52px;padding:10px 14px;font-size:16px}
 .selected{margin:14px 0;padding:13px}.selected p{font-size:17px}.selected small{font-size:14px}
 .selected.empty{padding:14px 12px}.selected.empty>span{display:none}.selected.empty small{font-size:13px}
 .count-fields{gap:14px;margin-top:14px}
 .quantity-stepper{grid-template-columns:68px minmax(0,1fr) 68px;gap:12px}
 .quantity-stepper button,.count-fields .quantity-stepper #quantity{min-height:68px}
 .money-field span{top:22px}.count-fields>label small{font-size:13px}
 .count-context>summary{min-height:48px;display:list-item;padding:13px 0}
 .count-context .context-fields{grid-template-columns:1fr 1fr;gap:10px}
 .count-action{position:sticky;bottom:0;padding:12px 0 max(10px,env(safe-area-inset-bottom));z-index:2}
 #add-count{min-height:58px;font-size:19px}
 .feedback{font-size:14px;overflow-wrap:anywhere}
 .instructions summary{min-height:48px;padding:10px 0;font-size:14px}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 18px}.metrics span{font-size:13px}
 .filter-row{display:block}.filter-row .check{margin-top:10px;min-height:48px;font-size:14px;white-space:normal;gap:12px}.check input{width:24px;height:24px}
 .line-item{grid-template-columns:minmax(0,1fr) 60px;gap:10px}.line-name{font-size:16px}.line-meta{font-size:14px}
 .line-item>button{grid-column:1/-1;justify-self:stretch;min-height:48px;background:#edf3fa;font-size:15px;padding:10px}
 .line-qty small{font-size:13px}.tag{font-size:12px}
 .results-panel .section-title>button{min-height:48px;padding:10px 12px}
 .closing{margin-top:0;padding:18px}.closing .actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.closing .actions button{min-height:54px;font-size:16px}
 dialog{max-height:calc(100dvh - 24px);overflow:auto;padding:20px;width:calc(100% - 20px)}dialog .actions{display:grid;grid-template-columns:1fr;width:100%}dialog button{min-height:50px}dialog .batch button{min-width:76px;align-self:center}
 #toast{bottom:max(16px,env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:540px;padding:14px 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.quantity-stepper button:active:not(:disabled){transform:none}}