:root{--bg:#f5f6f3;--surface:#fff;--surface-alt:#fafbf9;--ink:#16201c;--ink-2:#2c3833;--muted:#5a6660;--muted-2:#4c5853;--line:#dce1dd;--line-soft:#e8ece9;--control:#c9d1cc;--hover:#e9eeea;--accent:#1f5f8b;--accent-ink:#123e5c;--accent-soft:#e3eef6;--selected:#f1f7fb;--warn-bg:#fff3dc;--warn-ink:#6b4200;--warn-line:#f0d9a8;--warn-text:#9a5b00;--bad-bg:#fbe7e4;--bad-ink:#8a2017;--good-bg:#e5f2e7;--good-ink:#24572f;--violet-bg:#ede7f6;--violet-ink:#4a2f78;--neutral-bg:#eef1ee;--font:"IBM Plex Sans", "IBM Plex Sans Thai", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--gutter:16px;--control-h:44px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--font);margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-ink);text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:13px}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.owing{color:var(--bad-ink);font-weight:500}.warn-text{color:var(--warn-text);font-weight:500}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;left:0;overflow:hidden}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:56px;padding:6px 8px;display:flex;position:sticky;top:0}.topbar .brand{flex:1;padding:0}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--hover)}.side{z-index:40;visibility:hidden;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:22px;width:min(300px,86vw);padding:16px 14px;transition:transform .2s,visibility .2s;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.side[data-open=true]{visibility:visible;transform:none;box-shadow:0 0 40px #16201c40}.side-head{justify-content:space-between;align-items:center;display:flex}.scrim{z-index:30;cursor:pointer;background:#16201c61;border:0;padding:0;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.side{transition:none}}.brand{align-items:center;gap:10px;padding:0 8px;display:flex}.brand strong{font-size:15px}.nav{flex-direction:column;gap:2px;display:flex}.nav-group{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 12px 6px;font-size:11px;font-weight:600}.nav a{min-height:var(--control-h);color:var(--ink-2);border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:500;display:flex}.nav a:hover{background:var(--hover);color:var(--ink);text-decoration:none}.nav a[data-status=active]{background:var(--accent-soft);color:var(--accent-ink)}.nav a .count{background:var(--accent-soft);min-width:22px;color:var(--accent-ink);text-align:center;border-radius:11px;margin-left:auto;padding:1px 7px;font-size:12px;font-weight:600}.slips{gap:var(--gutter);grid-template-columns:minmax(0,1fr);display:grid}.card.slip{flex-direction:column}.slip-image{align-self:flex-start;display:block}.slip-image img{border:1px solid var(--line);background:var(--bg);border-radius:8px;max-width:100%;max-height:320px;display:block}.slip-body{flex-direction:column;gap:8px;min-width:0;display:flex}.slip-body h2{font-size:22px}@media (width>=960px){.slips{grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.card.slip{flex-direction:row;align-items:flex-start}.slip-image img{max-width:180px;max-height:260px}}.who{border-top:1px solid var(--line-soft);flex-direction:column;gap:10px;margin-top:auto;padding:12px;display:flex}.main{flex-direction:column;flex:1;gap:16px;min-width:0;padding-bottom:40px;display:flex}.banner{padding:10px var(--gutter);background:var(--warn-bg);color:var(--warn-ink);border-bottom:1px solid var(--warn-line);flex-wrap:wrap;gap:8px 16px;font-size:13px;display:flex}.page-head{padding:8px var(--gutter) 0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 16px;display:flex}.page-head h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.page-head p{color:var(--muted);margin:4px 0 0}.pad{padding:0 var(--gutter)}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:16px;display:flex}.card h2{margin:0;font-size:16px;font-weight:600}.wide{margin:0 var(--gutter)}.reveal{scroll-margin-top:72px}.scroll-x{min-width:0;overflow-x:auto}.plain-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.plain-list>li{border-top:1px solid var(--line);padding:10px 0}.plain-list>li:first-child{border-top:0;padding-top:0}.row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px;display:grid}.table-box{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow-x:auto}table.t{border-collapse:collapse;width:100%}table.t th{text-align:left;color:var(--muted-2);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-alt);padding:10px 12px;font-size:12px;font-weight:600}table.t td{border-bottom:1px solid var(--line-soft);vertical-align:top;white-space:nowrap;padding:10px 12px}table.t tbody tr:hover td{background:#f7fafc}table.t tr[aria-selected=true] td{background:var(--selected)}table.t tr.add-on td:first-child{color:var(--muted);padding-left:28px}.pill{white-space:nowrap;background:var(--neutral-bg);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.blue{background:var(--accent-soft);color:var(--accent-ink)}.pill.violet{background:var(--violet-bg);color:var(--violet-ink)}.pill.amber{background:var(--warn-bg);color:var(--warn-ink)}.pill.green{background:var(--good-bg);color:var(--good-ink)}.pill.red{background:var(--bad-bg);color:var(--bad-ink)}.btn{min-height:var(--control-h);border:1px solid var(--control);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.btn:hover:not([disabled]){background:var(--hover)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not([disabled]){background:var(--accent-ink)}.btn[disabled]{color:#7a8580;cursor:not-allowed;background:#f1f3f1}.link-btn{color:var(--accent);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:500}.link-btn:hover{text-decoration:underline}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}form.filters>.field{flex:150px}.field{color:var(--muted-2);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.field input,.field select{min-height:var(--control-h);border:1px solid var(--control);background:var(--surface);font:inherit;color:var(--ink);border-radius:8px;padding:0 10px;font-size:16px;font-weight:400}.check{min-height:var(--control-h);align-items:center;gap:8px;font-weight:500;display:flex}.check input{width:18px;height:18px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{min-height:var(--control-h);border:1px solid var(--control);background:var(--surface);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.tabs{padding:0 var(--gutter);border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tab{min-height:44px;font:inherit;color:var(--muted-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}.tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent-ink)}.note{background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-line);border-radius:10px;gap:12px;padding:14px 16px;display:flex}.error-box{background:var(--bad-bg);color:var(--bad-ink);border-radius:8px;padding:12px 14px;font-weight:500}.pager{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}dl.kv{grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:8px 16px;margin:0;display:grid}dl.kv dt{color:var(--muted)}dl.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}dl.totals{grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;width:min(100%,300px);margin:0 0 0 auto;display:grid}dl.totals dt{color:var(--muted)}dl.totals dd{margin:0}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-bottom:1px solid var(--line-soft);grid-template-columns:12px minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:8px 0;display:grid}.dot{background:var(--accent);border-radius:50%;width:10px;height:10px}pre.json{background:var(--bg);font:12px var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:12px}.center-page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:48px 16px;display:flex}.yes{color:var(--good-ink);font-weight:600}.no{color:#8e9893}.dialog{white-space:normal;text-align:left;width:100%;max-width:100%;max-height:92dvh;padding:20px var(--gutter) calc(20px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px 16px 0 0;margin:auto 0 0;box-shadow:0 24px 60px #16201c38}.dialog::backdrop{background:#16201c61}.dialog-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.dialog-head h2{margin:0;font-size:18px}.form{flex-direction:column;gap:14px;display:flex}.form p{margin:0}.form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px 16px;display:grid}.hint{color:var(--muted);font-size:12px;font-weight:400}.field textarea{border:1px solid var(--control);background:var(--surface);font:inherit;color:var(--ink);resize:vertical;border-radius:8px;padding:8px 10px;font-size:16px;font-weight:400}.field input[type=file]{padding:8px 10px}.checklist{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:0 20px;margin:0;padding:10px 14px;display:flex}.checklist legend{color:var(--muted-2);padding:0 6px;font-size:12px;font-weight:600}.booking-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.booking-list li{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.btn.danger{background:var(--bad-ink);border-color:var(--bad-ink);color:#fff}.btn.danger:hover:not([disabled]){background:#6e190f}a.btn:hover{text-decoration:none}a.btn.primary:hover{color:#fff}table.t.edit td{padding:6px}table.t.edit input,table.t.edit select{border:1px solid var(--control);width:100%;min-width:90px;min-height:40px;font:inherit;background:var(--surface);border-radius:6px;padding:0 8px}.photos{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.photos img{object-fit:cover;border:1px solid var(--line);background:var(--hover);border-radius:8px;width:96px;height:96px;display:block}.board{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:16px;display:grid}.board-step{gap:10px}.board-step[data-failed=true]{border-top:3px solid var(--bad-ink)}.board-note{overflow-wrap:anywhere}.board-failed{border-left:4px solid var(--bad-ink);gap:8px}.board-failed h2{margin:0;font-size:15px}.board-failed-list{overflow-wrap:anywhere;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.board-list{flex-direction:column;margin:0 -8px;padding:0;list-style:none;display:flex}.board-list>li+li{border-top:1px solid var(--line-soft)}.board-order{color:var(--ink-2);border-radius:8px;flex-direction:column;gap:2px;min-width:0;padding:8px;display:flex}.board-order:hover{background:var(--hover);color:var(--ink-2);text-decoration:none}.board-line{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;display:flex}.board-wait{white-space:nowrap;margin-left:auto}.columns-picker{flex:100%;position:relative}.columns-picker>summary{width:fit-content;list-style:none}.columns-picker>summary::-webkit-details-marker{display:none}.columns-picker>summary:after{content:"▾";font-size:12px}.columns-picker[open]>summary:after{content:"▴"}.columns-panel{gap:10px;margin-top:8px;padding:12px}.columns-list{border:0;flex-direction:column;margin:0;padding:0;display:flex}.columns-list .check{min-height:36px}.columns-list .check>span:first-of-type{flex:1;min-width:0}.columns-count{font-family:var(--mono);margin-left:auto}.inspect-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.inspect-list>li{border-top:1px solid var(--line-soft);flex-direction:column;gap:8px;padding:12px 0;display:flex}.inspect-list>li:first-child{border-top:0;padding-top:0}.inspect-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.inspect-row>.inspect-name{flex:140px;min-width:0;font-weight:500}.stepper{align-items:center;gap:4px;display:inline-flex}.stepper input{width:64px;min-height:var(--control-h);border:1px solid var(--control);font:inherit;text-align:center;background:var(--surface);border-radius:8px;padding:0 8px;font-size:16px}.stepper .btn{min-width:var(--control-h);padding:0}.photos.small img{width:64px;height:64px}.photos li{position:relative}.photos .photo-state{text-align:center;background:#ffffffe6;border-radius:4px;padding:1px 4px;font-size:11px;font-weight:600;position:absolute;inset:auto 2px 2px}.photos .photo-state.failed{background:var(--bad-bg);color:var(--bad-ink)}.photos .photo-remove{color:#fff;width:24px;height:24px;font:inherit;cursor:pointer;background:#16201cb3;border:0;border-radius:999px;padding:0;line-height:24px;position:absolute;top:2px;right:2px}.run{flex-direction:column;gap:20px;display:flex}.run-group{flex-direction:column;gap:10px;min-width:0;display:flex}.run-group h2{margin:0;font-size:16px;font-weight:600}.run-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.run-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.run-card[data-selected=true]{border-color:var(--accent);background:var(--selected);box-shadow:inset 0 0 0 1px var(--accent)}.run-top{align-items:flex-start;gap:12px;min-width:0;display:flex}.run-check{width:26px;height:26px;accent-color:var(--accent);flex:none;margin:2px 0 0}.run-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.run-slot{font-variant-numeric:tabular-nums}.run-id{margin-left:auto}.run-card[data-failed=true]{border-left:4px solid var(--bad-ink)}.run-note{overflow-wrap:anywhere}.run-place{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.run-actions{flex-wrap:wrap;gap:8px;display:flex}.run-actions .btn{flex:auto}.run-bar{z-index:10;padding:10px var(--gutter) calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:auto;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 24px #16201c14}.run-bar>.small{flex:1;min-width:0}.run-bar .btn{min-width:120px}.deliver-body{flex-direction:column;gap:16px;max-width:640px;display:flex}.deliver-lines{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.deliver-lines li{justify-content:space-between;gap:12px;display:flex}.deliver-due{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;margin:12px 0 0;padding-top:10px;display:grid}.deliver-due dt{color:var(--muted)}.deliver-due dd{text-align:right;margin:0}.deliver-due dt:last-of-type,.deliver-due dd:last-of-type{color:var(--ink);font-size:20px;font-weight:600}.deliver-due dd.owing:last-of-type{color:var(--bad-ink)}.deliver-changes{border-top:1px solid var(--line-soft);flex-direction:column;gap:4px;margin:12px 0 0;padding:10px 0 0;list-style:none;display:flex}.deliver-pay .check{min-width:120px}.deliver .form>.filters:last-child .btn{flex:1}.weigh-body{flex-direction:column;gap:16px;max-width:640px;display:flex}.weigh-notes{flex-direction:column;gap:8px;display:flex}.weigh-lines{flex-direction:column;gap:14px;display:flex}.weigh-line{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid}.weigh-line label{font-size:15px;font-weight:600}.weigh-input{align-items:center;gap:8px;display:flex}.weigh-input input{border:1px solid var(--control);background:var(--surface);width:7.5em;min-height:52px;font:inherit;text-align:right;color:var(--ink);border-radius:8px;padding:0 12px;font-size:22px;font-weight:600}.weigh-input .muted{min-width:3.5em}.weigh-price{text-align:right;grid-column:1/-1;min-height:1.2em}.weigh-sub{display:block}.weigh-note{font-weight:400;display:block}.weigh-items{flex-direction:column;gap:6px;display:flex}.weigh-items ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.weigh-items li{justify-content:space-between;gap:12px;display:flex}.weigh-total{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:4px 12px;margin:0;padding-top:12px;display:grid}.weigh-total dt{color:var(--muted)}.weigh-total dd{text-align:right;margin:0}.weigh-total dt:last-of-type,.weigh-total dd:last-of-type{color:var(--ink);font-size:22px;font-weight:600}.weigh .form>.filters:last-child .btn{flex:1}.finish-steps{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:6px 12px;margin:0;padding:0;list-style:none;display:grid}.finish-steps li{color:var(--muted);grid-template-columns:12px minmax(0,1fr);align-items:baseline;column-gap:8px;display:grid}.finish-steps li>.small{grid-column:2}.finish-steps li[data-done=true]{color:var(--ink);font-weight:500}.finish-dot{border:2px solid var(--control);border-radius:50%;width:10px;height:10px}.finish-steps li[data-done=true] .finish-dot{border-color:var(--accent);background:var(--accent)}.inspect-list>li[data-differs=true]{background:var(--warn-bg);border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.finish-diff{flex-direction:column;gap:4px}.finish-diff ul{margin:0;padding-left:18px}@media (width<=639px){table.t.stack{min-width:0!important}table.t.stack thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}table.t.stack,table.t.stack tbody,table.t.stack tr,table.t.stack td{display:block}table.t.stack tr{border-bottom:1px solid var(--line);padding:10px 14px}table.t.stack tbody tr:hover td{background:0 0}table.t.stack tr[aria-selected=true]{background:var(--selected)}table.t.stack td{white-space:normal;text-align:left;border:0;grid-template-columns:minmax(0,104px) minmax(0,1fr);gap:12px;padding:4px 0;display:grid}table.t.stack td:before{content:attr(data-label);color:var(--muted);padding-top:2px;font-size:12px;font-weight:600}table.t.stack td:not([data-label]){display:block}table.t.stack td:not([data-label]):before{content:none}table.t.stack td.lead{font-size:15px;display:block}table.t.stack td.lead:before{content:none}.timeline li{grid-template-columns:12px minmax(0,1fr);gap:2px 12px}.timeline li>:nth-child(3){grid-column:2}.dialog .form>.filters:last-child{bottom:calc(-20px - env(safe-area-inset-bottom));margin:0 calc(-1 * var(--gutter));padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line-soft);position:sticky}.dialog .form>.filters:last-child .btn{flex:1}}@media (width>=640px){:root{--gutter:24px;--control-h:40px}.field input,.field select,.field textarea{font-size:14px}.page-head h1{font-size:26px}.card{padding:20px}.grid{gap:20px}dl.kv{grid-template-columns:minmax(0,150px) minmax(0,1fr)}.columns-picker{flex:none}.columns-panel{z-index:5;width:340px;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #16201c24}.dialog{border-radius:14px;width:min(720px,100vw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:24px}}@media (width>=960px){:root{--gutter:28px}.shell{flex-direction:row;align-items:stretch}.topbar,.scrim,.side-head .icon-btn{display:none}.side{visibility:visible;width:auto;box-shadow:none;flex:0 0 232px;padding:20px 14px;position:static;transform:none}.shell{height:100dvh}.main{overflow-y:auto}.main>*{flex-shrink:0}.table-box{max-height:calc(100dvh - 2 * var(--gutter));overflow:auto}.table-box table.t thead th,.fit-scroll table.t thead th{z-index:1;position:sticky;top:0}.main:has(>.table-box){padding-bottom:var(--gutter);overflow:hidden}.main>.table-box{flex:1 1 0;min-height:0;max-height:none}}@media (width>=1250px){.main:has(>.fit:last-child){padding-bottom:var(--gutter);overflow:hidden}.main>.fit:last-child{flex-wrap:nowrap;flex:1 1 0;align-items:stretch;min-height:0}.main>.fit:last-child>*{min-height:0;max-height:100%;overflow-y:auto}.main>.fit:last-child>.fit-col{flex-direction:column;display:flex;overflow:hidden}.main>.fit:last-child .fit-col>*{flex-shrink:0}.main>.fit:last-child .fit-col>.fit-scroll{flex:1 1 0;min-height:0;max-height:none;overflow:auto}}@media print{.topbar,.side,.scrim,.banner{display:none!important}}.site-page{flex-direction:column;gap:16px;max-width:900px;display:flex}.site-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;display:flex}.site-row-main{flex-direction:column;flex:260px;gap:4px;min-width:0;display:flex}.site-text{white-space:pre-line;overflow-wrap:anywhere}.site-image{border:1px solid var(--line);border-radius:6px;max-width:160px}.card h3{margin:4px 0 0;font-size:14px;font-weight:600}.payments-list{margin:0;padding:0;list-style:none}.payments-list li{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.qr{text-align:center;align-items:center}.qr-image{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:8px;width:min(280px,100%);padding:12px}.qr-amount{margin:0;font-size:1.6rem;font-weight:600}.qr-paid{color:var(--good-ink);margin:0;font-size:1.4rem;font-weight:600}.deliver-qr{justify-content:space-between;align-items:center}.new-order{gap:var(--gutter);align-items:start;display:grid}.new-order-main{gap:var(--gutter);flex-direction:column;min-width:0;display:flex}.new-order-section{flex-direction:column;gap:12px;display:flex}.new-order-section h2{margin:0;font-size:16px}.new-order fieldset{border:0;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.new-order legend,.dialog legend{color:var(--muted-2);margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.dialog fieldset{border:0;min-width:0;margin:0;padding:0}.chip .small{opacity:.85;font-weight:400}.chip.slot-closed{color:var(--muted);border-style:dashed}.chip.slot-closed[aria-pressed=true]{color:#fff}.speeds{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.speed{border:1px solid var(--control);background:var(--surface);color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;font-size:13px;display:flex}.speed strong{color:var(--ink);font-size:15px}.speed[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--selected)}.order-items{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.order-items li{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.order-items li>div:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.order-item-actions{flex-shrink:0;gap:12px;display:flex}.picked-customer{background:var(--selected);border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0;padding:10px 12px;display:flex}.found-customers{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.leg+.leg{border-top:1px solid var(--line-soft);padding-top:12px}.leg-date{max-width:220px}.stepper-label{color:var(--muted-2);font-size:12px;font-weight:600}.order-summary{flex-direction:column;gap:10px;display:flex}.order-summary h2{margin:0;font-size:16px}.order-summary dl{gap:4px;margin:0;font-size:14px;display:grid}.order-summary dt{color:var(--muted-2);margin-top:6px;font-size:12px;font-weight:600}.order-summary dd{margin:0}.new-order-side{padding:14px var(--gutter);margin:0 calc(-1 * var(--gutter));background:var(--surface);border-top:1px solid var(--line);position:sticky;bottom:0;box-shadow:0 -8px 24px #16201c14}.new-order-side .order-summary dl,.new-order-side .order-summary h2{display:none}.new-order-side .btn.primary{width:100%}@media (width>=960px){.new-order{grid-template-columns:minmax(0,1fr) 300px}.new-order-side{top:var(--gutter);border:1px solid var(--line);box-shadow:none;border-radius:14px;margin:0;position:sticky;bottom:auto}.new-order-side .order-summary dl{display:grid}.new-order-side .order-summary h2{display:block}}