/*
 * Admin Cards List - Collection show: list of cards with emoji, rarity, name, Edit
 * Styled from scratch on theme (no Bootstrap table dependency)
 */

.admin-cards-list {
  --admin-cards-row-padding: var(--space-3) var(--space-4);
  --admin-cards-emoji-size: 1.25rem;
  background: var(--bg-elevated);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.admin-cards-list table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  background: transparent;
  color: var(--text-primary);
}

.admin-cards-list tbody tr {
  border-bottom: 1px solid var(--border-primary);
  transition: background var(--transition-fast);
  cursor: pointer;
}

.admin-cards-list tbody tr:last-child {
  border-bottom: none;
}

.admin-cards-list tbody tr:hover {
  background: var(--bg-tertiary);
}

.admin-cards-list td {
  padding: var(--admin-cards-row-padding);
  vertical-align: middle;
  border: none;
  background: transparent;
}

.admin-cards-list td:first-child {
  width: 3.5rem;
  text-align: center;
  font-size: var(--admin-cards-emoji-size);
  line-height: 1;
}

.admin-cards-list td:nth-child(2) {
  color: var(--text-primary);
  font-size: 0.9375rem;
}

.admin-cards-list td:last-child {
  width: 6rem;
  text-align: right;
}

.admin-cards-list .admin-cards-list__rarity {
  font-weight: 500;
}

/* Rarity colors - scoped to this list (C vs U more distinct) */
.admin-cards-list .admin-cards-list__rarity--common {
  color: var(--text-tertiary);
}

.admin-cards-list .admin-cards-list__rarity--uncommon {
  color: #d4d4d4;
}

.admin-cards-list .admin-cards-list__rarity--rare {
  color: #ffd700;
}

.admin-cards-list .admin-cards-list__rarity--super_rare {
  color: #ef4444;
}

.admin-cards-list .admin-cards-list__rarity--legendary {
  color: #a855f7;
}

.admin-cards-list .btn {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .admin-cards-list {
    --admin-cards-row-padding: var(--space-2) var(--space-3);
    --admin-cards-emoji-size: 1.125rem;
  }

  .admin-cards-list td:nth-child(2) {
    font-size: 0.875rem;
  }
}