/* Rules not owned by the design system (static/css/tokens.css + components.css) —
   kept here because they're still used by pages this redesign touches. */

/* Enable horizontal scrolling for tables */
.scrollable-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
    width: 100%;
}

.scrollable-container table {
    width: 100%;
    min-width: 480px;
}

/* Column sizing for lap-position grid */
.lap-column {
    min-width: 45px; /* Added to maintain proper column width even with shorter numbers (i.e., lap 1) */
    white-space: nowrap;
}

.rider-column {
    min-width: 150px;
    white-space: nowrap;
}

/* Flashing red circle for live timing */
.flashing-circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: red;
    animation: flash 1s infinite alternate;
  }
  
  @keyframes flash {
    0% {
      background-color: red;
    }
    50% {
      background-color: darkred;
    }
    100% {
      background-color: red;
    }
  }