/* ============================================================================
   chat-forms.css — Mevcut form sayfalarını (create-listing vb.) chat-first
   tasarım diline uyarlar. base.css + create.css'ten SONRA yüklenir.
   Yöntem: paylaşılan tema tokenlarını nötr palete sabitle → tüm bileşenler
   (butonlar, adım göstergesi, aktif durumlar) otomatik nötr görünür.
   Markup ve işlev (create.js) DEĞİŞMEZ.
   ============================================================================ */
:root{
  --primary:#171717;
  --primary-dark:#000000;
  --primary-light:#404040;
  --primary-50:#F0F0F1;
  --primary-100:#E8E8EB;
  --dark:#0A0A0A;
  --shadow-primary:0 2px 10px rgba(16,17,20,.12);
}

/* Kabuk içindeki sayfa gövdesi */
body{background:var(--bg)}
/* İçerik sayfalarında doğal body-scroll + yapışkan sidebar (uzun sayfalarda
   sidebar tüm yükseklikte kalsın). A sayfaları bu dosyayı yüklemez. */
.app{height:auto;min-height:100dvh;align-items:start}
.sb{position:sticky;top:0;height:100dvh}
.main{min-height:100dvh}
.scroll{overflow:visible}
@media(max-width:860px){
  .sb{position:fixed;height:100dvh}
}
/* Genel içerik sayfaları (hesap/yasal/pazarlama/SEO) için daha geniş orta kolon */
.page-center{max-width:1080px;padding-top:26px;padding-bottom:56px}
.page-center .container{max-width:100%;padding-left:0;padding-right:0}
@media(max-width:860px){ .page-center{padding-top:18px} }
.create-center{padding-top:6px;padding-bottom:48px}
.create-page{padding:26px 0 0 !important;overflow-x:clip}
.create-page .container{max-width:720px}

/* Eski ortadaki başlık hero ile çakışıyor → gizle */
.create-header{display:none !important}

/* ---- Sohbet-hero ---- */
.chero{padding:30px 0 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.chero h1{font-size:clamp(22px,3vw,30px);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.chero p{color:var(--text-2);max-width:58ch;font-size:15.5px;margin-top:-4px}
.chero .inputbar{width:100%;max-width:700px;margin-top:4px}
.chero .hint{margin-top:2px}
.chero + .create-page{border-top:1px solid var(--border);margin-top:18px}

/* ---- Form kontrolleri: chat input hissi ---- */
.form-control{border-radius:12px;border:1px solid var(--border-strong);font-family:var(--font);
  transition:border-color .15s,box-shadow .15s}
.form-control:focus{border-color:#B9BABD;box-shadow:0 0 0 3px rgba(16,17,20,.06);outline:none}

/* ---- Butonlar: ferah, yuvarlak, nötr ---- */
.btn{border-radius:999px;font-family:var(--font)}
.btn-primary,.btn-dark{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-primary:hover,.btn-dark:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn-secondary{background:var(--bg);border:1px solid var(--border-strong);color:var(--text)}
.btn-secondary:hover{background:var(--hover)}

/* ---- Adım göstergesi: nötr ---- */
.sp-step.active .sp-dot{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px var(--accent-weak)}
.sp-step.active .sp-label{color:var(--text)}

/* ---- Onay bölümü linkleri ---- */
.create-consent__label a{color:var(--text)}

/* Mobil: kabuk zaten tek sütun; form container tam genişlik */
@media(max-width:860px){
  .create-page .container{max-width:100%;padding-left:0;padding-right:0}
  .chero{padding:22px 0 8px}
}