/* تتبّع الطلب الحي (النسخة 4.3) */
.tk-live{--tk-pct:0%;position:relative;overflow:visible;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg,18px);padding:16px 14px 12px;margin-top:12px;box-shadow:0 6px 22px rgba(15,123,95,.08);animation:tkIn .45s ease both}
@keyframes tkIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tk-head{display:flex;align-items:center;gap:12px}
.tk-ic{position:relative;width:48px;height:48px;flex-shrink:0;border-radius:16px;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:1.45rem}
.tk-ic::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(15,123,95,.35);animation:tkRing 2s infinite}
@keyframes tkRing{0%{box-shadow:0 0 0 0 rgba(15,123,95,.35)}70%{box-shadow:0 0 0 12px rgba(15,123,95,0)}100%{box-shadow:0 0 0 0 rgba(15,123,95,0)}}
.tk-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.tk-title{font-size:1.08rem;color:var(--ink)}
.tk-sub{color:var(--ink-2);font-size:.82rem;line-height:1.45}
.tk-live-dot{width:9px;height:9px;border-radius:50%;background:#2ECC71;box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:tkBlink 1.6s infinite}
@keyframes tkBlink{0%{box-shadow:0 0 0 0 rgba(46,204,113,.6)}70%{box-shadow:0 0 0 8px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
/* الشريط + الموتوسيكل (RTL: بيمشي من اليمين للشمال) */
.tk-rail{position:relative;height:8px;border-radius:8px;background:var(--line);margin:30px 16px 0}
.tk-fill{position:absolute;inset-block:0;inset-inline-start:0;width:var(--tk-pct);border-radius:inherit;background:linear-gradient(90deg,#12936F,#0F7B5F);transition:width 1.4s cubic-bezier(.22,1,.36,1)}
.tk-fill::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.28) 0 8px,transparent 8px 16px);background-size:22px 22px;animation:tkStripes 1s linear infinite}
@keyframes tkStripes{to{background-position:22px 0}}
.tk-rider{position:absolute;top:50%;inset-inline-start:var(--tk-pct);transform:translate(50%,-62%);transition:inset-inline-start 1.4s cubic-bezier(.22,1,.36,1);width:36px;height:36px;border-radius:50%;background:var(--saffron,#F2A93B);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:1.15rem;box-shadow:0 4px 12px rgba(242,169,59,.45),0 0 0 3px var(--surface)}
.tk-rider i{display:inline-block;transform:scaleX(-1)}
.tk-rider.moving i{animation:tkBump .5s ease-in-out infinite alternate}
@keyframes tkBump{from{transform:scaleX(-1) translateY(0) rotate(0)}to{transform:scaleX(-1) translateY(-2px) rotate(-4deg)}}
.tk-live.is-done .tk-rider{background:var(--green);color:#fff;box-shadow:0 4px 12px rgba(15,123,95,.4),0 0 0 3px var(--surface)}
.tk-live.is-done .tk-fill::after,.tk-live.is-done .tk-ic::after,.tk-live.is-done .tk-live-dot,.tk-live.is-off .tk-live-dot{animation:none}
.tk-live.is-done .tk-live-dot{background:var(--green)}
.tk-live.is-off .tk-live-dot{background:#bbb}
.tk-live.is-off .tk-ic{background:#FBE9E7;color:#C8423B}
.tk-live.is-off .tk-ic::after{display:none}
.tk-steps{display:flex;justify-content:space-between;margin:14px 0 4px;gap:4px}
.tk-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;color:var(--ink-2);opacity:.55;transition:opacity .4s}
.tk-step small{font-size:.7rem;line-height:1.3}
.tk-dot{width:30px;height:30px;border-radius:50%;background:var(--line);display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .4s,color .4s,transform .4s}
.tk-step.done{opacity:1}.tk-step.done .tk-dot{background:var(--green-soft);color:var(--green)}
.tk-step.current{opacity:1;color:var(--ink);font-weight:600}
.tk-step.current .tk-dot{background:var(--green);color:#fff;transform:scale(1.12);animation:tkRing 2s infinite}
.tk-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tk-meta span{background:var(--paper,#F3F6F4);border-radius:20px;padding:4px 10px;font-size:.76rem;color:var(--ink-2)}
.tk-meta i{margin-inline-end:3px}
.tk-mapwrap{margin-top:12px}
.tk-map{height:240px;border-radius:14px}
.tk-map-note:not(:empty){margin-top:6px;text-align:center}
.tk-driver:not(:empty){margin-top:10px}
.tk-drv-pin{width:36px;height:36px;font-size:18px;animation:hmDrvPulse 1.8s infinite}
@keyframes hmDrvPulse{0%{box-shadow:0 0 0 0 rgba(15,123,95,.55),0 2px 6px rgba(0,0,0,.3)}70%{box-shadow:0 0 0 14px rgba(15,123,95,0),0 2px 6px rgba(0,0,0,.3)}100%{box-shadow:0 0 0 0 rgba(15,123,95,0),0 2px 6px rgba(0,0,0,.3)}}
.tk-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.tk-confetti i{position:absolute;top:-12px;left:var(--x);width:7px;height:12px;border-radius:2px;animation:tkFall var(--d) ease-in forwards;transform:rotate(var(--r))}
@keyframes tkFall{to{transform:translateY(360px) rotate(calc(var(--r) + 540deg));opacity:0}}
@media (prefers-reduced-motion:reduce){.tk-live *,.tk-live *::after{animation:none!important;transition:none!important}}
/* علامات الخريطة (نفس بتاعة اللوحات) */
.hm-icon{background:none;border:0}
.hm-pin{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;border:2.5px solid #0F7B5F;color:#0F7B5F;font-size:15px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.hm-me{width:18px;height:18px;margin:6px;background:#1a73e8;border:3px solid #fff;box-shadow:0 0 0 6px rgba(26,115,232,.25),0 1px 4px rgba(0,0,0,.4)}
.hm-shop{border-color:#3A5BA0;color:#3A5BA0}.hm-shop.mine{background:#E8590C;border-color:#fff;color:#fff}.hm-shop.offer{background:#3A5BA0;border-color:#fff;color:#fff}
.hm-shop.dim{width:22px;height:22px;margin:4px;font-size:11px;opacity:.75;border-width:2px}
.hm-cust{background:#C8423B;border-color:#fff;color:#fff}
.hm-offer{background:#fff;border:2.5px dashed #3A5BA0;color:#3A5BA0}
.hm-drv{background:#0F7B5F;border-color:#fff;color:#fff}.hm-drv.busy{background:#F2A93B}.hm-drv.off{background:#9aa5a0}
.hm-point{background:#7B3FA0;border-color:#fff;color:#fff}
.hm-wait{background:#fff;border-color:#C8423B;color:#C8423B;animation:hmPulse 1.6s infinite}
@keyframes hmPulse{0%{box-shadow:0 0 0 0 rgba(200,66,59,.5)}70%{box-shadow:0 0 0 12px rgba(200,66,59,0)}100%{box-shadow:0 0 0 0 rgba(200,66,59,0)}}
.hm-lbl{position:absolute;top:32px;left:50%;transform:translateX(-50%);white-space:nowrap;font:700 11px/1.2 inherit;font-family:inherit;color:#17251F;background:rgba(255,255,255,.92);padding:1px 6px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.hm-pop{font-family:inherit;direction:rtl;text-align:right;min-width:150px;line-height:1.6}
.hm-pop .hm-nav{display:block;margin-top:6px;font-weight:700}
.leaflet-container{font-family:inherit}
.hm-map.hm-map-lg{height:560px}
.leaflet-container svg{max-width:none}
.leaflet-attribution-flag{display:none!important}
.tk-mascot{margin:-10px -4px -8px 0}
.tk-live .tk-mascot .hmm-say{inset-inline-start:auto;left:auto;right:-6px;transform:translateY(6px) scale(.9);transform-origin:90% 100%}
.tk-live .tk-mascot.is-saying .hmm-say{transform:none}
.tk-live .tk-mascot .hmm-say::after{left:auto;right:30px}
.tk-confetti{border-radius:inherit}