/* LOS-specific styles */

.pick-form-card {
  background-color: var(--color-white);
  border-radius: var(--radius-lg);
  border-top: 4px solid var(--color-accent);
  box-shadow: var(--shadow);
  margin-bottom: 20px;
  padding: 20px;
}

.pick-form-card__title {
  color: var(--color-primary);
  margin-bottom: 12px;
}

.pick-form-card__sub {
  color: var(--color-text-muted);
  font-size: 0.875rem;
  margin-bottom: 0;
}

/* Entry tabs (when player has multiple entries) */
.entry-tabs {
  border-bottom: 2px solid var(--color-border);
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin-bottom: 20px;
}

.entry-tab {
  border-bottom: 3px solid transparent;
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: -2px;
  padding: var(--spacing-sm) var(--spacing-md);
  -webkit-transition: color 0.15s ease, border-color 0.15s ease;
  transition: color 0.15s ease, border-color 0.15s ease;
}

.entry-tab.is-active {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.entry-tab:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

/* Confirmed pick banner — navy block shown when a pick is already saved */
.current-pick-banner {
  background-color: #1F3866;
  border-radius: 4px;
  color: #ffffff;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-top: 8px;
  padding: 8px 16px;
  text-align: center;
}

/* Staged selection preview — sky blue block shown before confirming */
.selection-preview {
  background-color: #ACE0F4;
  border: 2px solid #1F3866;
  border-radius: 4px;
  color: #1F3866;
  font-size: 0.9375rem;
  font-weight: 700;
  margin-top: 16px;
  padding: 8px 16px;
  text-align: center;
}

/* Team picker grid */
.team-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  margin-top: 16px;
}

/* Team buttons — sky blue tiles, obviously clickable */
.team-btn {
  background-color: #ACE0F4;
  border: 2px solid #1F3866;
  border-radius: 4px;
  color: #1F3866;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 8px 12px;
  text-align: center;
  white-space: normal;
  width: 100%;
}

.team-btn:hover {
  background-color: #90cfe6;
}

.team-btn.is-selected {
  background-color: #1F3866;
  color: #ffffff;
}

/* LOS leaderboard grid */
.los-grid th:first-child,
.los-grid td:first-child {
  min-width: 160px;
}

.los-grid th,
.los-grid td {
  min-width: 110px;
}

.pick-cell {
  border-radius: 3px;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 3px 6px;
  text-align: center;
  white-space: nowrap;
}

.pick-cell--win  { background-color: #D1FAE5; color: #065F46; }
.pick-cell--draw { background-color: #FEF3C7; color: #92400E; }
.pick-cell--loss { background-color: #FEE2E2; color: #991B1B; }
.pick-cell--auto    { background-color: #EDE9FE; color: #4C1D95; font-style: italic; }
.pick-cell--buyback { background-color: #EDE9FE; color: #4C1D95; }
.pick-cell--pending { color: #555555; font-style: italic; }

/* Status column */
.player-status {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* Game week fixture table in pick card */
.fixture-table {
  border-collapse: collapse;
  font-size: 0.8125rem;
  margin-top: 4px;
  width: 100%;
}

.fixture-table td {
  padding: 5px 8px;
}

.fixture-table tr + tr td {
  border-top: 1px solid #C8D6E8;
}

.fixture-table__home {
  font-weight: 600;
  text-align: right;
}

.fixture-table__vs {
  color: #555555;
  font-size: 0.7rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  width: 2rem;
}

.fixture-table__away {
  font-weight: 600;
}

.fixture-table__time {
  color: #555555;
  font-size: 0.75rem;
  text-align: right;
  white-space: nowrap;
  width: 7rem;
}

/* Used teams */
.badge--used {
  background-color: #F4F7FB;
  border: 1px solid #C8D6E8;
  color: #555555;
  opacity: 0.75;
}