/* ===== V3 LIVE BACKEND ===== */
.setup-banner{background:#fff8e8;border:1px solid #f6d58b;color:#805100;border-radius:12px;padding:12px 14px;font-size:13px;margin:12px 0}
.live-state{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800}
.live-state.ok{color:#16804b}.live-state.bad{color:#b82f3d}
.auth-note{font-size:12px;color:var(--muted);line-height:1.5}
.live-page{min-height:100vh;background:var(--bg)}
.live-main{padding:18px 22px 32px}
.status-actions{display:flex;gap:7px;flex-wrap:wrap}
.status-actions button{padding:8px 10px}
.map-live{height:420px;border-radius:15px;overflow:hidden;border:1px solid var(--line)}
.leaflet-container{font-family:inherit}
.login-error{background:#fff0f1;color:#aa2632;border-radius:10px;padding:10px 12px;font-size:12px}
.login-ok{background:#eaf8f0;color:#157647;border-radius:10px;padding:10px 12px;font-size:12px}
.customer-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.customer-auth-tabs button{border:1px solid var(--line);background:#fff;padding:10px;border-radius:10px;font-weight:800;color:#65758b}
.customer-auth-tabs button.active{background:#fff4e0;color:#9e6100;border-color:#f6cf85}
.gps-box{border:1px solid var(--line);border-radius:14px;padding:13px;background:#fbfcff}
.gps-coords{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#60708a}
.large-eta{font-size:34px;font-weight:900;color:var(--orange)}
.trip-card{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.trip-card + .trip-card{margin-top:10px}
.setup-grid{max-width:980px;margin:40px auto;display:grid;gap:16px;padding:0 20px}
.setup-step{padding:20px}.setup-step h2{margin:0 0 8px;color:var(--navy)}
code.inline{background:#eef2f7;border-radius:7px;padding:2px 6px;font-size:12px}
pre.codebox{overflow:auto;background:#0d1e35;color:#f5f7fb;border-radius:14px;padding:15px;font-size:12px;line-height:1.55}
.connection-pill{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2f7}
.connection-pill.ok{background:#e8f8ef;color:#157b49}.connection-pill.bad{background:#fff0f1;color:#b82f3d}
@media(max-width:700px){.live-main{padding:10px}.map-live{height:330px}}