:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#fff;--surface-raised:#f4f5f7;--ink:#14171c;--ink-muted:#4a5158;--line:#d5d9de;--accent:#0b5cd5;--accent-ink:#fff;--ok:#0d6a3f;--warn:#8a5000;--danger:#a11b1b;--touch:3rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#101317;--surface-raised:#191d23;--ink:#f2f4f7;--ink-muted:#b3bac2;--line:#2c333b;--accent:#6aa8ff;--accent-ink:#0b1220;--ok:#6fd39b;--warn:#f0b563;--danger:#ff8f8f}}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);-webkit-text-size-adjust:100%;margin:0;font:400 1rem/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.driver-frame{flex-direction:column;gap:1rem;max-width:34rem;min-height:100dvh;margin:0 auto;padding:1rem 1rem 2rem;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);font-size:.8125rem;font-weight:600;display:block}h1{margin:.25rem 0 0;font-size:1.5rem}h2{margin:0 0 .5rem;font-size:1.125rem}.card{background:var(--surface-raised);border:1px solid var(--line);border-radius:.75rem;padding:1rem}.next-stop strong{font-size:1.375rem;line-height:1.25;display:block}.next-stop .address{color:var(--ink-muted)}.next-stop .quantity{margin:.5rem 0 0;font-size:1.75rem;font-weight:700}button{min-height:var(--touch);min-width:var(--touch);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:.625rem;padding:0 1rem;font-weight:600}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button[disabled]{opacity:.5;cursor:not-allowed}.primary{background:var(--accent);width:100%;color:var(--accent-ink);border-color:#0000;font-size:1.0625rem}.stepper{align-items:center;gap:.5rem;display:flex}.stepper button{flex:0 0 var(--touch);font-size:1.5rem;line-height:1}.stepper output{text-align:center;font-variant-numeric:tabular-nums;flex:auto;font-size:1.5rem;font-weight:700}.line-row{border-top:1px solid var(--line);padding:.75rem 0}.line-row:first-of-type{border-top:0}.line-row .label{margin-bottom:.375rem;font-weight:600;display:block}.line-row .planned{color:var(--ink-muted);font-weight:400}.connectivity{border:1px solid var(--line);border-left-width:.375rem;border-radius:.625rem;align-items:center;gap:.625rem;padding:.75rem .875rem;font-weight:600;display:flex}.connectivity[data-tone=online]{border-left-color:var(--ok)}.connectivity[data-tone=offline],.connectivity[data-tone=pending]{border-left-color:var(--warn)}.connectivity[data-tone=syncing]{border-left-color:var(--accent)}.connectivity[data-tone=synced]{border-left-color:var(--ok)}.connectivity[data-tone=attention]{border-left-color:var(--danger)}.connectivity .mark{font-size:1.125rem}.stop-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.stop-list button{text-align:left;width:100%;padding:.875rem 1rem}.stop-list .sequence{color:var(--ink-muted);font-weight:600}.stop-list .state{color:var(--ink-muted);font-weight:400;display:block}.back{background:0 0;border-color:#0000;align-self:flex-start;padding-left:0}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.signature-surface{aspect-ratio:600/220;background:var(--surface);border:2px dashed var(--line);touch-action:none;border-radius:.625rem;width:100%;height:auto;display:block}.signature-actions{gap:.5rem;margin-top:.75rem;display:flex}.signature-actions button{flex:1 1 0}select,input[type=text],input:not([type]){width:100%;min-height:var(--touch);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;border-radius:.625rem;margin-top:.375rem;padding:0 .75rem}label{margin-bottom:.75rem;font-weight:600;display:block}.pickup-grid{gap:.75rem;margin-bottom:1rem;display:grid}.pickup-grid h2{margin:0;font-size:1rem}.pickup-cell{border:1px solid var(--line);background:var(--surface,transparent);border-radius:.75rem;padding:.75rem}.pickup-cell label{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.pickup-cell .label{font-weight:600}.pickup-cell .planned{color:var(--ink-muted);font-size:.875rem}.pickup-controls{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.pickup-controls button{flex:0 0 var(--touch);font-size:1.5rem;line-height:1}.pickup-controls input{min-height:var(--touch);text-align:center;font-variant-numeric:tabular-nums;border:1px solid var(--line);color:inherit;background:0 0;border-radius:.5rem;flex:auto;font-size:1.75rem;font-weight:700}.pickup-all{width:100%;margin-top:.5rem;font-size:.9375rem}.pickup-summary .quantity{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}@media (min-width:30rem){.pickup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pickup-grid h2{grid-column:1/-1}}
