/* Base layout to fill the viewport and prevent double scrollbars */
body, html {
  height: 100vh;
  margin: 0;
  font-family: sans-serif;
  overflow: hidden; /* Prevent double scrollbars */
}

/* Active player button styling */
.player-button.active {
  background-color: #4A5568; /* A darker gray, or any highlight color */
  font-weight: bold;
}

/* Make columns scroll independently */
#teams-column, #player-details-column {
  height: 100vh;
  overflow-y: auto;
}