/* Barter başvuru modülü: işletme sayfası düzenleyici, herkese açık başvuru sayfası, başvuru listeleri.
   Yeni çizgi (2026-10-02): beyaz kartlar, dolu mor numara daireleri, koyu mor özet paneli (sarı etiket, beyaz rakam), durum hapları. */

/* ---- Ortak parçalar ---- */
.isl-kart { background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); }
.isl-no { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; border-radius: 999px; background: var(--mor); color: #fff; font: 700 .9rem/1 var(--sans); }
.isl-foto { width: 44px; height: 44px; border-radius: 999px; object-fit: cover; flex: none; }
.isl-foto-bas { display: inline-flex; align-items: center; justify-content: center; background: var(--mor-acik); color: var(--mor-koyu); font: 700 .9rem/1 var(--sans); }
.isl-foto-buyuk { width: 64px; height: 64px; font-size: 1.2rem; }

/* Koyu mor özet paneli: sarı etiket, beyaz rakam */
.isl-ozet { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; background: var(--mor-koyu); color: #eadff1; border-radius: var(--kose-buyuk); padding: 1.1rem 1.2rem; }
.isl-ozet > div { min-width: 0; }
.isl-ozet dt { font: 600 .76rem/1.3 var(--sans); color: var(--sari); margin: 0 0 .25rem; }
.isl-ozet dd { margin: 0; font: 700 1.6rem/1.1 var(--sans); color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.isl-ozet dd small { font-size: .85rem; font-weight: 600; color: #d9cbe3; }
.isl-ozet dd a { color: #fff; text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; margin: -.5rem 0; }
.isl-ozet dd a:hover { color: var(--sari); }
.isl-ozet-not { grid-column: 1 / -1; margin: .3rem 0 0; font-size: .78rem; color: #d9cbe3; }

/* Kart başlığı deseni: etiket + h2 + sessiz */
.isl-bas .etiket { margin: 0 0 .3rem; }
.isl-bas h2 { margin: 0 0 .35rem; }
.isl-bas .sessiz { margin: 0; }

/* ---- Düzenleyici formu: her grup bir kart ---- */
.isl-form { display: grid; gap: 1.2rem; }
.isl-form > .bildirim-serit { margin: 0; }
.isl-grup.alan { margin: 0 !important; background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); padding: 1.4rem 1.5rem .4rem; }
.isl-grup > legend { float: left; width: 100%; padding: 0; margin: 0 0 1.2rem; display: flex; align-items: center; gap: .7rem; font: 700 1.2rem/1.2 var(--sans); color: var(--murekkep); }
.isl-grup > legend + * { clear: both; }
.isl-grup-no { display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; border-radius: 999px; background: var(--mor); color: #fff; font: 700 .9rem/1 var(--sans); }
.isl-form ::placeholder, .isl-basvur-form ::placeholder, .isl-onay-form ::placeholder { color: var(--gri-acik); opacity: 1; }
.isl-form textarea { min-height: 5.5rem; }
.isl-form [hidden], .m-eylem [hidden], [data-adim-gosterge][hidden] { display: none !important; }
.isl-form .on-ek > span { font-size: .8rem; white-space: nowrap; }
.isl-form .alan > .on-ek, .isl-form .alan > .son-ek { display: flex; margin-bottom: 0; font-size: 1rem; font-weight: 400; }
.isl-form .on-ek > span, .isl-form .son-ek > span { margin: 0; }
.isl-form .son-ek > span { white-space: nowrap; }
.isl-form fieldset.alan > legend { padding: 0; }
.isl-form .form-alt { margin: 0; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); background: #fff; box-shadow: var(--golge); padding: 1rem 1.2rem 1rem 1.5rem; }
.isl-form .form-alt .dugme { white-space: nowrap; flex: none; }
.isl-foto-alan { display: flex; gap: 1rem; align-items: flex-start; margin: .4rem 0 1rem; padding: 1rem; background: var(--zemin-gri); border-radius: 14px; }
.isl-foto-onizleme { width: 72px; height: 72px; border-radius: 16px; object-fit: cover; border: 1px solid var(--kenar); flex: none; }
.isl-foto-alan .onay { margin: .5rem 0 0; }
.isl-form .onay small { display: block; margin-top: .1rem; }

/* ---- Başvuru bağlantısı ve DM kutusu ---- */
.isl-adres { padding: 1.3rem 1.4rem 1.4rem; }
.isl-adres-ust { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: .6rem; }
.isl-adres-ust .etiket { margin: 0; }
.isl-adres-satir { margin: 0 0 .9rem; padding: .75rem .9rem; background: var(--kagit-koyu); border-radius: 12px; font-weight: 600; overflow-wrap: anywhere; }
.isl-adres-satir a { color: var(--mor-koyu); text-decoration: none; }
.isl-adres-satir a:hover { text-decoration: underline; }
.isl-dugmeler { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0 0 1.1rem; }
.isl-dugmeler .dugme { flex: 1 1 auto; }
.isl-dm-bolum { border-top: 1px solid var(--cizgi); padding-top: 1.1rem; }
.isl-dm-bolum .alan-baslik { display: flex; align-items: center; gap: .6rem; margin: 0 0 .6rem; }
.isl-dm-bolum .isl-no { width: 26px; height: 26px; font-size: .78rem; }
.isl-dm { margin: 0 0 .7rem; padding: .85rem 1rem; background: var(--zemin-gri); border: 1px solid var(--kenar); border-radius: 14px; font-size: .9rem; line-height: 1.5; overflow-wrap: anywhere; }
.isl-ipucu { margin: .6rem 0 0; }
.isl-adres .not { margin: 0 0 1.1rem; }

/* ---- Herkese açık sayfa: üst şerit ---- */
.isl-ust { background: var(--mor-koyu); }
.isl-ust-ic { align-items: center; }
.isl-ust-kim { display: flex; align-items: center; gap: 1.4rem; min-width: 0; }
.isl-ust-foto { width: 88px; height: 88px; border: 3px solid #fff; box-shadow: 0 10px 24px rgba(10, 4, 16, .3); font-size: 1.6rem; }
.isl-ust-foto.isl-foto-bas { background: var(--mor-acik); }
.isl-ust-yazi { min-width: 0; }
.isl-ust-etiket { margin: 0 0 .35rem; color: var(--sari); }
.isl-ust-etiket span { color: #d9cbe3; font-weight: 400; }
.isl-ust h1 { overflow-wrap: anywhere; }
.isl-ust-alt { margin: .45rem 0 0; color: #eadff1; font-size: 1rem; display: flex; flex-wrap: wrap; align-items: center; column-gap: .6rem; }
.isl-ust-alt a { color: #fff; font-weight: 600; display: inline-flex; align-items: center; min-height: 44px; }
.isl-ust-alt a:hover { color: var(--sari); }
.isl-ust-durum { margin: .5rem 0 0; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .8rem; }
.isl-ust-guncel { font-size: .82rem; color: #d9cbe3; }
.isl-ust-sayilar { margin: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 0; flex: none; border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--kose-buyuk); background: rgba(255, 255, 255, .06); }
.isl-ust-sayilar > div { padding: 1rem 1.3rem; min-width: 0; }
.isl-ust-sayilar > div + div { border-left: 1px solid rgba(255, 255, 255, .16); }
.isl-ust-sayilar dt { font: 600 .76rem/1.3 var(--sans); color: var(--sari); margin: 0 0 .35rem; white-space: nowrap; }
.isl-ust-sayilar dd { margin: 0; color: #fff; }
.isl-ust-sayilar b { display: block; font: 700 1.55rem/1.1 var(--sans); font-variant-numeric: tabular-nums; white-space: nowrap; }
.isl-ust-sayilar small { display: block; font-size: .78rem; color: #d9cbe3; margin-top: .15rem; white-space: nowrap; }

/* ---- Herkese açık sayfa: kartlar ---- */
.ilan { min-width: 0; }
.ilan-kartlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
.ilan-kart { display: flex; gap: 1rem; align-items: flex-start; padding: 1.3rem 1.5rem 1.2rem; }
.ilan-kart > div { flex: 1; min-width: 0; }
.ilan-kart-bas { font: 600 .82rem/1.3 var(--sans); letter-spacing: .01em; color: var(--mor); margin: .35rem 0 .35rem; }
.ilan-metin { font-size: 1.15rem; line-height: 1.45; font-weight: 600; margin: 0; overflow-wrap: anywhere; color: var(--murekkep); }
.ilan-kunye { margin: 0; }
.ilan-kunye dt { font-family: var(--sans); }
.ilan-kunye dd { font-family: var(--sans); white-space: normal; min-width: 0; overflow-wrap: anywhere; }
.ilan-ipucu { margin: .5rem 0 0; }
.ilan-reklam { margin: 1.2rem 0 .8rem; }
.ilan-taraf { margin: 0; }
.ilan-bildir { margin: .3rem 0 0; }
.ilan-bildir a { color: var(--gri); display: inline-flex; align-items: center; min-height: 44px; }

/* Başvuru kutusu */
.isl-kutu-etiket { margin: 0 0 .3rem; }
.isl-kutu-baslik { font-size: 1.35rem; margin: 0 0 .7rem; }
.isl-basvur-form textarea { min-height: 6.5rem; }
.isl-basvur-kutu > p:last-child, .isl-m-durum > p:last-child { margin-bottom: 0; }
.isl-duzenle-serit { display: flex; flex-wrap: wrap; gap: .4rem 1.2rem; align-items: center; }
.isl-duzenle-serit span { flex: 1; min-width: 12rem; }
.isl-duzenle-serit a { font-weight: 600; min-height: 44px; display: inline-flex; align-items: center; }

/* Örnek sayfa şeridi */
.isl-ornek-serit { display: flex; align-items: center; justify-content: space-between; gap: 1rem; background: var(--sari-acik); border: 1px solid #f1d98a; border-radius: var(--kose); padding: .8rem 1rem; margin: 0 0 1.25rem; }
.isl-ornek-serit p { margin: 0; font-size: .93rem; }
.isl-ornek-serit .dugme { flex: none; }

/* ---- Süzgeç: hap sekmeler ---- */
.isl-suzgec { display: flex; gap: .4rem; flex-wrap: wrap; margin: 0 0 1.2rem; }
.isl-suzgec a { display: inline-flex; align-items: center; gap: .45rem; min-height: 44px; padding: 0 1.05rem; text-decoration: none; color: var(--murekkep-2); font-size: .92rem; font-weight: 600; background: #fff; border: 1px solid var(--kenar-koyu); border-radius: 999px; white-space: nowrap; }
.isl-suzgec a:hover { border-color: var(--mor); color: var(--mor); }
.isl-suzgec a .isl-suzgec-say { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; height: 1.5rem; padding: 0 .4rem; border-radius: 999px; background: var(--mor-acik); color: var(--mor-koyu); font-size: .76rem; font-weight: 700; }
.isl-suzgec a[aria-current=page] { color: #fff; background: var(--mor); border-color: var(--mor); }
.isl-suzgec a[aria-current=page] .isl-suzgec-say { background: var(--sari); color: var(--patlican); }

/* ---- Başvuran satırları (tanıtımdaki örnek başvuru listesi dili) ---- */
.isl-kisiler { list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid var(--kenar); border-radius: var(--kose-buyuk); box-shadow: var(--golge); overflow: hidden; }
.isl-kisiler > li + li { border-top: 1px solid var(--cizgi); }
.isl-kisi { display: flex; align-items: flex-start; gap: .85rem; padding: 1rem 1.2rem; color: var(--murekkep); text-decoration: none; min-width: 0; }
a.isl-kisi:hover { background: var(--zemin-gri); color: var(--murekkep); }
.isl-kisi[aria-current] { background: var(--kagit-koyu); box-shadow: inset 3px 0 0 var(--mor); }
.isl-kisi-ana { flex: 1; min-width: 0; }
.isl-kisi-ad { display: block; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isl-kisi-ad small { font-weight: 500; color: var(--gri); font-size: .85rem; }
.isl-kisi-alt { display: block; font-size: .84rem; color: var(--gri); margin-top: .15rem; }
.isl-kisi-alt b { color: var(--murekkep); font-weight: 600; }
.isl-kisi-not { display: block; font-size: .84rem; color: var(--murekkep-2); font-style: italic; margin-top: .35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.isl-kisi-sag { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; flex: none; }
.isl-kisi-sag small { font-size: .78rem; color: var(--gri); white-space: nowrap; }
.isl-kisi-eylem { margin-top: .5rem; display: flex; flex-wrap: wrap; gap: .3rem 1rem; align-items: center; }
.isl-kisi-eylem form { margin: 0; }
.isl-kisi-eylem .dugme.yalin { min-height: 44px; padding: 0; font-size: .9rem; }
.isl-kisi-eylem a { display: inline-flex; align-items: center; gap: .3rem; min-height: 44px; font-size: .9rem; font-weight: 600; }
.isl-liste-not { margin: .9rem 0 0; }

/* ---- Ayrıntı ---- */
.isl-ayrinti-ust { display: flex; gap: 1rem; align-items: center; margin-bottom: 1rem; }
.isl-ayrinti-ust > div { min-width: 0; flex: 1; }
.isl-ayrinti-ust .etiket { margin: 0 0 .15rem; }
.isl-ayrinti-ust :is(h1, h2) { margin: 0 0 .1rem; overflow-wrap: anywhere; font-size: 1.5rem; }
.isl-ayrinti-adres { margin: 0; overflow-wrap: anywhere; }
.isl-ayrinti-adres a { display: inline-flex; align-items: center; min-height: 44px; }
.isl-ayrinti-damga { margin: 0 0 1rem; }
.isl-ayrinti .isl-ozet { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 1rem 0 .4rem; }
.isl-ayrinti .isl-ozet dd { font-size: 1.45rem; }
.isl-ayrinti .kunye { margin-top: .4rem; }
.isl-ayrinti .kunye > div { min-width: 0; }
.isl-ayrinti .kunye dt { font-family: var(--sans); white-space: normal; min-width: 0; }
.isl-ayrinti .kunye dd.yazi { font-family: var(--sans); white-space: normal; }
.isl-ara-baslik { margin: 1.2rem 0 .1rem; }
.isl-alt-satir dt { padding-left: .9rem; }
.isl-ayrinti .uyari-bilgi { margin-top: 1rem; }
.isl-not { margin: .3rem 0 0; padding: .8rem 1rem; background: var(--kagit-koyu); border-radius: 14px; font-size: .98rem; line-height: 1.5; overflow-wrap: anywhere; }
.isl-sonuc { margin: 0 0 1rem; }
/* Karar: sayfa içi onay */
.isl-karar { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1.1rem; }
.isl-onay { flex: 1 1 0; min-width: 0; }
.isl-onay[open] { flex-basis: 100%; }
.isl-onay > summary { list-style: none; width: 100%; }
.isl-onay > summary::-webkit-details-marker { display: none; }
.isl-onay[open] > summary { border-radius: var(--kose) var(--kose) 0 0; }
.isl-onay-ic { border: 1px solid var(--kenar); border-top: 0; border-radius: 0 0 var(--kose) var(--kose); padding: .9rem 1rem 1rem; background: var(--zemin-gri); }
.isl-onay-form { margin: 0; }
.isl-onay-form .dugme { width: 100%; }
.isl-onay-form p { margin: 0 0 .8rem; }
.isl-onay-form textarea { min-height: 5rem; }

/* JS kapalıyken de alttan açılan sayfa çalışsın (#basvur-sayfa) */
.alt-sayfa:target { display: block; }

/* Nasıl işler (kurulum) */
.isl-adim-liste { list-style: none; margin: .8rem 0 1rem; padding: 0; display: grid; gap: .9rem; }
.isl-adim-liste li { display: flex; gap: .8rem; align-items: flex-start; font-size: .95rem; color: var(--murekkep-2); }
.isl-adim-liste li b { display: block; color: var(--murekkep); }
.isl-basvurum .isl-kisi-ad a { color: var(--murekkep); text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; margin: -.6rem 0; }
.isl-basvurum .isl-kisi-ad a:hover { color: var(--mor); text-decoration: underline; }
.isl-kisi-not-tam { white-space: normal; }
.isl-ust-ic { flex-wrap: wrap; row-gap: 1.4rem; }
.isl-ust-kim { flex: 1 1 26rem; }
.isl-ust-sayilar .isl-ust-tarih b { font-size: 1.1rem; line-height: 1.4; white-space: normal; }