:root{--bg:#0f172a;--surface:#1e293b;--surface-2:#334155;--text:#f1f5f9;--muted:#94a3b8;--accent:#2563eb;--green:#16a34a;--amber:#d97706;--red:#dc2626;--slate:#475569;--radius:14px;--tap:56px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}.driver-shell{flex-direction:column;max-width:640px;min-height:100%;margin:0 auto;display:flex}.driver-header{background:var(--surface);z-index:5;border-bottom:1px solid var(--surface-2);align-items:center;gap:12px;padding:14px 16px;display:flex;position:sticky;top:0}.driver-progress{flex-direction:column;flex:1;line-height:1.3;display:flex}.driver-progress strong{font-size:18px}.trip-id{color:var(--muted);font-size:12px}.sync-badge{background:var(--amber);color:#1a1205;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.trip-progressbar{background:var(--surface-2);z-index:4;height:4px;position:sticky;top:58px}.trip-progressbar-fill{background:var(--green);height:100%;transition:width .2s;display:block}.driver-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--surface-2);flex-direction:column;gap:10px;display:flex;position:sticky;bottom:0}.primary{min-height:var(--tap);border-radius:var(--radius);background:var(--accent);color:#fff;border:none;font-size:18px;font-weight:700}.primary.ghost{border:1px solid var(--slate);color:var(--text);background:0 0}.primary:disabled{opacity:.5}.link-button{color:var(--muted);background:0 0;border:none;padding:8px 4px;font-size:15px}.driver-card.welcome{text-align:center;flex-direction:column;gap:16px;width:100%;max-width:420px;margin:auto;padding:32px 24px;display:flex}.driver-card.welcome input{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--slate);background:var(--surface);color:var(--text);padding:0 16px;font-size:18px}.stop-list{flex-direction:column;flex:1;gap:12px;padding:12px 16px;display:flex}.trip-pick{text-align:left;border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface);color:var(--text);flex-direction:column;gap:4px;padding:16px;display:flex}.trip-pick.inactive{opacity:.55;filter:grayscale(.4);transition:opacity .12s,filter .12s}.trip-pick.inactive:active{opacity:1;filter:none;border-color:var(--accent)}.trip-pick-hint{color:var(--muted);margin:0 0 4px;font-size:13px}.finish-confirm{flex-direction:column;gap:10px;display:flex}.finish-confirm-q{text-align:center;margin:0;font-size:15px;font-weight:700}.finish-confirm-actions{gap:10px;display:flex}.finish-confirm-actions>button{flex:1}.primary.danger{background:var(--red);color:#fff}.trip-locked-note{color:var(--muted);font-size:13px}.trip-done-pay{font-weight:700}.stop-card{border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface);overflow:hidden}.stop-card.actioned{opacity:.55;filter:grayscale(.4)}.stop-card.actioned.expanded{opacity:1;filter:none}.stop-card.current{opacity:1;filter:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.stop-card.current.actioned{opacity:.7;filter:grayscale(.3);border-color:var(--surface-2);box-shadow:none}.stop-card.current.actioned.expanded{opacity:1;filter:none}.stop-current-badge{background:var(--accent);color:#fff;letter-spacing:.02em;vertical-align:middle;border-radius:999px;margin-right:8px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.stop-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.stop-items-collapse{margin:4px 0}.stop-items-summary{width:100%;color:inherit;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:16px;font-weight:600;display:flex}.stop-items-summary:active{background:#ffffff14}.stop-items-chevron{opacity:.7;font-size:14px}.stop-items-count{flex:1}.stop-items-action{opacity:.8;font-size:14px;font-weight:700}.stop-items-collapse .stop-items{margin-top:8px}.stop-items li{justify-content:space-between;gap:12px;font-size:14px;display:flex}.stop-item-label{color:var(--text)}.stop-item-qty{color:var(--muted);font-variant-numeric:tabular-nums}.stop-summary{width:100%;color:var(--text);text-align:left;background:0 0;border:none;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:16px;display:grid}.stop-customer{font-size:17px;font-weight:700}.stop-meta{color:var(--muted);font-size:13px}.stop-status{background:var(--slate);border-radius:999px;grid-row:span 2;justify-self:end;padding:4px 10px;font-size:12px;font-weight:700}.status-delivered{background:var(--green)}.status-partial{background:var(--amber);color:#1a1205}.status-returned,.status-failed{background:var(--red)}.stop-detail{flex-direction:column;gap:14px;padding:0 16px 16px;display:flex}.stop-address{color:var(--muted);margin:0;font-size:14px}.stop-contact{gap:10px;display:flex}.contact-btn{min-height:var(--tap);border-radius:var(--radius);color:var(--text);border:1px solid var(--slate);background:var(--surface-2);flex:1;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;display:flex}.contact-btn.map{background:var(--accent);border-color:var(--accent);color:#fff}.contact-btn.call{background:var(--green);border-color:var(--green);color:#fff}.outcome-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.outcome-btn{min-height:var(--tap);border-radius:var(--radius);color:#fff;border:none;font-size:16px;font-weight:700}.outcome-btn.delivered{background:var(--green)}.outcome-btn.partial{background:var(--amber);color:#1a1205}.outcome-btn.rejected,.outcome-btn.returned{background:var(--red)}.outcome-btn:disabled{opacity:.5}.outcome-btn.armed{outline-offset:-3px;outline:3px solid #fff;animation:1s ease-in-out infinite arm-pulse}@keyframes arm-pulse{0%,to{opacity:1}50%{opacity:.75}}.payment-summary{border-radius:var(--radius);background:var(--surface);border:1px solid var(--surface-2);flex-direction:column;gap:8px;margin:0 16px 12px;padding:14px;display:flex}.payment-summary strong{font-size:14px}.payment-summary ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.payment-summary li{justify-content:space-between;gap:12px;font-size:14px;display:flex}.pay-sum-cust{color:var(--muted)}.pay-sum-amt{font-variant-numeric:tabular-nums}.pay-sum-total{color:var(--amber);font-size:13px;font-weight:700}.outcome-btn.partial.selected{outline-offset:-3px;outline:3px solid #fff}.partial-panel{border-radius:var(--radius);background:var(--surface-2);flex-direction:column;gap:8px;padding:12px;display:flex}.partial-hint{color:var(--muted);margin:0;font-size:13px}.line-row{border-top:1px solid var(--surface-2);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.line-label{flex:1;font-size:14px}.stepper{align-items:center;gap:10px;display:flex}.stepper button{border:1px solid var(--slate);background:var(--surface-2);width:40px;height:40px;color:var(--text);border-radius:10px;font-size:20px}.line-of{color:var(--muted);font-size:12px}.items{border:1px solid var(--surface-2);border-radius:var(--radius);margin:4px 0;overflow:hidden}.items-summary{width:100%;color:inherit;cursor:pointer;text-align:left;background:#ffffff0a;border:none;align-items:center;gap:12px;padding:14px;display:flex}.items-summary:active{background:#ffffff14}.items-chevron{opacity:.7;flex:none;font-size:14px;transition:transform .15s}.items.open .items-chevron{transform:rotate(90deg)}.items-action{opacity:.8;flex:none;font-size:14px;font-weight:700}.items-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.items-toprow{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.items-count{flex:1;font-size:16px;font-weight:600}.items-total{font-variant-numeric:tabular-nums;color:#fbbf24;font-size:18px;font-weight:800}.items-subrow{justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.items-invoice{color:var(--muted);font-variant-numeric:tabular-nums}.items-delta{color:var(--green);font-weight:700}.items-delta.removed{color:#f87171}.items-body{flex-direction:column;padding:0 14px 12px;display:flex}.line-ext{color:#fbbf24;font-variant-numeric:tabular-nums;text-align:right;min-width:64px;font-size:14px;font-weight:700}.line-qty{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:44px;font-size:14px}.line-label small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;display:block}.line-label small .removed{color:#f87171}.items-edit-hint{color:var(--muted);margin:8px 0 0;font-size:12px}.items-confirm{min-height:var(--tap);border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;margin-top:8px;font-size:16px;font-weight:700}.pay-due-note{color:var(--muted);margin:2px 0 0;font-size:12px}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--slate);background:var(--surface-2);color:var(--text);padding:0 14px;font-size:16px}.signature-pad{flex-direction:column;gap:6px;display:flex}.signature-pad-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.signature-clear{color:var(--accent);background:0 0;border:none;padding:4px 8px;font-size:14px;font-weight:700}.signature-canvas{border-radius:var(--radius);border:1px dashed var(--slate);touch-action:none;background:#fff;width:100%;height:140px}.signature-hint{color:var(--muted);text-align:center;margin-top:-4px;font-size:12px}.payment-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.payment-row select,.payment-row input{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--slate);background:var(--surface-2);min-width:0;color:var(--text);padding:0 12px;font-size:15px}.payment-row input:disabled,.payment-row select:disabled{opacity:.5}.pod-or-hint{color:var(--muted);margin:2px 0 0;font-size:13px}.photo-capture{flex-direction:column;gap:8px;display:flex}.photo-capture-label{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.photo-capture-count{font-variant-numeric:tabular-nums}.photo-capture-input{display:none}.photo-capture-btn{min-height:var(--tap);border-radius:var(--radius);border:1px dashed var(--slate);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:15px;font-weight:600}.photo-capture-btn:disabled{opacity:.6}.photo-capture-thumbs{flex-wrap:wrap;gap:10px;display:flex}.photo-capture-thumb{border-radius:var(--radius);border:1px solid var(--slate);background:#fff;width:96px;height:96px;position:relative;overflow:hidden}.photo-capture-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-capture-remove{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:999px;width:24px;height:24px;font-size:16px;line-height:1;position:absolute;top:4px;right:4px}.photo-capture-error{color:var(--amber);font-size:13px}.driver-error{color:#fcd34d;background:#d9770626;margin:0;padding:12px 16px;font-size:14px}.pending-note{color:var(--amber);margin:0;padding:8px 16px;font-size:13px}.empty{color:var(--muted);text-align:center;padding:32px 16px}.return-verify{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);flex-direction:column;gap:14px;margin:12px;padding:16px;display:flex}.return-verify-head h2{margin:0 0 4px;font-size:20px}.return-verify-sub{color:var(--muted);margin:0;font-size:14px}.return-scan-row{gap:10px;display:flex}.return-scan-input{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--slate);background:var(--surface-2);color:var(--text);text-transform:uppercase;flex:1;padding:0 14px;font-size:18px}.return-scan-add{min-width:84px}.return-flash{border-radius:10px;margin:0;padding:10px 14px;font-size:14px;font-weight:600}.return-flash.ok{color:#4ade80;background:#16a34a29}.return-flash.warn{color:#fbbf24;background:#d977062e}.return-lines{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.return-line{border-radius:var(--radius);background:var(--surface-2);border-left:4px solid var(--slate);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.return-line.ok{border-left-color:var(--green)}.return-line.short{border-left-color:var(--amber)}.return-line.over{border-left-color:var(--red)}.return-line-main{flex-direction:column;gap:2px;min-width:0;display:flex}.return-line-part{font-size:15px;font-weight:700}.return-line-desc{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:52vw;font-size:13px;overflow:hidden}.return-line-cust{color:var(--muted);font-size:12px}.return-line-count{flex-shrink:0;align-items:center;gap:8px;display:flex}.return-line-of{color:var(--muted);font-size:12px}.return-line-flag{text-align:right;min-width:38px;font-size:12px;font-weight:700}.return-line-flag.ok{color:#4ade80}.return-line-flag.short{color:#fbbf24}.return-line-flag.over{color:#f87171}.return-variance-confirm{flex-direction:column;gap:10px;display:flex}.return-variance-q{color:var(--amber);margin:0;font-size:14px}.return-variance-actions{gap:10px;display:flex}.return-variance-actions .primary{flex:1}.recorded-banner{background:#94a3b81f;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.pay-warning{color:#fcd34d;background:#d9770626;border-radius:8px;margin:8px 0 0;padding:8px 12px;font-size:13px}.trip-id-sub{opacity:.7;font-size:11px}