:root{--bg:#0b1320;--panel:#111d2d;--line:#26384f;--text:#f7fbff;--muted:#9fb0c5;--blue:#2b7fff;--green:#18b77b;--red:#ef5a63;--amber:#f0a927}
*{box-sizing:border-box}body{margin:0;background:#07101b;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}
.phone{min-height:100vh;max-width:560px;margin:auto;background:linear-gradient(180deg,#0b1320,#0e1928)}
header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line)}
.brand{font-size:24px;font-weight:900;letter-spacing:.05em}.brand span{font-size:12px;color:#6ea8ff}.driver{font-size:12px;color:var(--muted)}
.screen{display:none;padding:18px}.screen.active{display:block}.hero{text-align:center;padding-top:11vh}.icon{font-size:58px}.hero h1{font-size:28px;margin:18px 0 8px}.hero p{color:var(--muted)}
.hero input{width:100%;font-size:34px;text-align:center;letter-spacing:.28em;padding:14px;border-radius:12px;border:1px solid var(--line);background:#0d1725;color:white;margin:18px 0}
button{width:100%;padding:15px;border:0;border-radius:11px;background:var(--blue);color:white;font-weight:800;font-size:16px;cursor:pointer}.msg{margin-top:12px;color:var(--red);font-size:13px}
.job{background:#101c2c;border:1px solid var(--line);border-radius:15px;padding:16px}.id{font-size:12px;color:#7eaaf0;font-weight:800}.route{font-size:25px;font-weight:900;margin:10px 0}.meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.box{background:#0b1522;border-radius:10px;padding:11px}.box small{display:block;color:var(--muted);margin-bottom:4px}.box b{font-size:14px}.status{margin:14px 0;padding:10px;border-radius:9px;background:#13243a;color:#9ec5ff;font-weight:800;text-align:center}
.actions{display:grid;gap:9px;margin-top:16px}.actions button.done{background:var(--green)}.actions button.warn{background:var(--amber);color:#1d1300}.actions button.problem{background:var(--red)}
.note{margin-top:12px}.note textarea{width:100%;border:1px solid var(--line);background:#0a1521;color:white;border-radius:10px;padding:10px;min-height:75px}.empty{text-align:center;color:var(--muted);padding:80px 15px}

.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.tab{background:#13243a;padding:10px;font-size:13px}.tab.active{background:#2b7fff}.tabview{display:none}.tabview.active{display:block}
.address-card{background:#101c2c;border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:10px}.address-card h3{margin:0 0 7px}.address-card p{margin:4px 0;color:#dbe7f3}.nav-btn{display:block;text-decoration:none;text-align:center;background:#19304d;color:white;padding:11px;border-radius:9px;font-weight:800;margin-top:10px}
.chat-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.bubble{max-width:86%;padding:10px;border-radius:11px;background:#17283e}.bubble.driver{align-self:flex-end;background:#1f5fbf}.bubble small{display:block;color:#9fb0c5;margin-top:5px}.ack{margin-top:7px;width:auto;padding:7px 9px;font-size:12px;background:#18b77b}
.chat-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-compose input{background:#0a1521;border:1px solid var(--line);color:white;border-radius:9px;padding:11px}.chat-compose button{width:auto}
.doc-upload{background:#101c2c;border:1px solid var(--line);border-radius:12px;padding:13px;margin-bottom:12px}.doc-upload select,.doc-upload input{width:100%;margin-top:8px;padding:10px;border-radius:8px;border:1px solid var(--line);background:#0a1521;color:white}.doc-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.doc-row a{color:#8bb8ff;text-decoration:none;font-weight:700}

.sessionbar{display:flex;justify-content:space-between;align-items:center;background:#0a1521;border:1px solid var(--line);border-radius:9px;padding:8px 10px;margin-bottom:10px;color:var(--muted);font-size:11px}.sessionbar button{width:auto;padding:7px 10px;font-size:11px;background:#22364f}.hero p{max-width:380px;margin-left:auto;margin-right:auto}.hero input{font-variant-numeric:tabular-nums}

.next-stop{background:#14243a;border:1px solid #31547e;border-radius:14px;padding:15px;margin:12px 0}.next-stop>small{color:#76aaff;font-weight:900;letter-spacing:.12em}.next-stop h2{margin:6px 0}.stop-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.stop-actions button{font-size:12px;padding:10px}.itinerary{margin:8px 0 14px}.it-stop{display:grid;grid-template-columns:32px 1fr;gap:9px;padding:9px 0;border-top:1px solid var(--line)}.it-stop:first-child{border-top:0}.it-stop.completed{opacity:.48}.it-num{width:28px;height:28px;border-radius:50%;background:#203653;display:grid;place-items:center;font-weight:900}.it-stop small,.cargo-order small{display:block;color:var(--muted);margin-top:3px}.cargo-order{padding:10px;border-top:1px solid var(--line)}.cargo-order b{display:block}.cargo-order span{font-size:13px}
@media(max-width:520px){.stop-actions{grid-template-columns:1fr}}

.instructions{background:#251f11;border:1px solid #5e4c20;color:#f2d98f;border-radius:9px;padding:10px;margin:8px 0;font-size:13px}.next-stop a[href^="tel:"]{color:#8bb8ff}

/* WULF V2.0 Driver Portal polish */
body{background:#07101a}.phone{max-width:720px;box-shadow:0 0 0 1px rgba(255,255,255,.03)}header{position:sticky;top:0;z-index:40;background:rgba(11,19,32,.96);backdrop-filter:blur(10px)}.job{border-radius:16px}.next-stop{box-shadow:0 10px 30px rgba(0,0,0,.14)}.nav-btn{font-size:15px;padding:13px}.tab{border-radius:9px}.doc-upload,.address-card{box-shadow:0 8px 22px rgba(0,0,0,.08)}

.driver-tools{display:flex;align-items:center;gap:8px}.driver-tools select{background:#101b2a;color:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 8px}