/* ABC Logistics — driver view (mobile-first) */
.driver{background:var(--bg);min-height:100vh}

/* PIN */
.pin{max-width:360px;margin:0 auto;padding:38px 22px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.pin__brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:800;font-size:18px;margin-bottom:22px}
.pin__dots{display:flex;gap:12px;height:18px;margin-bottom:14px}
.pin__dots i{width:14px;height:14px;border-radius:50%;background:#cdd8e6}
.pin__dots i.on{background:var(--navy)}
.pin__err{background:#fdecea;color:#b3372c;border-radius:9px;padding:8px 12px;font-weight:600;font-size:13px;margin-bottom:12px}
.pin__pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}
.pin__key{font-size:22px;font-weight:700;padding:18px 0;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink)}
.pin__key:active{background:#eef3f9}
.pin__key--ok{background:var(--primary);color:#fff;border-color:var(--primary);font-size:16px}
.pin__key--fn{background:#f4f7fb;font-size:18px}
.pin__alt{margin-top:22px;font-weight:600}

/* queue */
.dtop{display:flex;justify-content:space-between;align-items:center;padding:16px 16px;background:var(--navy);color:#fff;position:sticky;top:0;z-index:10}
.dtop__hello{font-weight:800;font-size:17px}
.dtop__sub{color:#c7d4e6;font-size:13px}
.dtop .btn--ghost{background:rgba(255,255,255,.12);border-color:transparent;color:#fff}
.dlist{padding:14px;display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto}
.dempty{text-align:center;color:var(--muted);padding:50px 16px;line-height:1.7}
.dcard{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:13px}
.dcard__head{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.dcard__ref{font-weight:800}
.dcard__slot{margin-left:auto;color:var(--steel);font-size:12px;font-weight:700}
.dcard__cust{font-weight:600}
.dcard__addr{color:var(--steel);font-size:13px;margin:2px 0 10px}
.dcard__act{display:flex;gap:8px;justify-content:flex-end}

/* POD sheet */
.pod{position:fixed;inset:0;background:rgba(15,42,68,.5);display:flex;align-items:flex-end;z-index:80}
.pod[hidden]{display:none}
.pod__panel{background:#fff;width:100%;max-height:94vh;overflow:auto;border-radius:18px 18px 0 0;padding:18px}
.pod__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pod__x{border:none;background:#f1f5fa;width:34px;height:34px;border-radius:9px;font-size:16px;cursor:pointer}
.pod__field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;font-weight:600;color:#33455c;font-size:13px}
.pod__scanrow{display:flex;gap:8px}
.pod__scanrow input{flex:1}
#qr-reader{margin-bottom:14px;border-radius:10px;overflow:hidden}
.pod__photo{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.pod__photo video,.pod__photo canvas{width:100%;max-width:320px;border-radius:10px;border:1px solid var(--line);background:#0b1726}
.pod__photobtns{display:flex;gap:8px}
.pod__sign{width:100%;height:200px;border:1px dashed #b9c6d8;border-radius:10px;background:#fff;touch-action:none}
.pod__err{background:#fdecea;color:#b3372c;border-radius:9px;padding:9px 12px;font-weight:600;font-size:13px;margin-bottom:12px}