.race-list-toolbar { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: .75rem 1.5rem; margin: 1.5rem 0; }
.race-list-scopes { display: flex; flex-wrap: wrap; gap: .5rem; }
.race-list-track-filter { max-width: 100%; font-size: .875rem; color: var(--ink-muted); }
.race-list-track-filter summary { cursor: pointer; padding: .35rem 0; }
.race-list-track-options { display: flex; flex-wrap: wrap; gap: .5rem; max-width: 44rem; padding-top: .75rem; }
.race-list { display: grid; gap: .75rem; }
.race-list-row { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) minmax(8rem, .45fr) auto auto; align-items: center; gap: 1.25rem; padding: 1.25rem; background: var(--surface); border: 1px solid var(--edge); border-radius: var(--radius); }
.race-list-date, .race-list-event p, .race-list-winner > span, .race-list-field { font-size: .875rem; color: var(--ink-muted); }
.race-list-event h2 { font-size: 1.125rem; line-height: 1.35; font-weight: 600; }
.race-list-event p { margin-top: .3rem; }
.race-list-winner { display: grid; gap: .25rem; }
.race-list-winner strong { font-weight: 600; overflow-wrap: anywhere; }
.race-list-status { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; max-width: 11rem; }
.race-list-action { white-space: nowrap; }
.race-list-empty { margin: 1.5rem 0; padding: 1.5rem; border: 1px solid var(--edge); border-radius: var(--radius); color: var(--ink-muted); }
@media (max-width: 1000px) {
  .race-list-row { grid-template-columns: minmax(0, 1fr) auto; gap: .75rem 1rem; }
  .race-list-date { grid-column: 1 / -1; }
  .race-list-event { grid-column: 1; }
  .race-list-status { grid-column: 2; grid-row: 2; justify-content: flex-end; }
  .race-list-winner { grid-column: 1; }
  .race-list-action { grid-column: 2; grid-row: 3; }
}
@media (max-width: 480px) {
  .race-list-row { padding: 1rem; }
  .race-list-event { grid-column: 1 / -1; }
  .race-list-status { grid-column: 1 / -1; grid-row: 3; max-width: none; justify-content: flex-start; }
  .race-list-winner { grid-row: 4; }
  .race-list-action { grid-row: 4; }
}

.race-list-time-label { display: block; font-size: .75rem; margin-bottom: .3rem; }
.race-list-clock { display: block; margin-top: .25rem; color: var(--ink); }
.race-list-personal { font-size: .875rem; color: var(--ink-muted); margin-top: .4rem; }
.race-list-personal strong { color: var(--accent); }