/* Customer live-arrival page (t.html) – also used for the preview inside the app (.track-preview) */
.track, #track { --ink:#0e1a2b; --muted:#475569; --line:#e2e8f0; --brand:#0b2e4f; --accent:#1467d8; --good:#0c8a5f; }
body:has(#track) { margin:0; background:#f2f5f9; color:#0e1a2b; font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; }
#track { max-width:560px; margin:0 auto; padding:0 16px 32px; display:flex; flex-direction:column; gap:12px; }
#track .tk-bar, .track-preview .tk-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 0 2px; }
#track .tk-bar img, .track-preview .tk-bar img { max-height:40px; max-width:160px; }
#track .tk-card, .track-preview .tk-card { background:#fff; border-radius:14px; padding:18px 20px; box-shadow:0 2px 12px rgba(14,26,43,.06); color:#0e1a2b; }
#track .small, .track-preview .small { color:#475569; font-size:.9rem; }
#track .center, .track-preview .center { text-align:center; margin:0; }
.tk-hero .lab { color:#0099ff; font-weight:800; font-size:.75rem; letter-spacing:.06em; text-transform:uppercase; }
.tk-hero h1 { margin:4px 0 6px; font-size:1.6rem; line-height:1.2; color:#0a1838; }
.tk-hero p { margin:0; color:#334155; }
.tk-hero.go { border-top:5px solid #0c8a5f; } .tk-hero.done { border-top:5px solid #64748b; } .tk-hero.warn { border-top:5px solid #d97706; }
.tk-hero .figs { display:flex; gap:8px; flex-wrap:wrap; margin:14px 0 4px; }
.tk-hero .fig { flex:1; min-width:120px; background:#f1f6fc; border-radius:10px; padding:10px 12px; }
.tk-hero .fig span { display:block; font-size:.72rem; font-weight:700; color:#475569; text-transform:uppercase; letter-spacing:.04em; }
.tk-hero .fig b { font-size:1.15rem; color:#0a1838; }
.tk-hero .steps { display:flex; gap:5px; margin-top:12px; }
.tk-hero .steps i { flex:1; height:8px; border-radius:99px; background:#dbe4ef; }
.tk-hero .steps i.gone { background:#94a3b8; } .tk-hero .steps i.you { background:#1467d8; }
.tk-map { height:300px; border-radius:14px; overflow:hidden; background:#e6edf5; box-shadow:0 2px 12px rgba(14,26,43,.06); }
.tk-map .pin { background:none; border:0; }
a.tk-call { display:block; text-align:center; background:#0b2e4f; color:#fff; text-decoration:none; font-weight:700; border-radius:10px; padding:12px; }
.track-preview { background:#f2f5f9; border-radius:14px; padding:0 12px 12px; display:flex; flex-direction:column; gap:10px; }