/* coll-C1 — تتبع سائقي التحصيل */
.rpin{position:relative;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--c);color:#101828;font:800 11px 'IBM Plex Sans Arabic',sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.rpin.done{background:#12B76A;border-color:#fff;color:#fff;font-size:13px}
.rpin em{position:absolute;top:-9px;inset-inline-end:-10px;min-width:17px;height:17px;border-radius:9px;background:#F79009;color:#fff;font:800 10.5px 'IBM Plex Sans Arabic',sans-serif;font-style:normal;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;padding:0 3px}
.rpin span{position:absolute;top:26px;left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(12,20,16,.88);color:#fff;border-radius:7px;padding:1px 7px;font:600 11px 'IBM Plex Sans Arabic',sans-serif;pointer-events:none}
.rpin.dim,.ccar.dim{opacity:.22}
.ccar{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}
.ccar i{width:20px;height:20px;border-radius:50%;background:var(--c);border:3px solid #fff;box-shadow:0 0 0 7px color-mix(in srgb,var(--c) 35%,transparent);animation:cpulse 1.8s infinite}
.ccar.stale i{animation:none;filter:grayscale(.6)}
.ccar b{font:700 12px 'IBM Plex Sans Arabic',sans-serif;color:#fff;text-shadow:0 0 3px #000,0 0 3px #000}
@keyframes cpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 55%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
.drow.sel{outline:2px solid var(--c)}
.drow .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.pbar{height:5px;background:rgba(255,255,255,.1);border-radius:4px;margin-top:6px;overflow:hidden}.pbar u{display:block;height:100%}
.vlist{display:flex;flex-direction:column;gap:3px;margin-top:10px;max-height:190px;overflow:auto;font-size:12.5px}
.vlist b{color:var(--y);font-size:12px}.vlist span small{color:var(--mut)}.vlist span.off{color:#F5A524}
.legend .lg{display:inline-flex;width:17px;height:17px;border-radius:50%;align-items:center;justify-content:center;font:800 10px sans-serif;font-style:normal;margin-inline-end:4px;vertical-align:middle}
.lg.n{background:#fff;color:#101828;border:2px solid #2E6BD9}.lg.d{background:#12B76A;color:#fff}.lg.v{background:#F79009;color:#fff}
#side .drow{margin-bottom:6px}
.ccar.offc i{background:#98A2B3;animation:none;box-shadow:none;width:14px;height:14px}.ccar.offc b{color:#D0D5DD;font-size:11px}

/* ===== C4 (21/10): 📡 تابعه مباشر + 🚗 العربيات مباشر ===== */
.car.dim{opacity:.25}.car.offcar .halo{display:none}.car.offcar svg{opacity:.75}
.clabel.dim{opacity:.3}
.clabel.rich{transform:translateY(28px);text-shadow:none}
.lcard{background:rgba(12,20,16,.93);border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--c);border-radius:10px;padding:5px 9px;display:flex;flex-direction:column;gap:1px;min-width:150px;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.lcard b{font-size:12.5px}.lcard span{font-weight:600;font-size:11.5px;color:#D7E3DB}.lcard .nx{color:#FFCA05}.lcard small{color:#9DB3A5;font-weight:500;font-size:10.5px}
.rpin.nxt{width:34px;height:34px;border-color:#FFCA05;border-width:4px;font-size:13px;box-shadow:0 0 0 0 rgba(255,202,5,.7);animation:nxring 1.6s ease-out infinite;z-index:3}
.rpin.nxt span{top:36px;background:#FFCA05;color:#14261A;font-weight:800}
@keyframes nxring{0%{box-shadow:0 0 0 0 rgba(255,202,5,.75)}100%{box-shadow:0 0 0 16px rgba(255,202,5,0)}}
#spotcard{width:340px;max-height:calc(100% - 70px);overflow:auto}
.sc-h .pill{font-size:11.5px;white-space:nowrap}
.sc-g.g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sc-g.g3>div{padding:6px 8px}.sc-g.g3 b{font-size:16px}
#spotcard .pbar{height:5px;background:rgba(255,255,255,.12);border-radius:4px;margin-top:8px;overflow:hidden}#spotcard .pbar u{display:block;height:100%}
.nxb{margin-top:10px;background:rgba(255,202,5,.07);border:1.5px solid #FFCA05;border-radius:12px;padding:9px 10px}
.nxb .t{color:#FFCA05;font-size:12px;font-weight:700}.nxb .n{font-size:19px;font-weight:800;margin:1px 0 6px}.nxb>small{color:#9DB3A5}
.nxb.ok{border-color:#12B76A;background:rgba(18,183,106,.1)}.nxb.ok .t{color:#6CE9A6;font-size:14px}
.nxb .sc-g>div{background:rgba(0,0,0,.25)}
.then{margin-top:7px;font-size:12.5px;color:#9DB3A5}.then b{color:#EAF2EC}
.cbtns{display:flex;gap:6px;margin-top:9px}.cbtns .tb{flex:1;text-align:center;justify-content:center}
.tb.live-b{border-color:#E5484D}.tb.live-b.on{background:#E5484D;border-color:#E5484D;color:#fff}
.livebadge{position:absolute;top:10px;left:54px;z-index:5;background:rgba(229,72,77,.94);color:#fff;font-weight:700;font-size:13px;border-radius:999px;padding:5px 13px;display:flex;align-items:center;gap:7px;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.livebadge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.1s infinite}
.tdots{display:inline-flex;gap:4px}.tdots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.22)}.tdots i.on{background:var(--y)}
@media (max-width:720px){#spotcard{width:auto;max-height:46vh}.sc-g.g3 b{font-size:14px}.nxb .n{font-size:16px}}
.clabel.rich{width:max-content;white-space:normal}
.lcard{width:max-content;max-width:230px}
#spotcard .sc-h b{font-size:17px;line-height:1.35}
.nxb.here{border-color:#12B76A;background:rgba(18,183,106,.1)}.nxb.here .t{color:#6CE9A6}
.clabel{padding-top:24px}.clabel.rich{padding-top:30px}
@media (max-width:1100px), (pointer:coarse){#spotcard{width:290px}.nxb{padding:7px 9px}.nxb .n{font-size:16px;margin-bottom:4px}.sc-g.g3 b{font-size:14px}#spotcard .sc-h b{font-size:15px}.lcard{max-width:200px}}