:root{font-family:Inter,Arial,sans-serif;color:#162c24;background:#f3f6f5;font-size:16px;--green:#176b4d;--border:#dce5df;--muted:#60736a}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:7px;padding:12px 18px;font-weight:650;min-height:46px}button:disabled{opacity:.46;cursor:not-allowed}a{color:inherit}header{background:#142721;color:white;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 4vw}.brand{text-decoration:none;display:flex;gap:14px;align-items:center;font-size:18px;font-weight:800;letter-spacing:.08em}.brand small{display:block;font-size:11px;letter-spacing:.14em;margin-top:6px;color:#b9cfc2}.mark{border:1px solid #6b8b7a;padding:11px 9px;color:#c8f379;font-size:20px;letter-spacing:-.06em}.header-actions{display:flex;align-items:center;gap:12px}.quiet{background:transparent;color:inherit;border:1px solid var(--border);font-size:14px;padding:8px 12px}header .quiet{border-color:#577363}.badge{font-size:12px;font-weight:750;border-radius:4px;letter-spacing:.03em;padding:7px 9px;background:#e7efea;color:#244a35}.banner{padding:11px 4vw;background:#fff0c3;border-bottom:1px solid #e8d394;color:#70531b;font-size:14px}.banner.live{background:#e1f2e8;color:#195f3d;border-color:#b9dbca}main{max-width:1440px;padding:30px 4vw 45px;margin:auto}h1{font-size:36px;margin:5px 0 22px;letter-spacing:-.035em}h2{font-size:18px;margin:0 0 12px;line-height:1.35}p{line-height:1.6}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;color:var(--muted);margin:0 0 6px}.workspace-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.user{display:flex;gap:18px;align-items:center;font-size:14px}.tabs{display:flex;gap:5px;border-bottom:1px solid #cddbd2;margin-bottom:23px}.tabs button{border-radius:6px 6px 0 0;padding:15px 35px;background:transparent;color:var(--muted);border-bottom:3px solid transparent}.tabs button[aria-selected=true]{background:#e1ece5;color:#145136;border-bottom-color:var(--green)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.panel{background:white;border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.section-heading h2{margin:0}.muted{font-size:14px;color:var(--muted);line-height:1.5}.section-heading>.muted{font-size:12px}label{display:block;font-size:14px;font-weight:650}input,select{display:block;border:1px solid #b5c8bc;border-radius:6px;padding:13px 14px;width:100%;background:#fff;color:#162c24;margin-top:8px;min-height:48px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #a4d5ba;outline-offset:2px}input:disabled{background:#f2f5f3}#reference-form{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.4fr) auto;align-items:end;gap:12px}#reference-form.inbound{grid-template-columns:1fr auto}.secondary{background:#e9f0eb;color:#20513a;border:1px solid #b6cdbd}.primary{background:var(--green);color:#fff}.primary:hover:not(:disabled){background:#105139}.reference-result{margin-top:17px;padding-top:16px;border-top:1px solid #edf1ee;font-size:14px;line-height:1.65;color:var(--muted)}.scanner{border-top:4px solid var(--green)}.scan-row{display:flex;gap:10px;margin-top:9px}.scan-row input{margin-top:0;font-size:22px;font-family:ui-monospace,monospace;min-width:0}.scan-row button{min-width:94px}.steps{display:flex;gap:8px;margin-top:23px}.steps span{flex:1;border-top:3px solid #e0e7e2;padding-top:10px;font-size:13px;color:var(--muted)}.steps .active{border-color:var(--green);color:var(--green);font-weight:750}#receipt-controls{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin-top:20px}#receipt-controls label{max-width:170px}#receipt-controls p{width:100%;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{color:var(--muted);font-size:12px;letter-spacing:.04em;font-weight:700;background:#f5f8f6;padding:12px}td{padding:16px 12px;border-bottom:1px solid #edf1ee;vertical-align:top}td:first-child{min-width:200px}td small{display:block;font-family:ui-monospace,monospace;color:var(--muted);margin-top:5px}td:nth-child(2){font-size:22px;font-weight:700}td:nth-child(3){white-space:nowrap}.empty{padding:32px;text-align:center;color:var(--muted)}.result{background:#e4ece7;border:1px solid #ccdad1;border-radius:10px;padding:27px 24px;margin-bottom:20px;min-height:185px}.result>span{display:block;font-size:30px;margin-bottom:18px}.result h2{font-size:24px;letter-spacing:-.025em}.result p{margin-bottom:0;font-size:14px;overflow-wrap:anywhere}.result.success{background:#dff2e5;border-color:#a6cfb6;color:#155331}.result.error{background:#fff0ee;border-color:#e3b3ab;color:#94362b}.result.warning,.warning{background:#fff7da;border-color:#e3cb7e;color:#755614}ol{padding-left:21px;font-size:14px;line-height:1.7}li{margin-bottom:10px}.footnote{font-size:13px;border-top:1px solid var(--border);padding-top:15px;color:var(--muted)}.fallback p{font-size:14px;color:var(--muted)}.fallback small{display:block;margin-top:12px;line-height:1.5;color:var(--muted)}.text-link{font-size:14px;font-weight:700;color:var(--green)}.login{max-width:480px;margin:35px auto}.login h1{font-size:30px}.login label{margin:20px 0}.login .primary{width:100%}#demo-login{background:#fff3cf;padding:12px;font-size:14px}#global-error{background:#fff0ee;color:#94362b;padding:17px;margin:15px 0;border-radius:8px;overflow-wrap:anywhere}dialog{border:1px solid var(--border);border-radius:12px;max-width:640px;padding:28px;color:#162c24}dialog::backdrop{background:#102a2077}footer{border-top:1px solid var(--border);padding:23px 4vw;font-size:12px;font-weight:700;color:var(--muted);display:flex;justify-content:space-between;gap:20px}[hidden]{display:none!important}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 260px}.panel{padding:19px}.steps span{font-size:12px}#reference-form{grid-template-columns:1fr 1fr}#find-reference{grid-column:1/-1}}@media(max-width:760px){header{flex-wrap:wrap;padding:18px}.header-actions{flex-wrap:wrap}.brand{font-size:16px}main{padding:23px 16px}.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr;gap:0}.workspace-top{align-items:start;flex-direction:column;gap:0}.user{margin-bottom:20px}h1{font-size:31px}#reference-form{grid-template-columns:1fr}#reference-form.inbound{grid-template-columns:1fr}.tabs button{flex:1;padding:13px}.scan-row input{font-size:18px}.scan-row button{min-width:70px;padding:12px}.section-heading{flex-wrap:wrap}footer span{max-width:50%}.login{margin:15px auto}}

/* Stock Out only: restrained red accents; inbound retains its existing styles. */
body[data-mode="out"] #workspace{--green:#a83232}body[data-mode="out"] #out-tab[aria-selected=true]{background:#fae9e7;color:#922b2b;border-color:#a83232}body[data-mode="out"] #workspace .primary:hover:not(:disabled){background:#852626}body[data-mode="out"] #workspace .secondary{background:#fbefed;color:#8b2c2c;border-color:#dcb2ad}body[data-mode="out"] #workspace input:focus,body[data-mode="out"] #workspace button:focus-visible{outline-color:#e5aaa6}body[data-mode="out"] .scanner .badge{background:#fae9e7;color:#922b2b}#reference-form.auto-store{grid-template-columns:1fr auto}.out-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}#source-options{display:flex;flex-wrap:wrap;gap:10px}#completed-note{color:#94362b}

.operation-mode{padding:18px 22px;border:2px solid var(--green);border-radius:10px;margin-bottom:20px;background:#e5f4e9;color:#155331}.operation-mode strong{font-size:25px}.operation-mode p{margin:8px 0 0;font-weight:700}body[data-mode="out"] .operation-mode{background:#fae9e7;color:#922b2b;border-color:#a83232}#search-results{display:flex;flex-direction:column;gap:8px;margin-top:12px}#in-search{margin-top:20px}#confirmation-card{margin-top:20px}#receipt-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}#receipt-details dt{color:var(--muted)}#receipt-details dd{margin:0;font-weight:700;overflow-wrap:anywhere}