/* Tracks panel + Field3D jersey chips (Phase 2 track feed) */
.trk-seg{display:inline-flex;background:rgba(10,16,12,.72);border-radius:10px;padding:3px;margin-left:6px}
.trk-seg button{border:0;background:transparent;color:#cfd8d2;font:800 12px/1 var(--disp,"Arial Narrow",sans-serif);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:6px;cursor:pointer}
.trk-seg button:hover{color:#fff}.trk-seg button.on{background:#fff;color:var(--ink,#121a15)}
.trk-seg button:disabled{opacity:.35;cursor:not-allowed}
.trk-note{font-size:11px;color:#cfe3d5;opacity:.85;margin-left:8px}
.trk-note.sim{color:#ffd600;font-weight:700;opacity:1}
.trk-panel{display:none;margin:6px 2px 0;padding:8px 10px;background:rgba(10,16,12,.55);border:1px solid rgba(207,227,213,.15);border-radius:8px;font-size:12px;color:#cfe3d5}
.trk-panel.on{display:block}
.trk-panel b{font:800 12px/1.2 var(--disp,"Arial Narrow",sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.trk-panel .trk-src{display:block;margin-top:4px;opacity:.85}
.trk-panel .trk-warn{color:#ffd600;font-weight:700;margin-top:4px}
.f3d-chips{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:6px}
.f3d-chip{position:absolute;transform:translate(-50%,-100%);font:800 10px/1 var(--disp,"Arial Narrow",sans-serif);letter-spacing:.04em;padding:2px 5px;border-radius:4px;background:rgba(10,16,12,.85);color:#fff;border:1px solid rgba(255,255,255,.35);white-space:nowrap}
.f3d-chip[data-team="home"]{border-color:#7eb6ff}.f3d-chip[data-team="away"]{border-color:#ffb4a8}
.f3d-chip[data-src="illustrative"]{opacity:.7;border-style:dashed}

/* Homography calibrate */
.hocal{margin-top:.65rem;padding-top:.55rem;border-top:1px solid rgba(255,255,255,.08);font:12px/1.35 system-ui,sans-serif}
.hocal-hd{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .55rem;margin-bottom:.35rem}
.hocal-hd b{font:800 11px/1 var(--disp,"Arial Narrow",sans-serif);letter-spacing:.08em;text-transform:uppercase}
.hocal-st{opacity:.7;font-size:11px}
.hocal button,.hocal-file{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e8efe9;border-radius:8px;padding:.3rem .55rem;font:600 11px/1.2 system-ui;cursor:pointer}
.hocal button.pri{border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.15);color:#fde68a}
.hocal button:disabled{opacity:.4;cursor:default}
.hocal-body{margin-top:.4rem}
.hocal-lab{display:block;margin:.3rem 0;opacity:.9}
.hocal-hints{display:flex;flex-wrap:wrap;gap:.35rem;margin:.35rem 0}
.hocal-h{font-size:11px;opacity:.55;padding:.15rem .4rem;border-radius:6px;background:rgba(255,255,255,.04)}
.hocal-h.on{opacity:1;background:rgba(251,191,36,.18);color:#fde68a}
.hocal-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0;align-items:center}
.hocal-file input{display:none}
.hocal-cv{width:100%;max-width:640px;height:auto;border-radius:10px;background:#132018;cursor:crosshair;display:block;margin:.35rem 0}
.hocal-note{font-size:11px;opacity:.6}

.trk-scrub{margin-top:.55rem;padding-top:.45rem;border-top:1px solid rgba(255,255,255,.08)}
.trk-scrub-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.35rem}
.trk-scrub-row button{appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#e8efe9;border-radius:8px;padding:.3rem .55rem;font:700 11px/1 system-ui;cursor:pointer}
.trk-scrub-row button.on{border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.14);color:#fde68a}
.trk-scrub-lab{font:600 11px/1.2 system-ui;opacity:.8;margin-left:.25rem}
.trk-scrub input[type=range]{width:100%;accent-color:#fbbf24}
.trk-scrub-note{font-size:11px;opacity:.55;margin-top:.3rem}

.trk-export{margin-top:8px;padding-top:8px;border-top:1px solid var(--line,#2a3340)}
.trk-export-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.trk-export button{font:600 11px Inter,sans-serif;padding:5px 10px;border-radius:8px;border:1px solid #334155;background:#161b22;color:#e6edf3;cursor:pointer}
.trk-export button:hover{border-color:#22c55e;color:#86efac}
.trk-export-lab{font:500 11px Inter,sans-serif;color:#9aa5b4}
.trk-export-note{font:500 10px Inter,sans-serif;color:#7d8896;margin-top:4px}