/* /css/ilan-parcalari.css — Pazaryeri İlan Ver · İlanlarım (27.10.2026). YALNIZ bu iki sayfa yükler.
   Flutter MASTER, web takip eder: ölçüler lib/ kodundan (dosya adı her bloğun başında), webden kopyalanmaz. Renkler sitenin --ms-*
   jetonlarından (koyu tema sitenin kendi paleti, defter-dark.css). Site geneline taşınacak kalıplar ilan-2710/ortak-css.txt'te. */

:root{
  --il-kenar:rgba(15,23,42,.129);           /* colors.border — saydam lacivert %13 (beyazda ≈ #E0E1E3) */
  --il-secim-kenari:#878C95;                /* colors.secimKenari (anahtarKapali) — boş seçim halkası ≥ 3:1 */
  --il-secim-hapi:rgba(37,37,97,.082);       /* colors.secimHapi 0x15252561 — pasif düğme zemini (27.10 gri ailesi) */
  --il-pasif-yazi:rgba(15,23,42,.38);       /* pasifIcerik: textPrimary %38 */
  --il-hata-cerceve:#D7002F;                /* AppDestructiveButton çerçeveli (koyuda --ms-hata #FF7A70: Flutter #FF4D6A web'in koyu penceresinde 4,11:1 — koyu-2810) */
  --il-basili-ton:rgba(15,23,42,.04);       /* BasmaDili.tonAlfa — geniş satır %4 */
  --il-dugme-ton:rgba(15,23,42,.08);        /* BasmaDili.dugmeTonAlfa — düğme %8 */
  --il-alan-zemin:var(--ms-bg,#FFFFFF);     /* girdi dolgusu = bulunduğu yüzey (Flutter fillColor cardSurface / koyuda surface) */
  --il-pencere-zemin:var(--np-pencere-zemin,var(--ms-bg,#FFFFFF));
  --il-yesil:#16A34A;                       /* AppConstants.success (iki temada aynı) */
  --il-turuncu:#F97316;                     /* AppConstants.warning */
  --il-kirmizi:#D7002F;                     /* AppConstants.accentRed / premiumRed */
  --il-mavi:#0B57D0;                        /* AppConstants.oceanBlue */
}
:root[data-theme="dark"]{
  --il-kenar:var(--ms-border,#38383A);
  --il-secim-kenari:#848489;
  --il-secim-hapi:rgba(120,120,128,.32);
  --il-pasif-yazi:rgba(255,255,255,.38);
  --il-hata-cerceve:var(--ms-hata,#FF4D6A);
  --il-basili-ton:rgba(255,255,255,.04);
  --il-dugme-ton:rgba(255,255,255,.08);
}

/* ══ ÜST ÇUBUK (app_bar_standard.dart + geri_dugmesi.dart): boy 52 · geri 44'lük daire sayfa çizgisinde (12) · başlık 22/500 (−0,2)
   x = 68 · sağ eylem 44. Alt sayfa çubuğu kaydırınca GİZLENMEZ (Flutter AppBar sabit). Beyaz çubukta geri dairesi gri dolgu
   #F1F3F6 (PanelGovde.zemin; kartla 1,11 — kenarsız), koyuda kart yüzeyi + tek piksel kenar. ══ */
.dc-topbar.hy-bar.il-ustcubuk{min-height:52px;height:52px;padding:0 12px;gap:0;border-bottom:0}
.dc-topbar.hy-bar.il-ustcubuk.is-hidden{transform:none}
/* Uygulama afişi (html.sab-on, 68) kaydırınca kalkar: çubuk onunla birlikte 68 yukarı çıkıp tepeye oturur, gizlenmez. */
html.sab-on .dc-topbar.hy-bar.il-ustcubuk.is-hidden{transform:translateY(-68px)}
.il-ustcubuk .il-baslik{flex:1;min-width:0;margin:0 0 0 12px;font-size:22px;font-weight:500;letter-spacing:-.2px;line-height:1.3;color:var(--ms-fg,#0F172A);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.il-geri{flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:#F2F2F7;color:var(--ms-fg,#0F172A);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform 260ms cubic-bezier(.175,.885,.32,1.275)}
.il-geri:hover,.il-geri:focus{color:var(--ms-fg,#0F172A);text-decoration:none}
.il-geri:active{transform:scale(.96);transition:transform 100ms ease-out}
:root[data-theme="dark"] .il-geri{background:var(--ms-card-surface,#1C1C1E);box-shadow:inset 0 0 0 var(--ms-ince-kenar,1px) var(--il-kenar)}
.il-geri svg{width:22px;height:22px;fill:currentColor}
.il-ust-eylem{flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:transparent;color:var(--ms-fg,#0F172A);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:transform 260ms cubic-bezier(.175,.885,.32,1.275)}
.il-ust-eylem:hover,.il-ust-eylem:focus{color:var(--ms-fg,#0F172A);text-decoration:none}
.il-ust-eylem:active{transform:scale(.96);transition:transform 100ms ease-out}
.il-ust-eylem svg{width:24px;height:24px;fill:currentColor}
.il-geri:focus-visible,.il-ust-eylem:focus-visible{outline:2px solid var(--ms-fg,#0F172A)!important;outline-offset:2px!important}
.il-ustcubuk .hy-menu-btn{margin-left:0}

/* ══ DÜĞME (app_button.dart) — Büyük 56/12 · Orta 44/8 · Küçük 36/8 · yazı 16 (Küçük 14) / 500 · simge 20 (Küçük 16) → 8 → yazı.
   Alt sabit çubukta ve alt pencerede Büyük düğme KAPSÜL (dugmeKosesi). Dolu sarı: dış tek piksel sarı kenar + içe 4 piksel ışık
   (DoluDugmeIsigi) + açıkta kabartmaDar. İkincil (AppOutlinedButton): açıkta kalkık #F9F9FA + tek piksel kenar + kabartmaDar, koyuda
   secimHapi. Tehlike (AppDestructiveButton): çerçeveli kırmızı; son adımda dolu kırmızı. Pasif: secimHapi + yazı %38. Basılı: içerik
   renginin %8'i anında, bırakınca 200 ms söner; fareyle üstünde %4 (web). Yükleniyor: içerik görünmez ama yerini korur, ortada 20'lik
   halka (yukleniyorSar). Gölge + odak !important: components.css'in genel button:hover/focus/active kuralı siliyordu. ══ */
.il-dugme{--il-ton:transparent;--il-sari-kenar:var(--ms-sari-kenar,#F0BE00);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  box-sizing:border-box;height:56px;margin:0;padding:0 16px;border:0;border-radius:12px;background:transparent;color:var(--ms-fg,#0F172A);
  font:inherit;font-size:16px;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none;cursor:pointer;
  -webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;transition:box-shadow .2s ease-out}
.il-dugme:hover,.il-dugme:focus{text-decoration:none}
.il-dugme.orta{height:44px;border-radius:8px}
.il-dugme.kucuk{height:36px;border-radius:8px;font-size:14px}
.il-dugme.kapsul{border-radius:999px}
.il-dugme.tam{display:flex;width:100%}
.il-dugme svg{flex:none;width:20px;height:20px;fill:currentColor}
.il-dugme.kucuk svg{width:16px;height:16px}
:root .il-dugme.sari,:root a.il-dugme.sari,:root a.il-dugme.sari:hover,:root a.il-dugme.sari:focus{background:var(--ms-yellow,#FFCA00);color:var(--ms-on-yellow,#0F172A);
  box-shadow:inset 0 0 0 var(--ms-ince-kenar,1px) var(--il-sari-kenar),
    inset 0 0 0 calc(var(--ms-ince-kenar,1px)*2) rgba(255,255,255,.1447),inset 0 0 0 calc(var(--ms-ince-kenar,1px)*3) rgba(255,255,255,.1163),
    inset 0 0 0 calc(var(--ms-ince-kenar,1px)*4) rgba(255,255,255,.0851),inset 0 0 0 calc(var(--ms-ince-kenar,1px)*5) rgba(255,255,255,.06),
    inset 0 0 0 999px var(--il-ton),var(--ms-kabartma-dar,0 1px 2.15px rgba(0,0,0,.06))!important}
:root .il-dugme.ikincil,:root a.il-dugme.ikincil,:root a.il-dugme.ikincil:hover{background:var(--ms-ikincil-zemin,#F5F5FA);color:var(--ms-fg,#0F172A);
  box-shadow:inset 0 0 0 var(--ms-ince-kenar,1px) var(--ms-ikincil-kenar,rgba(15,23,42,.129)),inset 0 0 0 999px var(--il-ton),var(--ms-kabartma-dar,0 1px 2.15px rgba(0,0,0,.06))!important}
:root .il-dugme.yikici{--il-ton-renk:var(--il-hata-cerceve);background:transparent;color:var(--il-hata-cerceve);
  box-shadow:inset 0 0 0 1px var(--il-hata-cerceve),inset 0 0 0 999px var(--il-ton)!important}
:root .il-dugme.yikici-dolu{--il-sari-kenar:#CA002C;background:#D7002F;color:#FFFFFF;
  box-shadow:inset 0 0 0 var(--ms-ince-kenar,1px) #CA002C,inset 0 0 0 calc(var(--ms-ince-kenar,1px)*2) rgba(255,255,255,.0356),
    inset 0 0 0 calc(var(--ms-ince-kenar,1px)*3) rgba(255,255,255,.0313),inset 0 0 0 calc(var(--ms-ince-kenar,1px)*4) rgba(255,255,255,.0244),
    inset 0 0 0 calc(var(--ms-ince-kenar,1px)*5) rgba(255,255,255,.018),inset 0 0 0 999px var(--il-ton),var(--ms-kabartma-dar,0 1px 2.15px rgba(0,0,0,.06))!important}
:root .il-dugme.metin{height:44px;min-width:44px;padding:0 12px;border-radius:8px;background:transparent;color:var(--ms-fg,#0F172A);font-size:15px;
  box-shadow:inset 0 0 0 999px var(--il-ton)!important}
:root a.il-dugme.metin:hover,:root a.il-dugme.metin:focus{color:var(--ms-fg,#0F172A)}
@media (hover:hover){
  :root .il-dugme:not(:disabled):not(.pasif):not(.yukleniyor):hover{--il-ton:var(--ms-ton-ust,rgba(15,23,42,.04))}
  :root .il-dugme.sari:not(:disabled):not(.pasif):hover{--il-sari-kenar:#E7B702}
}
:root .il-dugme:not(:disabled):not(.pasif):not(.yukleniyor):active{--il-ton:var(--ms-ton-bas,rgba(15,23,42,.08));transition-duration:0s}
:root .il-dugme.sari:not(:disabled):not(.pasif):active{--il-sari-kenar:#DEB003;--il-ton:rgba(15,23,42,.08)}
:root .il-dugme.yikici-dolu:not(:disabled):not(.pasif):active,:root .il-dugme.sari:not(:disabled):not(.pasif):active{--il-ton:rgba(15,23,42,.08)}
:root .il-dugme.yikici:not(:disabled):active{--il-ton:rgba(215,0,47,.08)}
:root .il-dugme:disabled:not(.yukleniyor),:root .il-dugme.pasif{background:var(--il-secim-hapi)!important;color:var(--il-pasif-yazi)!important;box-shadow:none!important;cursor:default}
:root .il-dugme.yikici:disabled:not(.yukleniyor){background:transparent!important;box-shadow:inset 0 0 0 1px var(--il-kenar)!important}
:root .il-dugme:focus-visible{outline:2px solid var(--ms-fg,#0F172A)!important;outline-offset:2px!important}
.il-dugme.yukleniyor{cursor:progress}
.il-dugme.yukleniyor > *{visibility:hidden}
.il-dugme.yukleniyor .il-dugme-yazi{visibility:hidden}
.il-dugme.yukleniyor::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;box-sizing:border-box;border-radius:50%;
  border:2px solid currentColor;border-right-color:transparent;animation:ilDon .8s linear infinite}
.il-dugme.sari.yukleniyor,.il-dugme.yikici-dolu.yukleniyor{color:transparent!important}
.il-dugme.sari.yukleniyor::after{border-color:var(--ms-on-yellow,#0F172A);border-right-color:transparent}
.il-dugme.yikici-dolu.yukleniyor::after{border-color:#FFFFFF;border-right-color:transparent}
.il-dugme-yazi{min-width:0;overflow:hidden;text-overflow:ellipsis}
@keyframes ilDon{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.il-dugme,.il-geri,.il-ust-eylem{transition:none}}

/* ══ SEÇİM HALKASI (secim_halkasi.dart, 26.10) — uygulamanın TEK seçim göstergesi, HER ZAMAN solda. 24 · halka 1,5 iç kenarda · boş
   secimKenari · seçili textPrimary dolgu + zemin renginde tik (Apple oranı (7.3,12.6)→(10.6,16.3)→(16.7,7.9), kalınlık 2).
   Seçim 280 ms: dolgu + halka 0–150 (easeOutCubic) · ölçek 0,92→1 0–200 (.oynat) · tik 60–280 çizilir (fastOutSlowIn).
   Kaldırma 150 ms: dolgu + tik birlikte söner, tik geri silinmez. Hareketi azalt → anında. ══ */
.il-halka{display:inline-block;width:24px;height:24px;flex:0 0 24px;line-height:0;--il-halka-tik:var(--ms-bg,#FFFFFF)}
.il-halka svg{width:100%;height:100%;overflow:visible;display:block}
.il-halka .il-hk{fill:none;stroke:var(--il-secim-kenari);stroke-width:1.5;transition:stroke 150ms ease-in}
.il-halka .il-hd{fill:var(--ms-fg,#0F172A);opacity:0;transition:opacity 150ms ease-in}
.il-halka .il-ht{fill:none;stroke:var(--il-halka-tik);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:15.4;stroke-dashoffset:15.4;
  opacity:0;transition:opacity 150ms ease-in,stroke-dashoffset 0s linear 150ms}
.il-halka.secili .il-hk{stroke:var(--ms-fg,#0F172A);transition:stroke 150ms cubic-bezier(.215,.61,.355,1)}
.il-halka.secili .il-hd{opacity:1;transition:opacity 150ms cubic-bezier(.215,.61,.355,1)}
.il-halka.secili .il-ht{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 220ms cubic-bezier(.4,0,.2,1) 60ms,opacity 50ms linear 60ms}
.il-halka.secili.oynat svg{animation:ilHalkaOlcek 200ms cubic-bezier(.215,.61,.355,1)}
@keyframes ilHalkaOlcek{from{transform:scale(.92)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.il-halka .il-hk,.il-halka .il-hd,.il-halka .il-ht{transition:none!important}.il-halka svg{animation:none!important}}

/* ══ GİRDİ (theme_config.dart inputDecorationTheme): 56 · köşe 12 · formKenari 1 · odakta textPrimary 2 · dolgu = yüzey · yazı 16/400
   (1,45) · ekranda iç pay 20 (contentPadding 16 + M3 gapPadding 4). Etiket alanın içinde 16 ikincil; odakta ya da doluyken kenarın
   üstüne kalkar: 14 × 0,75 = 10,5 / 500 birincil, kenar çizgisinde 4'lük boşlukla (OutlineInputBorder gapPadding). İpucu (hintText)
   yalnız odakta ve boşken; sonek metni (TL, sayaç) yalnız etiket kalkıkken. Ön simge 24, 12'den; ön simgeli alanda yazı 52'de. ══ */
.il-alan{position:relative;display:block}
.il-girdi{display:block;width:100%;box-sizing:border-box;height:56px;margin:0;padding:0 20px;border:1px solid var(--ms-form-kenar,#D0D5DD);border-radius:12px;
  background:var(--il-alan-zemin);color:var(--ms-fg,#0F172A);font:inherit;font-size:16px;font-weight:400;line-height:1.45;letter-spacing:0;
  outline:0;box-shadow:none;-webkit-appearance:none;appearance:none;transition:none}
textarea.il-girdi{height:auto;padding:16.5px 20px;resize:none;overflow:auto}
.il-girdi:focus{border-color:var(--ms-fg,#0F172A)!important;box-shadow:inset 0 0 0 1px var(--ms-fg,#0F172A)!important;outline:0!important}
.il-girdi:focus-visible{outline:0!important}
.il-girdi::placeholder{color:transparent;opacity:1}
.il-girdi:focus::placeholder{color:var(--ms-fg-secondary,#475467)}
.il-etiket{position:absolute;left:16px;top:28px;max-width:calc(100% - 40px);margin:0;padding:0 4px;box-sizing:border-box;transform:translateY(-50%);
  font-size:16px;font-weight:400;line-height:1.2;letter-spacing:0;color:var(--ms-fg-secondary,#475467);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  pointer-events:none;background:transparent;transform-origin:left center;
  transition:top 150ms cubic-bezier(.4,0,.2,1),font-size 150ms cubic-bezier(.4,0,.2,1),left 150ms cubic-bezier(.4,0,.2,1),color 150ms}
.il-girdi:focus ~ .il-etiket,.il-girdi:not(:placeholder-shown) ~ .il-etiket{top:0;left:16px;font-size:10.5px;font-weight:500;line-height:1.3;color:var(--ms-fg,#0F172A);
  background:linear-gradient(var(--il-alan-dis,var(--il-alan-zemin)) 50%,var(--il-alan-zemin) 50%)}
.il-alan-ek{position:absolute;right:20px;top:28px;transform:translateY(-50%);font-size:16px;line-height:1.45;color:var(--ms-fg-secondary,#475467);pointer-events:none;
  opacity:0;transition:opacity 150ms}
.il-alan-ek.kucuk{font-size:12px;line-height:1.4}
.il-girdi:focus ~ .il-alan-ek,.il-girdi:not(:placeholder-shown) ~ .il-alan-ek{opacity:1}
.il-alan.sonekli .il-girdi{padding-right:56px}
.il-alan.sayacli .il-girdi{padding-right:64px}
.il-alan.onlu .il-girdi{padding-left:52px}
.il-alan.onlu .il-girdi:placeholder-shown:not(:focus) ~ .il-etiket{left:48px}
.il-alan-on{position:absolute;left:12px;top:16px;width:24px;height:24px;fill:var(--ms-fg-secondary,#475467);pointer-events:none}
.il-alan-sag{position:absolute;right:12px;top:18px;width:20px;height:20px}
.il-alan.cok .il-etiket{top:28px}
.il-alan.cok .il-girdi:focus ~ .il-etiket,.il-alan.cok .il-girdi:not(:placeholder-shown) ~ .il-etiket{top:0}
@media (prefers-reduced-motion:reduce){.il-etiket,.il-alan-ek{transition:none}}

/* Küçük dönen halka (CircularProgressIndicator strokeWidth 2): boyu çağıran verir. */
.il-dongu{display:inline-block;box-sizing:border-box;width:20px;height:20px;border-radius:50%;border:2px solid var(--ms-fg,#0F172A);border-right-color:transparent;
  animation:ilDon .8s linear infinite;vertical-align:middle}
@media (prefers-reduced-motion:reduce){.il-dongu{animation-duration:2.4s}}

/* ══ ALT PENCERE (app_bottom_sheet.dart sheetDecoration): telefonda alttan, üst köşe 36, kenar border %50, yan 12, tutamak 40×4 border;
   başlık 20/500 (−0,3, 1,25) SOLDA. Perde siyah %54 (showModalBottomSheet varsayılanı). Geniş ekranda (≥641) ortada diyalog: dört köşe
   36, tutamaksız, en çok 480 (platform uyarlaması — sitenin onay kartıyla aynı çerçeve). Esc / dışarı dokunma kapatır, odak pencerede. ══ */
.il-perde{position:fixed;inset:0;z-index:9000;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,0);visibility:hidden;
  transition:background-color .25s ease,visibility 0s linear .25s}
.il-perde.acik{background:rgba(0,0,0,.54);visibility:visible;transition:background-color .25s ease}
.il-pencere{--il-alan-zemin:var(--il-pencere-zemin);--il-alan-dis:var(--il-pencere-zemin);position:relative;box-sizing:border-box;width:100%;max-height:calc(100% - 48px);overflow:auto;
  overscroll-behavior:contain;background:var(--il-pencere-zemin);border-radius:36px 36px 0 0;box-shadow:inset 0 0 0 .5px var(--il-kenar);
  padding:24px 12px max(21px,calc(env(safe-area-inset-bottom,0px) - 13px));transform:translateY(100%);transition:transform .28s cubic-bezier(.32,.72,0,1);
  color:var(--ms-fg,#0F172A);text-align:left}
.il-perde.acik .il-pencere{transform:none}
.il-pencere:focus{outline:0}
.il-pencere .il-halka{--il-halka-tik:var(--il-pencere-zemin)}
.il-tutamak{width:40px;height:4px;margin:0 auto;border-radius:2px;background:var(--il-kenar)}
.il-pencere-baslik{margin:24px 0 0;font-size:20px;font-weight:500;letter-spacing:-.3px;line-height:1.25;color:var(--ms-fg,#0F172A)}
.il-pencere-alt{margin:8px 0 0;font-size:15px;font-weight:400;line-height:1.45;color:var(--ms-fg-secondary,#475467)}
.il-pencere-dugmeler{display:flex;gap:8px;margin-top:20px}
.il-pencere-dugmeler .il-dugme{flex:1 1 0;min-width:0}
@media (min-width:641px){
  .il-perde{align-items:center;padding:24px}
  .il-pencere{max-width:480px;max-height:calc(100% - 48px);border-radius:36px;padding:24px 12px 12px;transform:translateY(16px) scale(.98);opacity:0;
    transition:transform .2s cubic-bezier(.215,.61,.355,1),opacity .2s ease}
  .il-perde.acik .il-pencere{transform:none;opacity:1}
  .il-pencere .il-tutamak{display:none}
  .il-pencere .il-tutamak + .il-pencere-baslik{margin-top:0}
}
@media (prefers-reduced-motion:reduce){.il-perde,.il-pencere{transition:none}}

/* Seçim satırı (SecimSatiri, kenarsız): en az 56 · halka 24 → 12 → etiket 16/400 · satırın tamamı basılır (%4 ton). */
.il-secim-satiri{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;box-sizing:border-box;margin:0;padding:0;border:0;border-radius:0;background:transparent;
  font:inherit;font-size:16px;font-weight:400;line-height:1.45;color:var(--ms-fg,#0F172A);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background-color .2s ease-out}
.il-secim-satiri:active{background-color:var(--il-basili-ton);transition-duration:0s}
@media (hover:hover){.il-secim-satiri:hover{background-color:var(--il-basili-ton)}}
.il-secim-satiri:focus-visible{outline:2px solid var(--ms-fg,#0F172A)!important;outline-offset:-2px!important}

/* ══ BOŞ / HATA HÂLİ (app_empty_state.dart v2, 26.10): görünen alanın ortasında; halkasız 48 simge üçüncül → 12 → başlık 22/600 (−0,3, 1,2)
   → 4 → açıklama 15/400 · 1,4 ikincil; en geniş 320, dengeli satır kırma; eylem 24 aşağıda Orta 44 sarı, yan 20. Giriş 360 ms (simge
   0–220 · metin 60–300 · düğme 120–320; hareketi azalt → yok). Sınıf adları Engellenen Firmalar ile aynı (ortak CSS'e taşınacak). ══ */
.bos-hal{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:var(--bos-boy,60vh);padding:24px 32px}
.bos-hal-ic{display:flex;flex-direction:column;align-items:center;width:100%;max-width:320px;text-align:center}
.bos-hal-simge{flex:none;width:48px;height:48px;fill:var(--ms-fg-muted,#64748B);animation:bosSimge .22s cubic-bezier(.215,.61,.355,1) both}
.bos-hal-baslik{margin:12px 0 0;font-family:inherit;font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.3px;color:var(--ms-fg,#0F172A);text-wrap:balance;
  animation:bosMetin .24s cubic-bezier(.215,.61,.355,1) .06s both}
.bos-hal-metin{margin:4px 0 0;font-size:15px;font-weight:400;line-height:1.4;letter-spacing:0;color:var(--ms-fg-secondary,#475467);text-wrap:balance;
  animation:bosMetin .24s cubic-bezier(.215,.61,.355,1) .06s both}
.bos-hal .il-dugme{margin-top:24px;padding:0 20px;animation:bosDugme .2s cubic-bezier(.215,.61,.355,1) .12s both}
@keyframes bosSimge{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
@keyframes bosMetin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bosDugme{from{opacity:0}to{opacity:1}}

/* YÜKLENİYOR — AppPageLoader: ortada 36 halka, kalınlık 4, birincil; 400 ms SONRA 200 ms'de belirir. Liste sonu (ListeSonuYukleniyor):
   24 halka, kalınlık 2, dikey 24. */
.np-yukleyici-kap{display:flex;align-items:center;justify-content:center;min-height:var(--bos-boy,60vh)}
.np-yukleyici{display:block;width:36px;height:36px;color:var(--ms-fg,#0F172A);opacity:0;animation:npYukBelir .2s ease-out .4s forwards}
.np-yukleyici svg{display:block;width:100%;height:100%;animation:npYukDon 1.4s linear infinite}
.np-yukleyici circle{fill:none;stroke:currentColor;stroke-width:4.89;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:npYukYay 1.4s ease-in-out infinite}
@keyframes npYukBelir{to{opacity:1}}
@keyframes npYukDon{to{transform:rotate(360deg)}}
@keyframes npYukYay{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}100%{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
.il-liste-sonu{display:flex;justify-content:center;padding:24px 0}
.il-liste-sonu .il-dongu{width:24px;height:24px}
@media (prefers-reduced-motion:reduce){
  .bos-hal-simge,.bos-hal-baslik,.bos-hal-metin,.bos-hal .il-dugme{animation:none}
  .np-yukleyici svg,.np-yukleyici circle{animation-duration:2.8s}
}

/* ══ İLAN PARÇALARI (ilan_parcalari.dart, 22.10) — Pazaryeri listesi ve İlanlarım AYNI dili konuşur: kabuksuz fotoğraf
   120×90 (4:3) köşe 12 + saç teli kenar (0,5); yazı bloğu fotoğrafa göre dikeyde ortalı: fiyat 16/500 (1,25) + " TL" 13/400 ikincil ·
   2 · başlık 15/400 (1,3) iki satır, baştaki model yılı ikincil · 2 · konum · süre 13/400 (1,3) ikincil, konum kısalır süre okunur.
   Fiyatsız: "Fiyat sorulur" 15/400 ikincil, satır boyu aynı (20). Fiyat mavi DEĞİL (renk kararı 17.10). ══ */
.il-foto{position:relative;flex:0 0 120px;width:120px;height:90px;border-radius:12px;overflow:hidden;background:var(--ms-chip-surface,#F5F5FA)}
.il-foto::after{content:"";position:absolute;inset:0;border-radius:inherit;border:.5px solid var(--il-kenar);pointer-events:none}
.il-foto img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s linear}
.il-foto img.yuklendi{opacity:1}
.il-foto-yok{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.il-foto-yok svg{width:28px;height:28px;fill:var(--ms-fg-secondary,#475467);opacity:.4}
.il-yazi{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.il-fiyat{display:block;font-size:16px;font-weight:500;line-height:1.25;letter-spacing:0;color:var(--ms-fg,#0F172A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.il-fiyat .il-tl{font-size:13px;font-weight:400;color:var(--ms-fg-secondary,#475467)}
.il-fiyat.fiyatsiz{font-size:15px;font-weight:400;line-height:20px;color:var(--ms-fg-secondary,#475467)}
.il-ad{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;font-weight:400;line-height:1.3;letter-spacing:0;
  color:var(--ms-fg,#0F172A);overflow-wrap:anywhere}
.il-ad.tek{-webkit-line-clamp:1}
.il-yil{color:var(--ms-fg-secondary,#475467)}
.il-konum-sure{display:flex;align-items:baseline;min-width:0;font-size:13px;font-weight:400;line-height:1.3;color:var(--ms-fg-secondary,#475467);white-space:nowrap}
.il-konum{min-width:0;overflow:hidden;text-overflow:ellipsis}
.il-ayrac{flex:none;padding:0 4px}
.il-sure{flex:none}
/* ══ İLAN VER KATEGORİ KAROSU (ilan_ver_screen.dart _buildCategoryOption; sanat K7-a / Flutter 0dda645): pay 16 + kenar 1 · köşe 12 ·
   karolar arası 12 · halka 24 SOLDA → 12 → ad 16/400 (seçilince KALINLAŞMAZ — SecimSatiri ile aynı, 26.10 kuralı); seçili kenar
   textPrimary 1 px. Basılı / üstünde %4 ton (GenisBasilir). Yalnız İlan Ver (.tf-card Teklif Al / Üye Ol / Üyelik ile ortak — dokunulmadı). ══ */
.iv-karo{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:0 0 12px;padding:16px;border:1px solid var(--il-kenar);border-radius:12px;
  background:var(--ms-card-surface,#FFFFFF);color:var(--ms-fg,#0F172A);font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;
  -webkit-tap-highlight-color:transparent;transition:background-image .2s ease-out}
.iv-karo .il-halka{--il-halka-tik:var(--ms-card-surface,#FFFFFF)}
.iv-karo[aria-checked="true"]{border-color:var(--ms-fg,#0F172A)}
.iv-karo:active{background-image:linear-gradient(var(--il-basili-ton),var(--il-basili-ton))}
@media (hover:hover){.iv-karo:hover{background-image:linear-gradient(var(--il-basili-ton),var(--il-basili-ton))}}
.iv-karo:focus-visible{outline:2px solid var(--ms-fg,#0F172A)!important;outline-offset:2px!important}
.iv-karo-ad{flex:1;min-width:0;font-size:16px;font-weight:400;line-height:1.45}
@media (prefers-reduced-motion:reduce){.iv-karo{transition:none}}

/* ══ ALT SABİT ÇUBUK (alt_sabit_cubuk.dart): yüzey + üst ince çizgi · yan / üst 12 · alt = alt çubuk kuralı (iPhone 21) · Büyük 56 KAPSÜL.
   Telefonda ekranın altına sabit; geniş ekranda (≥641) ana sütunun altına yapışık (masaüstünde tam genişlik çubuk yerine — uyarlama). ══ */
.il-alt-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:6400;box-sizing:border-box;padding:12px 12px max(21px,calc(env(safe-area-inset-bottom,0px) - 13px));
  background:var(--ms-bg,#FFFFFF);border-top:1px solid var(--il-kenar)}
@media (min-width:641px){.il-alt-cubuk{position:sticky;left:auto;right:auto;padding:12px}}