/* İşveren ilan formu (21 Eki 2026). SADE AKIŞ (kullanıcı: "yazılar içine gömülmüş"):
   dar ortalanmış tek kart + adım göstergesi; ilan formu geniş.
   GÖRÜNÜM YENİLEME (23 Eki 2026, kullanıcı: "ilk tanıştığımız kişiyi görünümüyle
   karşılarız; işveren sayfamıza modern bir görünüm ver"): uygulama logosunun
   lacivert-sarısıyla üst şerit (başlık + adımlar şeridin üstünde, ilk kart şeride
   biner), yumuşak gölgeli beyaz kartlar, büyük dokunma alanları, karo seçimler.
   Dış yazı tipi YOK (style.css kuralı: hız). Davranış iv.js'te; burada yalnız görünüm. */
.iv {
  --iv-lacivert: #001b52; --iv-lacivert-2: #0b3d91; --iv-sari: #f7ac02;
  --iv-birincil: #0d47a1; --iv-birincil-hover: #0a3a85;
  --iv-zemin: #f3f6fb; --iv-cizgi: #e3e8ef; --iv-girdi: #d3dae4; --iv-baslik: #0f1f3d;
  --iv-golge: 0 1px 2px rgba(16, 24, 40, .05), 0 10px 28px rgba(16, 24, 40, .07);
  max-width: 520px; margin: 0 auto; padding-block: 0 40px; transition: max-width .2s;
  accent-color: var(--iv-birincil);
}
.iv.genis { max-width: 800px; }
/* iv.js öğeleri `hidden` ile gizler; .iv-dugme (inline-block) / .iv-dugmeler (flex)
   tarayıcının [hidden]{display:none} kuralını eziyordu -> bu kural hepsinden üstün. */
.iv [hidden] { display: none !important; }
/* Sayfa zemini açık gri-mavi: beyaz kartlar öne çıksın. Tam genişlik şerit 100vw ->
   yatay kaydırma çıkmasın diye gövde kesilir. */
