:root{--sand-1: #fdfdfc;--sand-2: #f9f9f8;--sand-3: #f1f0ef;--sand-4: #e9e8e6;--sand-6: #dad9d6;--sand-7: #cecdc9;--sand-9: #8d8d86;--sand-11: #63635e;--sand-12: #21201c;--text-primary: #21201c;--text-secondary: #43423e;--text-body: #54534e;--text-muted: #63635e;--text-muted-muted: #8d8d86;--stl-red: #dc2626;--green-tile: #16a34a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--sand-3);color:var(--text-primary);font-size:14px;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.topbar{background:var(--sand-4);border-bottom:1px solid var(--sand-6);padding:14px 16px 10px;display:flex;align-items:center;justify-content:space-between;padding-top:calc(env(safe-area-inset-top) + 14px)}.topbar .who{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:-.01em}.topbar .status{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-11);font-weight:700}.body{padding:16px 14px;padding-bottom:calc(env(safe-area-inset-bottom) + 16px);max-width:520px;margin:0 auto}.section-head{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-11);margin:6px 2px 8px}.card{background:var(--sand-2);border:1px solid var(--sand-6);border-radius:14px;padding:14px;margin-bottom:10px}.hero{background:var(--sand-1);border:1px solid transparent;border-radius:18px;padding:18px;box-shadow:0 1px 3px #21201c0f,0 14px 44px #21201c17;margin-bottom:14px}.job-number-hero{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--stl-red);letter-spacing:0;margin-bottom:6px;text-transform:none}.cust-big{font-size:22px;font-weight:700;line-height:1.1;letter-spacing:-.01em;margin-bottom:4px}.chevron-disclosure{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0 2px;margin-top:10px;color:var(--sand-9)}.chevron-disclosure:hover,.chevron-disclosure:active{color:var(--sand-11)}.expanded-pane .detail-title{font-size:15px;font-weight:700;line-height:1.2;margin-bottom:10px;color:var(--sand-12)}.expanded-pane .meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px;margin-top:10px}.expanded-pane .meta-pill{background:var(--sand-2);border:1px solid var(--sand-6);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.expanded-pane .meta-pill .k{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-9)}.expanded-pane .meta-pill .v{font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--sand-12);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partial-override{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:10px;padding:14px;background:var(--sand-1);border:1px dashed var(--sand-7);border-radius:12px;color:var(--sand-11);font-size:13px;font-weight:600}.partial-override:hover,.partial-override:active{background:var(--sand-2);border-color:var(--sand-9);color:var(--sand-12)}.partial-override .partial-sub{font-size:10px;font-weight:500;color:var(--sand-9);text-transform:none;letter-spacing:0}.addr-big{font-size:13px;color:var(--sand-11);line-height:1.35;margin-bottom:12px}.hero .label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sand-9)}.hero .progress-strip{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.hero .count{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:var(--sand-11)}.big-cta{background:var(--stl-red);color:#fff;border-radius:12px;padding:18px;font-size:16px;font-weight:700;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px}.big-cta:disabled{background:var(--sand-6);color:var(--sand-9)}.secondary-btn{background:var(--sand-1);border:1px solid var(--sand-6);color:var(--text-secondary);font-size:13px;font-weight:600;padding:12px 14px;border-radius:10px;min-height:44px}.btn-row{display:flex;gap:8px;margin-top:8px}.btn-row .secondary-btn{flex:1}.contact-row{display:flex;gap:10px;padding:10px 12px;background:var(--sand-2);border:1px solid var(--sand-6);border-radius:10px;align-items:center;margin-bottom:12px;min-height:56px;text-decoration:none;color:inherit}.contact-row .call{width:40px;height:40px;background:var(--green-tile);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.contact-row .name{font-size:13px;font-weight:700;line-height:1.15}.contact-row .number{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--sand-11);margin-top:2px}.load-row{background:var(--sand-2);border:1px solid var(--sand-6);border-radius:12px;padding:14px;margin-bottom:8px;display:flex;align-items:center;gap:12px;min-height:56px;width:100%}.load-row .tick{width:26px;height:26px;border:2px solid var(--sand-6);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.load-row.checked .tick{background:var(--green-tile);border-color:var(--green-tile);color:#fff;font-size:14px;font-weight:700}.load-row-wrap{position:relative}.load-row-wrap.packing{display:flex;gap:8px;margin-bottom:8px}.load-row-wrap.packing .load-row{flex:1;margin-bottom:0}.force-load-btn{flex-shrink:0;background:var(--sand-1);border:1px dashed var(--stl-red);color:var(--stl-red);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:0 14px;border-radius:12px;min-width:84px;min-height:56px}.force-load-btn:hover,.force-load-btn:active{background:var(--stl-red);color:#fff;border-style:solid}.force-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#21201c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.force-modal{background:var(--sand-1);border-radius:18px;padding:22px;max-width:360px;width:100%;box-shadow:0 24px 72px #21201c4d}.force-modal-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-11);margin-bottom:4px}.force-modal-jobnum{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:var(--stl-red);margin-bottom:4px}.force-modal-cust{font-size:20px;font-weight:700;line-height:1.1;margin-bottom:14px}.force-modal-body p{font-size:13px;color:var(--text-body);line-height:1.4;margin:0 0 10px}.force-modal-body .force-modal-warn{font-size:12px;color:var(--stl-red);font-weight:600;margin-bottom:16px}.load-row.packing{background:var(--sand-3);opacity:.72;cursor:not-allowed}.load-row.collection-tile{background:var(--sand-2);border-color:var(--sand-7);border-style:solid;cursor:pointer;opacity:1}.load-row.collection-tile .tick{background:var(--stl-red);border-color:var(--stl-red);color:#fff;font-size:16px;font-weight:700}.load-row.collection-tile .job-number{color:var(--stl-red)}.load-row.packing .tick{background:transparent;border-color:var(--sand-7);border-style:dashed;color:var(--sand-9);font-size:14px;font-weight:700}.load-row.packing .cust,.load-row.packing .job-number{color:var(--sand-11)}.load-row .body-text{flex:1;text-align:left}.load-row .job-number{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:var(--stl-red);margin-bottom:2px}.load-row .cust{font-size:14px;font-weight:700;line-height:1.15}.load-row .meta{font-size:11px;color:var(--sand-9);margin-top:2px;font-family:JetBrains Mono,monospace}.mini-row{background:var(--sand-2);border:1px solid var(--sand-6);border-radius:10px;padding:10px 12px;margin-bottom:6px;display:flex;align-items:center;gap:10px}.mini-row .step{width:24px;height:24px;border-radius:50%;background:var(--sand-4);color:var(--sand-11);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mini-row .mini-cust{font-size:13px;font-weight:600;line-height:1.1}.mini-row .mini-job{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--stl-red);font-size:11px}.mini-row .mini-addr{font-size:11px;color:var(--sand-9);margin-top:2px}.summary-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.summary-tiles .tile{background:var(--sand-1);border:1px solid transparent;box-shadow:0 1px 3px #21201c0f,0 14px 44px #21201c17;border-radius:14px;padding:14px 8px;text-align:center}.summary-tiles .tile .n{font-family:JetBrains Mono,monospace;font-size:26px;font-weight:700;line-height:1;color:var(--sand-12)}.summary-tiles .tile .l{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sand-11);margin-top:6px}.sheet{background:var(--sand-1);border-radius:18px;padding:18px;box-shadow:0 1px 3px #21201c0f,0 14px 44px #21201c17}.sheet .title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--sand-9);margin-bottom:4px}.sheet .cust{font-size:20px;font-weight:700;line-height:1.1;margin-bottom:16px}.camera-tile{width:100%;aspect-ratio:4/3;background:var(--sand-12);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--sand-11);font-weight:600;margin-bottom:12px;overflow:hidden;position:relative}.camera-tile img{width:100%;height:100%;object-fit:cover}.camera-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.label-row{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-9);margin-bottom:6px}.name-input{width:100%;border:1px solid var(--sand-6);border-radius:12px;padding:14px;font-size:15px;font-weight:500;background:var(--sand-2);outline:none;min-height:50px}.name-input:focus{border-color:var(--stl-red);background:var(--sand-1)}.chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.chips .chip{background:var(--sand-4);border:1px solid var(--sand-6);font-size:12px;font-weight:600;padding:10px 14px;border-radius:10px;color:var(--text-secondary);min-height:40px}.skip-reason{background:var(--sand-2);border:1px solid var(--sand-6);font-size:15px;font-weight:600;padding:18px;border-radius:12px;color:var(--text-primary);width:100%;text-align:left;margin-bottom:8px;min-height:56px}.skip-reason.terminal{border-color:var(--stl-red);color:var(--stl-red)}.state-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:14px;text-align:center;padding:20px}.state-screen h2{font-size:22px;font-weight:700;margin:0}.state-screen p{color:var(--sand-11);max-width:280px;margin:0}.banner{background:var(--sand-1);border:1px solid var(--sand-6);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:12px;color:var(--text-secondary)}.banner.error{border-color:var(--stl-red);color:var(--stl-red)}.success-big{background:var(--sand-1);border-radius:18px;padding:28px 20px;box-shadow:0 1px 3px #21201c0f,0 14px 44px #21201c17;text-align:center;margin-bottom:16px}.success-tick{width:72px;height:72px;background:var(--green-tile);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:38px;margin:0 auto 14px}.success-title{font-size:18px;font-weight:700;margin-bottom:4px}.success-meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--sand-9);padding-top:12px;border-top:1px solid var(--sand-6);margin-top:12px}.expand-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--sand-11);padding-top:12px;margin-top:12px;border-top:1px solid var(--sand-6);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.expand-footer .ship{font-family:JetBrains Mono,monospace}.expanded-pane{border-top:1px solid var(--sand-6);padding-top:14px;margin-top:12px}.detail-row{display:flex;justify-content:space-between;padding:6px 0;font-size:12px}.detail-row .k{color:var(--sand-9);text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.08em;align-self:center}.detail-row .v{font-family:JetBrains Mono,monospace;font-weight:700}.notes-box{background:var(--sand-2);border:1px solid var(--sand-6);border-radius:10px;padding:10px 12px;margin-top:8px}.notes-box .lbl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sand-9);margin-bottom:4px}.notes-box .txt{font-size:12px;color:var(--text-secondary);line-height:1.4}.sync-pill{position:fixed;top:calc(env(safe-area-inset-top) + 60px);left:50%;transform:translate(-50%);background:var(--sand-12);color:#fff;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:600;z-index:50;box-shadow:0 4px 12px #0003}.mono{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums}.muted{color:var(--sand-11, #63635e)}.small{font-size:12px}.hidden-input{display:none}.warn-text{color:#b45309}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;background:#21201c;color:#fdfdfc;padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top))}.topbar-logo{width:28px;height:28px;flex-shrink:0}.topbar-mid{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.topbar-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-dot{color:#63635e}.topbar-task{font-weight:600;font-size:12px;color:#cecdc9}.topbar-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.topbar-status.ok{color:#86efac}.topbar-status.off,.topbar-status.sync{color:#fcd34d}.burger{background:none;border:none;color:#cecdc9;padding:4px;margin:-4px -4px -4px 0}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#21201c59}.drawer{position:absolute;top:0;right:0;bottom:0;width:280px;background:#fdfdfc;display:flex;flex-direction:column;box-shadow:-14px 0 44px #21201c40}.drawer-head{padding:calc(20px + env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid #ececea;display:flex;align-items:center;gap:12px}.drawer-logo{width:36px;height:36px}.drawer-name{font-weight:700;font-size:14px;line-height:1.2}.drawer-org{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8d8d86}.drawer-body{flex:1;padding:12px}.drawer-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8d8d86;padding:0 8px 6px}.drawer-item{display:block;width:100%;text-align:left;padding:12px;border:none;background:none;border-radius:12px;font:700 14px Inter,sans-serif;color:#43423e}.drawer-item.active{background:#dc26260f;color:#dc2626}.drawer-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #ececea;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.drawer-foot .ok{color:#16a34a}.drawer-foot .off{color:#d97706}.drawer-ver{color:#8d8d86;text-transform:none;letter-spacing:0}.screen{padding:16px 16px calc(32px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto;width:100%}.screen-title{font-size:22px;font-weight:700;margin:4px 0 14px}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#63635e;padding:0 4px;margin:0 0 8px}.back{display:inline-flex;align-items:center;gap:8px;background:#fdfdfc;border:1px solid #dad9d6;border-radius:12px;color:#43423e;font:700 14px Inter,sans-serif;padding:11px 16px 11px 14px;min-height:44px;margin:0 0 12px}.back:active{background:#e9e8e6}.back:before{content:"";width:8px;height:8px;flex-shrink:0;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:1px}.filter-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;-webkit-overflow-scrolling:touch}.filter-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;background:#fdfdfc;border:1px solid #dad9d6;border-radius:10px;padding:9px 13px;font:600 13px Inter,sans-serif;color:#63635e;min-height:38px}.filter-chip .n{font-family:JetBrains Mono,monospace;font-variant-numeric:tabular-nums;font-weight:700;font-size:11px;color:#8d8d86}.filter-chip.active{background:#21201c;border-color:#21201c;color:#fdfdfc}.filter-chip.active .n{color:#cecdc9}.filter-chip.warn{color:#92400e}.filter-chip.warn.active{background:#b45309;border-color:#b45309;color:#fdfdfc}.card{background:#fdfdfc;border:1px solid #dad9d6;border-radius:16px;padding:16px;margin-bottom:12px}.card.hero{border-color:transparent;box-shadow:0 1px 3px #21201c0f,0 14px 44px #21201c17}.empty{color:#8d8d86;text-align:center;padding:28px 0;font-size:14px}.empty.small{padding:10px 0;text-align:left}.flash{background:#21201c;color:#fdfdfc;border-radius:12px;padding:12px 14px;margin-bottom:12px;font-weight:600;font-size:13px}.flash.error{background:#dc2626}.cta{background:#dc2626;color:#fdfdfc;border:none;border-radius:12px;padding:14px 22px;font:700 15px Inter,sans-serif}.cta:disabled{opacity:.6}.cta.full{width:100%;margin-top:8px}.quiet-btn{background:none;border:none;color:#63635e;font:600 13px Inter,sans-serif;padding:10px 12px}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;background:#e9e8e6;color:#54534e;white-space:nowrap}.pill.ok{background:#d1fae5;color:#065f46}.pill.warn{background:#fef3c7;color:#92400e}.list{display:flex;flex-direction:column;gap:8px}.search{width:100%;padding:14px;border:1px solid #dad9d6;border-radius:14px;background:#fdfdfc;font:500 16px Inter,sans-serif;margin-bottom:10px;outline:none}.search:focus{border-color:#dc2626}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.chip{background:#e9e8e6;border:none;border-radius:10px;padding:8px 12px;font:600 12px Inter,sans-serif;color:#54534e}.chip-recent{display:inline-flex;align-items:stretch;padding:0;overflow:hidden}.chip-label{background:none;border:none;padding:10px 4px 10px 12px;font:600 12px Inter,sans-serif;color:#54534e}.chip-x{background:none;border:none;color:#8d8d86;font:600 15px/1 Inter,sans-serif;padding:10px 10px 10px 6px;min-width:32px}.chip-x:active{color:#dc2626}.chip-clear{background:none;border:1px dashed #cecdc9;color:#8d8d86}.home-tiles{display:flex;flex-direction:column;gap:12px}.home-tile{display:flex;align-items:center;gap:12px;text-align:left;background:#fdfdfc;border:1px solid #dad9d6;border-radius:18px;padding:20px;box-shadow:0 1px 3px #21201c0f,0 10px 30px #21201c12}.home-tile.quiet{background:transparent;box-shadow:none;padding:16px 20px}.home-tile-icon{position:relative;width:44px;height:44px;border-radius:12px;background:#f1f0ef;border:1px solid #dad9d6;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0}.home-tile-icon.small{width:36px;height:36px;color:#63635e}.home-badge{position:absolute;top:-6px;right:-6px;background:#f59e0b;color:#21201c;font-size:10px;font-weight:700;border-radius:999px;padding:3px 6px;line-height:1}.home-tile-main{display:flex;flex-direction:column;gap:2px;min-width:0}.home-tile-name{font-weight:700;font-size:17px}.home-tile.quiet .home-tile-name{font-size:15px}.home-tile-meta{font-size:12px;color:#63635e}.home-hint{color:#8d8d86;font-size:13px;padding:8px 4px}.home-foot{text-align:center;margin-top:28px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8d8d86}.gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px;background:#f1f0ef}.gate-card{width:100%;max-width:360px;background:#fdfdfc;border:1px solid #dad9d6;border-radius:20px;padding:28px 24px 24px;text-align:center;box-shadow:0 1px 3px #21201c0f,0 14px 44px #21201c17}.gate-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}.gate-logo{width:28px;height:28px}.gate-app{font-size:15px;font-weight:700}.gate-state{width:52px;height:52px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:24px;font-weight:700}.gate-state.ok{background:#dcfce7;color:#16a34a}.gate-state.warn{background:#fef3c7;color:#d97706}.gate-state.busy,.gate-state.idle{background:#e9e8e6;color:#63635e}.gate-spinner{width:20px;height:20px;border-radius:999px;border:3px solid #dad9d6;border-top-color:#dc2626;animation:gate-spin .9s linear infinite}@keyframes gate-spin{to{transform:rotate(360deg)}}.gate-heading{font-size:19px;font-weight:700;margin-bottom:8px}.gate-body{font-size:14px;color:#63635e;line-height:1.5}.gate-body p+p{margin-top:8px}.gate-body b{color:#21201c}.gate-steps{text-align:left;margin:12px auto 0;padding-left:22px;font-size:13px;color:#63635e;display:inline-block}.gate-steps li{margin-bottom:6px}.gate-chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:10px}.gate-chip{padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;background:#e9e8e6;color:#54534e}.gate-tip{font-size:11px;color:#8d8d86;margin-top:12px}.gate-cta{margin-top:18px}.gate-foot{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#8d8d86}.action-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px}.action-tile{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;background:#fdfdfc;border:1px solid #dad9d6;border-radius:14px;padding:16px 8px;text-decoration:none;color:#21201c;font-weight:700;font-size:14px}.action-plus{color:#dc2626;font-size:18px;font-weight:700}.badge{position:absolute;top:-6px;right:-6px;background:#f59e0b;color:#21201c;font-size:10px;font-weight:700;border-radius:999px;padding:4px 7px;line-height:1}.bin-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:6px}.bin-chip{flex-shrink:0;background:#fdfdfc;border:1px solid #dad9d6;border-radius:10px;padding:8px 14px;font:600 13px JetBrains Mono,monospace;color:#63635e}.bin-chip.active{background:#21201c;color:#fdfdfc;border-color:#21201c}.item-row{display:flex;align-items:center;gap:12px;background:#fdfdfc;border:1px solid #dad9d6;border-radius:14px;padding:14px;text-decoration:none;color:#21201c}.item-main{flex:1;min-width:0}.item-desc{display:block;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{display:block;font-size:12px;color:#63635e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.item-side{text-align:right;flex-shrink:0}.item-qty{display:block;font-weight:700;font-size:17px}.item-qty.neg{color:#dc2626}.item-bin{display:block;font-size:11px;color:#8d8d86;margin-top:2px}.hero-ref{font-size:13px;font-weight:700;color:#63635e}.hero-desc{font-weight:600;font-size:16px;margin:6px 0 10px}.hero-qty-row{display:flex;align-items:baseline;gap:8px}.hero-qty{font-size:40px;font-weight:700;line-height:1}.hero-qty.neg{color:#dc2626}.hero-unit{color:#8d8d86;font-size:14px}.hero-avail{margin-top:8px;display:inline-flex;padding:4px 10px;border-radius:10px;background:#fef3c7;color:#92400e;font:700 12px Inter,sans-serif}.hero-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font-size:12px;color:#63635e}.photo{width:100%;border-radius:16px;border:1px solid #dad9d6;margin-bottom:12px}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.big-btn{background:#fdfdfc;border:1px solid #dad9d6;border-radius:14px;padding:20px 10px;font:700 15px Inter,sans-serif;color:#21201c}.big-btn:active{background:#e9e8e6}.action-card{border-color:#cecdc9}.action-title{font-weight:700;font-size:14px;margin-bottom:10px}.action-input{width:100%;padding:14px;font-size:20px;font-weight:700;border:1px solid #dad9d6;border-radius:12px;background:#f9f9f8;outline:none;margin-bottom:8px}.action-input:focus{border-color:#dc2626}.action-note{width:100%;padding:10px 14px;font-size:14px;border:1px solid #dad9d6;border-radius:12px;background:#f9f9f8;outline:none;margin-bottom:10px}.action-row{display:flex;gap:10px;justify-content:flex-end}.seg{display:flex;gap:8px;margin-bottom:14px}.seg-btn{flex:1;padding:12px 6px;background:#fdfdfc;border:1px solid #dad9d6;border-radius:12px;font:600 13px Inter,sans-serif;color:#63635e}.seg-btn.active{background:#dc2626;border-color:#dc2626;color:#fdfdfc}.field{margin-bottom:12px}.field label{display:block;font:700 10px Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#8d8d86;margin-bottom:6px}.field-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px}.picked{display:flex;align-items:center;justify-content:space-between;background:#fdfdfc;border:1px solid #dad9d6;border-radius:12px;padding:12px 14px;font-weight:600;font-size:14px}.result-row{display:block;width:100%;text-align:left;background:#fdfdfc;border:1px solid #dad9d6;border-radius:10px;padding:12px 14px;margin-top:6px;font:500 14px Inter,sans-serif}.sug-card{padding:14px}.sug-head{display:flex;gap:10px;align-items:baseline;font-size:13px;font-weight:700}.sug-desc{font-weight:600;font-size:14px;margin:6px 0 4px}.sug-row{display:grid;grid-template-columns:1fr 90px auto;gap:8px;margin-top:10px;align-items:center}.sug-row .action-input{margin-bottom:0;font-size:16px;padding:12px}.take-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.take-main{flex:1;min-width:0}.take-input{width:96px;margin-bottom:0;font-size:18px;padding:12px;text-align:right;flex-shrink:0}.job-card{display:block;width:100%;text-align:left;background:#fdfdfc;border:1px solid #dad9d6;border-radius:14px;padding:14px 16px}.job-card.quiet{background:#f9f9f8;opacity:.92}.job-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.job-num{font-size:13px;font-weight:700}.job-num.big{font-size:16px}.job-title{font-weight:600;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-title.big{font-size:14px;white-space:normal}.job-meta{font-size:11px;color:#63635e;margin-top:2px}.cust-card{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:10px;background:#fdfdfc;border:1px solid #dad9d6;border-radius:14px;padding:14px 16px;margin-bottom:8px}.cust-name{font-weight:700;font-size:15px}.cust-meta{font-size:11px;color:#8d8d86}.cust-head{margin-bottom:10px}.part-card{padding:14px 16px;margin-bottom:8px}.part-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.part-desc{font-size:13px;font-weight:600}.part-state{font-size:11px;color:#63635e;white-space:nowrap}.lifebar{display:flex;gap:4px}.lifebar .seg{height:5px;border-radius:99px;flex:1;background:#dad9d6}.lifebar .seg.done{background:#10b981}.lifebar .seg.current{background:#21201c}.lifebar .seg.held{background:#f59e0b}.part-note{font-size:11px;color:#8d8d86;margin-top:7px}.ship-block+.ship-block{border-top:1px solid #ececea;margin-top:6px;padding-top:6px}.ship-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:12px}.pod-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 0 6px}.pod-signed{font-size:12px;color:#43423e}.pod-signed b{color:#21201c}.pod-thumb{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid #dad9d6;flex-shrink:0}.ship-num{font-weight:600}.ship-meta{color:#63635e}.stock-line{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-top:8px;margin-top:6px;border-top:1px solid #ececea;font-size:12px}.stock-line>span:first-child{color:#63635e}.scroll-sentinel{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;font-size:11px;color:#8d8d86}.mini-spinner{width:14px;height:14px;border-radius:99px;border:2px solid #dad9d6;border-top-color:#8d8d86;display:inline-block;animation:gate-spin .9s linear infinite}