:root{--ink:#23352f;--muted:#5d6c65;--paper:#fff;--canvas:#f4f5f1;--line:#dce2dc;--accent:#285d48;--tint:#edf3ed;--danger:#9b3828;--warm:#f7f0df;--mono:'Courier New',monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--canvas);font:15px/1.45 'Segoe UI',Arial,sans-serif}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);font-weight:600}button:hover{background:#f0f4f0}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #337db2;outline-offset:3px}input,select,textarea{width:100%;min-height:46px;border:1px solid #a9b5ad;border-radius:5px;padding:10px 12px;background:white;color:var(--ink)}textarea{resize:vertical}label{display:block;margin-bottom:7px;font-size:13px;font-weight:650}h1{font-size:30px;line-height:1.15;letter-spacing:-.8px}h2{font-size:22px;line-height:1.25;letter-spacing:-.5px}h3{font-size:16px}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#204e3c}.quiet{background:transparent;border-color:transparent}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin-top:7px}.small{font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:750;color:var(--muted);margin-bottom:8px}.mono{font-family:var(--mono);font-weight:700}button.danger{color:var(--danger)}[hidden]{display:none!important}.samplebar{background:var(--warm);border-bottom:1px solid #e5dcc2;padding:9px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#645b40}.samplebar button{font-size:12px;min-height:32px;padding:4px 8px}.shell{display:grid;grid-template-columns:178px minmax(0,1fr);min-height:calc(100vh - 51px)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:27px 16px;display:flex;flex-direction:column;gap:37px}.brand{font-size:17px;font-weight:750;letter-spacing:-.5px;display:flex;align-items:center;gap:9px}.brand b{width:29px;height:29px;border:2px solid var(--accent);color:var(--accent);display:grid;place-items:center;font:700 16px Georgia,serif}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:1px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{display:flex;gap:12px;align-items:center;border:0;text-align:left;color:var(--muted);font-size:14px}.nav button.active{color:var(--accent);background:var(--tint)}.nav .navnumber{font:11px var(--mono);opacity:.8}.nav .divider{margin-top:23px;border-top:1px solid var(--line);padding-top:17px}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;font-size:12px}.sidefoot strong{display:block}.main{padding:30px 30px 22px;min-width:0}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.pagehead p{color:var(--muted);font-size:14px;margin-top:8px}.headbuttons{display:flex;gap:8px}.intro{display:flex;align-items:center;gap:18px;background:#eaf0e9;border:1px solid #d3dfd1;padding:17px 20px;border-radius:7px;margin-bottom:23px}.intro strong{font-size:14px}.intro p{font-size:12px;color:var(--muted);margin-top:3px}.intro .introbuttons{display:flex;gap:7px;margin-left:auto;flex-shrink:0}.guide{border:1px solid #cad8cb;background:#edf3ed;border-radius:7px;padding:17px 20px;margin-bottom:22px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.guide h2{font-size:17px;margin:5px 0}.guide p{font-size:13px}.guide .progress{display:flex;gap:6px;margin-top:11px}.guide .progress span{width:24px;height:4px;background:#cbd5c9;border-radius:2px}.guide .progress span.done{background:var(--accent)}.guide-actions{display:flex;align-items:center;gap:8px}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(370px,.95fr);gap:22px;align-items:start}.stockpanel,.detail,.historypanel,.setuppanel{background:white;border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden}.searchtools{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:12px}.searchtools label{font-size:11px;color:var(--muted)}.listmeta{padding:0 18px 14px;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th{padding:12px 14px;font-size:10px;letter-spacing:.9px;text-transform:uppercase;color:var(--muted);background:#f6f7f4;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:15px 14px;border-bottom:1px solid #e9ede7;font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.stockpanel tr.selected{background:var(--tint)}.selectproduct{font-size:13px;font-weight:650;padding:0;border:0;background:transparent;text-align:left;min-height:44px;display:block;width:100%;line-height:1.4}.selectproduct:hover{text-decoration:underline;background:transparent}.selectproduct small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px;text-decoration:none}.loc{font:700 12px var(--mono);background:#f5f6f3;border:1px solid var(--line);padding:5px 7px;border-radius:4px;white-space:nowrap}.qty{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.qty strong{font-size:18px;font-weight:650}.qty small{display:block;color:var(--muted);font-size:10px}.listfoot{border-top:1px solid var(--line);padding:13px 18px;font-size:11px;color:var(--muted);line-height:1.65}.empty{padding:35px 22px;color:var(--muted);text-align:center}.detail{padding:24px}.detailheader{padding-bottom:20px;border-bottom:1px solid var(--line)}.detailheader h2{max-width:400px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.chip{font-size:11px;background:#f4f5f1;border-radius:4px;padding:4px 8px;color:var(--muted)}.totalrow{display:flex;align-items:end;justify-content:space-between;padding:22px 0 18px}.totalrow strong{font-size:35px;line-height:1;font-weight:650;letter-spacing:-1px;font-variant-numeric:tabular-nums}.totalrow .unit{font-size:14px;font-weight:400;letter-spacing:0;margin-left:7px}.detailactions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:23px}.detailactions button{font-size:13px;padding:10px 6px}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:9px 0;background:transparent;font-size:13px;color:var(--muted)}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.locationrow{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e9ede7;font-size:13px}.locationrow .qty strong{font-size:17px}.detailhint{font-size:12px;color:var(--muted);margin-top:18px;line-height:1.6}.minihistory{display:grid;gap:0}.minievent{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:12px}.minievent button{font-size:12px;min-height:32px;padding:0;background:transparent;border:0;color:var(--accent);text-align:left}.badge{display:inline-block;font-size:10px;padding:3px 7px;border-radius:4px;background:var(--tint);color:var(--accent);font-weight:650;white-space:nowrap}.badge.out{background:#f9ede8;color:#913e2e}.badge.move{background:#edf1f7;color:#3e5b7c}.badge.reverse{background:#f4ede1;color:#7c6032}.statushint{display:block;font-size:10px;color:var(--muted);margin-top:5px}.statusline{margin-bottom:18px;color:var(--muted);font-size:12px}.statusline span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#89948d;margin-right:7px}.flash{padding:13px 17px;background:#e9f3e7;border:1px solid #bfceba;border-radius:6px;margin-bottom:18px;font-size:13px}.flash button{padding:0 5px;min-height:30px;margin-left:10px;border:0;background:transparent;text-decoration:underline;color:var(--accent)}.historytools{padding:18px;display:grid;grid-template-columns:1fr 180px;gap:15px}.historypanel td{vertical-align:top}.historypanel .action{min-height:34px;font-size:11px;padding:5px 9px}.historypanel .refbutton{padding:0;border:0;min-height:30px;font:700 12px var(--mono);color:var(--accent);background:transparent}.historypanel .sub{font-size:10px;color:var(--muted);margin-top:5px}.historypanel .wrapnote{max-width:220px;overflow-wrap:anywhere}.setuppanel{padding:24px}.setupgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.setupsection header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.setupitem{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.footer{margin-top:22px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:20px}.footer button{font-size:11px;min-height:32px;padding:4px 7px}.negative{color:var(--danger)}.positive{color:var(--accent)}
dialog{padding:0;border:1px solid var(--line);border-radius:10px;width:min(640px,calc(100vw - 28px));max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:0 24px 80px #17271c30;background:white}dialog::backdrop{background:#15271e66}.dialoghead{padding:23px 26px 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:start}.dialoghead h2{font-size:23px}.dialoghead p{font-size:12px;color:var(--muted);margin-top:6px}.close{padding:0;width:40px;min-height:40px;font-size:23px;border:0;background:transparent;flex-shrink:0}.dialogbody{padding:22px 26px}.field{margin-bottom:17px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formcontext{background:#f3f6f0;padding:14px 16px;margin-bottom:19px;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-radius:5px}.formcontext strong{font-size:18px;font-variant-numeric:tabular-nums}.formactions{display:flex;justify-content:flex-end;gap:10px;padding-top:5px}.formactions button{min-width:135px}.error{background:#fff1ed;border:1px solid #dcb4a8;color:#8e3322;font-size:13px;line-height:1.5;padding:13px;margin-bottom:16px;border-radius:5px}.reviewintro{margin-bottom:18px}.reviewintro h3{font-size:18px}.reviewintro p{font-size:13px;color:var(--muted);margin-top:6px}.reviewtable{border:1px solid var(--line);border-radius:6px;overflow:auto;margin:15px 0}.reviewtable th,.reviewtable td{padding:13px 12px}.reviewtable td{font-variant-numeric:tabular-nums}.reviewmeta{display:grid;grid-template-columns:120px 1fr;gap:10px 16px;font-size:12px;margin:18px 0}.reviewmeta dt{color:var(--muted)}.reviewmeta dd{margin:0;overflow-wrap:anywhere}.pendingnote{font-size:11px;padding:12px;background:var(--warm);border-radius:5px;color:#6e6142;margin:18px 0}.formproduct{padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:20px}.formproduct strong{display:block;font-size:16px}.formproduct span{font-size:12px;color:var(--muted)}.reasonlabel{color:var(--danger)}.codeinput{text-transform:uppercase;font-family:var(--mono)}
@media(max-width:1180px){.shell{grid-template-columns:145px 1fr}.sidebar{padding:24px 12px}.main{padding:24px 20px}.workspace{grid-template-columns:minmax(0,1fr) 365px;gap:15px}.detail{padding:20px}.searchtools{grid-template-columns:1fr}.stockpanel th,.stockpanel td{padding:12px 10px}.loc{font-size:11px}.intro{align-items:start}.intro .introbuttons{flex-direction:column}.brand{font-size:15px;gap:7px}}
@media(max-width:960px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;padding:15px 20px;gap:30px;border:0;border-bottom:1px solid var(--line)}.nav{flex-direction:row;gap:4px;flex:1}.nav .divider{margin:0;padding:0;border:0}.nav button{padding:8px 12px}.navnumber,.sidefoot{display:none}.workspace{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr)}.pagehead{margin-bottom:20px}}
@media(max-width:740px){.samplebar{padding:9px 15px;align-items:start;font-size:11px}.samplebar>span{max-width:260px}.samplebar button{flex-shrink:0}.sidebar{padding:15px;gap:14px;flex-wrap:wrap}.brand{font-size:18px}.nav{width:100%;flex-basis:100%;justify-content:space-between}.nav button{font-size:12px;padding:7px 9px;min-height:44px}.main{padding:22px 14px}.pagehead{align-items:start;gap:10px}.pagehead h1{font-size:27px}.pagehead p{font-size:12px}.headbuttons #recordChange{font-size:12px;padding:8px 10px}.workspace{display:flex;flex-direction:column}.stockpanel,.detail{width:100%}.searchtools{grid-template-columns:1fr}.detail{padding:20px}.intro{display:block;padding:16px}.intro .introbuttons{flex-direction:row;margin-top:13px;flex-wrap:wrap}.guide{grid-template-columns:1fr;padding:16px}.guide-actions{justify-content:space-between}.guide p{font-size:12px}.stockpanel td,.stockpanel th{padding:13px 10px}.stockpanel table{min-width:330px}.stockpanel .selectproduct{font-size:12px}.qty strong{font-size:16px}.loc{font-size:10px;padding:4px 5px}.listmeta{font-size:10px;gap:8px}.listmeta span:last-child{max-width:130px;text-align:right}.footer{display:block;line-height:1.6}.footer button{margin-top:7px}.historytools{grid-template-columns:1fr}.historypanel table{min-width:850px}.setupgrid{grid-template-columns:1fr}.setuppanel{padding:18px}.setupsection header{gap:10px}.setupsection header h2{font-size:18px}.dialoghead,.dialogbody{padding:20px}.twocol{grid-template-columns:1fr;gap:0}.formactions{flex-direction:column-reverse}.formactions button{width:100%}.reviewtable th,.reviewtable td{font-size:12px;padding:10px 8px}.reviewmeta{grid-template-columns:90px 1fr;gap:8px}.detailactions button{min-height:46px}}
.mobileback{display:none}@media(max-width:740px){.mobileback{display:block;font-size:12px;margin:-8px 0 14px -10px}body:not([data-mobile-detail]) .detail{display:none}body[data-mobile-detail] .stockpanel{display:none}.samplebar button,.footer button,.flash button{min-height:44px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s}}
/* Neutral-light revision: surface separation, not a workflow redesign. */
:root {
  --ink: #252a31;
  --muted: #555f6a;
  --paper: #ffffff;
  --canvas: #e7e9ec;
  --line: #bcc3cb;
  --accent: #343b44;
  --tint: #e8ecf0;
  --warm: #f0f2f5;
  --surface-soft: #f5f6f8;
  --rule: #dce0e5;
  --panel-shadow: 0 2px 4px rgba(24,32,42,.07), 0 10px 26px rgba(24,32,42,.09);
  color-scheme: light;
}
body { background: var(--canvas); }
button:hover { background: #e9edf1; }
.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
.primary:hover { background: #20262e; border-color: #20262e; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: #526376; }
input, select, textarea { border-color: #9ba6b2; background: var(--paper); }
input::placeholder, textarea::placeholder { color: #687380; opacity: 1; }
.samplebar { background: #f0f2f5; color: #505963; border-bottom-color: var(--line); }
.sidebar { background: #f7f8fa; border-color: var(--line); }
.nav button.active { color: #252a31; background: #e1e6eb; }
.intro, .guide { background: #f5f6f8; border-color: #c1c8d0; }
.guide .progress span { background: #ccd2da; }
.guide .progress span.done { background: var(--accent); }
.stockpanel, .detail, .historypanel, .setuppanel {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: var(--panel-shadow);
}
.panelheading { padding: 17px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.panelheading h2 { font-size: 17px; letter-spacing: -.3px; }
.panelheading span { color: var(--muted); font-size: 11px; }
.searchtools label { color: #4e5964; font-size: 12px; }
.detailheader { margin: -24px -24px 0; padding: 20px 24px; background: var(--surface-soft); border-bottom: 1px solid var(--line); }
.detailheader > .eyebrow { color: #505a65; font-size: 12px; letter-spacing: 1.2px; }
th { background: #f0f2f5; color: #505b67; }
td, .locationrow { border-bottom-color: var(--rule); }
.stockpanel tr.selected { background: #e7ebf0; }
.loc { background: #f2f4f7; border-color: #c3cbd4; }
.chip { background: #e9edf2; color: #515b67; }
.listfoot { background: #fafbfc; border-top-color: var(--rule); }
.statusline span { background: #717b86; }
.flash { background: #f2f5f3; border-color: #b9c8bd; }
.badge { background: #e8ecf0; color: #3f4c5a; }
.badge.out { background: #f9ede8; color: #913e2e; }
.badge.move { background: #edf1f7; color: #3e5b7c; }
.badge.reverse { background: #f4ede1; color: #7c6032; }
.positive { color: #246044; }
dialog { border-color: #aeb8c3; box-shadow: 0 24px 80px rgba(18,26,36,.25); }
dialog::backdrop { background: rgba(27,34,44,.44); }
.dialoghead { background: var(--surface-soft); }
.formcontext { background: #f0f3f6; }
.pendingnote { background: #f0f2f5; color: #515c68; }
@media(max-width:1180px) {
  .detailheader { margin: -20px -20px 0; padding: 18px 20px; }
}
@media(max-width:740px) {
  .panelheading { padding: 15px; }
  .panelheading span { font-size: 10px; }
  .stockpanel, .detail, .historypanel, .setuppanel { box-shadow: 0 2px 4px rgba(24,32,42,.07), 0 6px 16px rgba(24,32,42,.09); }
}


a{color:var(--accent);text-underline-offset:3px}a.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid var(--line);border-radius:6px;background:white;font-weight:600;font-size:14px}a.primary{background:var(--accent);color:white;border-color:var(--accent)}a.primary:hover{background:#20262e}.nav a{display:flex;align-items:center;gap:9px;white-space:nowrap;min-height:44px;padding:11px 12px;border-radius:6px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px}.nav a.active{background:#e1e6eb;color:var(--ink)}.nav a:hover{background:#e9edf1}.authpanel{max-width:520px;margin:30px auto}.entrypanel{max-width:760px;margin:0 auto}.spaced{margin-top:24px}.detail>.sectiondivider{border-top:0;padding-top:0}.sectiondivider{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.field ul{padding-left:20px}.field input[type=checkbox]{min-height:auto;width:auto}.helptext ul{font-size:12px}.selectproduct{text-decoration:none}.selectproduct:hover{text-decoration:underline}.detailactions a{padding:10px 7px;font-size:13px}.searchsubmit{grid-column:1/-1;min-height:38px;font-size:12px}.historytools button{grid-column:1/-1}.formactions form{display:inline-block}.pagination{display:flex;justify-content:space-between;gap:15px;padding:16px;font-size:13px}.errorlist{margin:0;padding-left:18px}.button:focus-visible,a:focus-visible{outline:3px solid #526376;outline-offset:3px}.setupgrid>.setuppanel{min-width:0}.setupitem form{margin-top:10px}.mobileback{text-decoration:none}.historypanel table{min-width:850px}@media(max-width:960px){.nav a{padding:10px 8px;font-size:12px}.sidebar .sidefoot{display:block;margin:0;padding:0;border:0}.sidebar .sidefoot form{display:inline-block}.nav{flex-wrap:wrap}}@media(max-width:740px){.footer>span{display:block}.footer>span+span{margin-top:5px}body:not([data-mobile-detail]) .detail{display:none}body[data-product-open=true] .detail{display:block}body[data-product-open=true] .stockpanel{display:none}.detailactions a{font-size:12px}.formactions form,.formactions a,.formactions button{width:100%}.authpanel{margin:0}.sidebar .sidefoot{font-size:11px;display:flex;gap:8px;align-items:center}.sidebar .sidefoot button{font-size:11px;min-height:36px}.samplebar{flex-wrap:wrap}.setupgrid{gap:18px}}