/* Аккаунт: вход, регистрация, профиль. Подключается только на своих страницах. */

/* --- Аккаунт --- */
.auth { display: grid; place-items: center; }

.auth__card {
  display: grid;
  gap: var(--space-4);
  width: 100%;
  max-width: 420px;
  padding: var(--space-6);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
}

.auth__title { font-family: var(--font-display); font-weight: var(--fw-display); letter-spacing: var(--ls-display); hyphens: auto; font-size: clamp(1.4rem, 2.4vw, 1.75rem); line-height: 1.15; }
.auth__foot { text-align: center; font-size: var(--fs-sm); }
.profile-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-5); }
.profile-head__action { margin-left: auto; }
.stats--light .stat { background: var(--surface); }
.profile-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); }
.progress-list { display: grid; gap: var(--space-4); margin: 0; padding: 0; list-style: none; }
.progress-list li { display: grid; gap: var(--space-2); }
.progress-list__head { display: flex; justify-content: space-between; font-size: var(--fs-sm); }
.progress-list__head a { font-weight: var(--fw-bold); text-decoration: none; }
.heatmap { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; max-width: 280px; }
.heatmap i { aspect-ratio: 1; background: var(--surface-2); border-radius: 4px; }
.heatmap i[data-l="1"] { background: color-mix(in srgb, var(--accent) 35%, var(--surface-2)); }
.heatmap i[data-l="2"] { background: color-mix(in srgb, var(--accent) 70%, var(--surface-2)); }
.heatmap i[data-l="3"] { background: var(--accent); }

/* --- Профиль: вкладки внутри панели --- */
.tabs--flush { margin: calc(var(--space-5) * -1) calc(var(--space-5) * -1) 0; padding: var(--space-3) var(--space-4); }


/* --- Формы allauth (в макете были статичные поля) --- */
.auth__form { display: grid; gap: var(--space-4); }
.auth__check { display: flex; align-items: center; gap: var(--space-2); font-size: var(--fs-sm); }
/* Подпись в несколько строк (согласие): галочка — у первой строки */
.auth__check:has(> span > a) { align-items: flex-start; line-height: 1.45; }
.auth__check:has(> span > a) input { margin-top: 3px; }
.auth__check input { flex-shrink: 0; accent-color: var(--accent); }
.auth__card .alert { margin: 0; }

/* Значок на странице «Подтвердите почту» */
.auth__icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  font-family: var(--font-code);
  font-size: var(--fs-lg);
  color: var(--on-accent);
  background: var(--accent);
  border-radius: 50%;
}