/* ===== TABLE COMPONENTS ===== */
/* Base table styles are defined in main.css */



/* ===== RANKING TABLE ===== */
.ranking-table-section {
  margin-bottom: var(--space-large);
  width: 100%;
  max-width: 100%;
  background: var(--color-white);
  border-radius: var(--radius-large);
  padding: var(--space-medium);
  box-shadow: var(--shadow-small);
  border: 1px solid var(--color-slate-200);
}

.ranking-table {
  margin-bottom: var(--space-medium);
  width: 100%;
}

.ranking-table tbody tr:hover {
  background-color: var(--color-slate-50);
  transform: translateY(-1px);
  transition: all var(--transition-normal);
}





/* ===== SPECIALTY TABLES ===== */

/* Albo d'oro prestigious table styles */
.albo-oro-table {
  border: 2px solid rgba(255, 215, 0, 0.3);
  border-radius: var(--radius-extra-large);
  overflow: hidden;
  box-shadow: var(--shadow-extra-large);
  background: linear-gradient(135deg, var(--color-white) 0%, #fefefe 100%);
}

.albo-oro-table thead th {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  color: #FFD700;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  letter-spacing: 1px;
  border-bottom: 2px solid #FFD700;
}

.albo-oro-table tbody tr:nth-child(1) {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.15) 0%, rgba(255, 215, 0, 0.05) 100%);
  border-left: 4px solid #FFD700;
  font-weight: var(--font-weight-bold);
}

.albo-oro-table tbody tr:nth-child(2) {
  background: linear-gradient(135deg, rgba(192, 192, 192, 0.15) 0%, rgba(192, 192, 192, 0.05) 100%);
  border-left: 4px solid #C0C0C0;
  font-weight: var(--font-weight-semibold);
}

.albo-oro-table tbody tr:nth-child(3) {
  background: linear-gradient(135deg, rgba(205, 127, 50, 0.15) 0%, rgba(205, 127, 50, 0.05) 100%);
  border-left: 4px solid #CD7F32;
  font-weight: var(--font-weight-semibold);
}

.albo-oro-table tbody tr.current-user {
  background: linear-gradient(135deg, rgba(138, 43, 226, 0.15) 0%, rgba(138, 43, 226, 0.05) 100%);
  border: 2px solid #8A2BE2;
  border-radius: var(--radius-large);
  box-shadow: var(--shadow-large);
}

.albo-oro-table tbody tr:hover {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 215, 0, 0.02) 100%);
  transform: translateY(-1px);
  transition: all var(--transition-normal);
}



/* ===== RESPONSIVE ===== */
@media (min-width: 768px) {
  .ranking-table-section {
    padding: var(--space-large);
  }
}

@media (min-width: 1024px) {
  .ranking-table-section {
    padding: var(--space-extra-large);
  }

}