/* css/loyalty.css
   Таблица уровней лояльности
   Вынесено из style.css без изменения содержимого правил. */

/* ===== ЛОЯЛЬНОСТЬ (таблица уровней) ===== */
.loyalty-levels-block {
  margin-top: 25px;
  background: #1a1d3a;
  border-radius: 16px;
  padding: 20px;
  border: 1px solid #2a2f5a;
}
.loyalty-levels-table {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.loyalty-levels-header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  font-weight: 700;
  color: #f5c542;
  padding: 8px 12px;
  border-bottom: 2px solid #2a2f5a;
  margin-bottom: 4px;
}
.loyalty-levels-header span { text-align: center; }
.loyalty-level-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 8px 12px;
  border-radius: 8px;
  background: #0b0c1a;
  transition: background 0.2s;
  text-align: center;
}
.loyalty-level-row.active {
  background: #2a2f5a;
  border-left: 3px solid #e94560;
}
.loyalty-level-row:not(.active):hover { background: #1f2349; }
.loyalty-level-row span { color: #e0e0e0; }
.loyalty-level-row.active span { color: #fff; }
@media (max-width: 500px) {
  .loyalty-levels-header, .loyalty-level-row {
    grid-template-columns: 1fr 1fr 1fr;
    font-size: 0.85rem;
    gap: 4px;
  }
  .loyalty-levels-header span, .loyalty-level-row span { padding: 2px 0; }
}