/* Table Styles */
.table-wrapper {
  overflow-x: auto;
  overflow-y: visible;
  margin-bottom: 2rem;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(252,221,9,0.15);
}
.comparison-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
  background: var(--color-dark-card);
}
.comparison-table thead tr {
  background: rgba(252,221,9,0.1);
  border-bottom: 2px solid var(--color-primary);
}
.comparison-table th {
  padding: 1rem 1.25rem;
  text-align: left;
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-primary);
  font-size: 0.9rem;
  white-space: nowrap;
}
.comparison-table td {
  padding: 1rem 1.25rem;
  vertical-align: middle;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  font-size: 0.9rem;
}
.comparison-table tbody tr:hover { background: rgba(252,221,9,0.04); }
.rank-badge {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--gradient-gold);
  color: #000; font-weight: 900; font-size: 0.9rem;
  display: flex; align-items: center; justify-content: center;
}
.rank-badge.top3 { box-shadow: 0 0 12px rgba(252,221,9,0.6); }
.brand-cell { display: flex; align-items: center; gap: 0.75rem; }
.brand-logo-small {
  width: 44px; height: 44px; border-radius: 0.5rem;
  display: flex; align-items: center; justify-content: center;
  color: white; font-weight: 900; font-size: 1.2rem;
  flex-shrink: 0;
}
.brand-cell-info { display: flex; flex-direction: column; }
.brand-cell-name { font-weight: 700; color: white; font-size: 0.95rem; }
.brand-cell-type { font-size: 0.75rem; color: rgba(255,255,255,0.5); }
.rating-stars { color: var(--color-primary); font-size: 0.85rem; }
.rating-value { font-weight: 700; color: white; }
.bonus-cell { color: var(--color-primary); font-weight: 700; }
.payment-tags { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.payment-tag { background: rgba(7,137,48,0.15); color: #0AA83C; border: 1px solid rgba(7,137,48,0.25); border-radius: 4px; padding: 0.2rem 0.5rem; font-size: 0.75rem; font-weight: 600; }
.actions-cell { white-space: nowrap; min-width: 160px; }
.actions-cell .btn { font-size: 0.8rem; padding: 0.4rem 1rem; }
.type-badge { display: inline-block; padding: 0.2rem 0.6rem; border-radius: 4px; font-size: 0.75rem; font-weight: 600; }
.type-sports { background: rgba(7,137,48,0.15); color: #0AA83C; }
.type-casino { background: rgba(218,18,26,0.15); color: #FF5252; }
.type-crypto { background: rgba(252,221,9,0.15); color: #FCDD09; }
.type-combo { background: rgba(7,137,48,0.1); color: #78C87A; }