@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500;600;700&display=swap";:root{--ink:#101418;--ink-2:#232a32;--slate:#5b6672;--slate-2:#939da8;--line:#dfe3e8;--line-2:#edeff2;--paper:#eef0f2;--card:#fff;--dealer:#0e7c7b;--dealer-bg:#e2f0ef;--distributor:#3f3d9e;--distributor-bg:#ebeaf7;--cpc:#7a4e1d;--cpc-bg:#f5ede4;--cut:#b45309;--cut-bg:#fbf0e3;--stop:#b42318;--stop-bg:#fceae8;--go:#076a4e;--go-bg:#e5f2ed;--radius:12px;--radius-s:9px;--tap:48px;--safe:env(safe-area-inset-bottom,0px);--sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--mono:"Spline Sans Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:contain;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}button,input,select,textarea{font-family:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.shell{background:var(--ink);color:#fff;z-index:50;padding:12px 14px;padding-top:calc(12px + env(safe-area-inset-top,0px));position:sticky;top:0}.shell .row{align-items:center;gap:12px;display:flex}.wordmark{letter-spacing:-.03em;font-size:17px;font-weight:700}.wordmark em{color:var(--slate-2);letter-spacing:0;margin-left:6px;font-size:14px;font-style:normal;font-weight:500}.whoami{color:var(--slate-2);text-align:right;margin-left:auto;font-size:12.5px;line-height:1.3}.whoami b{color:#fff;font-weight:500;display:block}.signout{color:#fff;border-radius:var(--radius-s);background:0 0;border:1px solid #333c46;padding:8px 13px;font-size:13px;font-weight:500}.signout:hover{border-color:#5b6672}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#000;border-radius:10px;gap:2px;margin-top:11px;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{color:var(--slate-2);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:none;min-height:42px;padding:10px 14px;font-size:13.5px;font-weight:500;transition:background .12s,color .12s}.tabs button:hover{color:#fff}.tabs button.on{color:var(--ink);background:#fff;font-weight:600}.wrap{max-width:780px;margin:0 auto;padding:14px 14px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:12px;padding:15px}.card.tight{padding:12px}.cardhead{align-items:center;gap:12px;display:flex}.cardhead h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}.sub{color:var(--slate);margin:2px 0 0;font-size:13px}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--slate);margin:0 0 12px;font-size:10.5px;font-weight:700}.spacer{flex:1}.hide{display:none!important}.empty{text-align:center;color:var(--slate);padding:44px 18px;font-size:14px}.field{margin-bottom:13px}.field:last-child{margin-bottom:0}.field>label,.label{letter-spacing:.07em;text-transform:uppercase;color:var(--slate);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.input{width:100%;min-height:var(--tap);color:var(--ink);border:1.5px solid var(--line);appearance:none;background:#fff;border-radius:10px;padding:12px 13px;font-size:16px}.input:focus{border-color:var(--ink);outline:none}.input.bad{border-color:var(--stop);background:var(--stop-bg)}.input.cut{border-color:var(--cut);background:var(--cut-bg)}.input:disabled{background:var(--paper);color:var(--slate-2)}select.input{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235B6672' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.hint{color:var(--slate-2);margin-top:5px;font-size:12px;display:block}.btn{min-height:var(--tap);background:var(--ink);color:#fff;border:0;border-radius:10px;padding:13px 20px;font-size:15px;font-weight:600}.btn:disabled{cursor:not-allowed;background:#c3c9d0}.btn.go{background:var(--go)}.btn.stop{background:var(--stop)}.btn.quiet{color:var(--ink);border:1.5px solid var(--line);background:#fff}.btn.quiet:hover{border-color:var(--slate-2)}.btn.quiet.danger{color:var(--stop);border-color:#f0c8c3}.btn.sm{border-radius:8px;min-height:36px;padding:8px 13px;font-size:12.5px}.btn.full{width:100%}.linkbtn{color:var(--slate);background:0 0;border:0;min-height:34px;padding:8px 0;font-size:12.5px;font-weight:600;text-decoration:underline}.chip{letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:3px 8px;font-size:9.5px;font-weight:700;display:inline-block}.chip.dealer{background:var(--dealer-bg);color:var(--dealer)}.chip.distributor{background:var(--distributor-bg);color:var(--distributor)}.chip.cpc{background:var(--cpc-bg);color:var(--cpc)}.chip.pending{background:var(--line-2);color:var(--slate)}.chip.approved,.chip.full{background:var(--go-bg);color:var(--go)}.chip.denied,.chip.short,.chip.not_loaded{background:var(--stop-bg);color:var(--stop)}.orderno{font-family:var(--mono);letter-spacing:.06em;background:var(--line-2);color:var(--ink);border-radius:6px;padding:3px 8px;font-size:13px;font-weight:700}.down{color:var(--cut);font-weight:600}.up{color:var(--go);font-weight:600}.off{color:var(--slate-2)}.ledger{border-top:1px solid var(--line-2);margin-top:9px}.ledger .row{border-bottom:1px solid var(--line-2);align-items:baseline;gap:10px;padding:8px 0;display:flex}.ledger .row:last-child{border-bottom:0}.ledger .what{flex:1;min-width:0}.ledger .sku{font-family:var(--mono);font-size:13px;font-weight:600}.ledger .desc{color:var(--slate-2);font-size:11.5px}.ledger .qty{font-family:var(--mono);color:var(--slate);flex:none;font-size:12.5px}.ledger .amt{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:88px;font-size:13px;font-weight:600}.ledger .total{border-top:2px solid var(--ink);border-bottom:0;margin-top:4px;padding-top:11px;font-weight:600}.ledger .total .amt{font-size:19px}.money{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}.money i{opacity:.5;margin-right:1px;font-style:normal;font-weight:500}.notice{border-radius:10px;margin-top:10px;padding:11px 12px;font-size:12.5px;font-weight:600}.notice.stop{background:var(--stop-bg);color:var(--stop);border:1px solid #f0c8c3}.notice.cut{background:var(--cut-bg);color:var(--cut);border:1px solid #efd9bc}.notice.go{background:var(--go-bg);color:var(--go);border:1px solid #c4e0d5}.notice.flat{background:var(--line-2);color:var(--slate)}.notice ul{margin:6px 0 0;padding-left:18px;font-weight:400}.scrim{z-index:70;background:#1014188c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:#fff;border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:560px;max-height:92vh;display:flex}.sheet .grab{background:#d5dae0;border-radius:3px;width:38px;height:4px;margin:9px auto 0}.sheet .head{border-bottom:1px solid var(--line);padding:12px 16px 13px}.sheet .head h2{letter-spacing:-.02em;margin:0 0 2px;font-size:18px;font-weight:600}.sheet .head p{color:var(--slate);margin:0;font-size:13px}.sheet .body{-webkit-overflow-scrolling:touch;padding:15px 16px;overflow-y:auto}.sheet .foot{padding:12px 16px calc(12px + var(--safe));border-top:1px solid var(--line);background:#fafbfc;gap:10px;display:flex}.sheet .foot .btn{flex:1}.bar{z-index:45;border-top:1px solid var(--line);padding:10px 14px calc(10px + var(--safe));background:#fff;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #10141814}.bar .info{flex:1;min-width:0}.bar .info small{color:var(--slate);font-size:11.5px;display:block}.bar .info .money{letter-spacing:-.02em;font-size:21px;font-weight:700}.toast{left:14px;right:14px;bottom:calc(92px + var(--safe));background:var(--ink);color:#fff;z-index:80;text-align:center;border-radius:12px;padding:13px 16px;font-size:14px;font-weight:500;position:fixed;box-shadow:0 8px 24px #1014184d}.seg{background:var(--line-2);border-radius:10px;gap:4px;padding:4px;display:flex}.seg button{color:var(--slate);background:0 0;border:0;border-radius:7px;flex:1;min-height:40px;padding:9px 6px;font-size:13.5px;font-weight:500}.seg button.on{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 1px 2px #1014181f}@media (width>=780px){.shell{align-items:center;gap:20px;padding:14px 20px;display:flex}.shell .row{flex:1}.tabs{margin-top:0}.tabs button{flex:none;min-height:0;padding:9px 18px}.wrap{padding:20px 20px 48px}.card{padding:20px}.scrim{align-items:center;padding:20px}.sheet{border-radius:16px;max-height:86vh}.sheet .grab{display:none}.bar{position:sticky}.toast{min-width:320px;bottom:26px;left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
