/* DRVX Drivers: black + gold (the DRVX family), built for gloves, sunlight and poor signal. Big targets (min 56px), plain words. */
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/fonts/manrope-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(/fonts/manrope-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400;font-display:swap;src:url(/fonts/dm-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:600;font-display:swap;src:url(/fonts/dm-sans-latin-600-normal.woff2) format('woff2')}
:root{--bg:#0b0b0c;--card:#17181b;--card2:#202227;--line:#2e3036;--ink:#f5f3ee;--mute:#a9a6a0;--gold:#d4af37;--gold2:#f0d27a;--ok:#2fbf71;--warn:#f0a020;--bad:#ff4d4d;--fs:17px;color-scheme:dark}
html.big{--fs:21px}html.hc{--bg:#000;--card:#000;--card2:#111;--line:#fff;--ink:#fff;--mute:#e6e6e6;--gold:#ffd400}
[hidden]{display:none!important}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs)/1.45 'DM Sans',system-ui,sans-serif;min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}
h1,h2,h3{font-family:Manrope,system-ui,sans-serif;font-weight:800;line-height:1.2;margin:.2em 0 .5em}h1{font-size:1.6em}h2{font-size:1.3em}h3{font-size:1.08em}
a{color:var(--gold2)}p{margin:.4em 0 .8em}small,.mute{color:var(--mute)}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:rgba(11,11,12,.96);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:9px;font-family:Manrope;font-weight:800;font-size:1.05em;letter-spacing:.02em}.brand img{border-radius:8px}.brand b{color:var(--gold)}
.back{background:none;border:0;color:var(--ink);font-size:2em;line-height:1;min-width:48px;min-height:48px;margin:-6px 0 -6px -8px;cursor:pointer}
.net{margin-left:auto;font-size:.8em;padding:4px 10px;border-radius:99px;background:var(--card2);color:var(--mute)}.net.off{background:#4a2a00;color:#ffcf80}.net.q{background:#2c2614;color:var(--gold2)}
main{padding:16px 14px 90px;max-width:640px;margin:0 auto;outline:0}.loading{padding:40px 0;text-align:center;color:var(--mute)}
.banner{background:linear-gradient(135deg,#2a2210,#1b1609);border:1px solid #5a4a1a;border-radius:14px;padding:12px 14px;margin:0 0 12px;font-weight:600}
.count{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 0 12px}.count b{white-space:nowrap;font-family:Manrope;font-size:1.25em;color:var(--gold)}.count.late b{color:var(--bad)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin:0 0 12px}.card.warn{border-color:#7a5a10}.card.bad{border-color:#7a2020;background:#1e0f0f}.card.ok{border-color:#1f5a3a}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-height:104px;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--line);color:var(--ink);font:700 1em/1.2 Manrope,sans-serif;text-align:left;cursor:pointer;position:relative}
.tile .ic{font-size:1.6em;line-height:1}.tile.main{grid-column:1/-1;min-height:84px;flex-direction:row;align-items:center;background:var(--gold);color:#111;border-color:var(--gold)}.tile.main .ic{font-size:1.8em}
.tile.red{background:#3a0e0e;border-color:#802020}.tile[disabled]{opacity:.45}.tile .badge{position:absolute;top:10px;right:10px;background:var(--bad);color:#fff;border-radius:99px;padding:1px 8px;font-size:.75em}
.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:58px;padding:12px 16px;margin:8px 0;border-radius:14px;border:1px solid var(--gold);background:var(--gold);color:#111;font:800 1.02em Manrope,sans-serif;cursor:pointer;text-decoration:none;text-align:center}
.btn.sec{background:transparent;color:var(--ink);border-color:var(--line)}.btn.red{background:var(--bad);border-color:var(--bad);color:#fff}.btn.green{background:var(--ok);border-color:var(--ok);color:#fff}.btn:disabled{opacity:.5}
.row{display:flex;gap:10px}.row>*{flex:1}
label.f{display:block;margin:12px 0 4px;font-weight:600}label.f small{display:block;font-weight:400}
input,select,textarea{width:100%;min-height:54px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0f1012;color:var(--ink);font:inherit}textarea{min-height:110px}
input:focus,select:focus,textarea:focus,.btn:focus-visible,.tile:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}
.tick{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0;background:var(--card)}.tick input{width:28px;min-height:28px;height:28px;flex:none;accent-color:var(--gold)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}.chip{min-height:48px;padding:10px 14px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 .95em 'DM Sans';cursor:pointer}.chip.on{background:var(--gold);color:#111;border-color:var(--gold)}
.bar{height:12px;border-radius:99px;background:var(--card2);overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--gold);border-radius:99px}
.steps{list-style:none;padding:0;margin:0}.steps li button{display:flex;width:100%;align-items:center;gap:12px;min-height:62px;padding:10px 12px;margin:0 0 8px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 1em 'DM Sans';text-align:left;cursor:pointer}
.steps li button[disabled]{opacity:.45}.st{margin-left:auto;font-size:.78em;padding:4px 10px;border-radius:99px;white-space:nowrap;background:var(--card2);color:var(--mute)}.st.verified{background:#12361f;color:#8ff0b5}.st.submitted{background:#2c2614;color:var(--gold2)}.st.rejected{background:#3a1010;color:#ffb0b0}
.num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--card2);font-size:.85em}
.item{border:1px solid var(--line);border-radius:14px;padding:12px;margin:0 0 10px;background:var(--card)}.item h3{margin:0 0 2px}.item p{margin:0 0 8px;color:var(--mute);font-size:.92em}
.pfn{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.pfn button{min-height:56px;border-radius:12px;border:1px solid var(--line);background:var(--card2);color:var(--ink);font:800 .95em Manrope;cursor:pointer}
.pfn .p.on{background:var(--ok);border-color:var(--ok);color:#fff}.pfn .d.on{background:var(--bad);border-color:var(--bad);color:#fff}.pfn .n.on{background:#555;color:#fff}.item.defect{border-color:#802020}
.grp{margin:18px 0 8px;font:800 .85em Manrope;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.photos{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.photos img{width:84px;height:84px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.pad{width:100%;height:200px;background:#fff;border-radius:12px;touch-action:none;display:block}
.list .li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.list .li:last-child{border:0}.li .r{text-align:right;white-space:nowrap}
.big-result{text-align:center;padding:26px 14px;border-radius:18px;margin:0 0 14px}.big-result.ok{background:#0f2a1a;border:2px solid var(--ok)}.big-result.bad{background:#3a0b0b;border:2px solid var(--bad)}.big-result h1{font-size:2em}
.modal{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.75);display:flex;align-items:flex-end;justify-content:center}.modal .sheet{width:100%;max-width:640px;max-height:92vh;overflow:auto;background:var(--card);border-top:3px solid var(--gold);border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
.toast{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;background:#222;border:1px solid var(--gold);border-radius:14px;padding:14px;text-align:center;font-weight:600}
.err{color:#ffb0b0;font-weight:600;margin:8px 0}.hint{background:var(--card2);border-radius:12px;padding:10px 12px;margin:8px 0;font-size:.93em}
.acc summary{min-height:54px;display:flex;align-items:center;font-weight:700;cursor:pointer;list-style:none}.acc summary::after{content:'›';margin-left:auto;font-size:1.4em}.acc[open] summary::after{transform:rotate(90deg)}
.tag{display:inline-block;font-size:.75em;padding:3px 8px;border-radius:99px;background:var(--card2);color:var(--mute);margin-right:6px}.tag.tpl{background:#3a2d06;color:var(--gold2)}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal button{min-height:58px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 .8em 'DM Sans';cursor:pointer;padding:4px}.cal .yes{background:#12361f;border-color:var(--ok)}.cal .no{background:#3a1010;border-color:#802020}
@media (min-width:700px){.grid{grid-template-columns:1fr 1fr 1fr}}

.tile .badge{min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;line-height:1;box-shadow:0 0 0 2px var(--bg,#0b0b0b)}.tile .badge[hidden]{display:none}

/* shift offer details (licence matching) */
.offer-dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0}.offer-dl dt{color:var(--mute,#9a9aa0)}.offer-dl dd{margin:0}.offer-dl dd.rate{font-weight:700}

/* v2: availability toggle (top of home), about you, messages */
.avail{border-radius:16px;padding:12px 14px;margin:0 0 12px;border:2px solid var(--ok);background:#0f2a1a}.avail.off{border-color:var(--bad);background:#2a0f0f}
.avrow{display:flex;align-items:center;justify-content:space-between;gap:12px}.avrow b{display:block;font-family:Manrope;font-size:1.15em}.avrow small{display:block}
.avsw{flex:none;width:76px;height:44px;border-radius:99px;border:0;padding:4px;cursor:pointer;background:#555;position:relative}.avsw i{display:block;width:36px;height:36px;border-radius:50%;background:#fff;transition:transform .15s}
.avsw.on{background:var(--ok)}.avsw.on i{transform:translateX(32px)}.avsw:focus-visible{outline:3px solid var(--gold2);outline-offset:2px}.avbox{margin-top:8px}
.chip.on{background:var(--gold);color:#111;border-color:var(--gold)}
.thr{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;font:inherit;cursor:pointer}.thr .badge{background:var(--bad);color:#fff;border-radius:99px;padding:2px 9px;font-size:.8em}
.thread{display:flex;flex-direction:column;gap:8px;margin:10px 0}.msg{max-width:88%;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.msg p{margin:4px 0 0;white-space:pre-wrap}
.msg.driver{align-self:flex-end;background:#2a2210;border-color:#5a4a1a}.msg.drvx{border-color:var(--gold)}

/* in-app camera (keeps the browser on screen: no camera app, no Android "low memory" reload) */
.cam{position:fixed;inset:0;z-index:50;background:#000;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}.cam video{flex:1;min-height:0;width:100%;object-fit:contain;background:#000;border-radius:12px}.cam p{color:#ddd;margin:6px 0;text-align:center}.cam .btn.sec{color:#fff;border-color:#666}
/* Install the app: header link + branded card */
.inst-link{margin-left:auto;font-size:.8em;color:var(--gold2);text-decoration:underline;white-space:nowrap;padding:8px 2px}.inst-link:not([hidden])+.net{margin-left:8px}
.inst{position:fixed;left:10px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:25;max-width:620px;margin:0 auto;background:var(--card);border:1px solid #5a4a1a;border-top:3px solid var(--gold);border-radius:18px;padding:14px 16px;box-shadow:0 10px 40px rgba(0,0,0,.6)}
.inst-h{display:flex;align-items:center;gap:12px;margin-bottom:4px}.inst-h img{border-radius:12px;flex:none}.inst-h h2{margin:0;font-size:1.15em}
.inst ol{margin:.2em 0 .8em;padding-left:1.3em}.inst li{margin:.25em 0}
.inst-a{display:flex;gap:10px}.inst .inst-a button{flex:1;justify-content:center;text-align:center;min-height:54px;margin:0;font:800 1em Manrope,system-ui,sans-serif;border-radius:12px}
.inst .inst-go{background:var(--gold);color:#0a0a0a;border-color:var(--gold)}.inst .inst-no{background:var(--card2);color:var(--ink)}

.new-app{margin:6px 12px 0;text-align:center;font-size:13px}.new-app a{color:#d4af37}
@media (display-mode:standalone){.new-app{display:none}}

.doc .kv h3{margin:.6em 0 .1em;font-size:1rem}
.doc p{line-height:1.45}
body.inst-open main{padding-bottom:300px}