/* Sim Pit Stop — estilos da telemetria (compartilhado: site + perfil) */
        /* ── TELEMETRIA ────────────────────────────────────────── */
        .modal-box.tele-mode { max-width: 980px; }
        #modal-tele-btn { position: absolute; top: 1rem; right: 3.6rem; background: rgba(26,29,33,0.8); border: 1px solid var(--text-muted); color: var(--text-muted); padding: 0.32rem 0.7rem; font-family: 'Titillium Web', sans-serif; font-weight: 600; font-size: 0.72rem; text-transform: uppercase; cursor: pointer; border-radius: 4px; transition: all 0.2s; letter-spacing: 0.5px; }
        #modal-tele-btn:hover { border-color: var(--neon-cyan); color: var(--neon-cyan); }
        #modal-tele-btn.ativo { border-color: var(--neon-cyan); color: var(--neon-cyan); background: rgba(184,194,202,0.08); }
        .modal-tele-panel { display: none; padding: 1.2rem 1.5rem 1.5rem; border-top: 1px solid rgba(255,255,255,0.08); }
        .modal-tele-panel.active { display: block; }
        .modal-tele {
            --bg:#111316; --panel:#1a1d21; --ink:#f4f3ef; --ink-2:#b9b6ac; --muted:#8b9bb4;
            --grid:rgba(255,255,255,0.06); --axis:rgba(255,255,255,0.14); --border:rgba(255,255,255,0.09);
            --accent:#B8C2CA; --accent-text:#B8C2CA; --accent-soft:rgba(184,194,202,0.08);
            --c-soft:#e8564a; --c-med:#b8890f; --c-hard:#6688dd;
            --w-fl:#3987e5; --w-fr:#199e70; --w-rl:#c98500; --w-rr:#008300;
            --tooltip-bg:#f4f3ef; --tooltip-ink:#14120f;
            font-family: 'Titillium Web', sans-serif; font-size: 14px;
        }
        .modal-tele .tele-eyebrow { font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent-text); font-weight: 600; font-family: 'Rajdhani', sans-serif; }
        .modal-tele .tele-stitle { font-family: 'Rajdhani', sans-serif; font-size: 17px; font-weight: 600; margin: 2px 0; color: var(--ink); }
        .modal-tele .tele-tabs { display: flex; gap: 8px; margin-bottom: 16px; flex-wrap: wrap; }
        .modal-tele .tele-tab { border: 1px solid var(--border); background: var(--panel); color: var(--ink-2); padding: 6px 14px; font-size: 13px; letter-spacing: 0.04em; cursor: pointer; border-radius: 3px; text-transform: uppercase; font-family: 'Rajdhani', sans-serif; font-weight: 600; }
        .modal-tele .tele-tab:hover { border-color: var(--accent); color: var(--ink); }
        .modal-tele .tele-tab.on { background: var(--accent); border-color: var(--accent); color: #0a0d10; font-weight: 700; }
        .modal-tele .tele-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px,1fr)); gap: 10px; margin-bottom: 18px; }
        .modal-tele .tele-kpi { background: var(--panel); border: 1px solid var(--border); border-radius: 4px; padding: 11px 13px 9px; border-top: 3px solid var(--accent); }
        .modal-tele .tele-kpi-lbl { font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
        .modal-tele .tele-kpi-val { font-size: 22px; font-weight: 700; line-height: 1.15; margin-top: 2px; font-family: 'Rajdhani', sans-serif; color: var(--ink); }
        .modal-tele .tele-kpi-note { font-size: 11.5px; color: var(--ink-2); margin-top: 2px; }
        .modal-tele .tele-panel { background: var(--panel); border: 1px solid var(--border); border-radius: 4px; padding: 16px 18px 14px; margin-bottom: 14px; }
        .modal-tele .tele-ph { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 4px; }
        .modal-tele .tele-caption { font-size: 12px; color: var(--muted); margin: 2px 0 12px; line-height: 1.5; }
        .modal-tele .tele-legend { display: flex; gap: 14px; flex-wrap: wrap; font-size: 12px; color: var(--ink-2); }
        .modal-tele .tele-legend .sw { display: inline-block; width: 9px; height: 9px; border-radius: 50%; margin-right: 5px; vertical-align: baseline; }
        .modal-tele .tele-cbox { position: relative; }
        .modal-tele .tele-cbox svg { display: block; width: 100%; height: auto; }
        .modal-tele .tele-r2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
        .modal-tele .tele-r3 { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
        @media (max-width: 720px) { .modal-tele .tele-r2, .modal-tele .tele-r3 { grid-template-columns: 1fr; } }
        .modal-tele .tele-mini { font-size: 12px; font-weight: 600; color: var(--ink-2); margin: 0 0 4px; letter-spacing: 0.05em; text-transform: uppercase; }
        .modal-tele .tooltip { position: absolute; pointer-events: none; background: var(--tooltip-bg); color: var(--tooltip-ink); padding: 7px 10px; border-radius: 4px; font-size: 12px; line-height: 1.45; white-space: nowrap; opacity: 0; transform: translate(-50%,-110%); z-index: 10; font-variant-numeric: tabular-nums; }
        .modal-tele svg text { font-family: 'Titillium Web', system-ui, sans-serif; font-variant-numeric: tabular-nums; }
        .modal-tele .tick { font-size: 10px; fill: var(--muted); }
        .modal-tele .dlabel { font-size: 11px; font-weight: 600; }
        .modal-tele .anno { font-size: 10px; fill: var(--muted); font-style: italic; }
        .modal-tele .tele-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
        .modal-tele .chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--border); border-radius: 999px; padding: 4px 12px; font-size: 12px; color: var(--ink-2); background: var(--bg); }
        .modal-tele .chip b { color: var(--ink); font-variant-numeric: tabular-nums; }
        .modal-tele .tbl-wrap { overflow-x: auto; }
        .modal-tele table { border-collapse: collapse; width: 100%; font-size: 13px; font-variant-numeric: tabular-nums; }
        .modal-tele th { text-align: right; font-size: 11px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--muted); font-weight: 600; padding: 5px 8px; border-bottom: 1px solid var(--axis); white-space: nowrap; }
        .modal-tele td { text-align: right; padding: 4px 8px; border-bottom: 1px solid var(--grid); white-space: nowrap; color: var(--ink-2); }
        .modal-tele th:first-child, .modal-tele td:first-child { text-align: left; }
        .modal-tele td.best { color: var(--accent-text); font-weight: 700; }
        .modal-tele tr:hover td { background: var(--accent-soft); }
        .modal-tele .comp { display: inline-block; min-width: 18px; text-align: center; border-radius: 999px; font-weight: 700; font-size: 11px; padding: 1px 6px; color: #fff; }
        .modal-tele .comp.S { background: var(--c-soft); }
        .modal-tele .comp.M { background: var(--c-med); }
        .modal-tele .comp.H { background: var(--c-hard); }
        .modal-tele .tele-empty { color: var(--muted); font-size: 0.9rem; padding: 2.5rem 0; text-align: center; letter-spacing: 0.5px; }