/* Table & Filter – TopCasinoSudan */
.filter-bar {
  background:var(--color-dark-card); border:1px solid rgba(210,16,52,.2);
  border-radius:var(--radius-lg); padding:var(--spacing-lg); margin-bottom:var(--spacing-xl);
  box-shadow:var(--shadow-md),var(--shadow-glow-gold); position:sticky; top:80px; z-index:100;
  backdrop-filter:blur(10px);
}
.filter-controls { display:flex; flex-wrap:wrap; gap:var(--spacing-md); align-items:center; }
.filter-group { display:flex; flex-direction:column; gap:.5rem; flex:1; min-width:200px; }
.filter-label { font-size:.875rem; font-weight:600; color:var(--color-primary); }
.filter-select {
  padding:.625rem 1rem; border:2px solid rgba(210,16,52,.2); border-radius:var(--radius-md);
  font-family:var(--font-primary); font-size:.9375rem; color:var(--color-white);
  background:rgba(31,10,10,.5); cursor:pointer; transition:all var(--transition-base);
}
.filter-select:focus { outline:none; border-color:var(--color-primary); box-shadow:0 0 0 3px rgba(210,16,52,.2); }
.filter-buttons { display:flex; gap:var(--spacing-sm); margin-top:var(--spacing-sm); }

/* Table */
.table-wrapper {
  overflow-x: auto;
  overflow-y: visible;
  border-radius:var(--radius-lg);
  border:1px solid rgba(210,16,52,.2);
  margin-bottom: 2rem;
}
.comparison-table { width:100%; border-collapse:collapse; min-width:900px; }
.comparison-table thead tr {
  background: linear-gradient(90deg,rgba(210,16,52,.3),rgba(0,122,61,.15));
  border-bottom:2px solid var(--color-primary);
}
.comparison-table th {
  padding:1rem 1.25rem; text-align:right; font-size:.9rem; font-weight:700;
  color:var(--color-primary); white-space:nowrap;
}
.comparison-table td { padding:.875rem 1.25rem; border-bottom:1px solid rgba(210,16,52,.08); vertical-align:middle; }
.comparison-table tbody tr { transition:background var(--transition-fast); }
.comparison-table tbody tr:hover { background:rgba(210,16,52,.08); }
.comparison-table tbody tr:last-child td { border-bottom:none; }

.brand-cell { display:flex; align-items:center; gap:.875rem; }
.brand-logo-mini {
  width:44px; height:44px; border-radius:8px; display:flex; align-items:center; justify-content:center;
  color:#fff; font-weight:900; font-size:1rem; flex-shrink:0;
}
.brand-name { font-weight:700; font-size:.95rem; color:var(--color-white); }
.brand-type { font-size:.75rem; color:var(--color-primary); }
.bonus-cell { font-weight:700; color:var(--color-primary); font-size:.9rem; white-space:nowrap; }
.rating-cell { font-weight:700; color:var(--color-primary); white-space:nowrap; }
.actions-cell { white-space:nowrap; min-width:160px; }
.tag { display:inline-block; padding:.2rem .6rem; border-radius:var(--radius-full); font-size:.75rem; font-weight:600; margin:.1rem; }
.tag-pay { background:rgba(0,122,61,.2); color:#00C864; border:1px solid rgba(0,122,61,.3); }

@media(max-width:768px){
  .filter-controls { flex-direction:column; }
  .filter-group { min-width:100%; }
}