body:has(#iv) { background: var(--iv-zemin, #f3f6fb); overflow-x: clip; }

/* ── Üst şerit: başlık + güvenceler + adımlar ───────────────────────────── */
.iv-ust { position: relative; text-align: center; color: #fff; padding: 30px 0 64px; isolation: isolate; }
.iv-ust::before {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; margin-left: -50vw;
  background:
    radial-gradient(520px 220px at 85% -10%, rgba(247, 172, 2, .28), transparent 70%),
    radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1.5px) 0 0 / 18px 18px,
    linear-gradient(160deg, var(--iv-lacivert) 0%, var(--iv-lacivert-2) 72%, #1565c0 100%);
}
.iv-ust h1 { font-size: clamp(1.55rem, 4.5vw, 2rem); line-height: 1.2; margin: 10px 0 8px; color: #fff;
  letter-spacing: -.015em; text-wrap: balance; }
.iv-alt { color: #c9d7f2; margin: 0 auto 18px; max-width: 34em; text-wrap: balance; }
.iv-alt:empty { display: none; }
.iv-test-rozet { display: inline-block; font-size: .76rem; font-weight: 700; color: #5c4200;
  background: var(--iv-sari); border-radius: 99px; padding: 3px 11px; letter-spacing: .01em; }

/* Giriş ekranındaki üç güvence: yalnız 1. adımda */
.iv-degerler { display: none; flex-wrap: wrap; justify-content: center; gap: 6px 18px; list-style: none;
  padding: 0; margin: -4px 0 20px; font-size: .9rem; font-weight: 600; color: #fff; }
.iv.kayit-1 .iv-degerler { display: flex; }
.iv-degerler li { display: inline-flex; align-items: center; gap: 6px; }
.iv-degerler svg { width: 18px; height: 18px; flex: none; border-radius: 50%; background: var(--iv-sari);
  fill: none; stroke: var(--iv-lacivert); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }

/* Adımlar: şerit üstünde yarı saydam haplar; etkin beyaz, tamamlanan yeşil tik */
.iv-adimlar { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0;
  font-size: .84rem; }
.iv-adimlar li { display: flex; align-items: center; border-radius: 99px; color: #dbe6fa;
  background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); }
.iv-adimlar span { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%;
  font-weight: 800; font-size: .74rem; background: rgba(255, 255, 255, .16); color: #fff; }
.iv-adimlar li.etkin { background: #fff; border-color: #fff; color: var(--iv-lacivert); font-weight: 700;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18); }
.iv-adimlar li.etkin span { background: var(--iv-sari); color: var(--iv-lacivert); }
.iv-adimlar li.tamam span { background: #34a853; color: #fff; }
/* Tıklanır adım (geri/ileri gidilebilen): düğme ama hap gibi görünür */
.iv-adim-ic, .iv-adim-bag { display: flex; align-items: center; gap: 7px; padding: 5px 12px 5px 5px; }
.iv-adim-bag { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; border-radius: 99px; }
.iv-adimlar li:has(.iv-adim-bag):hover { background: rgba(255, 255, 255, .18); }
.iv-adim-bag:focus-visible { outline: 2px solid var(--iv-sari); outline-offset: 2px; }
/* Sayfa içi adım göstergesi (ilan formu, 25 Eki): açık zeminde, temel metnin üstünde ortalı.
   .iv önekiyle yeni.css'teki şerit (.ty .iv-adimlar…) kurallarından belirgin. */
.iv .iv-adimlar.sayfada { margin: 4px 0 14px; }
.iv .iv-adimlar.sayfada li { color: var(--iv-baslik); background: #fff; border-color: var(--iv-cizgi); }
.iv .iv-adimlar.sayfada li span { background: #e8eef7; color: #33415c; }
.iv .iv-adimlar.sayfada li.etkin { background: var(--iv-birincil); border-color: var(--iv-birincil); color: #fff;
  box-shadow: 0 4px 12px rgba(13, 71, 161, .2); }
.iv .iv-adimlar.sayfada li.etkin span { background: #fff; color: var(--iv-birincil); }
.iv .iv-adimlar.sayfada li.tamam span { background: #34a853; color: #fff; }
.iv .iv-adimlar.sayfada li:has(.iv-adim-bag):hover { background: #f3f7fd; }
/* Adımlar arası Geri / İleri (ilan formu, 25 Eki) */
.iv-adim-gecis { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 20px 0 0; }
/* Vurgu notu ("Temel bilgiler tamam… İleri'ye basın") düğmenin altında, sağa hizalı (26 Eki). */
.iv-adim-gecis > .iv-vurgu-not { text-align: right; margin-top: 0; }
.iv-adim-gecis .iv-dugme { min-height: 52px; font-size: 1.02rem; }
.iv-adim-gecis .ileri { margin-left: auto; padding: 0 28px; }
.iv-adim-gecis .gonder { flex: 1; }

/* İlk kart şeride biner */
#iv-alan { position: relative; margin-top: -42px; }
#iv-alan > .iv-yukleniyor { color: #dbe6fa; }
/* Şeride binen ilk düğme (panelde "+ Yeni ilan ver"): mavi üstünde mavi kaybolur -> marka sarısı */
#iv-alan > .iv-dugme:first-child, .iv-panel-ust > .iv-dugme { margin-top: 0; background: var(--iv-sari); color: var(--iv-lacivert);
  box-shadow: 0 8px 20px rgba(0, 27, 82, .28); margin-bottom: 16px; }
#iv-alan > .iv-dugme:first-child:hover, .iv-panel-ust > .iv-dugme:hover { background: #ffbb1f; }

/* ── Kart ve alanlar ─────────────────────────────────────────────────── */
.iv-kart { background: #fff; border: 1px solid var(--iv-cizgi); border-radius: 20px; padding: 26px;
  margin: 0 0 16px; box-shadow: var(--iv-golge); }
#iv-alan > .iv-kart:first-child, #iv-alan > :first-child { margin-top: 0; }
.iv-kart h2 { font-size: 1.15rem; font-weight: 750; color: var(--iv-baslik); margin: 0 0 16px; letter-spacing: -.01em; }
.iv-satir { display: flex; flex-wrap: wrap; gap: 14px; }
.iv-satir > * { flex: 1 1 180px; min-width: 0; }
/* Yan yana iki alanda biri (soru + hazır kutular) iki satıra kayarsa giriş kutuları yine aynı hizada:
   alan sütun olur, kutu alta yaslanır (22 Eki). */
.iv-satir > .iv-alan-kap { display: flex; flex-direction: column; }
.iv-satir > .iv-alan-kap > input, .iv-satir > .iv-alan-kap > select { margin-top: auto; }
/* Yan yana iki sorunun BAŞLIĞI aynı hizada (23 Eki kullanıcı: "Kaç kişi alacaksınız?" ile "Çalışma
   şekli" kaymıştı): hazır düğmeli başlık (.iv-alan-ust, 16px üst boşluk, düğmelere ortalı) ile düz
   başlık (label:first-child -> üst boşluk 0) farklı kuralla diziliyordu. İkisi de aynı yükseklikte
   satır, aynı boşluk, dikeyde ortalı. */
.iv .iv-satir > .iv-alan-kap > label, .iv .iv-satir > .iv-alan-kap > .iv-alan-ust {
  display: flex; align-items: center; min-height: 28px; margin: 16px 0 7px; }
.iv label { display: block; font-weight: 650; font-size: .9rem; color: #1f2a44; margin: 16px 0 7px; }
.iv label:first-child, .iv h2 + label { margin-top: 0; }
/* ...ama bir alanın kabındaki ilk etiket, üstünde başka alan ya da onay kutusu varken ona
   yapışmasın (24 Eki, İletişim kartında "E-posta" ve "İşyeri adresi" yapışıktı). */
.iv .iv-alan-kap + .iv-alan-kap > label:first-child,
.iv .iv-kutu-onay + .iv-alan-kap > label:first-child { margin-top: 18px; }
.iv .zorunlu::after { content: " *"; color: #c5221f; }
.iv input[type=text], .iv input[type=email], .iv input[type=tel], .iv input[type=number], .iv input[type=time],
.iv select, .iv textarea {
  width: 100%; box-sizing: border-box; font: inherit; min-height: 48px; padding: 11px 14px; color: var(--metin);
  border: 1px solid var(--iv-girdi); border-radius: 12px; background: #fbfcfe;
  transition: border-color .15s, box-shadow .15s, background .15s;
}
/* Tek satırlık kutu ile seçim kutusu AYNI yükseklik (yan yana dururken 2px kayıyordu) */
.iv input[type=text], .iv input[type=email], .iv input[type=tel], .iv input[type=number], .iv input[type=time],
.iv select { height: 48px; }
.iv input:hover, .iv select:hover, .iv textarea:hover { border-color: #b7c1cf; }
.iv input:focus, .iv select:focus, .iv textarea:focus { outline: none; border-color: var(--ana); background: #fff;
  box-shadow: 0 0 0 4px rgba(21, 101, 192, .15); }
.iv input::placeholder, .iv textarea::placeholder { color: #8a94a6; }
.iv textarea { min-height: 180px; line-height: 1.5; resize: vertical; }
.iv-ipucu { font-size: .82rem; color: var(--soluk); margin: 7px 0 0; line-height: 1.5; }
.iv-kutu-onay { display: flex !important; gap: 10px; align-items: flex-start; font-weight: 400 !important;
  font-size: .9rem !important; margin: 10px 0 0 !important; line-height: 1.45; color: var(--metin) !important; }
.iv-kutu-onay input { margin-top: 2px; flex: none; width: 18px; height: 18px; }

/* ── Düğmeler ─────────────────────────────────────────────────────────── */
.iv-dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: inherit;
  font-weight: 700; border: 1px solid transparent; border-radius: 12px; min-height: 46px; padding: 11px 20px;
  background: var(--iv-birincil); color: #fff; cursor: pointer; text-align: center;
  box-shadow: 0 6px 16px rgba(13, 71, 161, .22); transition: background .15s, transform .1s, box-shadow .15s; }
.iv-dugme:hover { background: var(--iv-birincil-hover); }
.iv-dugme:active { transform: translateY(1px); box-shadow: 0 3px 8px rgba(13, 71, 161, .2); }
.iv-dugme:focus-visible { outline: 3px solid rgba(21, 101, 192, .35); outline-offset: 2px; }
.iv-dugme.tam { display: flex; width: 100%; margin-top: 20px; min-height: 52px; font-size: 1.02rem; }
.iv-dugme:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.iv-dugme.ikincil { background: #fff; color: var(--iv-birincil); border-color: var(--iv-girdi); box-shadow: none; }
.iv-dugme.ikincil:hover { background: #f3f7fd; border-color: #9fbbe3; }
.iv-dugme.tehlike { background: #fff; color: #c5221f; border-color: #f2c4c0; box-shadow: none; }
.iv-dugme.tehlike:hover { background: #fdf1f0; }
.iv-dugmeler { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
/* Onay kutusu (23 Eki): soru + açıklama + Evet/Hayır TEK kutuda, düğme sırasının tam genişliği */
.iv-onay { flex-basis: 100%; background: #fff8e6; border: 1px solid #f6d58a; border-radius: 14px; padding: 12px 14px; }
.iv-onay-soru { margin: 0 0 4px; font-weight: 750; color: #4d3800; }
.iv-onay-aciklama { margin: 0 0 12px; font-size: .9rem; line-height: 1.5; color: #6b4e00; }
.iv-onay-dugmeler { display: flex; flex-wrap: wrap; gap: 8px; }
.iv-onay-soru + .iv-onay-dugmeler { margin-top: 8px; }
.iv-dugme.tehlike-dolu { background: #c5221f; color: #fff; box-shadow: 0 6px 16px rgba(197, 34, 31, .22); }
.iv-dugme.tehlike-dolu:hover { background: #a91b18; }
.iv-bag { background: none; border: 0; padding: 0; color: var(--ana); font: inherit; font-size: .88rem; font-weight: 600;
  cursor: pointer; text-decoration: underline; text-decoration-color: rgba(21, 101, 192, .35); text-underline-offset: 3px; }
.iv-bag:hover { text-decoration-color: currentColor; }
.iv-hata { color: #b42318; margin: 12px 0 0; font-size: .9rem; background: #fdf1f0; border-radius: 10px; padding: 9px 12px; }
/* Mesajı silinen kutu (textContent = "") boş renkli şerit olarak kalmasın (25 Eki). */
.iv-hata:empty, .iv-tamam:empty { display: none; }
.iv-tamam { color: #1e7a34; margin: 12px 0 0; font-size: .9rem; font-weight: 600; background: #ecf8ef;
  border-radius: 10px; padding: 9px 12px; }
.iv-uyari { background: #fff8e6; border: 1px solid #f6d58a; color: #6b4e00; border-radius: 14px;
  padding: 12px 14px; margin: 14px 0 0; font-size: .9rem; line-height: 1.5; }

/* Google ile devam (Google marka yönergesi: beyaz zemin, gri çerçeve, renkli G) */
.iv-google { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px;
  margin-top: 18px; padding: 12px; font: inherit; font-weight: 600; color: #1f1f1f; background: #fff;
  border: 1px solid var(--iv-girdi); border-radius: 12px; cursor: pointer; transition: background .15s, box-shadow .15s; }
.iv-google:hover { background: #f8f9fb; box-shadow: 0 2px 8px rgba(16, 24, 40, .08); }
.iv-google:disabled { opacity: .6; cursor: wait; }
.iv-ayrac { display: flex; align-items: center; gap: 12px; margin: 20px 0 6px; color: var(--soluk); font-size: .82rem; }
.iv-ayrac::before, .iv-ayrac::after { content: ""; flex: 1; height: 1px; background: var(--iv-cizgi); }

/* ── Meslek önerileri, yapay zekâ kutusu, koşullar ─────────────────────── */
.iv-oneri { border: 1px solid var(--iv-cizgi); border-radius: 12px; margin-top: 6px; overflow: hidden;
  box-shadow: 0 8px 24px rgba(16, 24, 40, .1); background: #fff; }
.iv-oneri button { display: flex; justify-content: space-between; gap: 10px; width: 100%; text-align: left;
  font: inherit; padding: 11px 14px; border: 0; border-bottom: 1px solid var(--iv-cizgi); background: #fff; cursor: pointer; }
.iv-oneri button:last-child { border-bottom: 0; }
.iv-oneri button:hover, .iv-oneri button:focus-visible { background: #f3f7fd; outline: none; }
.iv-oneri small { color: var(--soluk); white-space: nowrap; }
.iv-yz { background: linear-gradient(135deg, #eef5ff, #f6f1ff); border: 1px solid #dbe6fb; border-radius: 14px;
  padding: 12px 14px; margin-top: 12px; font-size: .9rem; }
.iv-yz ul { margin: 6px 0 0; padding-left: 20px; }
/* Koşul kutuları karo gibi: tüm karo tıklanır, işaretlenince mavi */
.iv-kutular { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
/* Etiket adı BÖLÜNMEZ ("Deneyimsiz de / olur" iki satıra kırılıyordu, 22 Eki); "ilanlarda %X"
   notu sığmazsa adın altına tek parça iner (kutunun hizasından). */
.iv .iv-kutular label { font-weight: 500; display: flex; flex-wrap: wrap; column-gap: 8px; align-items: center;
  margin: 0; font-size: .92rem; padding: 10px 12px; border: 1px solid var(--iv-cizgi); border-radius: 12px;
  background: #fff; cursor: pointer; transition: border-color .15s, background .15s; }
.iv .iv-kutular label:hover { border-color: #b7c9e6; }
.iv .iv-kutular label:has(input:checked) { border-color: var(--ana); background: #eef4fc; }
.iv-kutular input { width: 17px; height: 17px; margin: 0; }
.iv-kutular label > span { white-space: nowrap; }
.iv-kutular small { color: var(--soluk); white-space: nowrap; }

/* Cümle listesi (ilan metni / nitelikler): her satır bir cümle, ✕ çıkarır, aradaki + ekler */
.iv-cumle-liste { display: flex; flex-direction: column; margin-top: 6px; }
.iv-cumle { display: flex; align-items: flex-start; gap: 6px; border: 1px solid var(--iv-cizgi); border-radius: 12px;
  background: #fff; padding: 2px 2px 2px 14px; transition: border-color .15s, box-shadow .15s; }
.iv-cumle:focus-within { border-color: var(--ana); box-shadow: 0 0 0 4px rgba(21, 101, 192, .12); }
.iv-cumle-metin { flex: 1; min-width: 0; padding: 10px 0; line-height: 1.5; outline: none; overflow-wrap: anywhere; }
.iv-cumle-metin:empty::before { content: attr(data-yer); color: #8a94a6; }
.iv-cumle-sil { flex: none; width: 38px; height: 38px; border: 0; border-radius: 10px; background: none;
  color: var(--soluk); font-size: .95rem; cursor: pointer; }
.iv-cumle-sil:hover, .iv-cumle-sil:focus-visible { background: #fdecea; color: #b42318; }
/* Satır arası "+": ince çizgi ortasında küçük daire; dokunmatikte hep görünür */
.iv-araya { position: relative; display: grid; place-items: center; height: 20px; border: 0; background: none;
  padding: 0; cursor: pointer; opacity: .45; transition: opacity .15s; }
.iv-araya::before { content: ""; position: absolute; left: 12px; right: 12px; top: 50%; height: 1px;
  background: var(--ana); opacity: 0; transition: opacity .15s; }
.iv-araya span { position: relative; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  background: #fff; border: 1px solid var(--ana); color: var(--ana); font-weight: 700; font-size: .8rem; line-height: 1; }
.iv-araya:hover, .iv-araya:focus-visible { opacity: 1; outline: none; }
.iv-araya:hover::before, .iv-araya:focus-visible::before { opacity: .4; }
@media (hover: none) { .iv-araya { opacity: .8; } }
.iv-geri-al { font-size: .85rem; color: var(--soluk); margin: 8px 0 0; }
.iv-oneri-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.iv-cip { font: inherit; font-size: .85rem; text-align: left; border: 1px dashed #8fb3e6; color: var(--ana-koyu);
  background: #f3f8ff; border-radius: 12px; padding: 7px 11px; cursor: pointer; max-width: 100%; }
.iv-cip:hover { background: #e6f0ff; border-style: solid; }
/* Koşul satırı: 2. adımdaki seçimlerden otomatik, kilitli */
.iv-cumle.kosul { background: var(--iv-zemin); border-style: dashed; }
.iv-cumle.kosul .iv-cumle-metin { color: #3c4043; cursor: default; }
.iv-cumle-oto { flex: none; align-self: center; margin-right: 8px; font-size: .72rem; font-weight: 700;
  color: var(--soluk); background: #fff; border: 1px solid var(--iv-cizgi); border-radius: 99px; padding: 2px 9px; }

/* İlanlarım: ilan adı tıklanır, önizleme */
.iv-ilan-ad { font: inherit; font-size: 1.02rem; font-weight: 750; background: none; border: 0; padding: 0;
  color: var(--iv-birincil); cursor: pointer; text-align: left; }
.iv-ilan-ad:hover { text-decoration: underline; text-underline-offset: 3px; }
.iv-rozetler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
/* İlan detayında üstteki Düzenle (26 Eki): düğme + yayındaki ilan için kısa not, dar ekranda alt alta. */
.iv-onizleme-ust { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; }
.iv-onizleme-ust .iv-ipucu { margin: 0; }
.iv-onizleme dl { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px 16px; margin: 0 0 6px; }
.iv-onizleme dt { font-size: .76rem; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; color: var(--soluk); }
.iv-onizleme dd { margin: 2px 0 0; font-weight: 600; }
.iv-onizleme h2 { margin: 20px 0 8px; }
.iv-metin { white-space: pre-line; line-height: 1.65; }

/* Gönderim sonucu kartı (23 Eki): büyük durum simgesi + ilan adı + madde madde ne olacağı */
.iv-sonuc { text-align: center; padding-top: 30px; }
.iv-sonuc-ikon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 12px; border-radius: 50%; }
.iv-sonuc-ikon svg { width: 34px; height: 34px; fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.iv-sonuc.tamam .iv-sonuc-ikon { background: #1e8e3e; box-shadow: 0 0 0 8px #e3f5e8; }
.iv-sonuc.red .iv-sonuc-ikon { background: #c5221f; box-shadow: 0 0 0 8px #fdecea; }
.iv-sonuc.bekliyor .iv-sonuc-ikon { background: #e8a200; box-shadow: 0 0 0 8px #fff3d6; }
.iv-sonuc.bekliyor .iv-sonuc-ikon svg { stroke-width: 2.2; }
.iv-sonuc-ad { margin: 6px 0 0; font-size: 1.15rem; font-weight: 750; color: var(--iv-baslik); min-height: 1.4em; }
.iv-sonuc-yer { margin: 2px 0 0; }
.iv-sonuc-liste { list-style: none; padding: 0; margin: 18px 0 0; text-align: left; display: flex; flex-direction: column; gap: 8px; }
.iv-sonuc-liste li { position: relative; padding: 10px 12px 10px 36px; background: var(--iv-zemin); border-radius: 12px; line-height: 1.45; font-size: .93rem; }
.iv-sonuc-liste li::before { content: ""; position: absolute; left: 14px; top: 1.05em; width: 8px; height: 8px; border-radius: 50%; background: var(--ana); }
.iv-sonuc.red .iv-sonuc-liste li:first-child { background: #fdf1f0; color: #8c1d18; }
.iv-sonuc-dugmeler { justify-content: center; margin-top: 20px; }

/* Gelecek SMS'in örneği: telefondaki mesaj balonuna benzer */
.iv-sms-ornek { margin-top: 16px; padding: 14px; background: var(--iv-zemin); border: 1px solid var(--iv-cizgi); border-radius: 14px; }
.iv-sms-baslik { font-size: .82rem; font-weight: 700; color: var(--soluk); margin-bottom: 8px; }
.iv-sms-balon { display: inline-block; max-width: 100%; background: #e9e9eb; color: #111; border-radius: 18px 18px 18px 4px;
  padding: 9px 13px; font-size: .95rem; line-height: 1.35; }
.iv-sms-ornek p { font-size: .82rem; color: var(--soluk); margin: 10px 0 0; line-height: 1.5; }

/* İlçeler ve servis (22 Eki): her ilçe = kabul kutusu + otobüs düğmesi (yeşil = servis var) */
.iv-tercih { margin-top: 18px; border: 1px solid var(--iv-cizgi); border-radius: 16px; padding: 14px 16px; background: #fff; }
.iv-toplu { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0; }
.iv-ilce-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 4px 10px;
  max-height: 300px; overflow-y: auto; padding: 2px; }
.iv-ilce { display: flex; align-items: center; justify-content: space-between; gap: 6px;
  border: 1px solid transparent; border-radius: 10px; padding: 2px 4px 2px 6px; }
.iv-ilce:hover { background: var(--iv-zemin); }
.iv-ilce.isyeri { background: var(--iv-zemin); border-color: var(--iv-cizgi); font-weight: 600; margin: 8px 0 4px; }
.iv .iv-ilce label { display: flex; align-items: center; gap: 8px; margin: 0; font-weight: inherit; font-size: .92rem; min-width: 0; }
.iv-otobus { flex: none; display: grid; place-items: center; width: 34px; height: 30px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--iv-cizgi); background: #fff; color: #b0b5bd; }
.iv-otobus:hover { color: #7c838c; }
.iv-otobus[aria-pressed="true"] { background: #e7f6ec; border-color: #9fd4ae; color: var(--yesil); }
.iv-otobus:focus-visible { outline: 2px solid var(--ana); outline-offset: 1px; }
.iv-otobus-ornek { display: inline-flex; vertical-align: -4px; color: var(--yesil); }
/* İşyeri satırı: otobüs adın hemen yanında, yazılı düğme */
.iv-ilce.isyeri { justify-content: flex-start; flex-wrap: wrap; gap: 6px 12px; padding: 6px 8px; }
.iv-otobus.metinli { width: auto; height: 32px; display: inline-flex; gap: 6px; padding: 0 12px;
  font: inherit; font-size: .88rem; font-weight: 600; color: #6b7280; }
.iv-otobus.metinli .var, .iv-otobus.metinli[aria-pressed="true"] .yok { display: none; }
.iv-otobus.metinli[aria-pressed="true"] .var { display: inline; }
.iv-otobus.metinli[aria-pressed="true"] { color: var(--yesil); }
.iv-ilce.isyeri .iv-ipucu { margin: 0; font-weight: 400; }

/* İlanlarım (23 Eki: başlık kartların DIŞINDA bölüm başlığı, her ilan kendi kartında) */
.iv-bolum-baslik { margin: 28px 4px 12px; }
.iv-bolum-baslik h2 { font-size: 1.2rem; font-weight: 800; color: var(--iv-baslik); margin: 0; letter-spacing: -.01em; }
.iv-bolum-baslik .iv-ipucu { margin: 2px 0 0; }
.iv-ilanlar { display: flex; flex-direction: column; gap: 12px; }
.iv-ilanlar > .iv-kart { margin: 0; padding: 18px 20px; }
.iv-ilan-kart .iv-dugmeler { margin-top: 14px; align-items: center; }
/* İlan kartında geri dönüşü zor eylem (Yayından/Arşive kaldır) düğme değil kırmızı yazı, sağda:
   telefonda üçüncü düğme tek başına alt satıra düşüyordu, üç eş düğme de önceliği gizliyordu. */
.iv-ilan-kart .iv-dugmeler > .iv-dugme.tehlike { margin-left: auto; min-height: 44px; padding: 8px 4px;
  background: none; border-color: transparent; color: #c5221f; font-weight: 600; }
.iv-ilan-kart .iv-dugmeler > .iv-dugme.tehlike:hover { background: none; text-decoration: underline; text-underline-offset: 3px; }
.iv-bos { text-align: center; color: var(--soluk); }
.iv-bos b { display: block; color: var(--iv-baslik); font-size: 1rem; margin-bottom: 4px; }
.iv-bos span { display: block; font-size: .88rem; line-height: 1.5; }
/* İpucunun hemen altındaki yan yana alanlar (işyeri ekranı: il/ilçe) — başlık ipucuya yapışıyordu */
.iv-satir > div:not(.iv-alan-kap) > label:first-child { margin-top: 16px; }
.iv-konum-kaynak { color: var(--soluk); font-weight: 400; }
/* "İlan metnini kim yazsın?" seçim kartları (24 Eki) */
.iv-metin-secim { margin: 24px 0 18px; }
.iv-secim-baslik { margin: 0 0 12px; text-align: center; font-size: 1.08rem; font-weight: 750; color: var(--iv-baslik); }
.iv-secim-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.iv-secim-kart { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0;
  font: inherit; text-align: left; padding: 18px 18px 16px; border-radius: 16px; border: 1.5px solid var(--iv-girdi);
  background: #fff; color: var(--iv-baslik); cursor: pointer; box-shadow: var(--iv-golge);
  transition: border-color .15s, background .15s, transform .1s; }
.iv-secim-kart:hover { border-color: #9fbbe3; transform: translateY(-1px); }
.iv-secim-kart:focus-visible { outline: 3px solid rgba(21, 101, 192, .35); outline-offset: 2px; }
.iv-secim-kart b { display: flex; align-items: center; gap: 9px; font-size: 1.06rem; font-weight: 750; }
.iv-secim-kart svg { width: 22px; height: 22px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.9;
  stroke-linecap: round; stroke-linejoin: round; }
.iv-secim-aciklama { font-size: .86rem; line-height: 1.45; color: var(--soluk); }
.iv-secim-kart.onerilen { background: var(--iv-birincil); border-color: var(--iv-birincil); color: #fff;
  box-shadow: 0 8px 20px rgba(13, 71, 161, .25); }
.iv-secim-kart.onerilen:hover { background: var(--iv-birincil-hover); }
.iv-secim-kart.onerilen .iv-secim-aciklama { color: #dbe6fa; }
.iv-secim-rozet { position: absolute; top: 12px; right: 12px; font-size: .72rem; font-weight: 750; padding: 2px 9px;
  border-radius: 99px; background: var(--iv-sari); color: var(--iv-lacivert); }
.iv-secim-kart:disabled { cursor: progress; transform: none; }
.iv-secim-kart:disabled:not(.yaziyor) { opacity: .5; }
.iv-secim-kart.yaziyor .iv-secim-aciklama { color: #fff; font-weight: 600; }
@media (max-width: 560px) { .iv-secim-kartlar { grid-template-columns: 1fr; } }
/* Kaydet / İlanlarıma dön: birincil eylemden ayrı, sönük altlık */
/* Konu kartları (24 Eki): her konu kendi kartında, başlığın altında ince çizgi ve sol vurgu */
.iv-grup > h2 { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; padding-bottom: 12px;
  border-bottom: 1px solid var(--iv-cizgi); font-size: 1.08rem; }
.iv-grup > h2::before { content: ""; width: 4px; height: 20px; border-radius: 2px; background: var(--iv-sari); flex: none; }
.iv-grup-ipucu { margin: 12px 0 0; }
.iv-tercih-kart { padding-top: 22px; }
.iv-tercih-kart > .iv-tercih { margin: 0; padding: 0; border: 0; background: none; }
.iv-tercih-kart .iv-tercih-baslik { display: flex; align-items: center; gap: 10px; font-size: 1.08rem; padding-bottom: 12px; margin-bottom: 10px; border-bottom: 1px solid var(--iv-cizgi); }
.iv-tercih-kart .iv-tercih-baslik::before { content: ""; width: 4px; height: 20px; border-radius: 2px; background: var(--iv-sari); flex: none; }
.iv-grup > .iv-kutular { margin-top: 14px; }
/* Düzenleme bandı (24 Eki): yayındaki ilan düzenlenirken üstte, vazgeç düğmesiyle */
.iv-duzenleme-bant { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 16px; padding: 14px 16px;
  background: #fff8e6; border: 1px solid #f6d58a; border-radius: 14px; }
/* Eski hâl bandı (26 Eki): açıklama + altında "düzenlediğim hâle dön" bağlantısı (yan yana sıkışıyordu). */
.iv-eski-bant { flex-direction: column; align-items: flex-start; gap: 6px; }
.iv-duzenleme-bant.iv-eski-bant > p { flex: none; }
.iv-duzenleme-bant > p { margin: 0; flex: 1 1 260px; color: #6b4e00; font-weight: 600; font-size: .92rem; }
.iv-duzenleme-bant > .iv-onay { flex-basis: 100%; }
/* Temel metin (24 Eki): dokunulabilir kelimeler mavi kutucuk; eksik bilgiler "+" düğmeleri */
.iv-temel-metin { margin: 16px 0 0; font-size: 1.06rem; line-height: 2.15; color: var(--iv-baslik); }
.iv-jeton { font: inherit; font-weight: 650; color: var(--iv-birincil); background: #e8f0fc; border: 1px dashed #8fb0e6;
  border-radius: 8px; padding: 2px 8px; margin: 0 1px; cursor: pointer; line-height: 1.5; }
.iv-jeton::after { content: " ▾"; font-size: .7em; opacity: .65; }
.iv-jeton:hover { background: #dbe7fa; border-style: solid; }
.iv-jeton:focus-visible { outline: 3px solid rgba(21, 101, 192, .35); outline-offset: 2px; }
.iv-temel-ek { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 16px; padding-top: 14px;
  border-top: 1px dashed var(--iv-cizgi); }
.iv-temel-ek > span { font-size: .85rem; font-weight: 650; color: var(--soluk); margin-right: 2px; }
.iv-ek-cip { font: inherit; font-size: .86rem; font-weight: 600; color: var(--iv-birincil); background: #fff;
  border: 1px solid var(--iv-girdi); border-radius: 99px; padding: 7px 13px; cursor: pointer; }
.iv-ek-cip:hover { border-color: #9fbbe3; background: #f3f7fd; }
.iv-ek-cip.zorunlu { border-color: #f0a020; background: #fff8e6; color: #8a4b00; }
/* Dokunulan kelimenin kutusu pencerede belirgin (sarı çerçeve + kısa nabız) */
.iv .iv-kutular label.iv-odak { border: 2px solid var(--iv-sari) !important; background: #fff4d6 !important;
  box-shadow: 0 0 0 4px rgba(247, 172, 2, .3) !important; animation: iv-odak-nabiz 1.4s ease-out 2; }
@keyframes iv-odak-nabiz { 0% { box-shadow: 0 0 0 0 rgba(247, 172, 2, .8); } 100% { box-shadow: 0 0 0 4px rgba(247, 172, 2, .3); } }
.iv-ek-cip.zorunlu:hover { background: #ffefcc; }
.iv-temel-kart > .iv-konum-alan .iv-konum-ozet { margin: 12px 0 0; }
.iv .iv-imkan-yok { margin: 16px 0 0 !important; padding-top: 14px; border-top: 1px dashed var(--iv-cizgi); font-weight: 600 !important; }
/* Seçici pencere: masaüstünde ortada, telefonda alttan açılır */
.iv-pencere.iv-secici { max-width: 460px; }   /* .iv-pencere (400px) sonra tanımlı -> belirginlik şart */
.iv-pencere.iv-secici.genis { max-width: 780px; }
.iv-secici-icerik { margin: 12px 0 16px; max-height: 68vh; overflow: auto; overscroll-behavior: contain; }
.iv-secici-icerik > .iv-hazir { margin-bottom: 10px; }
.iv-secici .iv-tercih { margin: 0; padding: 0; border: 0; }
.iv-secici .iv-tercih-baslik { display: none; }
.iv-secenekler { display: flex; flex-direction: column; gap: 8px; }
/* Vardiya saatleri (25 Eki): vardiya sorusunun altında; hazır kalıplar + Başka saatler + Belirtmeyeceğim. */
.iv-vardiya-saat { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--iv-cizgi); }
.iv-vs-baslik { margin: 0 0 8px; font-size: .95rem; color: #3c4a60; }
.iv-belge-not { margin: 0 0 12px !important; font-size: .9rem !important; color: #3c4a60 !important; }
.iv-vs-baslik b { color: var(--iv-baslik); }
.iv-vs-satir { display: flex; align-items: center; gap: 8px; margin-top: 10px; }
.iv-vs-satir span:first-child { min-width: 72px; font-weight: 600; font-size: .9rem; color: #3c4a60; }
.iv-vs-satir input { flex: 1; min-width: 0; padding: 9px 10px; border: 1px solid var(--iv-cizgi); border-radius: 10px; font: inherit; }
.iv-secenekler button { font: inherit; font-weight: 600; text-align: left; padding: 13px 14px; border-radius: 12px;
  border: 1px solid var(--iv-girdi); background: #fbfcfe; color: var(--iv-baslik); cursor: pointer; }
.iv-secenekler button:hover { border-color: #9fbbe3; }
.iv-secenekler button[aria-pressed="true"] { background: var(--iv-birincil); border-color: var(--iv-birincil); color: #fff; }
@media (max-width: 560px) {
  .iv-pencere.iv-secici, .iv-pencere.iv-secici.genis { margin: auto 0 0; width: 100%; max-width: none; border-radius: 20px 20px 0 0;
    padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px)); }
  .iv-secici-icerik { max-height: 62vh; }
}
/* Serbest metin (24 Eki): düz metin kutusu; altında yalnız gri koşul satırları (ekle/araya/öneri yok) */
.iv-serbest-kap { margin: 4px 0 0; }
.iv-serbest-kap textarea { min-height: 280px; line-height: 1.6; font-size: 1rem; }
.iv-kosul-baslik { margin: 18px 0 8px; font-size: .85rem; font-weight: 650; color: var(--soluk); }
.iv-cumleler.serbest > .iv-dugmeler, .iv-cumleler.serbest .iv-araya, .iv-cumleler.serbest .iv-oneri-cipler,
.iv-cumleler.serbest > p.iv-ipucu { display: none !important; }
.iv-alt-bag { justify-content: center; gap: 22px; margin-top: 26px; padding-top: 14px; border-top: 1px solid var(--iv-cizgi); }
.iv-alt-bag .iv-bag { color: var(--soluk); font-weight: 500; }
.iv-alt-bag .iv-bag:hover { color: var(--iv-birincil); }
/* Panel sekmeleri + özet kutuları + Hesabım (23 Eki) */
.iv-sekmeler { display: flex; gap: 4px; padding: 4px; margin: 0 0 14px; background: #fff; border: 1px solid var(--iv-cizgi);
  border-radius: 14px; box-shadow: var(--iv-golge); }
.iv-sekme { flex: 1; font: inherit; font-weight: 650; font-size: .95rem; padding: 10px 8px; border: 0; border-radius: 10px;
  background: none; color: var(--soluk); cursor: pointer; }
.iv-sekme:hover { background: var(--iv-zemin); color: var(--iv-baslik); }
.iv-sekme.etkin { background: var(--iv-birincil); color: #fff; cursor: default; }
/* Alt sayfa (ilan önizleme/düzenleme, işyeri düzenleme): sekme vurgulu ama tıklanır */
.iv-sekme.etkin.ic { background: #e8f0fc; color: var(--iv-birincil); cursor: pointer; }
.iv-sekme.etkin.ic:hover { background: #dbe7fa; }
/* Şeritteki "Çıkış yap" (e-postanın yanında) */
.iv-alt .iv-cikis { color: #fff; font-size: inherit; font-weight: 600; text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, .45); text-underline-offset: 3px; }
.iv-alt .iv-cikis:hover { text-decoration-color: #fff; }
.iv-ozet-kutular { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 0 6px; }
.iv-ozet-kutular > div { background: #fff; border: 1px solid var(--iv-cizgi); border-radius: 14px; padding: 12px; text-align: center; }
.iv-ozet-kutular b { display: block; font-size: 1.4rem; color: var(--iv-baslik); line-height: 1.2; }
.iv-ozet-kutular span { display: block; font-size: .8rem; font-weight: 600; color: #3c4a60; line-height: 1.3; }
.iv-ozet-kutular small { display: block; font-size: .72rem; color: var(--soluk); margin-top: 2px; }
.iv-sekme-not { margin: 0 4px 12px; }
/* Durum süzgeci (25 Eki): özet kutularının altında sayılı düğmeler; seçili olan mavi dolu. */
.iv-filtre { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
.iv-filtre-dugme { font: inherit; font-size: .85rem; font-weight: 600; padding: 7px 14px; border-radius: 999px; cursor: pointer;
  background: #fff; color: #3c4a60; border: 1px solid var(--iv-cizgi); }
.iv-filtre-dugme:hover { border-color: #9fbbe3; color: #1f5bd8; }
.iv-filtre-dugme.secili { background: #1f5bd8; border-color: #1f5bd8; color: #fff; }
/* Arşiv durum değil, ayrı kutu: satırın sonunda, kesik çerçeveyle ayrık (26 Eki). */
.iv-filtre-arsiv { margin-left: auto; border-style: dashed; }
.iv-filtre-arsiv.secili { border-style: solid; }
.iv-hesap-liste { margin: 0 0 14px; }
.iv-hesap-satir { display: grid; grid-template-columns: 130px 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--iv-cizgi); }
.iv-hesap-satir dt { color: var(--soluk); font-size: .88rem; }
.iv-hesap-satir dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.iv-tel-satir { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 0;
  border-bottom: 1px solid var(--iv-cizgi); flex-wrap: wrap; }
.iv-tel-satir .iv-rozet { margin-left: 6px; }
.iv-tel-satir + .iv-dugme, .iv-kart > .iv-dugme.ikincil { margin-top: 12px; }
@media (max-width: 420px) { .iv-hesap-satir { grid-template-columns: 1fr; gap: 2px; } }
.iv-liste { list-style: none; padding: 0; margin: 0; }
.iv-liste li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px;
  padding: 14px 0; border-bottom: 1px solid var(--iv-cizgi); }
.iv-liste li:last-child { border-bottom: 0; }
.iv-rozet { font-size: .74rem; font-weight: 700; padding: 3px 10px; border-radius: 99px; background: #eef2f7; color: #3c4a60; }
.iv-rozet.yayinda { background: #e3f5e8; color: #1e7a34; }
.iv-rozet.incelemede { background: #fff3d6; color: #8a6100; }
.iv-rozet.reddedildi { background: #fdecea; color: #b42318; }
.iv-rozet.kaldirildi { background: #fdecea; color: #b42318; }
/* İlan performansı satırı ve paylaşım kutusu (23 Eki) */
.iv-sayaclar { display: flex; flex-wrap: wrap; gap: 4px 14px; margin-top: 8px; font-size: .88rem; color: var(--soluk); }
.iv-sayaclar b { color: var(--iv-baslik); font-size: 1rem; }
.iv-paylas { margin-top: 14px; padding: 12px 14px; background: var(--iv-zemin); border-radius: 14px; text-align: left; }
.iv-paylas-baslik { margin: 0 0 8px; font-weight: 700; font-size: .92rem; color: var(--iv-baslik); }
.iv-paylas-satir { display: flex; flex-wrap: wrap; gap: 8px; }
.iv .iv-paylas-satir input { flex: 1 1 220px; min-width: 0; height: 44px; min-height: 44px; font-size: .9rem; background: #fff; }
.iv-paylas-satir .iv-dugme { min-height: 44px; padding: 8px 14px; box-shadow: none; }
.iv-dugme.iv-wa { background: #1fa855; text-decoration: none; }
.iv-dugme.iv-wa:hover { background: #178a45; }

/* Alt bilgi: "Nasıl çalışır?" açılır kart */
.iv-bilgi { margin-top: 24px; font-size: .9rem; color: var(--metin); background: #fff; border: 1px solid var(--iv-cizgi);
  border-radius: 16px; padding: 4px 18px; }
.iv-bilgi summary { cursor: pointer; color: var(--iv-baslik); font-weight: 700; padding: 12px 0; list-style: none;
  display: flex; align-items: center; justify-content: space-between; }
.iv-bilgi summary::-webkit-details-marker { display: none; }
.iv-bilgi summary::after { content: ""; width: 9px; height: 9px; border-right: 2px solid var(--soluk);
  border-bottom: 2px solid var(--soluk); transform: rotate(45deg) translate(-2px, -2px); transition: transform .2s; }
.iv-bilgi[open] summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
.iv-bilgi ol { line-height: 1.65; padding-left: 20px; margin: 0 0 10px; }
.iv-not { font-size: .82rem; color: var(--soluk); line-height: 1.55; margin: 0 0 14px; }
.iv-yukleniyor { color: var(--soluk); text-align: center; }

/* İlan formunda kayıttaki işyeri konumu tek satır (22 Eki) */
.iv-konum-ozet { margin: 14px 0 0; padding: 11px 14px; background: var(--iv-zemin); border-radius: 12px; font-size: .92rem; }
.iv-konum-ozet > span:first-child { font-weight: 650; }

/* Eksik alan (22 Eki): kırmızı çerçeve + kalp atışı gibi nabız + alanın hemen altında uyarı */
.iv-eksik-not { color: #b42318; font-weight: 700; font-size: .92rem; margin: 6px 0 0; }
.iv-eksik-not::before { content: "⚠ "; }
.iv-alan-kap.iv-eksik input, .iv-alan-kap.iv-eksik select, .iv-alan-kap.iv-eksik textarea,
input.iv-eksik, select.iv-eksik, textarea.iv-eksik {
  border-color: #d93025 !important; box-shadow: 0 0 0 4px rgba(217, 48, 37, .16); }
.iv-alan-kap.iv-eksik > label, .iv-alan-kap.iv-eksik > .iv-alan-ust > label { color: #b42318; }
.iv-kutu-onay.iv-eksik, .iv-cumleler.iv-eksik { outline: 2px solid #d93025; outline-offset: 4px; border-radius: 8px; }
.iv-eksik { animation: iv-nabiz 1s ease-in-out 3; }
@keyframes iv-nabiz {
  0%, 40%, 100% { transform: scale(1); }
  12% { transform: scale(1.025); }
  26% { transform: scale(1.015); }
}
@media (prefers-reduced-motion: reduce) { .iv-eksik { animation: none; } }

/* İlçe seçim haritası (22 Eki): boş gri, kabul açık mavi, servisli yeşil, işyeri koyu mavi */
.iv-ilce-harita { margin: 10px 0 4px; }
.iv-ilce-harita svg { display: block; width: 100%; height: auto; max-height: 70vh; margin: 0 auto;
  border: 1px solid var(--iv-cizgi); border-radius: 14px; background: #f8fafc; }
/* İlçe adları: beyaz kenarlı koyu yazı (koyu işyeri üzerinde de okunur); tıklamayı engellemez */
.iv-ilce-harita text.iv-etiket { fill: #111827; font-weight: 700; paint-order: stroke; stroke: #fff;
  stroke-width: 3px; stroke-linejoin: round; pointer-events: none; font-family: inherit; }
.iv-harita-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin: 8px 0 6px; }
.iv-ilce-harita svg path { fill: #eef1f5; stroke: #fff; stroke-width: .8; }
.iv-ilce-harita .il { cursor: pointer; }
.iv-ilce-harita .il path { fill: #dfe4eb; transition: fill .15s; }
.iv-ilce-harita .il:hover path, .iv-ilce-harita .il:focus path { fill: #c9d3df; }
.iv-ilce-harita .il.kabul path { fill: #5b9be6; }
.iv-ilce-harita .il.servis path { fill: #2f9e5a; }
/* İşyeri: seçiliyse koyu; alımdan çıkarıldıysa gri + koyu kenar (işyeri olduğu belli kalsın). */
/* İşyeri ilçesi ayrı renkte çizilmez (25 Eki 2026, kullanıcı: "kafa karıştırıyor"): öbür ilçeler gibi
   seçiliyse mavi, servis varsa yeşil (.kabul / .servis). */
.iv-ilce-harita .il:focus { outline: none; }
.iv-ilce-harita .il:focus path { stroke: var(--ana); stroke-width: 2; }
/* Yakınlaştır / Uzaklaştır düğmeleri (23 Eki); fareyle sürüklenebilir harita */
.iv-zum-kutu { display: inline-flex; gap: 6px; margin-left: auto; }
.iv-dugme.iv-zum { min-height: 36px; padding: 6px 12px; font-size: .88rem; }
@media (hover: hover) { .iv-ilce-harita svg { cursor: grab; } .iv-ilce-harita svg:active { cursor: grabbing; } }
.iv-harita-not { min-height: 1.2em; text-align: center; margin: 2px 0 0; font-weight: 600; }
.iv-harita-atif { font-size: .72rem; color: var(--soluk); text-align: right; margin: 0 0 6px; }
.iv-harita-lejant { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 14px; font-size: .9rem; color: var(--metin); margin: 4px 0 0; }
.iv-harita-lejant i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-right: 5px; vertical-align: -1px; }

/* İlçe/servis bölümü SADE (22 Eki, "ilkokul seviyesinde anlaşılır") */
.iv-tercih-baslik { font-size: 1.1rem; font-weight: 750; color: var(--iv-baslik); margin-bottom: 4px; }
.iv-yonerge { font-size: 1rem; font-weight: 600; color: #0b3a75; background: #eaf2fd; border: 1px solid #c6dbf6;
  border-radius: 12px; padding: 10px 12px; margin: 0 0 8px; line-height: 1.45; }
.iv-yonerge b.mavi { color: #fff; background: #5b9be6; padding: 0 6px; border-radius: 4px; }
.iv-yonerge b.yesil { color: #fff; background: #2f9e5a; padding: 0 6px; border-radius: 4px; }
.iv-yonerge-alt { font-weight: 400; font-size: .9rem; margin-top: 4px; }
.iv-tercih-ozet { margin: 10px 0 6px; padding: 10px 12px; border-left: 4px solid var(--ana); background: #f8fafc;
  font-size: .95rem; font-weight: 600; line-height: 1.6; border-radius: 0 10px 10px 0; }
.iv-liste-kutu { margin-top: 8px; }
.iv-liste-kutu summary { cursor: pointer; color: var(--ana-koyu); font-weight: 600; font-size: .92rem; padding: 6px 0; }
.iv-talimat { margin: 4px 0 8px; padding-left: 20px; line-height: 1.55; }

/* Ehliyet sınıfı penceresi (22 Eki): "Ehliyet gerekli" işaretlenince açılır; büyük, dokunması kolay satırlar.
   margin:auto ŞART: site sıfırlaması dialog kenar boşluğunu 0 yapıyor, pencere sol üstte kalıyordu. */
.iv-pencere { margin: auto; border: 0; border-radius: 20px; padding: 22px; width: calc(100% - 32px); max-width: 400px;
  box-shadow: 0 20px 60px rgba(0, 27, 82, .3); }
.iv-pencere::backdrop { background: rgba(0, 27, 82, .45); backdrop-filter: blur(2px); }
.iv-pencere h3 { margin: 0 0 4px; font-size: 1.15rem; color: var(--iv-baslik); }
.iv-ehl-secim { display: flex; flex-direction: column; gap: 8px; margin: 12px 0 16px; }
.iv-ehl-secim label { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border: 1px solid #d5dce6;
  border-radius: 12px; font-weight: 400; font-size: 1rem; cursor: pointer; margin: 0; }
.iv-ehl-secim label:has(input:checked) { border-color: var(--ana); background: #eef4fc; }
.iv-ehl-secim input { width: 20px; height: 20px; margin: 0; }
.iv-pencere-alt { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
/* İlan akışı (26 Eki): "Soru 3 / 10" + "Kalanını sonra doldururum" — Tamam'ın solunda, sönük. */
.iv-akis { display: flex; align-items: center; gap: 12px; margin-right: auto; flex-wrap: wrap; }
.iv-akis[hidden] { display: none; }
.iv-akis-bilgi { font-size: .82rem; font-weight: 700; color: var(--iv-baslik); }
.iv-akis .iv-bag { font-size: .82rem; }
.iv-ehl-ozet { display: inline-flex; gap: 8px; align-items: baseline; font-size: .88rem; }
.iv-ehl-ozet b { color: var(--ana-koyu); font-weight: 600; }

/* Seçim özeti: iki satır hizalı (etiket sütunu + ilçe listesi) */
.iv-ozet-tablo { overflow-x: auto; }
.iv-ozet-tablo table { border-collapse: collapse; }
.iv-ozet-tablo th { text-align: left; font-weight: 700; padding: 3px 14px 3px 0; white-space: nowrap; }
.iv-ozet-tablo td { padding: 3px 12px 3px 0; white-space: nowrap; }

/* Hazır değer düğmeleri (yaş, kişi sayısı, maaş): sorunun yanında küçük haplar; dokun, yazılsın */
.iv-alan-ust { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px;
  margin: 16px 0 7px; }
.iv .iv-alan-ust > label { margin: 0; }
.iv-hazir { display: flex; flex-wrap: wrap; gap: 4px; }
.iv-hazir button { font: inherit; font-size: .82rem; font-weight: 700; min-width: 34px; min-height: 28px; padding: 3px 9px; border-radius: 99px;
  border: 1px solid transparent; background: #eef3fa; color: var(--iv-birincil); cursor: pointer; line-height: 1.4;
  transition: background .15s; }
.iv-hazir button:hover { background: #dfe9f7; }
.iv-hazir button[aria-pressed="true"] { background: var(--iv-birincil); color: #fff; }
.iv input.iv-asgari::placeholder { color: var(--ana-koyu); font-weight: 600; opacity: 1; }

/* Yarım kalan düzenleme: ilan yayında değil (22 Eki) */
.iv-yarim { margin: 6px 0 2px; padding: 8px 12px; border-radius: 10px; background: #fff4e5; color: #8a4b00; font-weight: 600; font-size: .92rem; }

/* Koşul satırı tıklanır (22 Eki): "otomatik · değiştir" + cümle; ilgili alan mavi vurgulanır */
.iv-cumle-oto.tik { cursor: pointer; border: 1px solid var(--ana); color: var(--ana-koyu); background: #fff; }
.iv-cumle-oto.tik:hover { background: #eef4fc; }
.iv-cumle.kosul .iv-cumle-metin.tik { cursor: pointer; }
.iv-cumle.kosul .iv-cumle-metin.tik:hover { text-decoration: underline; text-underline-offset: 3px; }
.iv-vurgu { outline: 3px solid var(--ana); outline-offset: 4px; border-radius: 8px; animation: iv-vurgu-nabiz 1s ease-in-out 3; }
@keyframes iv-vurgu-nabiz { 50% { outline-color: #9cc2f0; } }
@media (prefers-reduced-motion: reduce) { .iv-vurgu { animation: none; } }
.iv-vurgu-not { display: block; flex-basis: 100%; margin: 6px 0 0; color: var(--ana-koyu); font-weight: 700; font-size: .92rem; }

/* Telefon: kart iç boşluğu daralır, şerit kısalır */
@media (max-width: 520px) {
  .iv-ust { padding: 22px 0 56px; }
  .iv-kart { padding: 20px 16px; border-radius: 18px; }
  .iv-adimlar { gap: 6px; font-size: .8rem; }
  .iv-adim-ic, .iv-adim-bag { padding: 4px 10px 4px 4px; }
}
/* Dar telefonda dört hap iki satıra taşıyordu: etkin adımın adı yazar, diğerleri yalnız numara */
@media (max-width: 420px) {
  .iv-adimlar li:not(.etkin) .iv-adim-ic, .iv-adimlar li:not(.etkin) .iv-adim-bag { font-size: 0; gap: 0; padding: 4px; }
}

/* 4. BASAMAK — KONTROL VE GÖNDER (25 Eki 2026): ilanın sitedeki görünümü; her bilgi dokunulur
   (üzerine gelince kesik çerçeve + kalem), dokununca ilgili düzenleme penceresi açılır. */
.io-ipucu { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; padding: 12px 16px; border-radius: 12px;
  background: #eef4ff; border: 1px solid #c9dafc; color: #1e3a8a; }
.io-ipucu p { margin: 0; font-size: .95rem; line-height: 1.5; }
.io-ipucu b { color: #0b2545; }
.io-ipucu svg { width: 26px; height: 26px; flex: none; fill: none; stroke: #1f5bd8; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
/* Örnek kutu (ipucunun gösterdiği): sarı çerçeve + nabız + "Dokunun" etiketi. Renkler açık yazılır
   (yeni.css'te --iv-sari açık mavi). */
.io-kart .ik-ozet-hucre.tiklanir.io-ornek { background: #fff4d6; }   /* .tiklanir'in background:none'ını ezer */
.io-kart .io-ornek { position: relative; outline: 2.5px solid #f7ac02; outline-offset: 2px;
  animation: io-ornek-nabiz 1.3s ease-out 4; }
.io-kart .io-ornek::before { content: "Dokunun"; position: absolute; top: -11px; right: 8px; z-index: 1;
  background: #f7ac02; color: #1a1a1a; font-size: .68rem; font-weight: 800; padding: 1px 8px; border-radius: 999px; line-height: 1.5; }
/* 1. basamaktaki örnek kutucuk (26 Eki): aynı sarı çerçeve + nabız + "Dokunun" (kutucuğun üstünde). */
.iv-temel-kart .iv-jeton.io-ornek { position: relative; background: #fff4d6; border-color: #f7ac02; border-style: solid;
  outline: 2.5px solid #f7ac02; outline-offset: 2px; animation: io-ornek-nabiz 1.3s ease-out 4; }
.iv-temel-kart .iv-jeton.io-ornek::before { content: "Dokunun"; position: absolute; top: -13px; right: -6px; z-index: 1;
  background: #f7ac02; color: #1a1a1a; font-size: .66rem; font-weight: 800; padding: 1px 7px; border-radius: 999px; line-height: 1.5; }
.iv-temel-kart .io-ipucu { margin-top: 4px; }
@keyframes io-ornek-nabiz { 0% { box-shadow: 0 0 0 0 rgba(247, 172, 2, .75); } 100% { box-shadow: 0 0 0 10px rgba(247, 172, 2, 0); } }
.io-kart { padding: 22px 24px; }
.io-tik { display: block; width: 100%; font: inherit; color: inherit; text-align: left; background: none; cursor: pointer;
  border: 1.5px dashed transparent; border-radius: 10px; padding: 6px 8px; margin: 0 -8px; box-sizing: content-box; }
.io-tik:hover, .io-tik:focus-visible { border-color: #9fbbe3; background: #f6f9ff; outline: none; }
.io-tik::after { content: "✎ değiştir"; float: right; font-size: .76rem; font-weight: 600; color: var(--iv-birincil); opacity: 0; }
.io-tik:hover::after, .io-tik:focus-visible::after { opacity: 1; }
.io-baslik h2 { margin: 0; font-size: 1.4rem; color: var(--iv-baslik); }
.io-firma { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; margin: 2px 0 14px; color: var(--soluk); font-size: .92rem; }
.io-firma .io-tik { display: inline-block; width: auto; margin: 0; padding: 2px 6px; }
.io-firma .io-tik::after { display: none; }
.io-bolum { font-size: 1.05rem !important; margin: 20px 0 6px !important; }
.io-metin .iv-metin { white-space: pre-line; line-height: 1.6; }
.io-iletisim p { margin: 0 0 4px; }
.io-onay { margin: 16px 2px 0 !important; font-weight: 600 !important; border-radius: 10px; }
/* Kutu işaretlenmeden "gönder": düğme soluk ama TIKLANIR (disabled tıklamayı yutar, işveren nedenini
   anlamaz — 25 Eki); tıklayınca kutu sarı çerçeveyle yanıp söner ve altında neden yazar. */
.iv-adim-gecis .gonder.kapali { opacity: .55; }
.io-onay.io-uyari { padding: 10px 12px !important; border: 2px solid #f7ac02; background: #fff4d6;
  animation: iv-odak-nabiz 1.4s ease-out 2; }
.io-onay-not { margin: 6px 2px 0; color: #a35a00; font-weight: 600; font-size: .92rem; }
.iv-b2-not { text-align: center; margin: 8px 0 0; }
/* Önizlemedeki koşul kartları / ücret / diğer bilgiler dokunulur (ilanKosullari tikla) */
.io-kart .ik-kart.tiklanir, .io-kart .ik-ucret.tiklanir { font: inherit; text-align: left; cursor: pointer; width: 100%;
  border: 1.5px dashed transparent; }
.io-kart .ik-kart.tiklanir:hover, .io-kart .ik-ucret.tiklanir:hover { border-color: #9fbbe3; filter: brightness(.98); }
.io-kart .ik-ucret.tiklanir { background: none; padding: 4px 6px; margin-left: -6px; border-radius: 10px; width: auto; }
.io-kart .ik-ozet-hucre.tiklanir { font: inherit; text-align: left; cursor: pointer; background: none;
  border: 1.5px dashed transparent; border-radius: 8px; padding: 3px 6px; margin: 0 -6px; }
.io-kart .ik-ozet-hucre.tiklanir:hover { border-color: #9fbbe3; background: #fff; }

/* İKİ PARÇALI İLAN FORMU (30 Eki 2026): üstte soru + ileri/geri, altta temel metin + renkli başlıklar. */
.iv-soru-kart { scroll-margin-top: 78px; }
.iv-soru-sayac { margin: 0 0 4px; font-size: .82rem; font-weight: 700; color: var(--soluk); }
.iv-soru-kart h2 { margin-top: 0; }
.iv-soru-kart .iv-secici-icerik { max-height: none; overflow: visible; margin-bottom: 0; }
.iv-soru-kart .iv-adim-gecis { position: sticky; top: 72px; z-index: 5; margin: -6px -6px 12px; padding: 8px 6px; background: #fff;
  border-bottom: 1px solid var(--iv-cizgi); border-radius: 12px; justify-content: space-between; }
.iv-soru-kart .iv-adim-gecis .iv-dugme { min-height: 46px; }
.iv-soru-kart .iv-adim-gecis .ileri { margin-left: auto; }
.iv-soru-kart .iv-dugme:disabled { opacity: .4; cursor: default; }
.iv-temel-ac { display: none; }
.iv-temel-bos { color: var(--soluk); font-size: .95rem; }
.iv-etiketler { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; padding-top: 14px; border-top: 1px dashed var(--iv-cizgi); }
.iv-etiket { display: inline-flex; align-items: center; gap: 4px; font: inherit; font-size: .85rem; font-weight: 650; line-height: 1.3;
  padding: 6px 12px; border-radius: 99px; border: 1px solid transparent; cursor: pointer; white-space: nowrap;
  transition: background-color .25s, color .25s, border-color .25s; }
.iv-etiket svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.iv-etiket.kirmizi { background: #fdecea; color: #b3261e; border-color: #f5c6c1; }
.iv-etiket.yesil { background: #e4f4e8; color: #1b6e36; border-color: #b4dfc0; }
.iv-etiket.simdi { outline: 2.5px solid var(--iv-birincil); outline-offset: 1px; }
.iv-etiket:focus-visible { outline: 3px solid rgba(21, 101, 192, .45); outline-offset: 2px; }
.iv-jeton.simdi { background: #fff4d6; border-color: #f7ac02; border-style: solid; }
.iv.iv-yan .iv-alt { display: none; }
/* Geniş ekran: yan yana; metin kaydırınca yerinde kalır. */
@media (min-width: 900px) {
  .iv.iv-yan { max-width: 1120px; }
  .iv-iki-parca { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
  .iv-iki-parca > * { grid-column: 1; min-width: 0; }
  .iv-iki-parca > .iv-soru-kart, .iv-iki-parca > .iv-temel-kart { margin: 0; }
  .iv-iki-parca > .iv-temel-kart { grid-column: 2; grid-row: 1 / span 4; position: sticky; top: 78px; max-height: calc(100vh - 96px); overflow: auto; }
}
/* Dar ekran: metin altta AÇIK, ileri/geri onun üstünde; alt boşluk JS'te (altBosluk). */
@media (max-width: 899px) {
  .iv-temel-kart { position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; margin: 0; padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px));
    border-radius: 16px 16px 0 0; box-shadow: 0 -4px 18px rgba(11, 37, 69, .18); }
  .iv-temel-kart .iv-soru-nav { margin: 0 0 8px; padding: 0; border: 0; flex-wrap: nowrap; }
  .iv-temel-kart .iv-soru-nav .iv-dugme { min-height: 42px; font-size: .95rem; padding: 0 16px; }
  .iv-temel-ac { display: block; flex: 1; font: inherit; font-size: .82rem; font-weight: 700; color: var(--iv-birincil);
    background: none; border: 0; padding: 4px; cursor: pointer; }
  .iv-temel-govde { max-height: 24vh; overflow: auto; position: relative; }
  .iv-temel-govde h2, .iv-temel-not { display: none; }
  .iv-temel-metin { margin: 0; font-size: .95rem; line-height: 1.95; }
  .iv-temel-kart:not(.acik) .iv-temel-govde { display: none; }
  .iv-etiketler { flex-wrap: nowrap; overflow-x: auto; margin-top: 8px; padding: 3px; border-top: 0; scrollbar-width: none; }
  .iv-etiketler::-webkit-scrollbar { display: none; }
}
.iv-tanitim-kart { margin-top: 16px; border: 2px solid var(--iv-birincil); }
.iv-tanitim-kart textarea { width: 100%; }
.iv-tanitim-kart .iv-ipucu { margin: 6px 0 10px; }
.iv-benzer { margin: 0 0 14px; padding: 14px 16px; border: 2px solid var(--iv-sari); border-radius: 14px; background: #fff8e6; }
.iv-benzer p { margin: 6px 0 12px; font-size: .95rem; line-height: 1.5; }
.iv-benzer .iv-dugmeler { margin: 0; flex-wrap: wrap; }
.iv-benzer-liste { display: flex; flex-direction: column; gap: 6px; margin: 0 0 12px; }
.iv-benzer-liste button { font: inherit; font-size: .92rem; font-weight: 600; text-align: left; color: var(--iv-birincil); background: #fff;
  border: 1px solid #e6cf94; border-radius: 10px; padding: 10px 12px; cursor: pointer; }
.iv-benzer-liste button:hover { border-color: var(--iv-birincil); }
.iv-sms-pencere p { margin: 8px 0 14px; line-height: 1.5; }
.iv-sms-pencere ul { margin: 12px 0 16px; padding-left: 20px; font-size: .92rem; line-height: 1.6; }