/* Biểu mẫu yêu cầu xóa tài khoản. Phần chữ của trang dùng lại .legal-content
   trong legal.css, ở đây chỉ còn style cho form. */

/* Global reset trong styles.css bỏ màu và gạch chân của thẻ a. Trang này có
   email, hotline và link chính sách nằm giữa đoạn văn nên cần thấy rõ là link. */
.legal-content a { color: var(--color-accent); }

.da-form { margin-bottom: var(--space-6); max-width: 520px; }
.da-form__grid { display: flex; flex-direction: column; gap: var(--space-4); }

.da-field { display: flex; flex-direction: column; gap: var(--space-2); }
.da-field__label {
  font-family: var(--font-family-body);
  font-weight: 700;
  font-size: 14px;
  color: var(--color-ink);
}
.da-field__control {
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-badge);
  background: var(--color-surface);
  font-family: var(--font-family-body);
  font-weight: var(--font-body-weight);
  font-size: 16px;
  line-height: 1.5;
  color: var(--color-ink);
}
.da-field__control::placeholder { color: var(--color-muted); }
.da-field__control:focus { outline: none; border-color: var(--color-accent); }
textarea.da-field__control { min-height: 96px; resize: vertical; }
select.da-field__control {
  appearance: none;
  background-image: url('../assets/icon/chevron-down.svg');
  background-repeat: no-repeat;
  background-position: right var(--space-4) center;
  background-size: 12px 8px;
  padding-right: var(--space-10);
}

.da-field__hint { font-size: 13px; color: var(--color-muted); line-height: 1.5; }
.da-field__error { display: none; font-size: 13px; color: #E83B30; }
.da-field.is-invalid .da-field__control { border-color: #E83B30; }
.da-field.is-invalid .da-field__error { display: block; }

.da-consent { display: flex; gap: var(--space-3); align-items: flex-start; }
.da-consent input { width: 18px; height: 18px; margin-top: 3px; flex-shrink: 0; }
.da-consent span { font-size: 14px; color: var(--color-muted); line-height: 1.6; }
.da-consent.is-invalid span { color: #E83B30; }

.da-form__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-top: var(--space-6);
}
.da-form__copy {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: var(--font-family-body);
  font-size: 14px;
  color: var(--color-muted);
  text-decoration: underline;
}
.da-form__status { display: none; margin-top: var(--space-4); color: var(--color-muted); }
.da-form__status.is-visible { display: block; }