/* Web'den hesap silme formu (app.js) — sitenin renkleriyle (assets/css/site.css değişkenleri). */
.hs { margin: 18px 0 8px; padding: 20px; border: 1px solid var(--cizgi); border-radius: 16px; background: #fff; }
.hs h3 { margin: 0 0 8px; }
.hs [hidden] { display: none !important; }
.hs .lead { color: var(--gri); margin: 0 0 14px; }
.hs label { display: block; font-size: .92rem; font-weight: 600; color: var(--gri); margin: 14px 0 6px; }
.hs input[type="email"], .hs input[type="password"], .hs input.code {
  width: 100%; min-height: 50px; padding: 0 14px; border-radius: 12px; border: 1.5px solid var(--cizgi);
  background: var(--kirec); color: var(--murekkep); font: inherit; font-size: 1rem;
}
.hs input:focus { outline: none; border-color: var(--lobi); box-shadow: 0 0 0 4px rgba(15, 118, 110, .15); }
.hs input.code { letter-spacing: .5em; text-align: center; font-size: 1.5rem; font-weight: 700; }
.hs #captcha { margin: 16px 0 4px; min-height: 65px; }
.hs button, .hs .button {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 50px; margin-top: 16px;
  border: 0; border-radius: 999px; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none;
}
.hs button:disabled { opacity: .4; cursor: default; }
.hs .primary { background: var(--lobi); color: #fff; }
.hs .danger { background: #dc2626; color: #fff; }
.hs .secondary { background: transparent; color: var(--murekkep); box-shadow: inset 0 0 0 1.5px var(--murekkep); }
.hs .card { background: var(--kirec); border-radius: 12px; padding: 14px 16px; }
.hs .card ul { margin: 8px 0 0; padding-left: 20px; color: var(--gri); }
.hs .strong { font-weight: 700; margin: 0; }
.hs .warn { margin-top: 14px; padding: 14px 16px; border-radius: 12px; border: 1px solid #f59e0b; background: #fef3c7; }
.hs .warn p { margin: 0; }
.hs .check { display: flex; gap: 10px; align-items: center; margin: 18px 0 0; color: var(--murekkep); font-weight: 500; cursor: pointer; }
.hs .check input { width: 22px; height: 22px; accent-color: #dc2626; margin: 0; flex: none; }
.hs .error { color: #b91c1c; font-weight: 600; font-size: .92rem; margin: 10px 0 0; }
.hs .success p { margin: 0; font-weight: 600; }
.hs .backdrop { position: fixed; inset: 0; z-index: 50; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; padding: 16px; }
.hs .dialog { width: 100%; max-width: 380px; background: #fff; border-radius: 16px; padding: 20px; color: var(--murekkep); }
.hs .dialog p { margin: 0 0 12px; color: var(--gri); }
.hs .dialog .dialog-title { font-size: 1.1rem; font-weight: 700; color: var(--murekkep); }
.hs .dialog-buttons { display: flex; justify-content: flex-end; gap: 8px; }
.hs button.text { width: auto; min-height: 40px; margin: 0; padding: 0 14px; background: transparent; color: var(--lobi); }
.hs button.danger-text { color: #dc2626; }