/* Kayıt sayfası: giriş ekranıyla (css/auth.css) aynı sade, ortalanmış tasarım. business-registration.css ve billing.css'ten sonra yüklenir. */
:root {
  --reg-bg: #ffffff; --reg-card: #ffffff; --reg-ink: #10202A; --reg-muted: #5E6670; --reg-border: #d9d6de;
  --reg-accent: #10202A; --reg-accent-dark: #1c3240; --reg-accent-soft: #F6EEFA; --reg-brand-ink: #7A2E99;
  --lq-ink: #10202A; --lq-muted: #5E6670; --lq-border: #d9d6de; --lq-card: #ffffff; --lq-lila: #F6EEFA; --lq-night: #10202A; --lq-purple-ink: #7A2E99;
  --ra-soft: #F6EEFA; --ra-field: #ffffff; --ra-btn-ink: #ffffff;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --reg-bg: #111111; --reg-card: #111111; --reg-ink: #f3f1f5; --reg-muted: #a9b1b8; --reg-border: #333333;
    --reg-accent: #f3f1f5; --reg-accent-dark: #d8d5dc; --reg-accent-soft: #1c1c1c; --reg-brand-ink: #D88EF2;
    --lq-ink: #f3f1f5; --lq-muted: #a9b1b8; --lq-border: #333333; --lq-card: #111111; --lq-lila: #1c1c1c; --lq-night: #f3f1f5; --lq-purple-ink: #D88EF2;
    --ra-soft: #1c1c1c; --ra-field: #111111; --ra-btn-ink: #111111;
  }
}
body { background: var(--reg-bg); color: var(--reg-ink); }
.registration-shell { display: block; min-height: 100vh; }
.registration-intro { display: none; }
.registration-main { display: block; padding: 0 20px 24px; }
.mobile-brand { display: block; margin: 0; padding: 22px 8px; }
.mobile-brand .brand { color: var(--reg-ink); }
.mobile-brand .brand-logo { height: 26px; }
.registration-card { width: min(100%, 440px); margin: 0 auto; padding: 8px 0 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.form-eyebrow { display: none; }
.form-heading { text-align: center; }
.form-heading h2 { margin: 0 0 10px; font-size: 30px; }
.form-heading p { margin: 0 auto; }
.progress-track { background: var(--reg-border); }
.progress-step { color: var(--reg-muted); }
.progress-step i { border-color: var(--reg-border); background: transparent; color: var(--reg-muted); }
.progress-step.is-current { color: var(--reg-ink); }
.progress-step.is-current i, .progress-step.is-complete i { border-color: var(--reg-accent); background: var(--reg-accent); color: var(--ra-btn-ink); }
.step-heading > span { color: var(--reg-brand-ink); }
.field { color: var(--reg-muted); }
.field input, .field textarea, .field select, .slug-input { border-color: var(--reg-border); border-radius: 14px; background: transparent; color: var(--reg-ink); }
.field textarea { padding-top: 12px; }
.field select option { background: var(--ra-field); color: var(--reg-ink); }
.field input:focus, .field textarea:focus, .field select:focus, .slug-input:focus-within { border-color: var(--reg-brand-ink); box-shadow: 0 0 0 1px var(--reg-brand-ink); }
.slug-input input { border: 0; box-shadow: none; background: transparent; }
.slug-input > span { color: var(--reg-muted); }
.logo-upload { border-color: var(--reg-border); background: transparent; }
.logo-upload:hover { background: var(--ra-soft); }
.logo-preview { background: var(--ra-soft); }
.review-card { border-color: var(--reg-border); background: var(--ra-soft); }
.review-icon { background: var(--reg-card); color: var(--reg-brand-ink); }
.review-card small, .review-card div span { color: var(--reg-muted); }
.check-row, .check-row strong { color: var(--reg-muted); }
.review-note { border-left-color: var(--reg-brand-ink); background: var(--ra-soft); color: var(--reg-muted); }
.form-error { border-color: #5a2a26; background: #2e1512; color: #ffb4ab; }
@media (prefers-color-scheme: light) { .form-error { border-color: #f0d7d7; background: #fff8f8; color: #B3261E; } }
.button { min-height: 50px; border-radius: 999px; }
.button--primary { background: var(--reg-accent); color: var(--ra-btn-ink); box-shadow: none; }
.button--primary:hover { background: var(--reg-accent-dark); }
.button--back { border-color: var(--reg-border); background: transparent; color: var(--reg-muted); }
.form-login, .form-footnote { color: var(--reg-muted); }
.plan-option, .lq-toggle { background: transparent; border-color: var(--reg-border); }
.plan-option__dot { background: transparent; border-color: var(--reg-border); }
.plan-option.is-selected { border-color: var(--reg-ink); box-shadow: none; background: var(--ra-soft); }
.plan-option.is-selected .plan-option__dot { border-color: var(--reg-ink); }
.plan-option__price strong, .plan-option__name { color: var(--reg-ink); }
.plan-option__name em, .lq-toggle em { background: var(--ra-soft); color: var(--reg-brand-ink); }
.lq-toggle button { color: var(--reg-muted); }
.lq-toggle button.is-active { background: var(--reg-accent); color: var(--ra-btn-ink); }
.lq-toggle button.is-active em { background: #D88EF2; color: #10202A; }
.success-mark { background: var(--ra-soft); }
.mobile-footer { display: block; color: var(--reg-muted); }
.mobile-footer a { color: var(--reg-brand-ink); }
@media (max-width: 450px) { .registration-main { padding: 0 16px 20px; } }
.form-actions { justify-content: center; }
.form-actions .button--primary { min-width: 200px; }
.field-error { display: block; margin: 0; padding-left: 4px; color: #B3261E; font-size: 12.5px; font-weight: 500; line-height: 1.4; }
@media (prefers-color-scheme: dark) { .field-error { color: #ffb4ab; } }
.field.has-error input, .field.has-error textarea, .field.has-error select, .field.has-error .slug-input, .field.has-error .logo-upload { border-color: #B3261E; }
@media (prefers-color-scheme: dark) { .field.has-error input, .field.has-error textarea, .field.has-error select, .field.has-error .slug-input, .field.has-error .logo-upload { border-color: #ffb4ab; } }
.check-row { flex-wrap: wrap; }
.check-row .field-error { flex-basis: 100%; padding-left: 26px; }

.pw-wrap { position: relative; display: block; }
.pw-wrap input { padding-right: 46px; }
.pw-eye { position: absolute; top: 50%; right: 10px; display: grid; width: 32px; height: 32px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--reg-muted); cursor: pointer; transform: translateY(-50%); }
.pw-eye:hover, .pw-eye[aria-pressed="true"] { color: var(--reg-ink); }
.pw-eye svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.pw-eye__slash { display: none; }
.pw-eye[aria-pressed="true"] .pw-eye__slash { display: inline; }
.business-step .field-grid + .review-card { margin-top: 26px; }
.review-card { margin-bottom: 22px; }
/* Zorunlu alan yıldızı; isteğe bağlı alanlar etiketle belirtilir. */
.field:has(input:required, select:required, textarea:required) > span:first-child::after, .field .req::after { content: " *"; color: #D88EF2; font-weight: 700; }
.opt { color: var(--reg-muted); font-size: 12px; font-weight: 400; opacity: .8; }
/* Onay satırı: metin her zaman kutunun yanında kalır (uzunsa kendi içinde alt satıra sarılır);
   yalnızca hata mesajı kendi satırına geçer. */
.check-row > span:not(.field-error) { flex: 1 1 0; min-width: 0; }
.check-row > input[type="checkbox"] { flex: 0 0 auto; }