.chips{flex-wrap:wrap;gap:8px;display:flex}.chips-label{font-weight:600}.chips button{min-height:var(--target);border:2px solid var(--edge);background:var(--bg);border-radius:999px;padding:0 16px;font-weight:600}.chips button.chip-on{border-color:var(--red-button);background:var(--red-button);color:#fff}.chips button:disabled{color:var(--ink-2);background:var(--bg-2);cursor:not-allowed;border-style:dashed}.answers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.answers.two{grid-template-columns:repeat(2,1fr)}.answers button{border:2px solid var(--edge);background:var(--bg);border-radius:12px;min-height:56px;font-size:18px;font-weight:600}.answers button.stops{border-color:var(--amber);color:var(--amber);background:var(--amber-bg)}.answers button.chosen{border-color:var(--ink);background:var(--ink);color:#fff}.answers button.stops.chosen{border-color:var(--amber);background:var(--amber);color:#fff}.section{border-bottom:1px solid var(--line);gap:12px;padding:16px 0;display:grid}.section h2{align-items:center;gap:10px;font-size:20px;font-weight:600;display:flex}.section.locked h2{color:var(--ink-2)}.tick{border:2px solid var(--line);width:28px;height:28px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;font-size:16px;display:inline-grid}.tick.done{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.sheet-back{z-index:20;background:#0006;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-height:92vh;padding:8px var(--gutter) max(24px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;gap:12px;display:grid;overflow-y:auto}.sheet header{justify-content:space-between;align-items:center;min-height:56px;display:flex}.sheet header h2{font-size:20px}.sheet .close{min-width:var(--target);min-height:var(--target);background:0 0;border:0;font-size:22px}.pin{gap:8px;font-weight:600;display:grid}.pin input{letter-spacing:12px;text-align:center;border:2px solid var(--edge);border-radius:12px;min-height:56px;font-size:28px}.field{gap:6px;font-weight:600;display:grid}.field input,.field textarea,.field select{min-height:var(--target);border:2px solid var(--edge);background:var(--bg);border-radius:12px;padding:10px 12px;font-size:16px;font-weight:400}.field textarea{resize:vertical;min-height:96px}.big-number{font-size:24px!important}.thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumb{object-fit:cover;border:1px solid var(--edge);border-radius:8px;place-items:center;width:96px;height:96px;display:inline-grid}.stepper{min-width:var(--target);padding:0;font-size:22px}.qty{text-align:center;min-width:32px;font-size:22px;font-weight:600}.missing{gap:8px;margin:0;padding-left:20px;font-size:18px;display:grid}.note{margin:0}.signature{border:2px solid var(--edge);touch-action:none;background:var(--bg);border-radius:12px;width:100%;height:200px}.question{border-bottom:1px solid var(--line);gap:8px;padding:12px 0;display:grid}.question .q{font-size:18px}.panel{border-radius:12px;gap:12px;padding:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.link{min-height:var(--target);color:var(--red-button);background:0 0;border:0;padding:0 4px;font-weight:600;text-decoration:underline}.stack{gap:8px;display:grid}.between{justify-content:space-between}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{border-bottom:1px solid var(--line);grid-template-columns:64px 1fr;align-items:center;column-gap:8px;padding:8px 0;display:grid}.timeline .time{font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.timeline .link{grid-column:2;justify-self:start}.week{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.week th,.week td{border-bottom:1px solid var(--line);text-align:right;padding:10px 4px}.week th:first-child,.week td:first-child{text-align:left}.week .total td{border-top:2px solid var(--ink);font-weight:600}.details{border-collapse:collapse;width:100%;margin-bottom:12px}.details th,.details td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:10px 4px}.details th{width:40%;font-weight:600}.not-signed{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.not-signed button{padding:0 6px}.call{place-items:center;text-decoration:none;display:inline-grid}.chip.ok{color:var(--ok);background:var(--ok-bg)}.chip.amber{color:var(--amber);background:var(--amber-bg)}.stack>.chip{justify-self:start}.secondary[aria-pressed=true]{background:var(--red-button);color:#fff}.link-banner{text-align:left;width:100%;min-height:var(--target);border:0;display:block}.card-flat{padding:14px var(--gutter);border:1px solid var(--edge);border-radius:12px}:root{--red-button:#a02c22;--red-brand:#dc4330;--ink:#1f1f1f;--ink-2:#555;--line:#d0d0d0;--edge:#8a8a8a;--bg:#fff;--bg-2:#f4f4f4;--amber:#6b4500;--amber-bg:#fff3d6;--alert:#8c1d18;--alert-bg:#fde7e5;--ok:#145226;--ok-bg:#e3f3e7;--gutter:16px;--target:48px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Roboto,Segoe UI,sans-serif;font-size:16px;line-height:1.4}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0}.topbar{z-index:10;padding:4px var(--gutter) 8px;padding-top:max(4px, env(safe-area-inset-top));background:var(--bg);border-bottom:2px solid var(--red-brand);position:sticky;top:0}.topbar-row{min-height:var(--target);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar .logo{width:auto;height:28px}.topbar h1{overflow-wrap:anywhere;font-size:20px;font-weight:600}.topbar .back{min-height:var(--target);color:var(--red-button);background:0 0;border:0;margin-left:-8px;padding:0 8px;font-size:18px;font-weight:600}.save{border:0;border-radius:8px;flex:none;padding:6px 10px;font-size:16px;font-weight:600}button.save{min-height:var(--target)}.ok{color:var(--ok);background:var(--ok-bg)}.amber{color:var(--amber);background:var(--amber-bg)}.alert{color:var(--alert);background:var(--alert-bg)}.banner{padding:12px var(--gutter);margin:0;font-weight:600}.banner .link{min-width:var(--target)}.page{max-width:640px;padding:var(--gutter);padding-bottom:calc(var(--target) + 48px);gap:12px;margin:0 auto;display:grid}.page.wide{max-width:1200px}.columns{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:16px;display:grid}.columns h2{font-size:18px}.grow{flex:220px}.link-block{text-align:left;min-height:var(--target);background:0 0;border:0;gap:4px;padding:0;display:grid}.chip.alert{color:var(--alert);background:var(--alert-bg)}.overdue{border-color:var(--alert);border-width:2px}iframe.jobcard{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;min-height:70vh}.muted{color:var(--ink-2)}.card{width:100%;padding:14px var(--gutter);text-align:left;background:var(--bg);border:1px solid var(--edge);min-height:var(--target);border-radius:12px;gap:4px;display:grid}.card-top{justify-content:space-between;align-items:center;gap:8px;font-size:18px;display:flex}.chip{background:var(--bg-2);color:var(--ink);border-radius:999px;padding:2px 10px;font-size:16px;font-weight:600;display:inline-block}.chip.fnb{margin-left:8px}.status-returned{color:var(--alert);background:var(--alert-bg)}.status-approved{color:var(--ok);background:var(--ok-bg)}.note{border-radius:8px;padding:8px 10px;font-weight:600}.next{padding:8px var(--gutter);padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0}.primary{background:var(--red-button);color:#fff;border:0;border-radius:12px;width:100%;min-height:56px;font-size:18px;font-weight:600}.primary:disabled{background:var(--line);color:var(--ink-2)}.secondary{min-height:var(--target);border:2px solid var(--red-button);background:var(--bg);color:var(--red-button);border-radius:12px;padding:0 16px;font-weight:600}
