/* Ban Appeal Page — reset-password.css ile aynı sade/ortalı estetik.
 * Kutu YOK: sitenin geri kalanıyla tutarlı, ortalanmış tek sütun.
 * Sadece bu sayfaya conditional yüklenir.
 */

.bm-appeal {
  min-height: 62vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--bm-space-12, 48px) var(--bm-space-5, 24px);
  background: var(--bm-bg);
}

/* İç sütun — dar, ortalanmış. Kart görünümü (border/bg) yok. */
.bm-appeal__card {
  max-width: 420px;
  width: 100%;
  text-align: center;
}

.bm-appeal__title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1.25;
  color: var(--bm-text);
  margin: 0 0 12px;
}

.bm-appeal__body {
  font-size: 15px;
  line-height: 1.6;
  color: var(--bm-text-muted);
  margin: 0 auto var(--bm-space-4, 24px);
  max-width: 380px;
}

/* Metin girişi form öğesi — sola hizalı (yazı sola akar), tam genişlik. */
.bm-appeal__textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  text-align: start;
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius-md, 12px);
  padding: 14px 16px;
  font-size: 15px;
  line-height: 1.55;
  font-family: inherit;
  color: var(--bm-text);
  background: var(--bm-surface, #fff);
  box-sizing: border-box;
  resize: vertical;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.bm-appeal__textarea::placeholder {
  color: var(--bm-text-muted);
  opacity: 0.7;
}

.bm-appeal__textarea:focus {
  outline: none;
  border-color: var(--bm-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bm-primary) 18%, transparent);
}

.bm-appeal__error {
  color: #c0392b;
  font-size: 13px;
  line-height: 1.5;
  text-align: start;
  margin: 10px 0 0;
}

/* Tam genişlik birincil buton — form hissi. */
.bm-appeal__submit {
  display: block;
  width: 100%;
  background: var(--bm-primary);
  color: #fff;
  border: none;
  border-radius: var(--bm-radius-md, 12px);
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  margin-top: var(--bm-space-4, 16px);
  transition: opacity 150ms ease, transform 150ms ease;
}

.bm-appeal__submit:hover {
  opacity: 0.92;
}

.bm-appeal__submit:active {
  transform: translateY(1px);
}

.bm-appeal__submit:disabled {
  opacity: 0.5;
  cursor: default;
  transform: none;
}