/* ══ Livetiming Test ═════════════════════════════════════════════════════════ */

/* ── Header ───────────────────────────────────────────────────────────────── */
.lt-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 24px 0 16px; gap: 16px; flex-wrap: wrap;
}
.lt-header-left { display: flex; flex-direction: column; gap: 2px; }
.lt-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 22px; font-weight: 800; color: #dce3ed;
  letter-spacing: 0.5px; margin: 0;
}
.lt-subtitle {
  font-family: 'Barlow', sans-serif;
  font-size: 12px; color: #5a6a7b; margin: 0;
}

/* ── Connection panel ─────────────────────────────────────────────────────── */
.lt-conn-panel {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: #0f1319; border: 1px solid #1f2530; border-radius: 10px;
  padding: 12px 16px;
}
.lt-input {
  font-family: 'Barlow', sans-serif; font-size: 13px; color: #dce3ed;
  background: #141820; border: 1px solid #2a3545; border-radius: 6px;
  padding: 7px 12px; outline: none; transition: border-color 0.15s;
}
.lt-input:focus { border-color: #4ac8a4; }
.lt-input::placeholder { color: #3a4555; }
.lt-input-tk { width: 240px; }
.lt-input-groups { width: 80px; text-align: center; }

.lt-conn-btns { display: flex; gap: 6px; }
.lt-btn {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.6px; padding: 7px 16px; border-radius: 6px;
  border: none; cursor: pointer; transition: all 0.15s;
}
.lt-btn-connect {
  background: #4ac8a4; color: #090b0e;
}
.lt-btn-connect:hover:not(:disabled) { background: #5dd4b3; }
.lt-btn-connect:disabled { opacity: 0.4; cursor: default; }
.lt-btn-disconnect {
  background: #1f2530; color: #7a8a9b; border: 1px solid #2a3545;
}
.lt-btn-disconnect:hover:not(:disabled) { background: #2a3040; color: #dce3ed; }
.lt-btn-disconnect:disabled { opacity: 0.3; cursor: default; }

/* status indicator */
.lt-status { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.lt-status-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #5a6a7b;
  flex-shrink: 0;
}
.lt-status-dot.pulse {
  animation: lt-pulse 1.5s ease-in-out infinite;
}
@keyframes lt-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(34,197,94,0.5); }
  50%      { box-shadow: 0 0 0 6px rgba(34,197,94,0); }
}
.lt-status-text {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 600; color: #5a6a7b;
  text-transform: uppercase; letter-spacing: 0.5px;
}

/* ── Toolbar: stats + filters ─────────────────────────────────────────────── */
.lt-toolbar {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 8px 0;
}
.lt-stats {
  display: flex; gap: 16px;
  font-family: 'Barlow', sans-serif; font-size: 11px; color: #5a6a7b;
}
.lt-stats b { color: #7a8a9b; }
.lt-opts-link {
  color: #5a6a7b; text-decoration: none;
  font-family: 'Barlow Condensed', sans-serif; font-size: 11px;
  font-weight: 600; text-transform: uppercase; letter-spacing: 0.6px;
}
.lt-opts-link:hover { color: #4ac8a4; }

.lt-chips {
  display: flex; gap: 4px; margin-left: auto;
}
.lt-chip {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 10px; border-radius: 4px;
  border: 1px solid #1f2530; background: transparent;
  color: #5a6a7b; cursor: pointer; transition: all 0.15s;
}
.lt-chip:hover { border-color: #2a3545; color: #7a8a9b; }
.lt-chip.active { border-color: var(--chip-c, #3b82f6); color: var(--chip-c, #3b82f6); background: rgba(59,130,246,0.08); }

.lt-action-btns { display: flex; gap: 4px; }
.lt-btn-sm {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 10px; border-radius: 4px;
  border: 1px solid #1f2530; background: transparent;
  color: #5a6a7b; cursor: pointer; transition: all 0.15s;
}
.lt-btn-sm:hover { border-color: #2a3545; color: #7a8a9b; }
.lt-btn-sm.active { border-color: #f59e0b; color: #f59e0b; }

/* ── Table ────────────────────────────────────────────────────────────────── */
.lt-table-wrap {
  flex: 1; overflow-y: auto; border: 1px solid #1f2530;
  border-radius: 10px; background: #0b0e13;
  min-height: 0; /* flex child scroll */
}
.lt-table {
  width: 100%; border-collapse: collapse;
  font-family: 'Barlow', sans-serif; font-size: 12px;
}
.lt-table thead { position: sticky; top: 0; z-index: 2; }
.lt-table th {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.8px; color: #5a6a7b;
  background: #0f1319; padding: 8px 12px;
  text-align: left; border-bottom: 1px solid #1f2530;
}
.lt-row {
  cursor: pointer; transition: background 0.1s;
}
.lt-row:hover { background: rgba(255,255,255,0.02); }
.lt-cell {
  padding: 5px 12px; color: #9aa8b8;
  border-bottom: 1px solid #141820;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 0;
}
.lt-cell code {
  font-family: 'Consolas', 'Courier New', monospace; font-size: 11px;
}
.lt-cell-ts    { width: 110px; color: #5a6a7b; }
.lt-cell-group { width: 100px; }
.lt-cell-handle{ width: 100px; color: #7a8a9b; }
.lt-cell-payload { color: #6a7a8b; }

/* group badge */
.lt-badge {
  display: inline-block; font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.5px; padding: 2px 7px; border-radius: 3px;
  color: var(--badge-c); border: 1px solid var(--badge-c);
  background: rgba(255,255,255,0.02);
}

/* ── Detail panel ─────────────────────────────────────────────────────────── */
#lt-detail {
  display: none; background: #0f1319; border: 1px solid #1f2530;
  border-radius: 10px; margin-top: 8px; overflow: hidden;
}
.lt-detail-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 14px; border-bottom: 1px solid #1a2230;
  font-size: 12px; color: #9aa8b8;
}
.lt-detail-header code { margin-left: 6px; color: #7a8a9b; }
.lt-detail-close {
  background: none; border: none; color: #5a6a7b; cursor: pointer;
  font-size: 14px; padding: 2px 6px; border-radius: 4px;
}
.lt-detail-close:hover { color: #dce3ed; background: #1f2530; }
.lt-detail-body {
  padding: 12px 14px; margin: 0;
  font-family: 'Consolas', 'Courier New', monospace;
  font-size: 11px; color: #7a8a9b; line-height: 1.6;
  max-height: 260px; overflow-y: auto;
  white-space: pre-wrap; word-break: break-all;
}

/* ── Log area ─────────────────────────────────────────────────────────────── */
.lt-log {
  max-height: 60px; overflow-y: auto;
  font-family: 'Consolas', 'Courier New', monospace;
  font-size: 10px; color: #ef4444; padding: 4px 0;
}
.lt-log-line { padding: 1px 0; }

/* ── Layout ───────────────────────────────────────────────────────────────── */
.lt-body {
  display: flex; flex-direction: column; gap: 8px;
  flex: 1; min-height: 0;
}
#livetiming.active {
  display: flex; flex-direction: column;
  height: calc(100vh - 56px); padding: 0 24px;
}

/* ── Car tracking panel ────────────────────────────────────────────────────── */
.lt-track-panel {
  display: flex; flex-direction: column; gap: 8px;
  background: #0f1319; border: 1px solid #1f2530; border-radius: 10px;
  padding: 10px 16px;
}
.lt-track-row {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap; width: 100%;
}
.lt-track-label {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.6px; color: #4ac8a4; flex-shrink: 0;
}
.lt-track-select {
  width: 180px; font-size: 12px; padding: 6px 10px;
}
.lt-track-nr {
  width: 60px; text-align: center; font-weight: 700;
  font-family: 'Barlow Condensed', sans-serif; font-size: 14px;
}
.lt-btn-track {
  background: #1f2530; color: #4ac8a4; border: 1px solid #4ac8a4;
  font-size: 11px; padding: 6px 14px;
}
.lt-btn-track:hover:not(:disabled) { background: rgba(74,200,164,0.1); }
.lt-btn-track:disabled { opacity: 0.4; cursor: default; }
.lt-btn-track-stop { font-size: 11px; padding: 6px 14px; }
.lt-track-active {
  border-color: #4ac8a4; background: rgba(74,200,164,0.04);
}

.lt-btn-secondary {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.5px; padding: 6px 14px; border-radius: 6px;
  border: 1px solid #2a3545; background: #141820; color: #7a8a9b;
  cursor: pointer; transition: all 0.15s;
}
.lt-btn-secondary:hover { background: #1f2530; color: #9aa8b8; border-color: #3a4555; }

/* ── Event filter row (above slots) ─────────────────────────────────────── */
.lt-event-filter-row {
  display: flex; align-items: center; gap: 6px; flex-wrap: wrap;
  margin-bottom: 6px;
}
.lt-filter-sel      { width: 130px; font-size: 12px; padding: 6px 10px; }
.lt-track-event-sel { width: 220px; font-size: 12px; padding: 6px 10px; }

/* ── Car slots + bottom action row ──────────────────────────────────────── */
#lt-car-slots { display: flex; flex-direction: column; gap: 2px; }
.lt-track-actions-row {
  display: flex; align-items: center; gap: 8px; margin-top: 6px;
}
.lt-track-actions-row .lt-btn-connect { margin-left: auto; }

/* ── Slot system ─────────────────────────────────────────────────────────── */
.lt-car-slot { display: flex; flex-direction: column; gap: 2px; }
.lt-slot-row {
  display: flex; align-items: center; gap: 6px; flex-wrap: nowrap;
}
.lt-slot-car-sel  { width: 140px; font-size: 12px; padding: 6px 10px; }
.lt-slot-nr-input { width: 64px; text-align: center; font-weight: 700;
  font-family: 'Barlow Condensed', sans-serif; font-size: 14px; padding: 6px 8px; }
.lt-btn-icon {
  font-size: 14px; line-height: 1; padding: 4px 7px;
  background: none; border: none; color: #3a4a5b; cursor: pointer;
  border-radius: 4px; transition: color 0.15s, background 0.15s;
}
.lt-btn-icon:hover { color: #ef4444; background: rgba(239,68,68,0.08); }
.lt-add-car-btn { align-self: flex-start; font-size: 11px; padding: 4px 10px; }
.lt-track-start-all { flex-shrink: 0; align-self: flex-start; }

/* ── Driver mapping panel ─────────────────────────────────────────────────── */
.lt-driver-map-panel {
  background: #0b0e13; border: 1px solid #1f2530; border-radius: 8px;
  padding: 10px 14px; margin-top: 4px;
}
.lt-driver-map-hdr {
  display: flex; align-items: center; justify-content: space-between;
  margin-bottom: 8px;
}
.lt-driver-map-title {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.5px; color: #7a8a9b;
}
.lt-driver-map-title span { color: #4ac8a4; text-transform: none; font-weight: 400; }
.lt-driver-map-table {
  width: 100%; border-collapse: collapse;
  font-family: 'Barlow', sans-serif; font-size: 12px;
}
.lt-driver-map-table th {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.7px; color: #5a6a7b; padding: 4px 8px;
  text-align: left; border-bottom: 1px solid #1f2530;
}
.lt-driver-map-table td { padding: 4px 8px; }
.lt-driver-name { color: #9aa8b8; min-width: 150px; }
.lt-driver-timing-input { width: 200px; font-size: 12px; padding: 4px 8px; }
.lt-driver-map-empty { color: #5a6a7b; font-style: italic; padding: 8px !important; }

/* live feedback bar */
.lt-track-live {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 6px 0 2px; border-top: 1px solid #1a2230;
}
.lt-track-run {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 13px; font-weight: 700; color: #dce3ed;
  letter-spacing: 0.3px; white-space: nowrap;
}
.lt-track-run b { color: #4ac8a4; }
.lt-track-sectors {
  display: flex; gap: 6px;
}
.lt-track-sect {
  font-family: 'Consolas', monospace; font-size: 12px;
  color: #5a6a7b; padding: 2px 8px; border-radius: 4px;
  background: #141820; border: 1px solid #1f2530;
  min-width: 70px; text-align: center;
  transition: all 0.3s;
}
.lt-track-sect.filled {
  color: #dce3ed; border-color: #2a3545;
}
.lt-track-sect.just-set {
  color: #4ac8a4; border-color: #4ac8a4;
  background: rgba(74,200,164,0.08);
}
.lt-track-lastlap {
  font-family: 'Consolas', monospace; font-size: 12px;
  color: #7a8a9b; white-space: nowrap;
}
.lt-track-saved {
  font-family: 'Barlow', sans-serif; font-size: 10px;
  color: #4ac8a4; margin-left: auto; white-space: nowrap;
  opacity: 0; transition: opacity 0.3s;
}
.lt-track-saved.show { opacity: 1; }
.lt-track-saved.warning { color: #f59e0b; }

.sb-row-tracked td { background: rgba(74,200,164,0.06); }
.sb-row-tracked:hover td { background: rgba(74,200,164,0.1); }

/* ── View tabs ─────────────────────────────────────────────────────────────── */
.lt-view-tabs {
  display: flex; align-items: center; gap: 4px;
  padding: 6px 0;
}
.lt-vtab {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 12px; font-weight: 600; text-transform: uppercase;
  letter-spacing: 0.6px; padding: 5px 14px; border-radius: 6px;
  border: 1px solid #1f2530; background: transparent;
  color: #5a6a7b; cursor: pointer; transition: all 0.15s;
}
.lt-vtab:hover { border-color: #2a3545; color: #9aa8b8; }
.lt-vtab.active {
  background: #4ac8a4; color: #090b0e; border-color: #4ac8a4;
}

/* ══ Scoreboard ════════════════════════════════════════════════════════════ */

/* ── Race header ──────────────────────────────────────────────────────────── */
.sb-header {
  display: flex; align-items: center; gap: 16px;
  padding: 10px 16px; min-height: 20px;
  background: #0f1319; border: 1px solid #1f2530; border-radius: 10px;
}
.sb-header:empty { display: none; }
.sb-ttg {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px; font-weight: 700; color: #dce3ed;
  letter-spacing: 0.5px; flex-shrink: 0;
}
.sb-race-name {
  font-family: 'Barlow', sans-serif;
  font-size: 12px; color: #7a8a9b; flex: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sb-flag {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 11px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.5px; padding: 3px 12px; border-radius: 4px;
  flex-shrink: 0;
}
.sb-flag-green  { background: rgba(34,197,94,0.15); color: #22c55e; border: 1px solid rgba(34,197,94,0.3); }
.sb-flag-yellow { background: rgba(245,158,11,0.15); color: #f59e0b; border: 1px solid rgba(245,158,11,0.3); }
.sb-flag-red    { background: rgba(239,68,68,0.15); color: #ef4444; border: 1px solid rgba(239,68,68,0.3); }
.sb-lap-info {
  font-family: 'Barlow', sans-serif;
  font-size: 11px; color: #5a6a7b; flex-shrink: 0;
}

/* ── Scoreboard table ─────────────────────────────────────────────────────── */
.sb-wrap {
  flex: 1; overflow-y: auto; border: 1px solid #1f2530;
  border-radius: 10px; background: #0b0e13; min-height: 0;
}
.sb-table {
  width: 100%; border-collapse: collapse;
  font-family: 'Barlow', sans-serif; font-size: 12px;
}
.sb-table thead { position: sticky; top: 0; z-index: 2; }
.sb-table th {
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.8px; color: #5a6a7b;
  background: #0f1319; padding: 7px 10px;
  text-align: left; border-bottom: 1px solid #1f2530;
  white-space: nowrap;
}
.sb-th-pos, .sb-th-nr, .sb-th-pic { text-align: center; }
.sb-th-cls, .sb-th-state { text-align: center; }
.sb-th-gap, .sb-th-diff, .sb-th-last, .sb-th-best { text-align: right; }

/* rows */
.sb-row { transition: background 0.1s; }
.sb-row:hover { background: rgba(255,255,255,0.025); }
.sb-row:nth-child(even) { background: rgba(255,255,255,0.01); }
.sb-row:nth-child(even):hover { background: rgba(255,255,255,0.035); }
.sb-row td {
  padding: 4px 10px; color: #9aa8b8;
  border-bottom: 1px solid #111720;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* position */
.sb-pos {
  text-align: center; font-weight: 700; color: #dce3ed;
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px;
  width: 38px;
}
.sb-row:nth-child(1) .sb-pos { color: #fbbf24; }
.sb-row:nth-child(2) .sb-pos { color: #cbd5e1; }
.sb-row:nth-child(3) .sb-pos { color: #d97706; }

/* car number */
.sb-nr {
  text-align: center; font-weight: 700; width: 42px;
  font-family: 'Barlow Condensed', sans-serif; font-size: 13px;
}

/* state */
.sb-state { text-align: center; width: 65px; font-size: 11px; }
.sb-st-pit {
  display: inline-block; padding: 1px 6px; border-radius: 3px;
  background: rgba(239,68,68,0.12); color: #ef4444;
  font-weight: 600; font-size: 10px;
}
.sb-st-out {
  display: inline-block; padding: 1px 6px; border-radius: 3px;
  background: rgba(245,158,11,0.12); color: #f59e0b;
  font-weight: 600; font-size: 10px;
}
.sb-st-fuel {
  display: inline-block; padding: 1px 6px; border-radius: 3px;
  background: rgba(251,146,60,0.12); color: #fb923c;
  font-weight: 600; font-size: 10px;
}
.sb-st-time { color: #5a6a7b; }

/* driver, team, car */
.sb-driver { max-width: 160px; color: #dce3ed; font-weight: 500; }
.sb-team   { max-width: 180px; color: #7a8a9b; }
.sb-car    { max-width: 180px; color: #5a6a7b; font-size: 11px; }

/* PIC */
.sb-pic { text-align: center; width: 36px; color: #7a8a9b; }

/* class badge */
.sb-cls { text-align: center; width: 52px; }
.sb-cls-badge {
  display: inline-block; font-family: 'Barlow Condensed', sans-serif;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  padding: 1px 6px; border-radius: 3px; letter-spacing: 0.3px;
}
.sb-cls-gt3  { background: rgba(59,130,246,0.15); color: #60a5fa; }
.sb-cls-gtx  { background: rgba(245,158,11,0.15); color: #fbbf24; }
.sb-cls-tce  { background: rgba(74,200,164,0.15); color: #4ac8a4; }
.sb-cls-992  { background: rgba(168,85,247,0.15); color: #a78bfa; }
.sb-cls-default { background: rgba(122,138,155,0.1); color: #7a8a9b; }

/* gap / diff */
.sb-gap, .sb-diff {
  text-align: right; font-family: 'Consolas', monospace;
  font-size: 11px; color: #7a8a9b; max-width: 100px;
}

/* lap times */
.sb-last, .sb-best {
  text-align: right; font-family: 'Consolas', monospace;
  font-size: 11px; color: #7a8a9b; width: 80px;
}
/* PISC */
.sb-pisc { text-align: center; width: 36px; color: #7a8a9b; }
.sb-th-pisc { text-align: center; }

/* S.CLS */
.sb-scls { text-align: center; width: 52px; }
.sb-th-scls { text-align: center; }

/* sector times */
.sb-sect {
  text-align: right; font-family: 'Consolas', monospace;
  font-size: 11px; color: #5a6a7b; width: 70px;
}
.sb-th-sect { text-align: right; }

.sb-best-overall { color: #a78bfa; }

/* flash animation on cell update */
.sb-flash {
  animation: sb-flash 1.2s ease-out;
}
@keyframes sb-flash {
  0%   { background: rgba(74, 200, 164, 0.2); }
  100% { background: transparent; }
}

/* ── Light mode ───────────────────────────────────────────────────────────── */
body.light-mode .lt-title { color: #1a2030; }
body.light-mode .lt-subtitle { color: #8899aa; }
body.light-mode .lt-conn-panel { background: #f4f6f8; border-color: #dde2e8; }
body.light-mode .lt-input { background: #fff; border-color: #dde2e8; color: #1a2030; }
body.light-mode .lt-input::placeholder { color: #b0b8c4; }
body.light-mode .lt-btn-disconnect { background: #eef0f5; border-color: #dde2ec; color: #6b7a8d; }
body.light-mode .lt-btn-disconnect:hover:not(:disabled) { background: #e4e8f0; color: #1a2030; }
body.light-mode .lt-status-text { color: #8899aa; }
body.light-mode .lt-stats { color: #8899aa; }
body.light-mode .lt-stats b { color: #6b7a8d; }
body.light-mode .lt-chip { border-color: #dde2ec; color: #8899aa; }
body.light-mode .lt-chip:hover { border-color: #b0b8c4; color: #6b7a8d; }
body.light-mode .lt-btn-sm { border-color: #dde2ec; color: #8899aa; }
body.light-mode .lt-btn-sm:hover { border-color: #b0b8c4; color: #6b7a8d; }
body.light-mode .lt-vtab { border-color: #dde2ec; color: #8899aa; }
body.light-mode .lt-vtab:hover { border-color: #b0b8c4; color: #6b7a8d; }

/* Raw feed table */
body.light-mode .lt-table-wrap { background: #fff; border-color: #dde2e8; }
body.light-mode .lt-table th { background: #f4f6f8; color: #7a8a9b; border-color: #dde2e8; }
body.light-mode .lt-row:hover { background: rgba(0,0,0,0.02); }
body.light-mode .lt-cell { color: #4a5568; border-color: #edf0f4; }
body.light-mode .lt-cell-ts { color: #9aa8b8; }
body.light-mode #lt-detail { background: #f4f6f8; border-color: #dde2e8; }
body.light-mode .lt-detail-body { color: #4a5568; }
body.light-mode .lt-detail-header { border-bottom-color: #dde2ec; }

/* Car tracking panel */
body.light-mode .lt-track-panel { background: #f4f6f8; border-color: #dde2ec; }
body.light-mode .lt-track-label { color: #4ac8a4; }
body.light-mode .lt-track-active { border-color: #4ac8a4; background: rgba(74,200,164,0.04); }
body.light-mode .lt-btn-track { background: #eef0f5; border-color: #4ac8a4; }
body.light-mode .lt-btn-track:hover:not(:disabled) { background: rgba(74,200,164,0.08); }
body.light-mode .lt-track-live { border-top-color: #dde2ec; }
body.light-mode .lt-track-run { color: #1a2030; }
body.light-mode .lt-track-sect { background: #ffffff; border-color: #dde2ec; color: #8899aa; }
body.light-mode .lt-track-sect.filled { color: #1a2030; border-color: #b0b8c4; }

/* Scoreboard */
body.light-mode .sb-header { background: #f4f6f8; border-color: #dde2ec; }
body.light-mode .sb-ttg { color: #1a2030; }
body.light-mode .sb-wrap { background: #fff; border-color: #dde2ec; }
body.light-mode .sb-table th { background: #f4f6f8; color: #7a8a9b; border-bottom-color: #dde2ec; }
body.light-mode .sb-row:hover { background: rgba(0,0,0,0.02); }
body.light-mode .sb-row:nth-child(even) { background: rgba(0,0,0,0.015); }
body.light-mode .sb-row td { color: #6b7a8d; border-bottom-color: #edf0f4; }
body.light-mode .sb-pos { color: #1a2030; }
body.light-mode .sb-driver { color: #1a2030; }
body.light-mode .sb-row-tracked td { background: rgba(74,200,164,0.06); }