/* ============================================================
   ФАЙЛ: assets/css/delete_account/delete_account.css
   Раздел «Удаление аккаунта».

   Базовые карточки и поля — в glavnaya.css.
   Здесь только предупреждение, шаг с кодом и результат.
   Действие необратимое, поэтому раздел единственный,
   где используется красный акцент.
   ============================================================ */

/* ─── Предупреждение ────────────────────────────────────── */

.delete-warning {
  border-color: var(--opasno-line);
  background: linear-gradient(180deg, var(--opasno-fon), var(--poverhnost));
}

.delete-badge {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 12px;
  border-radius: 999px;
  background: var(--opasno-fon);
  border: 1px solid var(--opasno-line);
  color: var(--opasno);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.notice {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: var(--radius-s);
  border: 1px solid var(--opasno-line);
  background: var(--opasno-fon);
  font-size: .93rem;
  color: var(--tekst);
}

/* ─── Шаг с кодом ───────────────────────────────────────── */

.code-card { border-color: var(--granica-yark); }

.status-icon {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  font-size: 1.3rem;
  font-weight: 700;
  background: var(--poverhnost-2);
  border: 1px solid var(--granica-yark);
  color: var(--tekst);
}

/* Поле кода — крупно и моноширинно: шесть цифр из MAX
   человек сверяет глазами, а не читает как текст. */
.code-input {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  font-size: 1.7rem;
  letter-spacing: .5em;
  text-align: center;
  padding-left: .5em;
  max-width: 320px;
}

.form-actions-gap { margin-top: 16px; }

/* ─── Результат ─────────────────────────────────────────── */

.success-card { border-color: var(--akcent); }

.success-card .status-icon {
  background: var(--akcent-temny);
  border-color: var(--akcent);
  color: var(--akcent);
}

#scheduledDate { color: var(--tekst-slaby); font-size: .93rem; }