/*
 * Profile Page - User profile tiles, stat cards, event list
 */

/* ── Stat tile color variants ───────────────────────────────────────────── */

.profile-tile--indigo {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(99, 102, 241, 0.05) 100%);
  border-color: rgba(99, 102, 241, 0.3) !important;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.profile-tile--cyan {
  background: linear-gradient(135deg, rgba(0, 212, 255, 0.1) 0%, rgba(0, 212, 255, 0.05) 100%);
  border-color: rgba(0, 212, 255, 0.3) !important;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  transition: all var(--transition-fast);
}

.profile-tile--pink {
  background: linear-gradient(135deg, rgba(236, 72, 153, 0.1) 0%, rgba(236, 72, 153, 0.05) 100%);
  border-color: rgba(236, 72, 153, 0.3) !important;
  aspect-ratio: 1 / 1;
  cursor: pointer;
}

.profile-tile--amber {
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.1) 0%, rgba(245, 158, 11, 0.05) 100%);
  border-color: rgba(251, 191, 36, 0.3) !important;
  aspect-ratio: 1 / 1;
  cursor: pointer;
}

/* Icon on the tile front face */
.profile-tile-icon {
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

/* ── Split stat color variants ──────────────────────────────────────────── */

.profile-split-stat--cyan .profile-split-stat-value-primary {
  color: var(--accent-cyan);
}
.profile-split-stat--cyan .profile-split-stat-divider {
  border-left-color: rgba(0, 212, 255, 0.45);
}
.profile-split-stat--cyan .profile-split-stat-value-muted {
  color: rgba(0, 212, 255, 0.55);
}

.profile-split-stat--purple .profile-split-stat-value-primary {
  color: var(--accent-purple);
}
.profile-split-stat--purple .profile-split-stat-divider {
  border-left-color: rgba(129, 140, 248, 0.45);
}
.profile-split-stat--purple .profile-split-stat-value-muted {
  color: rgba(129, 140, 248, 0.55);
}

/* Large gold number (net worth, coin clicks) */
.profile-tile-big-stat {
  color: var(--accent-gold);
  font-size: 1.75rem;
}

/* ── Live events list ───────────────────────────────────────────────────── */

.profile-event-list-item {
  padding: 0.875rem 0;
}

.profile-event-title {
  font-size: 1rem;
}

.profile-event-badge {
  padding: 0.5rem 1rem;
}

/* ── Misc utilities used on this page ───────────────────────────────────── */

.text-accent-cyan {
  color: var(--accent-cyan) !important;
}

/* Larger toggle switch for settings section */
.form-switch-profile {
  width: 3rem;
  height: 1.5rem;
  cursor: pointer;
}

/* Trophy emoji in modal */
.trophy-modal-emoji {
  font-size: 2.25rem;
  line-height: 1;
}