/* ── Results page ── */
.res-panel {
    background: var(--surface, #fff);
    border: 1px solid var(--line, #e5e7eb);
    border-radius: var(--r, 12px);
    box-shadow: var(--sh, 0 1px 4px rgba(0,0,0,.06));
    overflow: hidden;
    margin-top: 24px;
}

.res-tabs-row {
    border-bottom: 1px solid var(--line, #e5e7eb);
    padding: 0 20px;
    background: var(--surface-2, #f7f8fa);
}

.res-tabs {
    display: flex;
    gap: 2px;
}

.res-tab {
    display: inline-flex;
    align-items: center;
    padding: 14px 16px;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink-2, #64748b);
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
    transition: color .12s, border-color .12s;
}

.res-tab:hover { color: var(--ink, #0f1117); }
.res-tab.active { color: var(--accent, #e10600); border-bottom-color: var(--accent, #e10600); }

/* ── Table ── */
.res-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 13.5px;
}

.res-tbl thead th {
    text-align: left;
    font-size: 11px;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--muted, #94a3b8);
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid var(--line, #e5e7eb);
    background: var(--surface-2, #f7f8fa);
}

.res-tbl tbody tr:hover td { background: var(--surface-2, #f7f8fa); }
.res-tbl tbody tr td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--line-2, #f0f1f3);
    vertical-align: middle;
}
.res-tbl tbody tr:last-child td { border-bottom: 0; }

/* Columns */
.res-pos {
    font-size: 15px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.res-num {
    font-family: var(--mono, monospace);
    font-size: 12.5px;
    color: var(--muted, #94a3b8);
    width: 44px;
}

.res-driver {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
}

.res-lap {
    font-family: var(--mono, monospace);
    font-size: 13px;
    color: var(--ink-2, #64748b);
}

.res-lap.fastest {
    color: #a78bfa;
    font-weight: 700;
}

.res-gap {
    font-family: var(--mono, monospace);
    font-size: 13px;
    color: var(--muted, #94a3b8);
}

.res-laps {
    font-variant-numeric: tabular-nums;
    color: var(--ink-2, #64748b);
    font-size: 13px;
}