/* ─────────────────────────────────────────────────────────────
   Yasha Records — css/polish.css
   Genel cila katmanı. Düzeni değiştirmez; her sayfada tekrar eden
   küçük pürüzleri tek yerden toparlar:
     • Klavyeyle gezinenlere görünür odak halkası (eskiden tarayıcı
       varsayılanı bazı düğmelerde hiç görünmüyordu).
     • Tutarlı kaydırma çubuğu ve seçim rengi.
     • Sticky nav'ın altında kalan çapa bağlantıları.
     • Uzun başlık/isimlerin kutudan taşması.
   index.css / izle.css / perf.css'ten SONRA yüklenir.
   ───────────────────────────────────────────────────────────── */

/* ── Odak halkası ────────────────────────────────────────────
   index.css/izle.css button, a, input ve textarea'yı zaten kapsıyordu;
   select, [tabindex] ve role="button" taşıyan öğeler (tema penceresindeki
   performans anahtarı gibi) açıkta kalmıştı. :focus-visible yalnızca
   klavye/yardımcı teknolojide çıkar; fareyle tıklayan bir şey görmez. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid var(--pr);
  outline-offset: 2px;
  border-radius: 6px;
}
/* Zaten kendi kenarlığını renklendiren alanlarda çift halka olmasın */
.ae-input:focus-visible,
.field-input:focus-visible,
.field-textarea:focus-visible,
.field-select:focus-visible { outline: none; }

/* ── Seçim ve kaydırma çubuğu ───────────────────────────────── */
::selection { background: var(--pr); color: #fff; }

* { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .18) transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, .15);
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .28); background-clip: content-box; }
[data-theme="light"] * { scrollbar-color: rgba(0, 0, 0, .22) transparent; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .18); background-clip: content-box; }

/* ── Sticky nav'ın altında kaybolan çapalar ─────────────────── */
:target { scroll-margin-top: 76px; }

/* Uzun başlık/etiketler taşmasın; tek kelimelik URL'ler satırı kırsın */
.ep-list-name, .pc-title, .cast-char, .cast-va, .vw-sub, .news-card { overflow-wrap: anywhere; }

/* Başlıklarda dengeli satır kırma (destekleyen tarayıcılarda) */
h1, h2, h3, .vw-title, .sec-title { text-wrap: balance; }

/* ── Devre dışı düğmeler ────────────────────────────────────── */
button:disabled, .btn:disabled { opacity: .55; cursor: not-allowed; }

/* ── Yükleme göstergesi kapanışı ────────────────────────────── */
#loader.hide { pointer-events: none; }

/* ── STÜDYO KÜNYESİ ──────────────────────────────────────────
   Projeyi kimin yaptığını söyleyen şerit. Proje kartının altına
   iliştirilmiş bir künye, ayrı bir kart değil: stüdyo projenin bir
   özelliği, kendi başına bir bölüm değil. Her stüdyonun rengi
   --stu ile geliyor ve yalnız ince vurgularda kullanılıyor, kartı
   baştan aşağı boyamıyor. */
.stu-kunye{
  --stu:var(--pr);
  margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);
}
.stu-ust{display:flex;align-items:center;gap:.6rem}
.stu-logo{
  width:2.25rem;height:2.25rem;border-radius:.6rem;object-fit:cover;flex-shrink:0;
  background:var(--input-bg);border:1px solid var(--border-h);
}
.stu-logo.bos{display:flex;align-items:center;justify-content:center;color:var(--stu);font-size:.85rem}
.stu-yazi{min-width:0;flex:1}
.stu-etiket{
  font-size:.56rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);line-height:1;margin-bottom:.22rem;
}
.stu-ad{
  font-size:.82rem;font-weight:800;color:var(--text);line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  border-left:2px solid var(--stu);padding-left:.44rem;margin-left:-.44rem;
}
.stu-aciklama{
  font-size:.7rem;color:var(--muted);line-height:1.55;margin:.5rem 0 0;
}
.stu-baglar{display:flex;gap:.4rem;margin-top:.6rem}
.stu-baglar a{
  width:1.9rem;height:1.9rem;border-radius:.5rem;
  display:flex;align-items:center;justify-content:center;
  background:var(--input-bg);border:1px solid var(--border);
  color:var(--text-s);font-size:.78rem;
  transition:color .2s,border-color .2s;
}
.stu-baglar a:hover{color:var(--stu);border-color:var(--stu)}

/* ── STÜDYO SEÇİCİ ───────────────────────────────────────────
   Proje formlarında stüdyo listeden seçiliyor, işaret elle yazılmıyor.
   Admin paneli ve sitedeki düzenleyici aynı parçayı kullanıyor, o
   yüzden stil burada (polish.css her sayfada yükleniyor). */
