/**
 * Account page styles: the profile card with avatar, the stats strip, and the
 * danger-zone container. Loaded after app.css.
 */

.account-profile-card {
  margin-bottom: 1.25rem;
}
.account-avatar-figure {
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
  background: #f3f4f6;
}
.account-avatar-figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.account-avatar-progress {
  margin-top: 0.5rem;
}
.account-stats {
  margin-bottom: 1.25rem;
}
.account-stat {
  text-align: left;
  border-left: 4px solid var(--walnut);
  padding: 0.9rem 1rem;
}
.account-stat .heading {
  color: #6b7280;
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.account-stat-value {
  font-family: 'Niconne', cursive;
  font-size: 2.2rem;
  line-height: 1.1;
  color: var(--ink-black);
}
.account-danger {
  border-left: 4px solid #e53935;
}