/* 
  Odds Analysis Component Styles
  Defines styling for odds analysis tables
*/

/* Table layout */
.odds-analysis-table {
  width: 100%;
  font-size: var(--text-xs);
  border-collapse: collapse;
}

/* Edge column indicators */
.odds-edge-positive {
  color: var(--color-success);
  font-weight: var(--font-medium);
}

.odds-edge-negative {
  color: var(--color-danger);
  font-weight: var(--font-medium);
}

/* Compact cell spacing for odds tables */
.odds-analysis-table th,
.odds-analysis-table td {
  padding: var(--space-1);
}

/* Align text properly in each column */
.odds-analysis-table th:first-child,
.odds-analysis-table td:first-child {
  text-align: start;
}

.odds-analysis-table th:last-child,
.odds-analysis-table td:last-child {
  text-align: end;
}

/* Card footer with games count */
.odds-analysis-footer {
  font-size: var(--text-xs);
  color: var(--clr-surface-a50);
  margin-block-start: var(--space-2);
}

/* Mobile optimizations */
@media (max-width: 768px) {
  .odds-analysis-table {
    font-size: var(--text-2xs);
  }
  
  .odds-analysis-table th,
  .odds-analysis-table td {
    padding: 0.15rem;
  }
}