.stu-sec-ara-sar{position:relative;margin-bottom:8px}
.stu-sec-ara-sar > i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.72rem}
.stu-sec-ara{
  width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:8px;
  padding:9px 12px 9px 30px;color:var(--text);font-family:inherit;font-size:.8rem;outline:none;
}
.stu-sec-ara:focus{border-color:var(--pr)}
.stu-sec-liste{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px;
  max-height:260px;overflow-y:auto;
}
.stu-sec-opt{
  --r:var(--muted);
  display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;
  background:var(--input-bg);border:1px solid var(--border);border-radius:9px;
  padding:8px 10px;font-family:inherit;color:var(--text-s);
  transition:border-color .15s,background .15s;
}
.stu-sec-opt:hover{border-color:var(--border-h);color:var(--text)}
.stu-sec-opt.on{border-color:var(--r);background:var(--hover-bg);color:var(--text)}
.stu-sec-opt img,.stu-sec-ikon{
  width:26px;height:26px;border-radius:7px;object-fit:cover;flex-shrink:0;
  background:var(--card);border:1px solid var(--border);
}
.stu-sec-ikon{display:flex;align-items:center;justify-content:center;font-size:.66rem;color:var(--r)}
.stu-sec-ad{flex:1;min-width:0;font-size:.78rem;font-weight:700;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stu-sec-ad small{display:block;font-size:.62rem;font-weight:600;color:var(--muted)}
.stu-sec-tik{font-size:.62rem;color:var(--r);opacity:0}
.stu-sec-opt.on .stu-sec-tik{opacity:1}
.stu-sec-bos{font-size:.72rem;color:var(--muted);font-style:italic;margin-top:6px}

/* ── DESTEK BAĞLANTISI (üst çubuk) ───────────────────────────
   Sade: parıltı yok, nabız yok. Kalp ikonu vurgu rengiyle, yazı
   dar ekranda gizleniyor. */
.nav-destek{
  display:inline-flex;align-items:center;gap:.4rem;
  height:2.25rem;padding:0 .8rem;border-radius:.6rem;
  font-size:.74rem;font-weight:700;text-decoration:none;
  color:var(--text-s);background:var(--hover-bg);border:1px solid var(--border);
  transition:color .2s,border-color .2s;white-space:nowrap;
}
.nav-destek i{color:var(--pr);font-size:.72rem}
.nav-destek:hover,.nav-destek.aktif{color:var(--text);border-color:var(--pr)}
@media(max-width:760px){
  .nav-destek{width:2.25rem;padding:0;justify-content:center}
  .nav-destek span{display:none}
}

/* Üretici rozeti: bir stüdyonun sahibi. Stüdyonun rengini taşıyor. */
.badge-uretici{
  --r:var(--pr);
  display:inline-flex;align-items:center;gap:.25rem;margin-left:4px;
  font-size:.56rem;font-weight:900;letter-spacing:.06em;
  color:var(--r);border:1px solid var(--r);border-radius:4px;padding:.1rem .4rem;
  vertical-align:middle;
}
.badge-uretici i{font-size:.5rem}

/* ── BOCCHI TEMASI: KONTÜRLER ────────────────────────────────
   Zemin tam siyah, hiçbir yüzeyde gradyan yok. Kartların kenarı
   Kessoku Band'in dört rengiyle sırayla boyanıyor: pembe, sarı,
   mavi, kırmızı. Kalın ve düz çizgi, parıltı yok. */
[data-theme="bocchi"] body{background:#000}
[data-theme="bocchi"] :is(.pc-poster-wrap,.ep-card,.cw-card,.news-card,.team-card,.comm-card,.hat-kart,.stu-vitrin,.proj-card,.ep-list-card,.cast-card,.comment-card,.faq-item,.cal-wrap){
  --kontur:var(--k-pembe);
  background:#000 !important;
  border:2px solid var(--kontur) !important;
  box-shadow:none !important;
}
[data-theme="bocchi"] :is(.pc-card,.ep-card,.cw-card,.news-card,.team-card,.comm-card,.hat-kart,.stu-vitrin,.cast-card,.comment-card,.faq-item):nth-child(4n+2){--kontur:var(--k-sari)}
[data-theme="bocchi"] :is(.pc-card,.ep-card,.cw-card,.news-card,.team-card,.comm-card,.hat-kart,.stu-vitrin,.cast-card,.comment-card,.faq-item):nth-child(4n+3){--kontur:var(--k-mavi)}
[data-theme="bocchi"] :is(.pc-card,.ep-card,.cw-card,.news-card,.team-card,.comm-card,.hat-kart,.stu-vitrin,.cast-card,.comment-card,.faq-item):nth-child(4n+4){--kontur:var(--k-kirmizi)}
/* Proje kartında kontür posterde; kartın kendisi çerçevesiz kalsın. */
[data-theme="bocchi"] .pc-card:nth-child(4n+2) .pc-poster-wrap{--kontur:var(--k-sari)}
[data-theme="bocchi"] .pc-card:nth-child(4n+3) .pc-poster-wrap{--kontur:var(--k-mavi)}
[data-theme="bocchi"] .pc-card:nth-child(4n+4) .pc-poster-wrap{--kontur:var(--k-kirmizi)}
/* Üst çubuk: altında dört renkli düz şerit (gradyan değil, dört ayrı gölge). */
[data-theme="bocchi"] nav.main-nav,[data-theme="bocchi"] nav{
  background:#000 !important;border-bottom:none !important;
  box-shadow:0 2px 0 var(--k-pembe);
}
[data-theme="bocchi"] .main-tab.active,[data-theme="bocchi"] .ekip-sekme.on{background:#000;color:var(--k-pembe);box-shadow:inset 0 0 0 2px var(--k-pembe)}
[data-theme="bocchi"] .main-tab.active i{color:var(--k-pembe)}
/* Düğmeler de dolgu yerine kontür. */
[data-theme="bocchi"] .hero-btn.primary,[data-theme="bocchi"] .cust-btn.primary{
  background:#000 !important;color:var(--k-pembe) !important;
  border:2px solid var(--k-pembe) !important;box-shadow:none !important;
}
[data-theme="bocchi"] .hat-cubuk > span{background:var(--k-pembe)}
/* Yorumlar: sıradaki renkler vurguyu bastırıyordu (VIP, ekip, yetkili,
   sabitlenmiş yorumlar sıradan görünüyordu). Sıradan yorum nötr çizgi,
   vurgulu olan kendi renginde kalın sol kenar ve hafif dolgu alıyor. */
[data-theme="bocchi"] .comment-card{--kontur:rgba(255,255,255,.18) !important}
[data-theme="bocchi"] .comment-card:is(.vip-c,.ekip-c,.mod-c,.admin-c){border-left-width:6px !important}
[data-theme="bocchi"] .comment-card.vip-c{--kontur:var(--k-sari) !important;background:rgba(255,210,63,.08) !important}
[data-theme="bocchi"] .comment-card.ekip-c{--kontur:#c084fc !important;background:rgba(192,132,252,.09) !important}
[data-theme="bocchi"] .comment-card.mod-c{--kontur:var(--k-mavi) !important;background:rgba(61,139,255,.08) !important}
[data-theme="bocchi"] .comment-card.admin-c{--kontur:var(--k-kirmizi) !important;background:rgba(255,71,71,.08) !important}
[data-theme="bocchi"] .comment-card.pinned-c{box-shadow:0 0 0 2px var(--k-sari),0 0 0 4px #000,0 0 0 5px var(--k-sari) !important}
[data-theme="bocchi"] .comment-card.reply{border-width:2px 2px 2px 4px !important}
/* Mobilde üst çubuk iki satır (~93px): bağlantıyla gelinen bölüm
   başlığı çubuğun altında kalmasın. */
@media(max-width:760px){ :target { scroll-margin-top: 104px; } }

/* ── EKİP DÜZENLEME PENCERESİ (js/ekipler.js) ────────────────
   Ana sayfa ve admin paneli aynı pencereyi açıyor; stil burada ki
   iki yerde birebir aynı görünsün. */
.ekp-bg{position:fixed;inset:0;z-index:3200;background:var(--scrim,rgba(0,0,0,.8));opacity:0;pointer-events:none;transition:opacity .25s}
.ekp-bg.acik{opacity:1;pointer-events:auto}
.ekp-pencere{
  position:fixed;z-index:3201;top:50%;left:50%;width:min(94vw,46rem);max-height:92vh;
  display:flex;flex-direction:column;
  background:var(--modal-bg,#0e0e0e);border:1px solid var(--border-h);border-radius:1.1rem;
  box-shadow:0 1.25rem 3.75rem rgba(0,0,0,.6);
  transform:translate(-50%,-48%) scale(.97);opacity:0;pointer-events:none;
  transition:transform .3s var(--ease,ease),opacity .25s;
}
.ekp-pencere.acik{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.ekp-bas{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}
.ekp-bas h3{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:.55rem;margin:0}
.ekp-bas h3 i{color:var(--pr)}
.ekp-kapat{width:2.1rem;height:2.1rem;border-radius:.6rem;border:1px solid var(--border);background:var(--input-bg);color:var(--text-s);cursor:pointer}
.ekp-kapat:hover{color:var(--text);border-color:var(--border-h)}
.ekp-govde{overflow-y:auto;padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.8rem}
.ekp-bolum{background:var(--card);border:1px solid var(--border);border-radius:.85rem;padding:1rem}
.ekp-bolum-bas{font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}
.ekp-bolum-bas i{color:var(--pr)}
.ekp-onizleme{background:var(--bg);border:1px dashed var(--border-h);border-radius:.7rem;padding:.8rem .9rem;margin-bottom:.9rem;max-width:22rem}
.ekp-onizleme .stu-kunye{margin-top:0;padding-top:0;border-top:none}
.ekp-iki{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.ekp-alan{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;min-width:0}
.ekp-alan > span{font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ekp-alan small{font-size:.64rem;color:var(--muted);line-height:1.4}
.ekp-pencere input:not([type=file]){
  width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:.55rem;
  padding:.6rem .75rem;color:var(--text);font-family:inherit;font-size:.82rem;outline:none;transition:border-color .2s;
}
.ekp-pencere input:focus{border-color:var(--pr)}
.ekp-pencere input:disabled{opacity:.55;cursor:not-allowed}
.ekp-logo-satir{display:flex;gap:.6rem;align-items:center}
.ekp-logo-satir img{width:2.6rem;height:2.6rem;border-radius:.6rem;object-fit:cover;flex-shrink:0;background:var(--input-bg);border:1px solid var(--border)}
.ekp-logo-satir img.bos{opacity:.3}
.ekp-logo-dugme{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin-top:.45rem}
.ekp-durum{font-size:.68rem;color:var(--muted);font-weight:700}
.ekp-renkler{display:flex;gap:.4rem;flex-wrap:wrap}
.ekp-renk{width:1.65rem;height:1.65rem;border-radius:.5rem;background:var(--r);border:2px solid transparent;cursor:pointer;transition:transform .15s}
.ekp-renk:hover,.ekp-renk.secili{transform:scale(1.12)}
.ekp-renk.secili{border-color:var(--text)}
.ekp-ipucu{font-size:.74rem;color:var(--text-s);line-height:1.55;margin:0 0 .75rem}
.ekp-ipucu code{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;padding:0 .3rem;font-size:.7rem}
.ekp-ipucu.uyari{background:var(--hover-bg);border-left:3px solid var(--gold);border-radius:.5rem;padding:.6rem .75rem}
.ekp-ipucu.uyari i{color:var(--gold);margin-right:.25rem}
.ekp-sosyal{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.5rem}
.ekp-sos{display:flex;align-items:center;gap:.55rem;background:var(--input-bg);border:1px solid var(--border);border-radius:.55rem;padding:0 .75rem}
.ekp-sos:focus-within{border-color:var(--pr)}
.ekp-sos > i{color:var(--muted);width:1rem;text-align:center;flex-shrink:0}
.ekp-pencere .ekp-sos input{border:none;background:none;padding:.6rem 0}
.ekp-sos-onizleme{display:flex;flex-direction:column;gap:.3rem;margin-top:.6rem}
.ekp-sos-onizleme:empty{display:none}
.ekp-sos-satir{display:flex;align-items:center;gap:.55rem;font-size:.72rem;color:var(--text-s);background:var(--input-bg);border:1px solid var(--border);border-radius:.5rem;padding:.4rem .65rem}
.ekp-sos-satir i{color:var(--green);width:.9rem;text-align:center}
.ekp-sos-satir span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ekp-sos-satir.hatali{border-color:rgba(239,68,68,.35)}
.ekp-sos-satir.hatali i,.ekp-sos-satir.hatali span{color:var(--red)}
.ekp-link{display:grid;grid-template-columns:1fr 1.6fr auto;gap:.4rem;margin-bottom:.4rem}
.ekp-bos{font-size:.74rem;color:var(--muted);font-style:italic;padding:.4rem 0 .6rem}
.ekp-ara{position:relative;display:block;margin-bottom:.5rem}
.ekp-ara i{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.72rem}
.ekp-pencere .ekp-ara input{padding-left:2rem}
.ekp-uye-sonuc{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}
.ekp-sonuc{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;cursor:pointer;font-family:inherit;
  background:var(--input-bg);border:1px solid var(--border);border-radius:.55rem;padding:.45rem .7rem;color:var(--text);font-size:.8rem;font-weight:700}
.ekp-sonuc:hover{border-color:var(--pr)}
.ekp-sonuc img{width:1.6rem;height:1.6rem;border-radius:50%;object-fit:cover}
.ekp-sonuc span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ekp-sonuc i{color:var(--pr);font-size:.7rem}
.ekp-uye{display:flex;align-items:center;gap:.65rem;background:var(--input-bg);border:1px solid var(--border);border-radius:.6rem;padding:.5rem .7rem;margin-bottom:.35rem}
.ekp-uye.sahip{border-color:var(--gold)}
.ekp-uye img{width:2rem;height:2rem;border-radius:50%;object-fit:cover}
.ekp-uye-yazi{flex:1;min-width:0;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;font-size:.82rem}
.ekp-sahip{font-size:.58rem;font-weight:900;color:var(--gold);border:1px solid var(--gold);border-radius:1rem;padding:.05rem .45rem}
.ekp-btn,.ekp-kucuk{
  display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;font-family:inherit;
  font-size:.76rem;font-weight:700;color:var(--text-s);background:var(--input-bg);
  border:1px solid var(--border);border-radius:.55rem;padding:.5rem .85rem;transition:color .2s,border-color .2s,background .2s;
}
.ekp-kucuk{padding:0;width:2.1rem;height:2.1rem;flex-shrink:0}
.ekp-btn:hover,.ekp-kucuk:hover{color:var(--text);border-color:var(--border-h)}
.ekp-btn.ana{background:var(--pr);border-color:var(--pr);color:#fff}
.ekp-btn.ana:hover{filter:brightness(1.08)}
.ekp-btn.tehlike,.ekp-kucuk.tehlike{color:var(--red)}
.ekp-btn.tehlike:hover,.ekp-kucuk.tehlike:hover{border-color:var(--red)}
.ekp-btn:disabled{opacity:.5;pointer-events:none}
.ekp-alt{display:flex;gap:.5rem;align-items:center;padding:.85rem 1.2rem;border-top:1px solid var(--border)}
@media(max-width:640px){
  .ekp-pencere{top:auto;bottom:0;left:0;width:100%;max-height:94vh;border-radius:1.1rem 1.1rem 0 0;transform:translateY(6%)}
  .ekp-pencere.acik{transform:translateY(0)}
  .ekp-iki{grid-template-columns:1fr}
  .ekp-link{grid-template-columns:1fr auto}
  .ekp-link input:nth-child(2){grid-column:1/-1;grid-row:2}
}

/* ── PROFİL: BULUNDUĞU PROJELER ───────────────────────────────
   index.html ve izle.html ortak (YU.kredilerHtml). Karakterler bir satır,
   teknik görevler rengiyle küçük rozetler. */
.kredi-bolum{margin-top:1.25rem;text-align:left}
.kredi-baslik{display:flex;align-items:center;gap:.45rem;font-size:.62rem;font-weight:900;color:var(--muted);
  text-transform:uppercase;letter-spacing:1.4px;margin:0 0 .6rem .25rem}
.kredi-baslik span{font-size:.58rem;letter-spacing:0;padding:.05rem .4rem;border-radius:1rem;background:var(--input-bg,rgba(255,255,255,.05));color:var(--text-s)}
.kredi-liste{display:flex;flex-direction:column;gap:.45rem;max-height:18.5rem;overflow-y:auto;padding-right:.15rem}
.kredi-kart{display:flex;align-items:center;gap:.7rem;padding:.55rem .65rem;border-radius:.7rem;
  border:1px solid var(--border);background:rgba(255,255,255,.015);text-decoration:none;color:inherit;
  transition:border-color .2s,background .2s}
.kredi-kart:hover{border-color:var(--pr);background:var(--pr-s,rgba(255,69,0,.06))}
.kredi-kart img{width:2.1rem;height:2.95rem;border-radius:.35rem;object-fit:cover;flex-shrink:0;background:var(--input-bg)}
.kredi-govde{flex:1;min-width:0;display:flex;flex-direction:column;gap:.28rem}
.kredi-ad{font-size:.8rem;font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kredi-kar{display:flex;align-items:baseline;gap:.35rem;font-size:.68rem;color:var(--text-s);min-width:0}
.kredi-kar i{font-size:.58rem;color:var(--pr);flex-shrink:0}
.kredi-kar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kredi-kar b{color:var(--muted);font-weight:700}
.kredi-gorev{display:flex;flex-wrap:wrap;gap:.25rem}
.kredi-gorev span{--r:var(--pr);display:inline-flex;align-items:center;gap:.25rem;font-size:.58rem;font-weight:700;
  color:var(--r);padding:.08rem .42rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--r) 35%,transparent);
  background:color-mix(in srgb,var(--r) 9%,transparent)}
.kredi-gorev i{font-size:.5rem}
.kredi-ok{font-size:.6rem;opacity:.3;flex-shrink:0}

/* ── TEMA PENCERESİ (üç sayfa ortak) ──────────────────────────
   Eskiden iki sütun ve 60px'lik önizlemeler: pencere PC'de ekranın
   boyunu, mobilde de ekranın tamamını kaplıyordu. Şimdi 4 sütun (dar
   ekranda 3), küçük iki tonlu örnekler ve sıkı grup başlıkları. */
#themeBox.gen-box{max-width:30rem;padding:1.1rem 1.1rem 1rem;max-height:calc(100dvh - 2rem);overflow-y:auto}
#themeBox .gen-title{font-size:1rem;margin-bottom:.15rem}
#themeBox .gen-msg{font-size:.74rem;margin-bottom:.7rem}
#themeBox .theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-bottom:.7rem}
#themeBox .theme-grup{grid-column:1/-1;font-size:.56rem;font-weight:900;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);margin:.45rem 0 0}
#themeBox .theme-opt{padding:.4rem .35rem .45rem;gap:.3rem;border-width:1.5px;border-radius:.6rem;
  display:flex;flex-direction:column;align-items:center;text-align:center}
#themeBox .theme-preview{height:1.9rem;margin:0;border-radius:.4rem}
#themeBox .theme-preview::after{inset:auto .4rem .4rem .4rem;height:.4rem;border-radius:1rem}
#themeBox .theme-name{font-size:.66rem;font-weight:700;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#themeBox .theme-name i{font-size:.52rem;opacity:.8}
#themeBox .perf-row{padding:.55rem .7rem;margin:0 0 .6rem}
#themeBox .perf-row-sub{font-size:.66rem}
#themeBox .gen-actions{margin-top:0}
#themeBox .theme-preview .theme-tur{position:absolute;top:.2rem;right:.25rem;z-index:1;font-size:.5rem;
  color:#fff;opacity:.9;text-shadow:0 1px 2px rgba(0,0,0,.8)}
#themeBox .theme-lejant{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.3rem .8rem;margin-top:.2rem;
  font-size:.6rem;color:var(--muted)}
#themeBox .theme-lejant i{font-size:.52rem;margin-right:.3rem}
@media(max-width:420px){
  #themeBox .theme-name{font-size:.6rem}
  #themeBox .perf-row-sub{display:none}
}

/* ── ORTAK KABUK: alt bilgi ve mobil alt çubuk (js/kabuk.js) ──
   index.css ile izle.css bu kuralları ayrı ayrı taşıyordu ve ayrışmıştı;
   burada tek kopya, üç sayfa aynı görünüyor. */
footer.site-alt{background:var(--surf);padding:3rem var(--yan-bosluk) 2.1rem;text-align:center;border-top:1px solid var(--border);margin-top:3.75rem}
footer.site-alt .alt-ic{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
footer.site-alt .foot-logo{width:46px;height:46px;object-fit:contain;opacity:.75;margin:0 auto .75rem;
  content:url('../images/yasha-logo-beyaz.png');transition:opacity .3s;border:none;border-radius:0}
footer.site-alt .foot-logo:hover{opacity:1}
[data-theme="light"] footer.site-alt .foot-logo{filter:invert(1)}
footer.site-alt .foot-brand{font-weight:800;font-size:.82rem;letter-spacing:1px;margin-bottom:.2rem}
footer.site-alt .foot-slogan{font-size:.7rem;color:var(--muted);margin-bottom:1rem}
footer.site-alt .foot-nav{display:flex;justify-content:center;gap:.5rem 1.1rem;margin-bottom:1.1rem;flex-wrap:wrap}
footer.site-alt .foot-nav a{font-size:.74rem;color:var(--text-s);font-weight:700;transition:color .25s;text-decoration:none}
footer.site-alt .foot-nav a:hover{color:var(--pr)}
footer.site-alt .social{display:flex;justify-content:center;gap:10px;margin-bottom:1.1rem}
footer.site-alt .social a{color:var(--muted);font-size:1rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--border);transition:all .25s}
footer.site-alt .social a:hover{color:var(--pr);background:var(--pr-s);transform:translateY(-2px)}
footer.site-alt .foot-copyright{font-size:.62rem;color:var(--muted);font-weight:700;letter-spacing:1px;margin-bottom:.4rem}
footer.site-alt .disclaimer{max-width:660px;margin:.5rem auto 0;font-size:.55rem;color:var(--muted);opacity:.55;text-transform:uppercase;letter-spacing:1px;line-height:1.8}

.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(8,8,8,.98);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:900;padding:6px 0 calc(6px + var(--safe-b,0px));justify-content:space-around}
[data-theme="light"] .bottom-nav{background:rgba(245,245,247,.96)}
html[data-lite] .bottom-nav{background:var(--bg)}
.bn-item{flex:1;background:none;border:none;color:var(--muted);padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.56rem;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit;min-height:52px}
.bn-item:hover,.bn-item.active{color:var(--pr)}
.bn-item i{font-size:1.1rem}
@media(max-width:760px){.bottom-nav{display:flex}body{padding-bottom:70px}}

/* ── PROFİL: BULUNDUĞU EKİPLER (YU.ekipUyelikleriHtml) ───────── */
.prof-ekipler{display:flex;flex-direction:column;gap:.4rem;margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border);text-align:left}
.prof-ekip{--r:var(--pr);display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border-radius:.65rem;text-decoration:none;color:var(--text-s);
  border:1px solid color-mix(in srgb,var(--r) 25%,var(--border));background:color-mix(in srgb,var(--r) 6%,transparent);font-size:.74rem;transition:border-color .2s}
.prof-ekip:hover{border-color:var(--r)}
.prof-ekip img{width:1.7rem;height:1.7rem;border-radius:.4rem;object-fit:contain;flex-shrink:0;background:rgba(255,255,255,.04)}
.prof-ekip > i:first-child{width:1.7rem;text-align:center;color:var(--r)}
.prof-ekip span{flex:1;min-width:0;line-height:1.35}
.prof-ekip b{color:var(--text);font-weight:800}
.prof-ekip-tac{color:var(--gold,#f5b301);font-size:.72rem}

/* ── DISCORD'A GÖNDER PENCERESİ (js/discord.js) ─────────────── */
.dcg-bg{position:fixed;inset:0;z-index:2990;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s}
.dcg-bg.acik{opacity:1;pointer-events:auto}
.dcg-kutu{position:fixed;z-index:3000;top:50%;left:50%;width:min(34rem,94vw);max-height:calc(100dvh - 2rem);overflow-y:auto;
  transform:translate(-50%,-48%);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;
  background:var(--modal-bg,#0e0e0e);border:1px solid var(--border);border-radius:1rem;padding:1rem 1.1rem;box-shadow:0 1.5rem 3rem rgba(0,0,0,.6);text-align:left}
.dcg-kutu.acik{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}
.dcg-bas{display:flex;align-items:center;gap:.5rem;font-weight:800;font-size:.95rem;margin-bottom:.6rem}
.dcg-bas .fa-discord{color:#5865f2;font-size:1.1rem}
.dcg-x{margin-left:auto;background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem}
.dcg-yuk,.dcg-bos{padding:1rem;text-align:center;font-size:.78rem;color:var(--muted);line-height:1.6}
.dcg-bos{border:1px dashed var(--border);border-radius:.6rem}
.dcg-etiket{font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:.8rem 0 .35rem}
.dcg-etiket small{text-transform:none;letter-spacing:0;font-weight:600}
.dcg-kanallar{display:flex;flex-direction:column;gap:.3rem}
.dcg-kanal{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:.6rem;cursor:pointer;background:var(--input-bg)}
.dcg-kanal:has(input:checked){border-color:#5865f2;background:rgba(88,101,242,.1)}
.dcg-kanal input{accent-color:#5865f2;width:1rem;height:1rem}
.dcg-kanal span{display:flex;flex-direction:column;min-width:0}
.dcg-kanal b{font-size:.8rem}
.dcg-kanal small{font-size:.66rem;color:var(--muted)}
.dcg-ek{width:100%;box-sizing:border-box;padding:.55rem .7rem;border-radius:.55rem;border:1px solid var(--border);background:var(--input-bg);color:var(--text);font-family:inherit;font-size:.8rem;outline:none}
.dcg-ek:focus{border-color:#5865f2}
.dcg-onizleme{border-left:4px solid var(--dc);background:#2b2d31;color:#dbdee1;border-radius:.3rem;padding:.6rem .8rem;font-size:.78rem;line-height:1.45}
.dcg-o-yazar{font-size:.68rem;font-weight:700;color:#fff;margin-bottom:.2rem}
.dcg-o-baslik{font-weight:800;color:#00a8fc;margin-bottom:.3rem}
.dcg-o-metin{max-height:9rem;overflow:hidden;white-space:normal}
.dcg-onizleme img{display:block;max-width:100%;max-height:12rem;border-radius:.3rem;margin-top:.5rem;object-fit:cover}
.dcg-o-alt{font-size:.62rem;color:#949ba4;margin-top:.45rem}
.dcg-alt{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}
.dcg-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1rem;border-radius:.55rem;border:1px solid #5865f2;background:#5865f2;color:#fff;
  font-family:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
.dcg-btn.ikincil{background:none;border-color:var(--border-h);color:var(--text-s)}
.dcg-btn:disabled{opacity:.5;cursor:not-allowed}
.news-dc-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.9rem;padding:.5rem .9rem;border-radius:.55rem;cursor:pointer;
  border:1px solid rgba(88,101,242,.5);background:rgba(88,101,242,.12);color:#8b93f7;font-family:inherit;font-size:.74rem;font-weight:800}
.news-dc-btn:hover{background:#5865f2;color:#fff}

/* ── PROJEDE ÇALIŞAN EKİPLER (YU.ekipLogolariHtml / projeEkipleriHtml) ── */
.ekip-logolari{display:flex;align-items:center;gap:.35rem}
.ekip-logo{--r:var(--pr);width:2.4rem;height:2.4rem;border-radius:.6rem;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--r) 55%,transparent);
  box-shadow:0 .3rem .9rem rgba(0,0,0,.45);overflow:hidden;color:#fff;font-weight:900;font-size:.9rem}
.ekip-logo img{width:100%;height:100%;object-fit:contain;padding:.25rem;box-sizing:border-box}
.ekip-logolari.hero-kose{position:absolute;top:1.1rem;right:calc(var(--yan-bosluk,3.2vw) + .2rem);z-index:4}
.ekip-logolari.kart-kose{position:absolute;bottom:.4rem;right:.4rem;z-index:3;gap:.2rem}
.ekip-logolari.kart-kose .ekip-logo{width:1.55rem;height:1.55rem;border-radius:.4rem;font-size:.6rem}
@media(max-width:760px){.ekip-logolari.hero-kose{top:.7rem}.ekip-logolari.hero-kose .ekip-logo{width:2rem;height:2rem}}

.proje-ekipler{display:flex;flex-direction:column;gap:.5rem}
.pe-kart{--r:var(--pr);border:1px solid color-mix(in srgb,var(--r) 30%,var(--border));background:color-mix(in srgb,var(--r) 5%,var(--card));
  border-radius:.8rem;padding:.6rem .7rem;text-align:left}
.pe-ust{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit}
.pe-logo{width:2.6rem;height:2.6rem;border-radius:.6rem;object-fit:contain;flex-shrink:0;background:rgba(255,255,255,.04);border:1px solid var(--border)}
.pe-logo.bos{display:flex;align-items:center;justify-content:center;color:var(--r)}
.pe-yazi{display:flex;flex-direction:column;min-width:0;flex:1}
.pe-yazi small{font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--r)}
.pe-yazi b{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-ok{font-size:.6rem;opacity:.35}
.pe-ust:hover .pe-ok{opacity:1;color:var(--r)}
.pe-bio{font-size:.72rem;line-height:1.55;color:var(--text-s);margin:.5rem 0 0}
.pe-baglar{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}
.pe-baglar a{width:1.9rem;height:1.9rem;display:flex;align-items:center;justify-content:center;border-radius:.45rem;
  border:1px solid var(--border);background:var(--input-bg);color:var(--text-s);font-size:.78rem;transition:all .2s}
.pe-baglar a:hover{color:var(--r);border-color:var(--r)}
.proje-ekipler.ayrintili .pe-kart{padding:.75rem .85rem}

/* ── PROJE ÖNİZLEME KARTI (index projeOnizle) ─────────────────── */
.po-bg{position:fixed;inset:0;z-index:2400;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s}
.po-bg.acik{opacity:1;pointer-events:auto}
.po-kutu{position:fixed;z-index:2401;top:50%;left:50%;width:min(36rem,94vw);max-height:calc(100dvh - 2rem);overflow-y:auto;
  transform:translate(-50%,-47%) scale(.98);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease,ease);
  background:var(--modal-bg,#0e0e0e);border:1px solid var(--border);border-radius:1.1rem;box-shadow:0 1.5rem 3.5rem rgba(0,0,0,.65)}
.po-kutu.acik{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.po-x{position:absolute;top:.7rem;left:.7rem;z-index:5;width:2.2rem;height:2.2rem;border-radius:50%;border:none;cursor:pointer;
  background:rgba(0,0,0,.6);color:#fff;font-size:.95rem}
.po-banner{position:relative;height:11rem;overflow:hidden;background:#111}
.po-banner > img{width:100%;height:100%;object-fit:cover}
.po-grad{position:absolute;inset:0;background:linear-gradient(to top,var(--modal-bg,#0e0e0e) 5%,transparent 70%)}
.po-banner .ekip-logolari.hero-kose{top:.8rem;right:.8rem}
.po-govde{padding:0 1.2rem 1.2rem;margin-top:-3.2rem;position:relative}
.po-ust{display:flex;gap:.9rem;align-items:flex-end}
.po-poster{width:5.2rem;height:7.4rem;object-fit:cover;border-radius:.6rem;flex-shrink:0;border:2px solid var(--border-h);box-shadow:0 .6rem 1.4rem rgba(0,0,0,.5);background:#111}
.po-baslik-alan{min-width:0;padding-bottom:.2rem}
.po-etiketler{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.35rem}
.po-baslik{font-size:1.3rem;font-weight:900;margin:0 0 .3rem;line-height:1.15}
.po-meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.72rem;color:var(--text-s)}
.po-meta i{color:var(--pr);margin-right:.2rem}
.po-aciklama{font-size:.8rem;line-height:1.65;color:var(--text-s);margin:.9rem 0 0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.po-bolum-bas{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .5rem}
.po-bolum-bas i{color:var(--pr);margin-right:.25rem}
.po-dugmeler{display:flex;gap:.5rem;margin-top:1rem}
.po-dugmeler .hero-btn{flex:1;justify-content:center}
@media(max-width:520px){.po-banner{height:8.5rem}.po-poster{width:4.2rem;height:6rem}.po-baslik{font-size:1.1rem}}
.izle-ekipler{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--border);text-align:left}
.izle-ekipler-bas{font-size:.62rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.55rem}
.izle-ekipler-bas i{color:var(--pr);margin-right:.25rem}
/* Ortak ekip çoklu seçici (YU.ekipCokluSeciciHtml) */
.ekip-coklu{display:flex;flex-wrap:wrap;gap:.4rem}
.ekip-cip{--r:var(--pr);display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem .35rem .4rem;border-radius:2rem;cursor:pointer;
  border:1px solid var(--border);background:var(--input-bg);color:var(--text-s);font-family:inherit;font-size:.74rem;font-weight:700;transition:all .15s}
.ekip-cip img{width:1.35rem;height:1.35rem;border-radius:.35rem;object-fit:contain;background:rgba(255,255,255,.05)}
.ekip-cip > .fa-people-group{width:1.35rem;text-align:center;color:var(--r)}
.ekip-cip-tik{display:none;font-size:.6rem}
.ekip-cip.on{border-color:var(--r);background:color-mix(in srgb,var(--r) 14%,transparent);color:var(--text)}
.ekip-cip.on .ekip-cip-tik{display:inline;color:var(--r)}
.ekip-coklu-bos{font-size:.72rem;color:var(--muted)}

/* ── MOBİL GEZİNME ──────────────────────────────────────────────
   Kaydırmalı sekme şeridi mobilde kalktı: sekmeler ekrandan taşıyordu,
   "Ekipler" gibi bölümler görünmüyordu. Üst çubuk tek satır (logo +
   simgeler), bölümler alt çubukta ve "Menü" penceresinde (js/kabuk.js). */
@media(max-width:760px){
  body > nav.main-nav, body > nav:not(.bottom-nav){flex-wrap:nowrap;padding:.45rem var(--yan-bosluk);min-height:3.4rem}
  body > nav .main-tabs{display:none!important}
}
.bn-item{position:relative}
.bn-item.active::before{content:'';position:absolute;top:-6px;left:28%;right:28%;height:2px;border-radius:2px;background:var(--pr)}

.mm-bg{position:fixed;inset:0;z-index:950;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .2s}
.mm-bg.acik{opacity:1;pointer-events:auto}
.mm-kutu{position:fixed;left:0;right:0;bottom:0;z-index:960;padding:.5rem 1rem calc(1rem + var(--safe-b,0px));
  background:var(--modal-bg,#0e0e0e);border-top:1px solid var(--border);border-radius:1.1rem 1.1rem 0 0;
  transform:translateY(105%);transition:transform .25s var(--ease,ease);box-shadow:0 -1rem 2.5rem rgba(0,0,0,.5)}
.mm-kutu.acik{transform:none}
.mm-tutamac{width:2.6rem;height:.28rem;border-radius:1rem;background:var(--border-h);margin:.1rem auto .9rem}
.mm-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.mm-oge{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.8rem .3rem;border-radius:.8rem;
  background:var(--input-bg);border:1px solid var(--border);color:var(--text-s);text-decoration:none;font-size:.7rem;font-weight:700;text-align:center}
.mm-oge i{font-size:1.15rem;color:var(--text)}
.mm-oge.aktif{border-color:var(--pr);color:var(--text)}
.mm-oge.aktif i,.mm-oge.destek i,.mm-oge.ekip i{color:var(--pr)}
/* Telefon menüsünde Bize Katıl vurgulu (ekip üyesinde değil) */
.mm-oge.katil{border-color:color-mix(in srgb,var(--pr) 55%,var(--border));background:color-mix(in srgb,var(--pr) 12%,var(--input-bg));color:var(--text)}
.mm-oge.katil i{color:var(--pr)}
.mm-alt{display:flex;gap:.5rem;margin-top:.8rem}
.mm-alt a,.mm-alt button{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem;border-radius:.7rem;
  border:1px solid var(--border);background:none;color:var(--text-s);font-family:inherit;font-size:.78rem;font-weight:700;text-decoration:none;cursor:pointer}
@media(min-width:761px){.mm-kutu,.mm-bg{display:none}}

/* Ücretsiz (etkinlik) VIP rozeti: bağışçı VIP'ten ayırt edilsin diye
   altın değil camgöbeği; üstüne gelince kalan gün yazıyor. */
.badge-vip.ucretsiz{border-color:rgba(34,211,238,.45)!important;color:#22d3ee!important;-webkit-text-fill-color:#22d3ee!important;background:rgba(34,211,238,.08)!important;box-shadow:none!important}

/* ── NETFLIX TİPİ HOVER KARTI (index: hoverKartGoster) ─────────── */
.hk{position:absolute;z-index:1500;border-radius:.8rem;overflow:hidden;background:var(--card,#141414);
  box-shadow:0 1.2rem 3rem rgba(0,0,0,.7);border:1px solid var(--border);
  opacity:0;transform:scale(.88);transform-origin:center top;pointer-events:none;transition:opacity .2s,transform .22s var(--ease,ease)}
.hk.acik{opacity:1;transform:scale(1);pointer-events:auto}
.hk-gorsel{position:relative;display:block;aspect-ratio:16/9;background:#111}
.hk-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.hk-gorsel .ekip-logolari.kart-kose .ekip-logo{width:1.8rem;height:1.8rem}
.hk-govde{padding:.75rem .85rem .9rem}
.hk-dugmeler{display:flex;gap:.45rem;margin-bottom:.6rem}
.hk-oynat,.hk-detay{width:2.3rem;height:2.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;font-size:.85rem}
.hk-oynat{background:#fff;color:#000;border:none}
.hk-oynat:hover{background:var(--pr);color:#fff}
.hk-detay{margin-left:auto;background:none;border:2px solid var(--border-h);color:var(--text)}
.hk-detay:hover{border-color:var(--text)}
.hk-baslik{font-size:.95rem;font-weight:900;margin-bottom:.3rem;line-height:1.2}
.hk-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.7rem;color:var(--text-s);font-weight:700}
.hk-tur{border:1px solid var(--border-h);padding:0 .35rem;border-radius:.25rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.05em}
.hk-etiketler{font-size:.7rem;color:var(--text);margin-top:.4rem}
.hk-etiketler i{font-style:normal;color:var(--muted);margin:0 .35rem}
.hk-aciklama{font-size:.72rem;color:var(--text-s);line-height:1.5;margin:.45rem 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hk-ekip{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin-top:.55rem;padding-top:.5rem;border-top:1px solid var(--border);font-size:.66rem;color:var(--muted);font-weight:700}
.hk-ekip img{width:1.1rem;height:1.1rem;border-radius:.25rem;object-fit:contain}
.hk-ekip i{font-style:normal}

/* ── Profil: ekipteki roller ve kullanıcının sosyal bağlantıları ── */
.prof-ekip-kutu{display:flex;flex-direction:column;gap:.35rem}
.prof-ekip-roller{display:flex;flex-wrap:wrap;gap:.3rem;padding-left:.3rem}
.prof-ekip-rol{--r:var(--muted);display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .5rem;border-radius:99px;font-size:.7rem;font-weight:700;
  color:var(--text-s);background:color-mix(in srgb,var(--r) 14%,transparent);border:1px solid color-mix(in srgb,var(--r) 40%,transparent)}
.prof-ekip-rol i{color:var(--r);font-size:.66rem}
.prof-sosyal{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}
.prof-sosyal .prof-sosyal-a,.prof-sosyal .team-social{width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:50%;padding:0;
  background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--muted)!important;font-size:.95rem!important;text-decoration:none;cursor:pointer;
  transition:color .15s,border-color .15s,background .15s;font-family:inherit}
.prof-sosyal .prof-sosyal-a:hover,.prof-sosyal .team-social:hover{color:var(--text)!important;border-color:var(--pr);background:rgba(255,255,255,.08)}

/* ── Profil Denetimi (admin + mod paneli, js/profildenetim.js) ── */
.pd-ust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.pd-ust .ekip-filtre{display:flex;flex-wrap:wrap;gap:6px}
.pd-ara{flex:1;min-width:200px;max-width:340px}
.pd-tik{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-s);margin-bottom:10px;cursor:pointer}
.pd-bilgi{font-size:.76rem;color:var(--text-s);background:var(--hover-bg,rgba(255,255,255,.03));border:1px solid var(--border);border-radius:8px;padding:9px 12px;margin-bottom:10px;line-height:1.55}
.pd-bilgi.hata{border-color:rgba(239,68,68,.4);color:#fca5a5}
.pd-bilgi pre{margin-top:6px;font-size:.7rem;white-space:pre-wrap;color:var(--text)}
.pd-bos{padding:28px;text-align:center;color:var(--muted);font-size:.8rem}
.pd-liste{display:flex;flex-direction:column;gap:8px}
.pd-satir{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:start;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 12px}
.pd-satir.isaretli{border-color:rgba(245,158,11,.45);background:linear-gradient(0deg,rgba(245,158,11,.05),rgba(245,158,11,.05)),var(--card)}
.pd-satir > img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.pd-bas{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem}
.pd-bas small{color:var(--muted);font-size:.66rem;margin-left:auto}
.pd-rozet{font-size:.6rem;font-weight:800;padding:2px 7px;border-radius:10px;background:rgba(245,158,11,.15);color:var(--gold,#f5b301)}
.pd-rozet.kirmizi{background:rgba(239,68,68,.15);color:#fca5a5}
.pd-bio{font-size:.78rem;color:var(--text-s);margin-top:5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.pd-bio.bos{color:var(--muted);font-style:italic}
.pd-bio mark,.pd-sosyal mark{background:rgba(239,68,68,.25);color:#fecaca;border-radius:3px;padding:0 2px}
.pd-sosyal{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.7rem;color:var(--muted);word-break:break-all}
.pd-islem{display:flex;flex-direction:column;gap:5px;align-items:stretch}
.pd-not{font-size:.72rem;color:var(--muted);line-height:1.5;margin:6px 0}
.pd-kelimeler{margin-top:18px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.pd-kelimeler summary{cursor:pointer;font-size:.8rem;font-weight:800;display:flex;align-items:center;gap:7px}
.pd-kelimeler summary span{font-size:.62rem;background:var(--input-bg);padding:1px 7px;border-radius:9px;color:var(--muted)}
.pd-kelime-giris{width:100%;font-family:inherit;resize:vertical}
.pd-dugmeler{display:flex;gap:6px;margin-top:8px}
.pd-kelime-cips{display:flex;flex-wrap:wrap;gap:4px}
.pd-kelime-cips span{font-size:.66rem;background:var(--input-bg);border:1px solid var(--border);border-radius:9px;padding:2px 7px;color:var(--text-s)}
.pd-bakim{margin-top:18px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:12px}
.pd-bakim h3{font-size:.85rem;margin-bottom:10px;display:flex;gap:7px;align-items:center}
.pd-bakim-satir{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid var(--border)}
.pd-bakim-satir b{font-size:.78rem;display:block}
.pd-bakim-satir small{font-size:.7rem;color:var(--muted);line-height:1.5}
.pd-depo-liste{margin:6px 0 10px;font-size:.7rem;color:var(--text-s)}
.pd-depo-liste ul{max-height:220px;overflow:auto;margin:6px 0 0 16px}
@media(max-width:640px){
  .pd-satir{grid-template-columns:34px minmax(0,1fr)}
  .pd-satir > img{width:34px;height:34px}
  .pd-islem{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}
  .pd-bakim-satir{flex-direction:column;align-items:flex-start}
  .pd-ara{max-width:none}
}

/* ── GECE MORU: mor + turuncu + beyaz ───────────────────────── */
[data-theme="mor"] body{background:radial-gradient(90% 50% at 15% -5%,rgba(139,92,246,.22),transparent 60%),radial-gradient(70% 40% at 100% 0,rgba(255,106,43,.1),transparent 60%),var(--bg);background-attachment:fixed}
[data-theme="mor"] nav.main-nav{box-shadow:0 1px 0 rgba(139,92,246,.35),0 2px 0 rgba(255,106,43,.12)}
[data-theme="mor"] .main-tab.active{background:var(--mor-s);color:#fff}
[data-theme="mor"] .main-tab.active i{color:var(--pr)}
[data-theme="mor"] :is(.hero-btn.primary,.cust-btn.primary,.pf-btn:not(.ikincil),.btn.primary,.dcg-btn:not(.ikincil)){
  background:linear-gradient(100deg,#7c3aed,#ff6a2b) !important;border-color:transparent !important;color:#fff !important}
[data-theme="mor"] :is(.hero-btn.primary,.cust-btn.primary,.pf-btn:not(.ikincil),.btn.primary):hover{filter:brightness(1.12)}
[data-theme="mor"] :is(.sec-title,.section-title,.page-title) i{color:var(--mor)}
[data-theme="mor"] :is(.pc-card,.ep-card,.news-card,.team-card,.comm-card,.comment-card):hover{border-color:rgba(255,106,43,.45)}
[data-theme="mor"] .bn-item.active,[data-theme="mor"] .bn-item.active i{color:var(--pr)}
[data-theme="mor"] ::selection{background:rgba(139,92,246,.45);color:#fff}

/* ── YASHA MAVİSİ (ekip teması): lacivert zemin, buz mavisinden çivit mavisine ── */
[data-theme="yasha"] body{background:radial-gradient(90% 50% at 10% -8%,rgba(56,189,248,.16),transparent 60%),radial-gradient(70% 45% at 100% 0,rgba(99,102,241,.14),transparent 60%),var(--bg);background-attachment:fixed}
[data-theme="yasha"] nav.main-nav{box-shadow:0 1px 0 rgba(56,189,248,.3),0 2px 0 rgba(99,102,241,.12)}
[data-theme="yasha"] .main-tab.active{background:rgba(56,189,248,.14);color:#fff}
[data-theme="yasha"] .main-tab.active i{color:var(--pr)}
[data-theme="yasha"] :is(.hero-btn.primary,.cust-btn.primary,.pf-btn:not(.ikincil),.btn.primary,.dcg-btn:not(.ikincil)){
  background:linear-gradient(100deg,#0ea5e9,#6366f1) !important;border-color:transparent !important;color:#fff !important}
[data-theme="yasha"] :is(.hero-btn.primary,.cust-btn.primary,.pf-btn:not(.ikincil),.btn.primary):hover{filter:brightness(1.12)}
[data-theme="yasha"] :is(.pc-card,.ep-card,.news-card,.team-card,.comm-card,.comment-card):hover{border-color:rgba(56,189,248,.45)}
[data-theme="yasha"] ::selection{background:rgba(56,189,248,.4);color:#fff}

/* ── Bildirim açılır listesi: kategori rengi ve "Tüm bildirimler" ── */
.notif-item-icon[style*="--nk"]{background:color-mix(in srgb,var(--nk) 16%,transparent);color:var(--nk)}
.notif-tumu{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-top:1px solid var(--border);font-size:.78rem;font-weight:800;color:#fff;text-decoration:none;flex-shrink:0;background:var(--pr);border-radius:0 0 13px 13px}
.notif-tumu:hover{filter:brightness(1.1)}
.notif-dropdown .notif-list{flex:1;min-height:0;overflow-y:auto}

/* ── Takip düğmesi (ekip ve proje sayfaları, js/takip.js) ── */
.takip-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 16px;border-radius:20px;border:1px solid var(--pr);
  background:var(--pr);color:#fff;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer;transition:filter .15s,background .15s,border-color .15s;white-space:nowrap}
.takip-btn:hover{filter:brightness(1.1)}
.takip-btn.on{background:transparent;border-color:var(--border-h);color:var(--text-s);box-shadow:none}
.takip-btn.on i{color:var(--green)}
.takip-btn.on:hover{border-color:var(--red);color:var(--text)}
.takip-btn:disabled{opacity:.6;cursor:wait}
/* Yalnız ikon: hover kartı, ekip kartları */
.takip-btn.kucuk{width:34px;height:34px;min-height:0;padding:0;border-radius:50%}
.takip-btn.kucuk span{display:none}
/* Oynatıcı altı (izle): diğer düğmelerle aynı boyda */
.takip-btn.oynatici{min-height:0;height:34px;padding:0 13px;border-radius:9px;font-size:.72rem}
.proj-takip{margin:10px 0 6px}
.proj-takip .takip-btn{width:100%;min-height:38px;border-radius:10px}
.stu-takip{margin:8px 0 2px}
.ekip-takip-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);font-size:.8rem;color:var(--text-s)}
.ekip-takip-satir:empty{display:none}

/* ── Admin / mod paneli yan menü grupları (js/panelmenu.js) ── */
.side-grup{display:flex;flex-direction:column;gap:2px}
.side-grup > .side-label{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;border-radius:6px}
.side-grup > .side-label:hover{color:var(--text-s)}
.side-grup > .side-label i{font-size:.55rem;transition:transform .2s;opacity:.7}
.side-grup.kapali > .side-label i{transform:rotate(-90deg)}
.side-grup.kapali > .side-item{display:none}

/* ── Site rolleri rozeti (Discord gibi; YU.siteRolRozeti) ── */
.badge-rol{--r:#99aab5;display:inline-flex;align-items:center;gap:4px;font-family:'DM Sans',sans-serif !important;font-size:.56rem;font-weight:800;
  padding:2px 7px;border-radius:10px;margin-left:4px;vertical-align:middle;white-space:nowrap;letter-spacing:.2px;
  color:var(--text);-webkit-text-fill-color:var(--text);background:color-mix(in srgb,var(--r) 16%,transparent);border:1px solid color-mix(in srgb,var(--r) 55%,transparent)}
.badge-rol i{color:var(--r);font-size:.9em}
.badge-rol-nokta{width:7px;height:7px;border-radius:50%;background:var(--r);flex-shrink:0}
/* Hero'daki Takip et düğmesi hero düğmesi gibi görünsün */
.takip-btn.hero-btn{padding:11px 22px;border-radius:8px;font-size:.78rem;min-height:42px}
.takip-btn.hero-btn.on{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);color:#fff;backdrop-filter:blur(8px)}
/* Sağ üst profil düğmesi: bütün sayfalarda aynı (YKabuk.navProfilHtml) */
.nav-profile .np-tac{color:var(--gold);font-size:.65rem;flex-shrink:0}
.nav-profile .np-name{font-size:.72rem;font-weight:700;max-width:110px}
/* Son yorumlar: isimden sonra rozetler */
.cfb-rozet{display:inline-flex;gap:3px;align-items:center;margin:0 4px;vertical-align:middle}
.cfb-rozet:empty{display:none}
.cfb-rozet > span{margin-left:0 !important}

/* Takip düğmesinin yerleri */
.stu-vitrin-takip{position:absolute;top:.6rem;right:.6rem;z-index:2}
.stu-vitrin:has(.stu-vitrin-takip) .stu-vitrin-duzenle{right:6.8rem}
.takip-btn.mini{min-height:0;height:28px;padding:0 11px;font-size:.68rem;gap:5px;box-shadow:none}
/* Projedeki ekip kartı: logo | ad | Takip et (aynı satırda, hizalı) */
.pe-kart:has(.pe-takip){display:flex;align-items:center;gap:.6rem}
.pe-kart:has(.pe-takip) .pe-ust{flex:1;min-width:0}
.pe-kart:has(.pe-takip) .pe-yazi{min-width:0}
.pe-kart:has(.pe-takip) .pe-yazi b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.pe-takip{flex-shrink:0}
.proje-ekipler.ayrintili .pe-kart:has(.pe-takip){flex-wrap:wrap}
.hk-dugmeler .takip-btn.kucuk{width:32px;height:32px;box-shadow:none}
.po-dugmeler{display:flex;flex-wrap:wrap;gap:8px}
#epTakip:empty{display:none}
.stu-takip .takip-btn{min-height:40px;padding:9px 20px;font-size:.8rem}
.ekip-takip-satir{border-color:color-mix(in srgb,var(--pr) 35%,var(--border));background:color-mix(in srgb,var(--pr) 7%,var(--card));font-weight:600;color:var(--text)}
.ekip-takip-satir > span::before{content:'\f0f3';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--pr);margin-right:8px}
/* Üst çubukta Bize Katıl (js/kabuk.js) */
.nav-katil{display:inline-flex;align-items:center;gap:.4rem;height:2.25rem;padding:0 .8rem;border-radius:.6rem;font-size:.74rem;font-weight:700;text-decoration:none;
  color:var(--text-s);background:var(--hover-bg);border:1px solid var(--border);transition:color .2s,border-color .2s;white-space:nowrap}
.nav-katil i{color:var(--pr);font-size:.72rem}
.nav-katil:hover,.nav-katil.aktif{color:var(--text);border-color:var(--pr)}
/* Ziyaretçide Bize Katıl ana çağrı, vurgulu (ekip üyesinde vurgu Ekip Paneli'nde) */
@media(min-width:761px){.nav-right:not(:has(.nav-katil.ekip)) .nav-katil{color:var(--text);border-color:color-mix(in srgb,var(--pr) 55%,var(--border));background:color-mix(in srgb,var(--pr) 12%,var(--hover-bg))}}
/* Üst çubuğu sığdır (js/kabuk.js sigdir): yer yetmezse sınıflar sırayla eklenir, sekmeler kesilmez.
   Masaüstü: Destek Ol, Bize Katıl simgeye; sekme simgeleri, profil adı gider; Ekip Paneli simgeye;
   YASHA yazısı gider; sekmeler daralır; en sonda yalnız seçili sekme yazılı. */
nav.main-nav.k-destek .nav-destek span,nav.main-nav.k-katil .nav-katil:not(.ekip) span,nav.main-nav.k-ekip .nav-katil.ekip span{display:none}
nav.main-nav.k-destek .nav-destek,nav.main-nav.k-katil .nav-katil:not(.ekip),nav.main-nav.k-ekip .nav-katil.ekip{width:2.25rem;padding:0;justify-content:center}
nav.main-nav.k-sekme-simge .main-tab i{display:none}
nav.main-nav.k-ad .nav-profile .np-name{display:none}
nav.main-nav.k-ad .nav-profile{padding-right:3px}
nav.main-nav.k-marka .brand-text{display:none}
nav.main-nav.k-sekme-dar .main-tab{padding:.5rem .62rem}
nav.main-nav.k-sik{gap:6px}
nav.main-nav.k-sik .nav-right{gap:2px}
nav.main-nav.k-sik .nav-icon{width:34px}
nav.main-nav.k-sekme-tek .main-tab:not(.active){font-size:0;gap:0;padding:.5rem .74rem}
nav.main-nav.k-sekme-tek .main-tab i{display:inline-block}
nav.main-nav.k-sekme-tek .main-tab:not(.active) i{font-size:.8rem}
/* Telefon: Bize Katıl yazılı ve dolu (reklamdan gelen ilk bunu görsün); ekip üyesinde yerine Ekip Paneli.
   Yer yetmezse önce Destek Ol ve Tema (ikisi de Menü'de), sonra YASHA yazısı gider. */
@media(max-width:760px){
  .nav-katil{padding:0 .7rem}
  .nav-katil:not(.ekip){background:var(--pr);border-color:var(--pr);color:#fff}
  .nav-katil:not(.ekip) i{color:#fff}
  .nav-right:has(.nav-katil.ekip) .nav-katil:not(.ekip){display:none}
  nav.main-nav.t-destek .nav-destek,nav.main-nav.t-tema .nav-right > .nav-icon[onclick*="openThemeModal"]{display:none}
  nav.main-nav.t-marka .brand-text{display:none}
  nav.main-nav.t-simge .nav-katil span{display:none}
  nav.main-nav.t-simge .nav-katil{width:2.25rem;padding:0;justify-content:center}
}
.stu-vitrin:has(.stu-vitrin-takip) .stu-vitrin-ust{padding-right:6.4rem}
/* Açılır bildirim listesi: türe/sonuca göre renk */
.notif-item.unread[style*="--nk"]{border-left-color:var(--nk);background:color-mix(in srgb,var(--nk) 7%,transparent)}
.proje-ekipler.ayrintili .pe-kart:has(.pe-takip) :is(.pe-bio,.pe-baglar){flex-basis:100%}
/* Özel renk seçici (ekip, dublaj rolü) */
.ekp-renk-ozel,.rol-renk-ozel{width:30px;height:26px;border:1px solid var(--border);border-radius:6px;background:none;cursor:pointer;padding:0;vertical-align:middle}
/* Site rolü rozet stilleri (Admin > Site Rolleri > Görünüm) */
.badge-rol.f{font-family:var(--rf) !important;font-size:.62rem}
.badge-rol.bh{text-transform:uppercase;letter-spacing:.6px}
.badge-rol.s-dolu{background:var(--r);border-color:var(--r);color:#fff;-webkit-text-fill-color:#fff}
.badge-rol.s-dolu i{color:#fff}
.badge-rol.s-dolu .badge-rol-nokta{background:#fff}
.badge-rol.s-cizgi{background:transparent;border:1.5px solid var(--r);color:var(--r);-webkit-text-fill-color:var(--r)}
.badge-rol.s-gradyan{background:linear-gradient(90deg,var(--r),var(--r2));border-color:transparent;color:#fff;-webkit-text-fill-color:#fff}
.badge-rol.s-gradyan i{color:#fff}
.badge-rol.s-gradyan .badge-rol-nokta{background:#fff}
.badge-rol.s-parilti{background:linear-gradient(110deg,color-mix(in srgb,var(--r) 25%,transparent) 30%,color-mix(in srgb,var(--r2) 60%,#fff 20%) 50%,color-mix(in srgb,var(--r) 25%,transparent) 70%);
  background-size:250% 100%;animation:rolParilti 3s linear infinite;border-color:var(--r)}
@keyframes rolParilti{from{background-position:120% 0}to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.badge-rol.s-parilti{animation:none}}

/* ── Zengin metin (YU.zengin): haberler, bildirimler, admin mesajları ── */
.zm{display:flex;flex-direction:column;gap:.55rem;line-height:1.7;word-break:break-word}
.zm-p{margin:0}
.zm-bosluk{height:.2rem}
.zm-baslik{font-size:1.15rem;font-weight:900;margin:.4rem 0 0;color:var(--text)}
.zm-altbaslik{font-size:.98rem;font-weight:800;margin:.3rem 0 0;color:var(--text)}
.zm-liste{margin:0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.25rem}
.zm-alinti{margin:0;padding:.5rem .9rem;border-left:3px solid var(--border-h);background:var(--input-bg);border-radius:0 .5rem .5rem 0;color:var(--text-s)}
.zm-not{padding:.75rem 1rem;border-radius:.6rem;background:color-mix(in srgb,var(--pr) 10%,transparent);border:1px solid color-mix(in srgb,var(--pr) 35%,transparent);color:var(--text)}
.zm-ayrac{border:none;border-top:1px solid var(--border);margin:.4rem 0;width:100%}
.zm-gorsel{max-width:100%;max-height:420px;border-radius:.7rem;border:1px solid var(--border);object-fit:contain;align-self:flex-start}
.zm-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem;margin:.3rem 0}
.zm-dugme{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:.6rem;background:var(--pr);color:#fff !important;font-weight:800;font-size:.84rem;text-decoration:none !important}
.zm-dugme:hover{filter:brightness(1.1)}
.zm a:not(.zm-dugme){color:var(--pr)}
/* Biçim araç çubuğu */
.zm-cubuk{display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:5px;border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;background:var(--input-bg)}
.zm-cubuk + .zm-onizleme + textarea,.zm-cubuk + .zm-onizleme[hidden] + textarea{border-top-left-radius:0;border-top-right-radius:0}
.zm-cb{height:30px;min-width:30px;padding:0 8px;border:none;border-radius:6px;background:none;color:var(--text-s);cursor:pointer;font:inherit;font-size:.74rem;display:inline-flex;align-items:center;gap:5px}
.zm-cb:hover{background:var(--hover-bg);color:var(--text)}
.zm-renkler{display:inline-flex;gap:3px;padding:0 5px;border-left:1px solid var(--border);border-right:1px solid var(--border);margin:0 3px}
.zm-renk{width:18px;height:18px;border-radius:50%;border:2px solid transparent;background:var(--c);cursor:pointer;padding:0}
.zm-renk:hover{border-color:#fff}
.zm-onizle-btn{margin-left:auto}
.zm-onizleme{padding:12px 14px;border:1px dashed var(--border-h);background:var(--card);font-size:.86rem;color:var(--text-s);max-height:360px;overflow:auto}
.zm-onizleme[hidden]{display:none}
.a-yasal{margin-top:10px;font-size:.66rem;line-height:1.55;color:var(--muted)}
.a-yasal a{color:var(--text-s);text-decoration:underline}
/* Okunmamış başvuru bildirimi bandı (js/notifications.js) */
#basvuruBandi{--nk:var(--pr);position:sticky;top:var(--nav-h,64px);z-index:90;display:flex;align-items:center;gap:12px;padding:10px max(16px,3.2vw);
  background:color-mix(in srgb,var(--nk) 16%,var(--bg));border-bottom:1px solid color-mix(in srgb,var(--nk) 45%,transparent);font-size:.82rem;color:var(--text)}
#basvuruBandi > i{color:var(--nk);font-size:1rem}
#basvuruBandi span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#basvuruBandi a{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--nk);color:#fff;font-weight:800;font-size:.76rem;text-decoration:none;white-space:nowrap}
#basvuruBandi button{border:none;background:none;color:var(--muted);cursor:pointer;padding:4px 6px}
@media (max-width:600px){#basvuruBandi span b{display:block}#basvuruBandi span{white-space:normal}}
/* "Şu an arıyoruz" (js/ariyoruz.js) */
.ay-sec:empty,.ay-sec-izle:empty{display:none}
.ay-bant,.ay-kadro{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 20px;border-radius:16px;position:relative;
  border:1px solid color-mix(in srgb,var(--pr) 35%,var(--border));background:linear-gradient(120deg,color-mix(in srgb,var(--pr) 14%,var(--card)),var(--card) 60%)}
.ay-yazi{flex:1;min-width:240px;display:flex;flex-direction:column;gap:6px}
.ay-etk{font-size:.62rem;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;color:var(--pr)}
.ay-yazi > b{font-size:1rem;color:var(--text)}
.ay-kadro .ay-yazi > b{font-size:.9rem}
.ay-kadro .ay-yazi > b i{color:var(--pr);margin-right:4px}
.ay-yazi small{font-size:.72rem;color:var(--muted)}
.ay-cipler{display:flex;flex-wrap:wrap;gap:6px}
.ay-cip{--r:var(--pr);display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;font-size:.74rem;font-weight:700;text-decoration:none;color:var(--text-s);
  background:color-mix(in srgb,var(--r) 12%,transparent);border:1px solid color-mix(in srgb,var(--r) 35%,transparent)}
.ay-cip i{color:var(--r)}
.ay-cip:hover{color:var(--text);border-color:var(--r)}
.ay-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:11px;background:var(--pr);color:#fff !important;font-weight:800;font-size:.84rem;text-decoration:none;white-space:nowrap}
.ay-btn:hover{filter:brightness(1.1)}
.ay-kapat{position:absolute;top:8px;right:8px;border:none;background:none;color:var(--muted);cursor:pointer;padding:4px 6px}
.cast-section.ay-sec-izle:empty{display:none}
@media (max-width:600px){.ay-btn{width:100%;justify-content:center}}
/* Profil penceresi: küçük özet kart. Ayrıntı (projeler, roller, yorumlar) kullanıcı sayfasında (/kullanici/{ad}) */
.prof-modal.prof-modal{max-width:400px;max-height:88vh;overflow-y:auto}
.prof-modal .prof-banner{height:78px}
.prof-modal .prof-av-wrap{bottom:-24px;left:16px}
.prof-modal .prof-av{width:54px;height:54px}
.prof-modal .prof-body{padding:30px 16px 16px}
.prof-modal .prof-bio{margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prof-modal .prof-sosyal{justify-content:flex-start;margin-top:.5rem;gap:.35rem}
.prof-modal .prof-sosyal a,.prof-modal .prof-sosyal span{transform:scale(.85)}
.prof-ozet-sayi{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:.8rem;color:var(--muted)}
.prof-ozet-sayi b{color:var(--text);font-weight:800}
.prof-ozet-satir{display:flex;align-items:center;gap:10px;margin-top:12px}
.prof-ozet-l{font-size:.76rem;font-weight:700;color:var(--muted);white-space:nowrap}
.prof-ozet-afis{display:flex;gap:5px;align-items:center;min-width:0;overflow:hidden}
.prof-ozet-afis a{flex:none;display:block;width:30px;height:42px;border-radius:5px;overflow:hidden;border:1px solid var(--border);background:rgba(255,255,255,.04);transition:transform .15s,border-color .15s}
.prof-ozet-afis a:hover,.prof-ozet-afis a:focus-visible{transform:translateY(-2px);border-color:var(--pr)}
.prof-ozet-afis img{width:100%;height:100%;object-fit:cover;display:block}
.prof-ozet-arti{font-size:.74rem;font-weight:800;color:var(--muted);padding-left:2px}
.prof-ozet-ekipler{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.prof-ozet-ekip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 10px 4px 5px;border-radius:999px;border:1px solid color-mix(in srgb,var(--r,#ff4500) 40%,var(--border));background:color-mix(in srgb,var(--r,#ff4500) 8%,transparent);color:var(--text);font-size:.76rem;text-decoration:none}
.prof-ozet-ekip img{width:20px;height:20px;border-radius:50%;object-fit:cover}
.prof-ozet-ekip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.prof-ozet-ekip>i:last-child{color:#f5b301;font-size:.7rem}
.prof-ozet-ekip:hover{border-color:var(--r,#ff4500)}
.prof-modal .prof-sayfa-a{margin-top:14px;gap:6px;align-items:baseline;flex-wrap:wrap}
.prof-modal .prof-sayfa-a small{font-weight:500;opacity:.75;font-size:.72rem}
/* Telefonda tam ekran değil, alttan açılan küçük kart */
@media (max-width:640px){
  .prof-modal.prof-modal{width:calc(100% - 20px);max-width:420px;top:auto;bottom:10px;left:50%;border-radius:16px;max-height:80vh;transform:translate(-50%,6%)}
  .prof-modal.prof-modal.open{transform:translate(-50%,0)}
}

/* ── AYIN EKİP ÜYELERİ (js/ayinekibi.js) ─────────────────────── */
.badge-ayin{display:inline-flex;align-items:center;gap:.25rem;font-size:.56rem;font-weight:900;letter-spacing:.06em;color:#1a1300;
  background:linear-gradient(100deg,#fcd34d,#f59e0b);border-radius:4px;padding:.12rem .42rem;vertical-align:middle;box-shadow:0 0 10px rgba(245,158,11,.35)}
.badge-ayin i{font-size:.5rem}
.ayn-kutu{border:1px solid rgba(245,158,11,.28);border-radius:16px;padding:14px;background:radial-gradient(120% 140% at 0 0,rgba(245,158,11,.12),transparent 55%),var(--card)}
.ayn-bas{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ayn-ikon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#fcd34d,#f59e0b);color:#1a1300;font-size:.9rem;flex-shrink:0}
.ayn-bas b{display:block;font-size:.98rem}
.ayn-bas small{font-size:.74rem;color:var(--muted)}
.ayn-liste{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.ayn-kisi{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:220px;max-width:300px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:.15s}
.ayn-kisi:hover{border-color:rgba(245,158,11,.5);transform:translateY(-1px)}
.ayn-kisi img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 0 0 2px #f59e0b}
.ayn-yazi{display:flex;flex-direction:column;gap:2px;min-width:0}
.ayn-yazi b{font-size:.86rem}
.ayn-yazi small{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ayn-yazi em{font-size:.72rem;color:var(--text-s);font-style:normal;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Admin düzenleyicisi */
.ayn-admin-ust{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}
.ayn-ay{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:700;color:var(--text-s)}
.ayn-ara{flex:1;min-width:180px}
.ayn-bildir{display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text-s)}
.ayn-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.ayn-uye{border:1px solid var(--border);border-radius:12px;background:var(--card);overflow:hidden}
.ayn-uye.secili{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 7%,var(--card))}
.ayn-uye-ust{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;background:none;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.ayn-uye-ust img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}
.ayn-uye-ust span{flex:1;min-width:0;display:flex;flex-direction:column}
.ayn-uye-ust b{font-size:.84rem}
.ayn-uye-ust small{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ayn-uye-ust>i{color:var(--muted)}
.ayn-uye.secili .ayn-uye-ust>i{color:#f59e0b}
.ayn-not{margin:0 10px 10px;width:calc(100% - 20px)}
.ayn-alt{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0;margin-top:10px;background:var(--bg)}
.ayn-alt span{margin-right:auto;font-size:.8rem;color:var(--muted)}
.ayn-gecmis{margin-top:14px;border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:6px;font-size:.78rem}
.ayn-gecmis div{display:flex;gap:10px}
.ayn-gecmis small{min-width:100px;color:var(--muted)}

/* ── İZLEYİCİ ROZETLERİ (YU.izleyiciRozetleri) ───────────────── */
.iz-rozetler{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.iz-rozet{--r:#60a5fa;display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:800;padding:3px 9px;border-radius:999px;
  color:var(--r);background:color-mix(in srgb,var(--r) 13%,transparent);border:1px solid color-mix(in srgb,var(--r) 35%,transparent)}
.iz-rozet i{font-size:.6rem}
.pf-rozet-kutu{border:1px solid var(--border);border-radius:14px;background:var(--card);padding:14px;margin-bottom:18px}
.pf-rozet-kutu .iz-rozetler{margin-top:0}
.pf-rozet-bos{font-size:.8rem;color:var(--muted);margin:0}
.pf-seri{margin-top:10px;font-size:.78rem;font-weight:700;color:#f97316}
.pf-hedefler{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-top:12px}
.pf-hedef{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:10px;background:var(--input-bg)}
.pf-hedef>i{color:var(--r);margin-top:3px;opacity:.8}
.pf-hedef div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pf-hedef b{font-size:.8rem}
.pf-hedef small{font-size:.7rem;color:var(--muted)}
.pf-hedef-cubuk{height:4px;border-radius:4px;background:var(--border);overflow:hidden;margin-top:4px}
.pf-hedef-cubuk span{display:block;height:100%;background:var(--r);border-radius:4px}
.dcg-kutu textarea.dcg-ek{resize:vertical;font:inherit;line-height:1.45}
.bd-gorsel{padding:0;overflow:hidden;min-height:120px;display:grid;place-items:center}
.bd-gorsel{border-left:0}
.bd-gorsel img{width:100%;max-height:none;display:block;margin:0;border-radius:0}
/* Kullanıcı menüsünde paneller (js/kabuk.js) */
.um-bolum{padding:6px 12px 2px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.um-panel small{margin-left:auto;font-size:.62rem;color:var(--muted);font-weight:600}
.um-dev{color:#a78bfa!important}
/* Ekip üyelerine menünün başında Ekip paneli (js/kabuk.js) */
.um-ekip{font-weight:700!important;color:var(--text)!important}
.um-ekip i{color:var(--pr)!important}
.um-admin{color:#ef4444!important}
.um-mod{color:#60a5fa!important}

/* ── Discord kanal mesajları (js/discordkanallar.js, dev paneli) ── */
.dck-secim{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.dck-grup{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.dck-grup small{width:100%;font-size:.68rem;font-weight:700;color:var(--muted)}
.dck-sab{background:var(--input-bg);border:1px solid var(--border);color:var(--text-s);border-radius:999px;padding:5px 11px;font:inherit;font-size:.74rem;font-weight:600;cursor:pointer}
.dck-sab:hover{border-color:var(--border-h);color:var(--text)}
.dck-sab.on{background:var(--text);color:var(--bg);border-color:var(--text)}
.dck-sab.gitti i{color:#22c55e;font-size:.7em}
.dck-sab.on.gitti i{color:inherit}
.dck-guncelle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.8rem;color:var(--text-s)}
.dck-guncelle small{color:var(--muted)}
.dck-liste{display:flex;flex-direction:column;gap:18px;margin-top:14px}
.dck-bolum{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.dck-bolum-bas{grid-column:1/-1;font-size:.74rem;font-weight:800;color:var(--muted)}
.dck-kart{display:flex;flex-direction:column;gap:3px;text-align:left;padding:11px 13px;border-radius:10px;background:var(--input-bg);border:1px solid var(--border);border-left:3px solid var(--r);color:var(--text);font:inherit;cursor:pointer}
.dck-kart:hover{border-color:var(--border-h);border-left-color:var(--r)}
.dck-kart b{font-size:.84rem}
.dck-kart small{font-size:.72rem;color:var(--muted)}

/* ── Erişilebilirlik (her sayfa; js/kabuk.js) ─────────────── */
/* İçeriğe geç: klavyeyle Tab'a basınca en başta görünür, menüyü atlatır */
.atla-icerik{position:fixed;top:8px;left:8px;z-index:5000;padding:10px 16px;border-radius:10px;background:var(--pr);color:#fff;font-weight:800;font-size:.9rem;text-decoration:none;transform:translateY(-160%);transition:transform .15s}
.atla-icerik:focus{transform:none;outline:3px solid #fff;outline-offset:2px}
/* Hareketi azalt tercihi: bütün sitede kayma ve animasyonlar kısalır */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* Ekip üyelerine Bize Katıl'ın yanında Ekip Paneli (vurgulu) */
.nav-katil.ekip{color:var(--text);border-color:color-mix(in srgb,var(--pr) 55%,var(--border));background:color-mix(in srgb,var(--pr) 12%,var(--hover-bg))}
.nav-katil.ekip i{color:var(--pr)}
.nav-katil+.nav-katil{margin-left:0}
/* Profil penceresinde kullanıcı sayfasına bağlantı; Kadro'da kendini gizleyen üye (adminlere görünür) */
.prof-sayfa-a{display:flex!important;justify-content:center;margin-top:14px;text-decoration:none}
.team-gizli{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:.62rem;font-weight:800;color:var(--muted);border:1px dashed var(--border)}

/* ── Bildirimler: yeni bildirim şeridi, sallanan zil, yetkili işleri (js/notifications.js) ── */
.yeni-bildirim{--nk:var(--pr);position:fixed;top:72px;left:50%;z-index:3500;display:flex;align-items:center;gap:12px;width:min(560px,calc(100vw - 24px));padding:12px 12px 12px 16px;border-radius:14px;
  background:var(--card,#121212);border:1px solid color-mix(in srgb,var(--nk) 55%,var(--border));border-left:4px solid var(--nk);box-shadow:0 16px 40px rgba(0,0,0,.55);
  transform:translate(-50%,-140%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}
.yeni-bildirim.acik{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.yeni-bildirim>i{color:var(--nk);font-size:1.2rem;flex-shrink:0}
.yeni-bildirim>span{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.yeni-bildirim small{font-size:.7rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--nk)}
.yeni-bildirim b{font-size:.92rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yeni-bildirim em{font-style:normal;font-size:.8rem;color:var(--text-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yeni-bildirim a{padding:7px 14px;border-radius:9px;background:var(--nk);color:#fff;font-weight:800;font-size:.84rem;text-decoration:none;flex-shrink:0}
.yeni-bildirim button{border:0;background:none;color:var(--muted);cursor:pointer;padding:6px;font-size:1rem}
@keyframes zilSalla{0%,100%{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-16deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}}
.zil-salla i{animation:zilSalla .9s ease;transform-origin:50% 0}
.yetkili-btn{position:relative}
.yetkili-btn i{color:#f472b6}
.notif-badge.yetkili-rozet{background:#db2777;display:flex}
.yetkili-dd{right:60px}
.yetkili-s{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;font-size:.86rem}
.yetkili-s:hover{background:var(--hover-bg,rgba(255,255,255,.04))}
.yetkili-s i{width:18px;text-align:center;color:#f472b6}
.yetkili-s span{flex:1}
.yetkili-s b{min-width:24px;padding:1px 8px;border-radius:999px;background:#db2777;color:#fff;font-size:.78rem;text-align:center}
@media (max-width:640px){ .yeni-bildirim{top:64px} .yetkili-dd{right:8px} }

/* Profil penceresi: emeği geçtiği projeler (afiş şeridi değil, adlı satırlar) */
.prof-ozet-proje{margin-top:14px;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}
.prof-ozet-pbas{display:flex;align-items:center;gap:7px;font-size:.74rem;font-weight:800;color:var(--text-s);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.prof-ozet-pbas>i{color:var(--pr)}
.prof-ozet-pbas b{margin-left:auto;min-width:20px;padding:1px 7px;border-radius:999px;background:var(--pr);color:#fff;font-size:.7rem;text-align:center}
.prof-ozet-pl{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.prof-ozet-pk{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 7px 5px 5px;border-radius:9px;background:rgba(255,255,255,.035);border:1px solid transparent;color:var(--text);text-decoration:none;transition:border-color .15s,background .15s}
.prof-ozet-pk:hover,.prof-ozet-pk:focus-visible{border-color:var(--pr);background:rgba(255,255,255,.06)}
.prof-ozet-pk img{width:28px;height:40px;border-radius:5px;object-fit:cover;flex:none;background:rgba(255,255,255,.05)}
.prof-ozet-pk span{display:flex;flex-direction:column;min-width:0;gap:1px}
.prof-ozet-pk b{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prof-ozet-pk small{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prof-ozet-pk small i{font-size:.62rem;color:var(--pr)}
.prof-ozet-daha{margin-top:7px;font-size:.72rem;color:var(--muted);text-align:center}
/* Profil sayfasına git: düğme olduğu belli, okla */
.prof-modal .prof-sayfa-a,.prof-sayfa-a{display:flex!important;align-items:center;gap:12px;margin-top:14px;padding:11px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--pr) 55%,var(--border));background:color-mix(in srgb,var(--pr) 12%,transparent);color:var(--text);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.prof-sayfa-a:hover,.prof-sayfa-a:focus-visible{background:color-mix(in srgb,var(--pr) 22%,transparent);border-color:var(--pr);transform:translateY(-1px)}
.prof-sayfa-a>i:first-child{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--pr);color:#fff;flex:none}
.prof-sayfa-a>span{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left}
.prof-sayfa-a>span b{font-size:.9rem}
.prof-sayfa-a>span small{font-size:.72rem;color:var(--text-s);font-weight:500;opacity:1}
.prof-sayfa-ok{color:var(--pr);transition:transform .15s}
.prof-sayfa-a:hover .prof-sayfa-ok{transform:translateX(3px)}
@media (max-width:380px){.prof-ozet-pl{grid-template-columns:1fr}}

/* ── ROZET BİRLEŞTİRME (01.10.2026) ─────────────────────────────
   Yorum ve profillerde yan yana duran rozetler (ADMİN, MOD, EKİP, VIP, ÜRETİCİ, site rolleri) farklı yükseklik, köşe,
   yazı tipi ve kenarlıkla tanımlıydı, birbirine yabancı duruyordu. Hepsi aynı ölçüye bağlandı: 20px yükseklik, 6px köşe,
   DM Sans 800, 1px kenarlık. Renk ve dolgu türü (dolu, yumuşak, çizgi) korunur; yalnız ölçü ve yazı tipi ortaktır. */
:root{--rz-h:20px;--rz-r:6px;--rz-fs:.64rem;--rz-px:8px}
.badge-admin,.badge-mod,.badge-ekip,.badge-director,.badge-pending,.badge-vip,.badge-uretici,.badge-rol{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;
  height:var(--rz-h);padding:0 var(--rz-px);border-radius:var(--rz-r);border:1px solid transparent;
  font-family:'DM Sans',sans-serif!important;font-size:var(--rz-fs)!important;font-weight:800!important;
  letter-spacing:.4px!important;line-height:1!important;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.badge-admin,.badge-mod,.badge-ekip,.badge-director{border-color:rgba(255,255,255,.14)}
/* VIP: dolgusuz altın çizgili (Orbitron yerine ortak yazı tipi) */
.badge-vip{background:rgba(245,158,11,.12)!important;border-color:rgba(245,158,11,.5)!important;color:var(--gold)!important;-webkit-text-fill-color:var(--gold)!important}
.badge-vip.ucretsiz{background:rgba(34,211,238,.1)!important;border-color:rgba(34,211,238,.5)!important}
/* Üretici: stüdyo rengiyle yumuşak */
.badge-uretici{background:color-mix(in srgb,var(--r) 14%,transparent);border-color:color-mix(in srgb,var(--r) 55%,transparent);margin-left:0}
.badge-uretici i,.badge-rol i{font-size:.95em;line-height:1}
/* Site rolleri: yumuşak tür varsayılan, diğer türlerde de 1px kenarlık ve aynı yükseklik */
.badge-rol{margin-left:0;text-transform:none}
.badge-rol.bh{text-transform:uppercase}
.badge-rol.s-cizgi{border-width:1px}
.badge-rol-nokta{width:6px;height:6px}
/* Özel yazı tipi seçilmiş roller: yazı tipi korunur ama ortak ölçüye sığar */
.badge-rol.f{font-size:calc(var(--rz-fs) - .04rem)!important;font-weight:700!important;letter-spacing:.3px!important}
.cfb-rozet{gap:4px}
.badge-rol{border-color:color-mix(in srgb,var(--r) 55%,transparent)}