/* Headora.ai — страница удаления аккаунта (ru · kk · en). Токены — из main.css, каркас — legal.css. */

.acct .lead{margin-top:4px}
.acct-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.acct-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.acct-card h2{font-size:18px;line-height:1.3;margin:0 0 14px}
.acct-card ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--text);font-size:15.5px;line-height:1.5}
.acct-card.del h2{color:var(--danger)}
.acct-note{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.acct a{color:var(--accent);text-underline-offset:3px}

.acct-form{display:grid;gap:16px;padding:24px;border-radius:20px;border:1px solid color-mix(in srgb,var(--danger) 35%,transparent);background:var(--surface)}
.acct-form h2{font-size:clamp(20px,2.4vw,24px);margin:0}
.acct-form > p{margin:0;color:var(--muted);font-size:15px}
.field{display:grid;gap:8px;min-width:0}
.field span{font-size:14px;color:var(--muted)}
.field input{width:100%;min-width:0;height:50px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);color:var(--text);font:400 16px/1 var(--f-body)}
.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.check{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;font-size:14.5px;line-height:1.45;color:var(--text);cursor:pointer}
.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--danger);cursor:pointer}
.btn-danger{background:var(--danger);color:var(--on-danger);justify-self:start}
.btn-danger:hover{background:color-mix(in srgb,var(--danger) 88%,var(--text))}
.btn-danger[disabled]{opacity:.45;cursor:not-allowed}
.acct-status{min-height:1.4em;margin:0;font-size:14.5px;color:var(--muted)}
.acct-status.err{color:var(--danger)}
.acct-help{margin:0;font-size:13.5px;color:var(--dim)}
.acct-help a{color:var(--muted)}
.acct-done{display:grid;gap:10px;padding:28px 24px;border-radius:20px;border:1px solid color-mix(in srgb,var(--success) 35%,transparent);background:var(--surface)}
.acct-done h2{margin:0;font-size:22px;color:var(--success)}
.acct-done p{margin:0;color:var(--text)}

@media (max-width:720px){
  .acct-grid{grid-template-columns:1fr}
  .acct-form{padding:18px}
  .btn-danger{justify-self:stretch;white-space:normal;height:auto;min-height:52px;padding-block:12px;text-align:center;line-height:1.25}
}
/* Удаление по коду: кнопка «Отправить код» и поле кода (скрыто до отправки) */
.field[hidden]{display:none}
.acct-send{justify-self:start}
@media (max-width:560px){.acct-send{justify-self:stretch}}
