.driver-app{padding:27px 20px 110px}
.driver-intro{font-size:13px;line-height:1.55;color:var(--muted);margin:14px 0 20px}
.packing-list{display:grid;gap:7px;margin:12px 0}
.packing-line,.delivery-summary{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf1f0;padding-top:8px;font-size:12px}
.delivery-job-summary{align-items:center;flex-wrap:wrap}.delivery-job-summary button{border:1px solid #0b868b;border-radius:999px;background:#fff;color:#0b7075;padding:7px 12px;font-weight:800}.delivery-job-summary small{color:#829091}
.driver-route-action{display:grid;gap:8px;margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f3f8f7}.driver-route-action strong{font-size:16px}.driver-route-action small{color:var(--muted);line-height:1.5}.driver-route-action .primary{margin-top:4px}
.driver-route-action.location-warning{background:#fff6e9;border-color:#ecd2ae}.live-location{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:12px;border:1px solid #b9dbd4;border-radius:11px;background:var(--mint);color:var(--ink);text-decoration:none}.live-location span{display:grid;grid-template-columns:10px 1fr;column-gap:8px;align-items:center}.live-location i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#0b9a78;box-shadow:0 0 0 5px rgba(11,154,120,.12)}.live-location strong,.live-location small{display:block}.live-location strong{font-size:12px}.live-location small{grid-column:2;color:var(--muted);font-size:10px;margin-top:3px}.live-location b{color:var(--teal);font-size:11px;white-space:nowrap}.live-location.compact{margin:8px 0 0;padding:9px}
.assignment-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.assignment-meta span{display:inline-flex;border-radius:999px;background:#e9f4f3;color:#087c80;padding:5px 9px;font-size:12px;font-weight:900}
.packing-line input{width:78px;padding:8px;border:1px solid var(--line);border-radius:8px;text-align:center}
.delivery-card{border-left:4px solid var(--gold)}
.delivery-card.delivered{border-left-color:var(--teal)}
.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.proof-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:9px;border:1px solid var(--line)}
.proof-upload{display:block;border:1px dashed var(--teal);border-radius:11px;padding:14px;text-align:center;color:var(--teal);font-size:12px;font-weight:800;margin-top:12px}
.proof-upload input{display:none}
.dialog-section{font-size:12px;font-weight:900;margin:18px 0 8px}
.driver-select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}
.role-actions{display:flex;gap:6px;align-items:center}
.role-actions button{padding:7px 9px}
.customer-order-details{grid-column:1/-1;border:0;background:#f1f7f6;color:var(--teal);border-radius:9px;padding:9px;font-size:11px;font-weight:800}
#toast{max-width:calc(100% - 30px)}
.staff-create{display:grid;gap:10px;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.staff-create input,.staff-create select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.staff-create .primary{margin-top:4px}.locked .dialog-close{display:none}