/* index.html sayfası için stiller — refactor ile <style> bloğundan ayrıldı. */

/* Renk/ölçü değişkenleri css/variables.css'ten gelir — her sayfa kendi
   :root'unu tanımlıyordu ve değerler birbirinden kaymıştı (panellerde
   --bg:#050505, sitede #060606 gibi). variables.css zaten "tek yetkili
   kaynak" diye yazılmış ama hiçbir sayfa yüklemiyordu. */

[data-theme="oled"]{--bg:#000;--surf:#050505;--card:#0a0a0a;--card-h:#0f0f0f}
[data-theme="light"]{--bg:#f5f5f7;--surf:#fff;--card:#fff;--card-h:#f0f0f2;--text:#111;--text-s:rgba(0,0,0,.7);--muted:rgba(0,0,0,.45);--border:rgba(0,0,0,.08);--border-h:rgba(0,0,0,.14)}
[data-theme="light"] nav.main-nav {background:rgba(245,245,247,.92)}
[data-theme="light"] .user-menu, [data-theme="light"] .notif-dropdown {background:rgba(255,255,255,.97)}
[data-theme="light"] .search-input-wrap, [data-theme="light"] .search-results {background:rgba(255,255,255,.95)}
[data-theme="light"] .search-input-wrap input, [data-theme="light"] .a-inp, [data-theme="light"] .gen-input, [data-theme="light"] .stg-inline input, [data-theme="light"] .cust-banner-input, [data-theme="light"] .stg-input, [data-theme="light"] .cust-bio {color:#111}
[data-theme="light"] .prof-modal, [data-theme="light"] .supp-box, [data-theme="light"] .apply-box, [data-theme="light"] .gen-box, [data-theme="light"] .auth-box, [data-theme="light"] .custom-box, [data-theme="light"] .settings-box {background:rgba(255,255,255,.97)}
[data-theme="light"] .bottom-nav {background:rgba(245,245,247,.96)}
/* Açık temada saydam beyaz tonlar görünmüyor — kontrast için siyah tonlara çevir */
[data-theme="light"] .empty-block,
[data-theme="light"] .cal-day,
[data-theme="light"] .top-list-item,
[data-theme="light"] .cal-upcoming-date,
[data-theme="light"] .nav-search-trigger,
[data-theme="light"] .nav-profile,
[data-theme="light"] .nav-search-trigger .kbd,
[data-theme="light"] .sr-recent-chip,
[data-theme="light"] .f-chip,
[data-theme="light"] .cal-nav button,
[data-theme="light"] .sugg-type,
[data-theme="light"] .faq-admin-controls button,
[data-theme="light"] .team-social,
[data-theme="light"] .a-tabs,
[data-theme="light"] .cust-color-opt,
[data-theme="light"] .cust-font-opt {background:rgba(0,0,0,.04)}
[data-theme="light"] .nav-profile:hover {background:rgba(0,0,0,.07)}
[data-theme="light"] .sugg-form textarea {background:#fff;color:#111}
[data-theme="light"] .toast {background:rgba(255,255,255,.97);color:#111;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 22px rgba(0,0,0,.12)}
[data-theme="light"] .badge-mod {background:#3b82f6}
[data-theme="light"] .badge-ekip {background:#a855f7}
[data-theme="light"] .badge-director {background:linear-gradient(135deg,#7c3aed,#a78bfa)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--pr);border-radius:8px}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Yana taşan tek bir öğe telefonda sayfanın genişliğini büyütüyor, sabit
   alt çubuk da ekrandan taşıyordu. html'de clip, sticky'yi bozmaz. */
html{overflow-x:clip}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font-family:inherit;-webkit-tap-highlight-color:transparent}
img{max-width:100%;display:block}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--pr);outline-offset:2px;border-radius:4px}

@keyframes lpulse{0%,100%{transform:scale(.93);opacity:.6}50%{transform:scale(1);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes dots{0%{content:''}33%{content:'.'}66%{content:'..'}100%{content:'...'}}
@keyframes rainbow{from{background-position:0 50%}to{background-position:-200% 50%}}
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
@keyframes skeleton{0%{background-position:-200% 0}100%{background-position:200% 0}}

#loader{position:fixed;inset:0;background:var(--bg);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .5s,visibility .5s}
#loader.hide{opacity:0;visibility:hidden}
/* Açılış göstergesi. Halka ile logo eskiden hizasızdı: halka 8px DIŞARI
   taşıyordu (inset:-8px) ve logo kendi kutusunu köşeden köşeye dolduruyordu,
   yani çapraz duran çizim çemberin dışına çıkıyordu. Artık halka kutunun
   kendisi, logo ise çemberin içine oturacak kadar içeriden (padding).
   Boyut da ekrana göre ölçekleniyor — mobilde 80px fazla yer kaplıyordu. */
.ld-wrap{position:relative;width:clamp(56px,17vw,80px);height:clamp(56px,17vw,80px)}
/* Logo kare bir çizim; kareyi çemberin İÇİNE sığdırmak için kenarı
   çapın en fazla 1/√2'si (≈%70) olmalı. %15 padding + %70 içerik =
   köşeler halkaya değmeden kalıyor. */
.ld-wrap img{width:100%;height:100%;padding:15%;object-fit:contain;position:relative;z-index:2;animation:lpulse 2.4s ease-in-out infinite}
.ld-ring{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--pr);border-radius:50%;animation:spin 1.2s linear infinite}
/* letter-spacing son harften sonra da boşluk bırakır; o boşluk kadar sola
   kaydırmazsak yazı çemberin altında ortalı durmuyor. */
.ld-txt{font-size:.65rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--muted);text-indent:4px}
.ld-txt::after{content:'';animation:dots 1.5s steps(3) infinite}

/* ═══ HABERLER ═══
   Eski kapatılabilir duyuru bannerlarının yerini alan haber kartları.
   Ana sayfada 3 kart (compact), Haberler sekmesinde tam arşiv. */
.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.875rem}
.news-grid.wide{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}

/* Haber düzenleme (admin) */
.news-card{position:relative}
.news-draft{position:absolute;top:9px;left:9px;background:#4b5563;color:#fff;font-size:.56rem;font-weight:900;letter-spacing:1px;padding:3px 7px;border-radius:5px;z-index:2}
.ne-label{font-size:.64rem;font-weight:800;text-transform:uppercase;color:var(--muted);letter-spacing:1.5px;margin-bottom:5px;display:block}
.ne-check{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;color:var(--text-s);margin-bottom:8px;cursor:pointer}
.ne-check input{width:15px;height:15px;accent-color:var(--pr);cursor:pointer}
#newsEditBox{max-height:88vh;overflow-y:auto}
#newsEditProject{appearance:none;cursor:pointer}
.ne-img-row{display:flex;gap:9px;align-items:center}
.ne-img-row .gen-input{flex:1}
.ne-img-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.03);flex-shrink:0;visibility:hidden}
.ne-img-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:7px}
.ne-img-status{font-size:.66rem;color:var(--muted);font-weight:700}

.news-card{--tone:var(--blue);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-left:3px solid var(--tone);border-radius:14px;overflow:hidden;cursor:pointer;text-align:left;transition:transform .25s var(--ease),border-color .2s,background .2s;animation:newsIn .35s var(--ease)}
@keyframes newsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.news-card:hover{transform:translateY(-3px);background:var(--card-h);border-color:var(--border-h);border-left-color:var(--tone)}
.news-card:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
.news-card.green{--tone:var(--green)}
.news-card.gold{--tone:var(--gold)}
.news-card.red{--tone:var(--red)}
.news-card.purple{--tone:var(--purple)}
.news-card.cyan{--tone:var(--cyan)}
.news-card-img{width:100%;aspect-ratio:16/7;overflow:hidden;background:var(--surf)}
.news-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.news-card-body{padding:13px 15px 15px;display:flex;flex-direction:column;gap:7px;flex:1}
.news-card-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.news-chip{display:inline-flex;align-items:center;gap:5px;font-size:.6rem;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:4px 9px;border-radius:20px;color:var(--tone);background:var(--card-h);border:1px solid var(--border-h)}
@supports (background:color-mix(in srgb,red 10%,transparent)){
  .news-chip{background:color-mix(in srgb,var(--tone) 14%,transparent);border-color:color-mix(in srgb,var(--tone) 26%,transparent)}
}
.news-chip.blue{--tone:var(--blue)}.news-chip.green{--tone:var(--green)}.news-chip.gold{--tone:var(--gold)}
.news-chip.red{--tone:var(--red)}.news-chip.purple{--tone:var(--purple)}.news-chip.cyan{--tone:var(--cyan)}
.news-pin{color:var(--pr);font-size:.66rem;transform:rotate(20deg)}
.news-date{font-size:.64rem;color:var(--muted);font-weight:600;margin-left:auto;white-space:nowrap}
.news-card-title{font-size:.92rem;font-weight:800;color:var(--text);line-height:1.35;margin:0}
.news-card.compact .news-card-title{font-size:.86rem}
.news-card-text{font-size:.75rem;color:var(--text-s);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-more{margin-top:auto;padding-top:4px;font-size:.68rem;font-weight:800;color:var(--tone);display:inline-flex;align-items:center;gap:5px}
.news-card:hover .news-more i{transform:translateX(3px)}
.news-more i{transition:transform .2s var(--ease)}

/* Sekme başlığındaki okunmadı noktası */
.tab-dot{width:6px;height:6px;border-radius:50%;background:var(--pr);display:inline-block;vertical-align:middle;margin-left:2px;box-shadow:0 0 0 3px var(--pr-s)}

/* Haber detay modalı */
.news-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(660px,94vw);max-height:88vh;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:18px;z-index:2600;opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);-webkit-overflow-scrolling:touch}
.news-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
[data-theme="light"] .news-modal{background:rgba(255,255,255,.98)}
.news-modal-img{width:100%;aspect-ratio:16/7;overflow:hidden;background:var(--surf)}
.news-modal-img img{width:100%;height:100%;object-fit:cover;display:block}
.news-modal-body{padding:20px 24px 26px}
/* Kapat butonu tarihin üstüne binmesin */
.news-modal .news-card-top{padding-right:34px}
.news-modal-img+.news-modal-body .news-card-top{padding-right:0}
.news-modal-title{font-size:1.3rem;font-weight:900;color:var(--text);line-height:1.3;margin:10px 0 0}
.news-modal-lead{font-size:.86rem;color:var(--text-s);line-height:1.6;margin:10px 0 0;font-weight:600}
.news-modal-text{font-size:.84rem;color:var(--text-s);line-height:1.75;margin-top:14px;word-break:break-word}
.news-modal-text p{margin:0 0 12px}
.news-modal-by{margin-top:18px;font-size:.7rem;color:var(--muted);font-style:italic}
.news-modal-proj{display:flex;align-items:center;gap:12px;margin-top:18px;padding:10px 12px;background:var(--surf);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}
.news-modal-proj:hover{border-color:var(--pr);background:var(--card-h)}
.news-modal-proj img{width:40px;height:56px;object-fit:cover;border-radius:7px;flex-shrink:0}
.news-modal-proj i{margin-left:auto;color:var(--pr);font-size:.8rem}
.nmp-lbl{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:800}
.nmp-title{font-size:.84rem;font-weight:800;margin-top:2px}

@media(max-width:640px){
  .news-grid,.news-grid.wide{grid-template-columns:1fr;gap:11px}
  .news-card-body{padding:11px 13px 13px}
  .news-card-title{font-size:.85rem}
  .news-modal{width:100vw;max-width:100vw;max-height:92vh;top:auto;bottom:0;left:0;transform:translateY(100%);border-radius:18px 18px 0 0}
  .news-modal.open{transform:translateY(0)}
  .news-modal-body{padding:16px 18px 24px}
  .news-modal-title{font-size:1.1rem}
}

nav.main-nav{position:sticky;top:0;z-index:1000;background:rgba(6,6,6,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);height:3.75rem;padding:0 var(--yan-bosluk);display:flex;align-items:center;gap:10px;contain:layout style}
.nav-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.8rem;letter-spacing:1.5px;flex-shrink:0}
/* Çember ve turuncu kenarlık kaldırıldı — logo doğrudan dursun.
   Yükseklik biraz arttı: çerçeve gidince logo optik olarak küçülüyordu. */
/* Normalde beyaz logo dosyası, üstüne gelince renkli aslı.
   Önce filtre (brightness(0) invert(1)) kullanılıyordu; çizimin kendi
   gri tonlarını da eziyor, kenarları sertleştiriyordu. Artık ayrı bir
   saydam beyaz dosya var (images/yasha-logo-beyaz.png).
   Çember çerçeve kalkınca logo kenar boşluksuz kalmıştı; %8 iç boşluk
   geri geldi ve yükseklik biraz arttı. */
.nav-logo img{height:34px;width:34px;object-fit:contain;padding:2px;
  content:url('../images/yasha-logo-beyaz.png');
  transition:transform .4s var(--ease),opacity .25s var(--ease)}
.nav-logo:hover img{transform:rotate(8deg) scale(1.08);content:url('../images/yasharecords-256.webp')}
[data-theme="light"] .nav-logo img{filter:invert(1)}
[data-theme="light"] .nav-logo:hover img{filter:none}
.nav-search-trigger{flex:1;max-width:26rem;margin:0 auto;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:8px 14px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.78rem;cursor:pointer;transition:all .25s;min-height:38px}
.nav-search-trigger:hover{border-color:var(--pr);background:var(--pr-s);color:var(--text-s)}
.nav-search-trigger .kbd{margin-left:auto;background:rgba(255,255,255,.07);padding:2px 7px;border-radius:4px;font-size:.62rem;font-weight:700;border:1px solid var(--border)}
.nav-right{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}
/* Düz renk: iki turuncu arası gradyan küçük düğmede bant gibi görünüyordu. */
.nav-support{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:var(--pr);color:#fff;font-size:.68rem;font-weight:800;text-transform:uppercase;border:none;cursor:pointer;transition:transform .3s var(--ease);min-height:36px}
.nav-support:hover{transform:translateY(-2px)}
.nav-icon{color:var(--muted);width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:7px;transition:color .2s,background .2s;background:none;border:none;cursor:pointer;font-size:.95rem;position:relative}
.nav-icon:hover{color:var(--pr);background:var(--pr-s)}
.notif-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--pr);border-radius:8px;font-size:.55rem;font-weight:800;color:#fff;-webkit-text-fill-color:#fff;display:flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none}
.nav-profile{display:flex;align-items:center;gap:5px;padding:3px 8px 3px 3px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid var(--border);cursor:pointer;transition:background .2s;min-height:36px}
.nav-profile:hover{background:rgba(255,255,255,.07)}
.nav-profile img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--pr)}
.nav-profile .np-name{font-size:.72rem;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){
  .nav-search-trigger .kbd,.nav-search-trigger span.search-lbl{display:none}
  .nav-search-trigger{max-width:none;flex:0 0 auto;width:38px;padding:0;justify-content:center}
  .nav-support span{display:none}
  .nav-profile .np-name{display:none}
}

.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(16px);z-index:2500;display:none;opacity:0;transition:opacity .3s;overflow-y:auto;padding:80px 16px 20px}
.search-overlay.open{display:block;opacity:1}
.search-box{max-width:40rem;margin:0 auto}
.search-input-wrap{background:rgba(16,16,16,.95);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);margin-bottom:16px}
.search-input-wrap i{color:var(--pr);font-size:1.05rem}
.search-input-wrap input{flex:1;background:none;border:none;color:#fff;font-size:1.05rem;font-weight:600;outline:none;min-height:36px}
.search-input-wrap .sc-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.8rem;padding:4px 10px;border-radius:5px;font-weight:700;font-family:inherit}
.search-input-wrap .sc-close:hover{background:rgba(255,255,255,.06);color:#fff}
.search-results{background:rgba(16,16,16,.95);border:1px solid var(--border);border-radius:14px;overflow:hidden;max-height:70vh;overflow-y:auto}
.sr-section{border-bottom:1px solid var(--border)}
.sr-section:last-child{border-bottom:none}
.sr-section-title{padding:10px 16px 6px;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted);display:flex;align-items:center;gap:7px}
.sr-section-title i{color:var(--pr)}
.sr-item{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s;color:var(--text);text-decoration:none;border-left:3px solid transparent}
.sr-item:hover,.sr-item.focused{background:rgba(255,69,0,.08);border-left-color:var(--pr)}
.sr-thumb{width:44px;height:44px;border-radius:7px;object-fit:cover;background:#0a0a0a;flex-shrink:0}
.sr-thumb.circle{border-radius:50%}
.sr-thumb.poster{width:36px;height:52px}
.sr-body{flex:1;min-width:0}
.sr-title{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-sub{font-size:.66rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sr-empty{padding:32px 16px;text-align:center;color:var(--muted);font-size:.85rem}
.sr-empty i{display:block;font-size:1.8rem;margin-bottom:10px;opacity:.25}
/* Arama geçmişi çipi: sol yarısı aramayı tekrarlar, sağdaki × tek
   kaydı siler. Başlıktaki düğme geçmişin tamamını temizler. */
.sr-recent-chip{display:inline-flex;align-items:center;background:var(--input-bg);border:1px solid var(--border);
  margin:4px;border-radius:16px;font-size:.7rem;color:var(--text-s);transition:border-color .2s,color .2s;font-family:inherit;overflow:hidden}
.sr-recent-chip:hover{border-color:var(--pr);color:var(--pr)}
.sr-recent-chip .src-go{display:inline-flex;align-items:center;gap:5px;padding:5px 4px 5px 11px;cursor:pointer}
.sr-recent-chip .src-del{background:none;border:none;color:inherit;opacity:.45;cursor:pointer;
  padding:5px 9px 5px 5px;font-size:.66rem;font-family:inherit;line-height:1}
.sr-recent-chip .src-del:hover{opacity:1;color:var(--red)}
.sr-clear-all{margin-left:auto;background:none;border:none;color:var(--muted);font-family:inherit;
  font-size:.6rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;padding:2px 4px}
.sr-clear-all:hover{color:var(--red)}

.user-menu,.notif-dropdown{position:fixed;top:calc(66px + var(--safe-t));right:4%;background:rgba(9,9,9,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.6);z-index:1200;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.97);transition:opacity .3s,transform .3s var(--ease);overflow:hidden}
.user-menu{min-width:250px}
.notif-dropdown{width:340px;max-width:92vw;max-height:480px;display:flex;flex-direction:column}
.user-menu.open,.notif-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
.um-head{padding:14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}
.um-head img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--pr)}
.um-name{font-size:.86rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.um-sub{font-size:.63rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:1px}
.um-items{padding:5px 0}
.um-items a,.um-items button{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:var(--text-s);font-family:inherit;font-size:.78rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s,color .2s;min-height:40px}
.um-items a:hover,.um-items button:hover{background:var(--pr-s);color:var(--pr)}
.um-items a i,.um-items button i{width:16px;font-size:.8rem;text-align:center;flex-shrink:0}
.um-admin{color:#ef4444!important}.um-admin:hover{background:rgba(239,68,68,.07)!important;color:#f87171!important}
.um-mod{color:var(--blue)!important}.um-mod:hover{background:rgba(59,130,246,.07)!important;color:#60a5fa!important}
.um-pm{color:var(--purple)!important}.um-pm:hover{background:rgba(168,85,247,.07)!important;color:#c084fc!important}
.um-logout{color:#ef4444!important}.um-logout:hover{background:rgba(239,68,68,.07)!important;color:#f87171!important}
.um-hr{height:1px;background:var(--border);margin:4px 0}

.notif-head{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.notif-head h4{font-size:.88rem;font-weight:800;display:flex;align-items:center;gap:7px}
.notif-head h4 i{color:var(--pr)}
.notif-mark-all{background:none;border:none;color:var(--pr);font-size:.68rem;font-weight:700;cursor:pointer;font-family:inherit;padding:3px 8px;border-radius:5px}
.notif-mark-all:hover{background:var(--pr-s)}
.notif-list{overflow-y:auto;flex:1;padding:6px 0}
.notif-item{display:flex;gap:10px;padding:10px 14px;cursor:pointer;transition:background .2s;border-left:3px solid transparent}
.notif-item:hover{background:rgba(255,255,255,.03)}
.notif-item.unread{background:rgba(255,69,0,.04);border-left-color:var(--pr)}
.notif-item-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;margin-top:1px}
.ni-reply{background:rgba(59,130,246,.15);color:var(--blue)}
.ni-like{background:rgba(255,69,0,.15);color:var(--pr)}
.ni-ep{background:rgba(34,197,94,.15);color:var(--green)}
.notif-item-body{flex:1;min-width:0}
.notif-item-title{font-size:.76rem;font-weight:800;margin-bottom:2px}
.notif-item-text{font-size:.71rem;color:var(--text-s);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notif-item-time{font-size:.62rem;color:var(--muted);margin-top:3px}
.notif-empty{text-align:center;padding:32px 16px;color:var(--muted);font-size:.82rem}
.notif-empty i{display:block;font-size:1.6rem;margin-bottom:9px;opacity:.2}

.hero{position:relative;width:100%;max-width:var(--kapsam);margin:0 auto;aspect-ratio:21/9;min-height:320px;max-height:620px;overflow:hidden;background:#000}
@media(max-width:768px){.hero{aspect-ratio:16/10;min-height:300px}}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .9s var(--ease);pointer-events:none}
.hero-slide.active{opacity:1;pointer-events:auto}
.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Hero karartması. Eskiden üç duraklıydı (.92 → .5 → 0) ve %45'te
   gözle görülür bir kırılma çizgisi bırakıyordu. Duraklar sıklaştırıldı
   ve eğri yumuşatıldı; görüntü karartmaya kademeli giriyor. */
.hero-slide::after{content:'';position:absolute;inset:0;background:
  linear-gradient(to right,rgba(6,6,6,.94) 0%,rgba(6,6,6,.88) 18%,rgba(6,6,6,.70) 34%,rgba(6,6,6,.44) 50%,rgba(6,6,6,.18) 66%,rgba(6,6,6,.04) 80%,transparent 92%),
  linear-gradient(to top,rgba(6,6,6,.96) 0%,rgba(6,6,6,.72) 16%,rgba(6,6,6,.34) 34%,rgba(6,6,6,.10) 50%,transparent 66%)}
.hero-content{position:absolute;bottom:8%;left:5%;right:5%;max-width:38.75rem;z-index:2;color:#fff}
/* Tür + etiketler. Eskiden tek bir "DİZİ · TÜRKÇE DUBLAJ" rozeti vardı;
   ikinci kısım her projede aynı olduğu için bilgi taşımıyordu. */
.hero-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.hero-tag{display:inline-block;background:var(--pr);border:1px solid var(--pr);color:#fff;
  padding:3px 10px;border-radius:5px;font-size:.58rem;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}
/* Etiketler türden geri planda: yalnız çerçeve, dolgu yok. */
.hero-tag.ince{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.88);letter-spacing:1px}
.hero-title{font-size:clamp(1.5rem,4.5vw,3.2rem);font-weight:900;line-height:1.05;margin-bottom:10px;text-shadow:0 2px 20px rgba(0,0,0,.6)}
.hero-desc{font-size:clamp(.75rem,1.6vw,.95rem);color:rgba(255,255,255,.82);max-width:32.5rem;line-height:1.55;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hero-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.68rem;color:rgba(255,255,255,.75);font-weight:600;margin-bottom:16px}
.hero-meta span{display:inline-flex;align-items:center;gap:5px}
.hero-meta i{color:var(--pr)}
.hero-actions{display:flex;gap:9px;flex-wrap:wrap}
.hero-btn{padding:11px 22px;border-radius:8px;font-weight:800;font-size:.78rem;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:7px;transition:transform .3s var(--ease),background .25s;font-family:inherit;min-height:42px;color:#fff}
.hero-btn.primary{background:var(--pr)}
.hero-btn.primary:hover{background:var(--pr-d);transform:translateY(-2px)}
.hero-btn.ghost{background:rgba(255,255,255,.14);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}
.hero-btn.ghost:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}
.hero-dots{position:absolute;bottom:16px;right:5%;display:flex;gap:6px;z-index:3}
.hero-dot{width:26px;height:3px;background:rgba(255,255,255,.3);border-radius:2px;cursor:pointer;transition:background .25s,width .3s}
.hero-dot.active{background:var(--pr);width:40px}
.hero-arrows{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;justify-content:space-between;width:100%;padding:0 8px;pointer-events:none}
.hero-arrow{background:rgba(0,0,0,.45);color:#fff;border:none;width:38px;height:38px;border-radius:50%;cursor:pointer;font-size:.95rem;pointer-events:auto;backdrop-filter:blur(4px);transition:background .2s,transform .3s}
.hero-arrow:hover{background:var(--pr);transform:scale(1.08)}
@media(max-width:600px){.hero-arrow{width:32px;height:32px;font-size:.82rem}.hero-btn{padding:10px 16px;font-size:.72rem}}

main{max-width:var(--kapsam);margin:0 auto;padding:0 var(--yan-bosluk) 4.4rem;position:relative}
.sec{margin-top:44px;animation:fadeUp .6s var(--ease) backwards}
.sec-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}
.sec-title{font-size:1.15rem;font-weight:900;display:flex;align-items:center;gap:10px}
.sec-title::before{content:'';width:3px;height:18px;background:var(--pr);border-radius:2px}
.sec-title .badge-live{font-size:.52rem;padding:2px 7px;background:var(--red);color:#fff;border-radius:3px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.sec-sub{font-size:.7rem;color:var(--muted);font-weight:600;margin-top:3px}
.sec-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sort-select{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);padding:7px 28px 7px 13px;border-radius:7px;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 7L1 3h8z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px;min-height:34px}
.sort-select:focus{border-color:var(--pr);outline:none}

/* Ana sayfadaki tek admin düğmesi — başlıksız, sağa yaslı ince satır */
.home-admin-row{display:flex;justify-content:flex-end;margin-bottom:14px}

/* Tür bölümlerindeki "Tümünü gör" — Keşfet'e o türle süzülmüş gider */
.kind-all{background:none;border:none;color:var(--muted);font-family:inherit;font-size:.72rem;font-weight:700;cursor:pointer;padding:7px 4px;display:flex;align-items:center;gap:5px;transition:color .2s var(--ease)}
.kind-all i{font-size:.62rem;transition:transform .2s var(--ease)}
.kind-all:hover{color:var(--pr)}
.kind-all:hover i{transform:translateX(3px)}

.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px;overflow-x:auto;padding-bottom:2px}
.filter-row::-webkit-scrollbar{display:none}
.f-chip{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);padding:8px 15px;border-radius:20px;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center;gap:6px}
.f-chip:hover{color:#fff;border-color:var(--pr)}
.f-chip.active{background:var(--pr);border-color:var(--pr);color:#fff}

.carousel{position:relative}
.carousel-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:8px;-webkit-overflow-scrolling:touch}
.carousel-track::-webkit-scrollbar{height:4px}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:rgba(16,16,16,.9);backdrop-filter:blur(8px);border:1px solid var(--border);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;opacity:0;transition:all .3s var(--ease)}
.carousel:hover .carousel-arrow{opacity:1}
.carousel-arrow:hover{background:var(--pr);border-color:var(--pr)}
.carousel-arrow.prev{left:-8px}.carousel-arrow.next{right:-8px}
@media(max-width:768px){.carousel-arrow{display:none}}

.cw-card{flex:0 0 17.5rem;scroll-snap-align:start;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s var(--ease),border-color .25s;text-decoration:none;color:var(--text);display:flex;flex-direction:column}
.cw-card:hover{transform:translateY(-3px);border-color:var(--pr)}
.cw-thumb{aspect-ratio:16/9;background:#0a0a0a;position:relative;overflow:hidden}
.cw-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.cw-card:hover .cw-thumb img{transform:scale(1.06)}
.cw-progress-bg{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(0,0,0,.6)}
.cw-progress-fill{height:100%;background:var(--pr)}
.cw-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:rgba(255,69,0,.9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;opacity:0;transition:opacity .3s}
.cw-card:hover .cw-play{opacity:1}
.cw-body{padding:11px 13px}
.cw-title{font-size:.82rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.cw-sub{font-size:.66rem;color:var(--muted)}
.cw-remove{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.65);color:#fff;border:none;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:.7rem;opacity:0;transition:all .25s}
.cw-card:hover .cw-remove{opacity:1}
.cw-remove:hover{background:var(--red)}
@media(max-width:600px){.cw-card{flex-basis:13.75rem}}

.pc-card{flex:0 0 10.3125rem;scroll-snap-align:start;cursor:pointer;text-decoration:none;color:var(--text);transition:transform .3s var(--ease);display:flex;flex-direction:column;position:relative}
.pc-card:hover{transform:translateY(-4px)}
.pc-poster-wrap{aspect-ratio:2/3;border-radius:10px;overflow:hidden;background:#0a0a0a;border:1px solid var(--border);position:relative;box-shadow:0 6px 16px rgba(0,0,0,.3);transition:box-shadow .3s,border-color .3s}
.pc-card:hover .pc-poster-wrap{box-shadow:0 12px 32px rgba(0,0,0,.35);border-color:var(--pr)}
.pc-poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.pc-card:hover .pc-poster-wrap img{transform:scale(1.05)}
.pc-ribbon{position:absolute;top:8px;left:-4px;background:var(--pr);color:#fff;font-size:.55rem;font-weight:800;padding:3px 9px;border-radius:3px;text-transform:uppercase;letter-spacing:.8px;z-index:2;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.pc-ribbon.gold{background:var(--gold);color:#000}
.pc-ribbon.green{background:var(--green)}
.pc-ribbon.new{background:var(--green)}
/* İçerik durumu şeritleri — askıya alınan/iptal edilen projeler */
.pc-ribbon.st-paused{background:var(--gold);color:#000}
.pc-ribbon.st-cancelled{background:var(--red);color:#fff}
.pc-ribbon.st-tba{background:var(--blue);color:#fff}
.pc-ribbon.st-hidden{background:#444;color:#fff}
.pc-card:has(.st-cancelled) .pc-poster-wrap img{filter:grayscale(.75)}
.pc-body{padding:10px 3px 0}
.pc-title{font-size:.82rem;font-weight:700;line-height:1.3;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.1rem}
.pc-meta{display:flex;gap:6px;align-items:center;font-size:.64rem;color:var(--muted);font-weight:600}
.pc-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted)}
.pc-ratings{position:absolute;bottom:8px;left:8px;display:flex;gap:3px;z-index:2}
.pc-rating-ico{width:18px !important;height:18px !important;flex-shrink:0;object-fit:contain;display:block;filter:invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.8))}

.ep-card{flex:0 0 19.375rem;scroll-snap-align:start;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s var(--ease),border-color .25s;text-decoration:none;color:var(--text);position:relative}
.ep-card:hover{transform:translateY(-3px);border-color:var(--pr)}
.ep-card-thumb{aspect-ratio:16/9;background:#0a0a0a;overflow:hidden;position:relative}
.ep-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.ep-card:hover .ep-card-thumb img{transform:scale(1.06)}
.ep-card-badge{position:absolute;top:8px;left:8px;background:var(--pr);color:#fff;font-size:.55rem;font-weight:800;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.8px;z-index:2}
.ep-card-body{padding:12px}
.ep-card-proj{font-size:.62rem;color:var(--pr);font-weight:800;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}
.ep-card-title{font-size:.85rem;font-weight:700;line-height:1.3;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep-card-meta{font-size:.64rem;color:var(--muted);display:flex;gap:8px;align-items:center}
.ep-card-meta i{color:var(--pr);font-size:.6rem}
@media(max-width:600px){.ep-card{flex-basis:16.25rem}}

.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.875rem}
.proj-grid .pc-card{flex:none}
@media(max-width:600px){.proj-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}}

/* YATAY KARTLAR — oyun sinematikleri, kısalar vb.
   Dikey anime posteri her içeriğe uymuyor: oyunlar yatay key art ile gelir.
   Kart iki sütun kaplar ve 16:9 çizilir. */
.pc-card.wide{flex:0 0 18.75rem}
.proj-grid .pc-card.wide{grid-column:span 2}
.pc-card.wide .pc-poster-wrap{aspect-ratio:16/9}
.pc-kind{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:5px;font-size:.56rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:4px 8px;border-radius:20px;background:rgba(0,0,0,.62);color:#fff;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
[data-theme="light"] .pc-kind{background:rgba(0,0,0,.55)}
@media(max-width:600px){
  .pc-card.wide{flex:0 0 15rem}
  .proj-grid .pc-card.wide{grid-column:1/-1}
}

.locked-section{position:relative;overflow:hidden;border-radius:12px}
.locked-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,6,6,.78) 0%,rgba(6,6,6,.94) 50%,rgba(6,6,6,.98) 100%);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;text-align:center;border-radius:12px;animation:fadeIn .4s var(--ease)}
.locked-icon{width:58px;height:58px;border-radius:50%;background:rgba(255,69,0,.15);border:2px solid var(--pr);display:flex;align-items:center;justify-content:center;color:var(--pr);font-size:1.4rem;margin-bottom:14px}
.locked-title{font-size:1.05rem;font-weight:800;margin-bottom:6px}
.locked-msg{font-size:.8rem;color:var(--text-s);margin-bottom:14px;max-width:22.5rem;line-height:1.55}
.locked-msg strong{color:var(--green)}
.locked-btn{background:var(--pr);color:#fff;border:none;padding:11px 26px;border-radius:9px;font-weight:800;font-size:.82rem;cursor:pointer;transition:transform .3s var(--ease);display:inline-flex;align-items:center;gap:7px;min-height:42px;font-family:inherit}
.locked-btn:hover{background:var(--pr-d);transform:translateY(-2px)}
.blurred-content{filter:blur(4px);pointer-events:none;user-select:none}
[data-theme="light"] .locked-overlay{background:linear-gradient(180deg,rgba(245,245,247,.5) 0%,rgba(245,245,247,.88) 50%,rgba(245,245,247,.96) 100%)}

.empty-block{text-align:center;padding:40px 20px;color:var(--muted);font-size:.83rem;background:rgba(255,255,255,.015);border-radius:11px;border:1px dashed var(--border)}
.empty-block i{display:block;font-size:1.8rem;margin-bottom:10px;opacity:.22}

.cal-wrap{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;overflow:hidden}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.cal-title{font-size:.96rem;font-weight:800}
.cal-nav{display:flex;gap:6px}
.cal-nav button{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);width:32px;height:32px;border-radius:7px;cursor:pointer;font-family:inherit;transition:all .2s}
.cal-nav button:hover{color:var(--pr);border-color:var(--pr)}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.cal-day{min-width:0}
.cal-day-label{text-align:center;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:6px 0}
.cal-day{min-height:58px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:4px;position:relative;cursor:default;transition:all .2s}
.cal-day.empty{background:none;border:none}
.cal-day.today{border-color:var(--pr);background:rgba(255,69,0,.06)}
.cal-day.has-event{cursor:pointer}
@media(hover:hover){.cal-day.has-event:hover{background:rgba(255,69,0,.1);border-color:var(--pr);transform:scale(1.04)}}
.cal-day-num{font-size:.72rem;font-weight:700;color:var(--text-s)}
.cal-day.today .cal-day-num{color:var(--pr)}
.cal-day-dot{width:5px;height:5px;background:var(--pr);border-radius:50%;margin-top:2px}
.cal-day-count{position:absolute;top:2px;right:2px;background:var(--pr);color:#fff;font-size:.52rem;font-weight:800;padding:1px 4px;border-radius:3px;min-width:12px;text-align:center}
.cal-upcoming-list{margin-top:16px;border-top:1px solid var(--border);padding-top:14px}
.cal-upcoming-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03);align-items:center}
.cal-upcoming-item:last-child{border-bottom:none}
.cal-upcoming-date{flex-shrink:0;width:44px;text-align:center;background:rgba(255,255,255,.03);border-radius:6px;padding:5px 0}
.cal-upcoming-date .cd-day{font-size:.96rem;font-weight:900;color:var(--pr);line-height:1}
.cal-upcoming-date .cd-mon{font-size:.55rem;text-transform:uppercase;font-weight:700;color:var(--muted);letter-spacing:.8px;margin-top:1px}
.cal-upcoming-body{flex:1;min-width:0}
.cal-upcoming-title{font-size:.8rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-upcoming-sub{font-size:.64rem;color:var(--muted);margin-top:2px}

.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:900px){.comm-grid{grid-template-columns:1fr}}
.comm-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0;overflow:hidden}
.comm-card h4{font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--muted);letter-spacing:1.5px;margin-bottom:12px;display:flex;align-items:center;gap:7px}
.comm-card h4 i{color:var(--pr)}
.comm-feed-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.03)}
.comm-feed-item:last-child{border-bottom:none}
.comm-feed-item img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}
.comm-feed-body{flex:1;min-width:0;font-size:.76rem;line-height:1.5}
.comm-feed-body .cfb-text{color:var(--text-s);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;word-break:break-word}
.comm-feed-time{font-size:.62rem;color:var(--muted);margin-top:3px}
.top-list-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,.02);border-radius:7px;margin-bottom:5px;transition:background .2s;cursor:pointer}
.top-list-item:hover{background:rgba(255,69,0,.05)}
.top-list-item .rank{font-size:.68rem;font-weight:900;color:var(--pr);min-width:22px;text-align:center}
.top-list-item img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}
.top-list-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:4px;padding:8px;background:none;border:1px dashed var(--border-h);border-radius:7px;color:var(--text-s);font-family:inherit;font-size:.7rem;font-weight:700;cursor:pointer;transition:color .2s,border-color .2s}
.top-list-more:hover{color:var(--pr);border-color:var(--pr)}
.top-list-item .tn{flex:1;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-list-item .tc{font-size:.7rem;font-weight:800;color:var(--pr)}

/* Köşegen renkli gradyan yerine düz kart + sol vurgu (haber kartı dili). */
.vip-sec{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:14px;padding:20px}
.vip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.vip-chip{display:inline-flex;align-items:center;gap:7px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22);padding:5px 12px 5px 5px;border-radius:24px;cursor:pointer;transition:transform .3s var(--ease)}
.vip-chip:hover{transform:translateY(-2px)}
.vip-chip img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.vip-chip span{font-size:.74rem;font-weight:700}

.sugg-box{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px}
.sugg-form textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--border);padding:11px 13px;border-radius:8px;color:#fff;font-size:.82rem;font-family:inherit;outline:none;resize:vertical;min-height:80px;transition:border-color .25s}
.sugg-form textarea:focus{border-color:var(--pr)}
.sugg-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:9px;flex-wrap:wrap}
.sugg-cnt{font-size:.65rem;color:var(--muted)}
.sugg-cnt.limit{color:var(--red)}
.sugg-submit{background:var(--pr);color:#fff;border:none;padding:9px 22px;border-radius:7px;font-weight:700;font-size:.78rem;cursor:pointer;font-family:inherit;transition:transform .25s var(--ease),background .25s;display:inline-flex;align-items:center;gap:6px;min-height:38px}
.sugg-submit:hover:not(:disabled){background:var(--pr-d);transform:translateY(-1px)}
.sugg-submit:disabled{opacity:.5;cursor:not-allowed}
.sugg-types{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
.sugg-type{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);padding:5px 11px;border-radius:15px;font-size:.66rem;font-weight:700;cursor:pointer;font-family:inherit;min-height:28px}
.sugg-type.active{background:var(--pr);border-color:var(--pr);color:#fff}

.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .25s}
.faq-item.open{border-color:rgba(255,69,0,.4)}
.faq-q{padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:.88rem;user-select:none;min-height:var(--tap)}
.faq-q::after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.78rem;color:var(--muted);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-q::after{transform:rotate(180deg);color:var(--pr)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease),padding .3s}
.faq-item.open .faq-a{max-height:500px;padding:0 16px 16px}
.faq-a-text{color:var(--text-s);font-size:.82rem;line-height:1.65;white-space:pre-wrap}
.faq-admin-controls{display:flex;gap:5px;margin-left:8px;flex-shrink:0}
.faq-admin-controls button{background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);width:28px;height:28px;border-radius:5px;cursor:pointer;font-size:.66rem}
.faq-admin-controls button:hover{color:var(--pr);border-color:var(--pr)}
.faq-admin-controls button.danger:hover{color:var(--red);border-color:var(--red)}

.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.875rem}
.team-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;text-align:center;transition:transform .3s var(--ease),border-color .25s;position:relative}
.team-card:hover{transform:translateY(-3px);border-color:var(--pr)}
.team-card img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--pr);margin:0 auto 10px;background:#0a0a0a}
.team-name{font-size:.95rem;font-weight:800;margin-bottom:3px}
.team-role{font-size:.64rem;color:var(--pr);font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
/* Rol şablonuyla eşleşen rol, kendi rengi ve ikonuyla bir rozet olarak
   çiziliyor. Açıklama rozetin title'ında: kart zaten biyografiyi
   taşıyor, iki paragraf yan yana olunca ikisi de okunmuyordu. */
.team-role.rozetli{
  --r:var(--pr);
  display:inline-flex;align-items:center;gap:.3rem;
  color:var(--r);text-transform:none;letter-spacing:.02em;
  font-size:.67rem;
  background:var(--input-bg);border:1px solid var(--border-h);
  border-radius:1rem;padding:.16rem .56rem;
  cursor:help;
}
.team-role.rozetli i{font-size:.6rem}
/* Kişinin başka rolleri: "+N" düğmesi. Tıklayınca kartın içinde açılıyor;
   hepsini baştan yazmak kartı şişiriyordu. */
/* Diğer roller kartın akışına girmiyor: rozetin altında süzülen küçük bir
   kutu olarak açılıyor. Önceden kart uzuyordu, grid aynı satırdaki bütün
   kartları da onunla birlikte uzatıyordu. */
.team-roller{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:8px;position:relative}
.team-roller > .team-role{margin-bottom:0}
.team-role-ek{
  font-family:inherit;font-size:.6rem;font-weight:900;cursor:pointer;
  color:var(--text-s);background:none;border:none;
  border-left:1px solid var(--border-h);padding:0 0 0 .38rem;margin-left:.15rem;
  min-width:1.3rem;text-align:left;transition:color .2s;
}
.team-role-ek:hover,.team-roller.acik .team-role-ek{color:var(--r)}
.team-role-diger{
  display:none;flex-wrap:wrap;justify-content:center;gap:.3rem;
  position:absolute;top:calc(100% + .1rem);left:50%;transform:translateX(-50%);
  z-index:20;width:max-content;max-width:min(16rem,86vw);
  padding:.5rem .55rem;border-radius:.7rem;
  background:var(--card);border:1px solid var(--border-h);
  box-shadow:0 .7rem 1.8rem rgba(0,0,0,.45);
}
.team-roller.acik .team-role-diger{display:flex;animation:rolKutu .18s ease}
.team-card:has(.team-roller.acik){z-index:15}
.team-role.rozetli.kucuk{font-size:.6rem;padding:.1rem .5rem;margin:0}
.team-role.rozetli.kucuk i{font-size:.55rem}
@keyframes rolKutu{from{opacity:0;transform:translate(-50%,-3px)}to{opacity:1;transform:translateX(-50%)}}
@keyframes rolAc{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
/* Ekip kartı alt bağlantısı — "Profili Gör" / "Yer Aldığı Projeleri Gör" */
.team-link{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:.68rem;color:var(--pr);font-weight:700;cursor:pointer;transition:opacity .2s var(--ease)}
.team-link:hover{opacity:.72}
.team-bio{font-size:.74rem;color:var(--text-s);line-height:1.55;margin-bottom:10px;min-height:40px}
.team-socials{display:flex;justify-content:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}
.team-social{width:30px;height:30px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-s);display:flex;align-items:center;justify-content:center;font-size:.78rem;transition:all .2s}
.team-social:hover{color:var(--pr);border-color:var(--pr)}
.team-apply-banner{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--pr);border-radius:14px;padding:22px 24px;text-align:left;margin-bottom:20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.team-apply-banner .tab-ikon{width:42px;height:42px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;color:var(--pr);
  background:var(--pr-s);border:1px solid rgba(255,69,0,.22)}
@media(max-width:620px){.team-apply-banner{gap:12px}.team-apply-banner .hero-btn{width:100%;justify-content:center}}
.team-apply-banner h3{font-size:1rem;font-weight:800;margin-bottom:5px}
.team-apply-banner > div{flex:1;min-width:220px}
.team-apply-banner p{font-size:.8rem;color:var(--text-s);margin-bottom:0;line-height:1.55}
.team-admin-edit{position:absolute;top:10px;right:10px;display:flex;gap:4px}
.team-admin-edit button{background:rgba(0,0,0,.5);border:1px solid var(--border);color:#fff;width:26px;height:26px;border-radius:5px;cursor:pointer;font-size:.62rem}
.team-admin-edit button:hover{background:var(--pr)}
.team-card.dragging{opacity:.5;border:2px dashed var(--pr);transform:scale(.96)}
.team-card.drag-over{border-color:var(--gold)}
.team-admin-edit .drag-handle{background:rgba(0,0,0,.5);border:1px solid var(--border);color:#fff;width:26px;height:26px;border-radius:5px;cursor:grab;font-size:.62rem;display:flex;align-items:center;justify-content:center}
.team-admin-edit .drag-handle:active{cursor:grabbing;background:var(--pr)}

.modal-bg{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.82);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .3s}
.modal-bg.open{opacity:1;pointer-events:auto}
.m-close{width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,transform .3s var(--ease);font-family:inherit;font-size:.88rem}
.m-close:hover{background:var(--pr);transform:rotate(90deg)}

.auth-bg{position:fixed;inset:0;z-index:2100;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}
.auth-bg.open{opacity:1;pointer-events:auto}
.auth-box{position:fixed;z-index:2101;top:50%;left:50%;width:92%;max-width:450px;max-height:92vh;background:rgba(12,12,12,.96);backdrop-filter:blur(32px) saturate(180%);border-radius:18px;overflow:hidden;overflow-y:auto;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.7)}
.auth-box.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.a-head{padding:24px 24px 0;text-align:center}
/* Çember çerçeve ve sürekli nabız kalktı: logonun kendi kenar boşluğu
   var, daire içine alınca kırpılmış duruyordu. */
.a-logo{width:54px;height:54px;object-fit:contain;margin-bottom:12px}
.a-title{font-size:1.25rem;font-weight:900;margin-bottom:3px}
.a-sub{font-size:.75rem;color:var(--muted);margin-bottom:16px}
.a-tabs{display:flex;gap:4px;background:rgba(255,255,255,.04);padding:3px;border-radius:9px;margin:0 24px 18px}
.a-tab{flex:1;background:none;border:none;color:var(--muted);padding:9px 14px;border-radius:7px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:inherit;min-height:38px}
.a-tab.active{background:var(--pr);color:#fff}
.a-form{padding:0 24px 24px}
.a-field{margin-bottom:13px}
.a-lbl{display:block;font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:5px}
.a-inp{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:11px 13px;border-radius:9px;color:#fff;font-size:.84rem;font-family:inherit;outline:none;transition:border-color .25s;min-height:42px}
.a-inp:focus{border-color:var(--pr);box-shadow:0 0 0 2px rgba(255,69,0,.1)}
.a-inp::placeholder{color:var(--muted)}
.a-hp{position:absolute;left:-9999px;opacity:0;pointer-events:none}
.a-submit{width:100%;background:var(--pr);color:#fff;border:none;padding:13px;border-radius:9px;font-size:.84rem;font-weight:800;cursor:pointer;font-family:inherit;transition:background .25s var(--ease),transform .3s var(--ease);display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px}
.a-submit:hover:not(:disabled){transform:translateY(-2px)}
.a-submit:disabled{opacity:.5;cursor:not-allowed}
.a-err,.a-ok{font-size:.73rem;padding:9px 13px;border-radius:7px;margin-bottom:13px;display:none;align-items:flex-start;gap:7px}
.a-err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.25);color:#fca5a5}
.a-ok{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#86efac}
.a-err.show,.a-ok.show{display:flex}
.a-foot{text-align:center;padding:16px 24px;font-size:.7rem;color:var(--muted);border-top:1px solid var(--border)}
.a-foot a{color:var(--pr);font-weight:700;cursor:pointer}
.a-req{font-size:.63rem;color:var(--muted);margin-top:5px;line-height:1.5}
.a-forgot{text-align:right;font-size:.68rem;margin-top:-5px;margin-bottom:12px}
.a-forgot a{color:var(--pr);font-weight:700;cursor:pointer}
@media(max-width:640px){.auth-box{width:100%;max-width:100%;max-height:100vh;border-radius:0;top:0;left:0;transform:translateY(5%);height:100vh}.auth-box.open{transform:translateY(0)}}

.custom-box,.settings-box{position:fixed;z-index:2201;top:50%;left:50%;width:94%;max-width:720px;max-height:92vh;background:rgba(12,12,12,.97);backdrop-filter:blur(28px);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s;border:1px solid var(--border)}
.settings-box{max-width:560px}
.custom-box.open,.settings-box.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.custom-head,.stg-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.custom-head h3,.stg-head h3{font-size:1rem;font-weight:900;display:flex;align-items:center;gap:8px}
.custom-head h3 i,.stg-head h3 i{color:var(--pr)}
.custom-body,.stg-body{padding:20px;overflow-y:auto;flex:1}
.custom-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;flex-wrap:wrap}
.cust-section,.stg-group{margin-bottom:20px}
.cust-section-title,.stg-group-title{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px;display:flex;align-items:center;gap:7px;padding-bottom:7px;border-bottom:1px solid var(--border)}
.cust-section-title i,.stg-group-title i{color:var(--pr)}
.vip-only{margin-left:auto;background:var(--gold);color:#000;font-size:.52rem;padding:1px 6px;border-radius:3px;font-weight:800;letter-spacing:.5px}
.cust-banner-preview{width:100%;aspect-ratio:4/1;border-radius:10px;background:#1a1a2e;background-size:cover;background-position:center;position:relative;overflow:hidden;margin-bottom:10px;border:1px solid var(--border)}
.cust-banner-preview::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.6))}
.cust-banner-preview .cbp-label{position:absolute;bottom:8px;left:10px;font-size:.6rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px;z-index:2;text-shadow:0 1px 4px rgba(0,0,0,.6)}
.cust-banner-input,.stg-input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:10px 12px;border-radius:8px;color:#fff;font-size:.78rem;font-family:inherit;outline:none;min-height:40px}
.cust-banner-input:focus,.stg-input:focus{border-color:var(--pr)}
.cust-banner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:10px}
.cust-banner-opt{aspect-ratio:16/9;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .25s;background:#0a0a0a;position:relative}
.cust-banner-opt img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.cust-banner-opt:hover{border-color:var(--pr);transform:scale(1.02)}
.cust-banner-opt.active{border-color:var(--pr);box-shadow:0 0 0 3px rgba(255,69,0,.2)}
.cust-banner-opt.active::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:6px;right:6px;background:var(--pr);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.66rem}
/* ── EKİP ÜYESİ DÜZENLEME: SOSYAL + EKSTRA BAĞLANTI ─────────── */
.sos-ipucu{font-size:.68rem;color:var(--muted);line-height:1.55;margin-bottom:10px}
.sos-ipucu i{color:var(--blue);margin-right:4px}
.sos-ipucu code{background:var(--input-bg);border:1px solid var(--border);border-radius:4px;
  padding:1px 5px;font-size:.66rem;font-family:ui-monospace,monospace}
.sos-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:560px){.sos-grid{grid-template-columns:1fr}}
.sos-alan{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--border);
  border-radius:8px;padding:0 10px;transition:border-color .2s}
.sos-alan:focus-within{border-color:var(--pr)}
.sos-alan > i{color:var(--muted);font-size:.85rem;width:16px;text-align:center;flex-shrink:0}
.sos-alan input{background:none!important;border:none!important;padding:9px 0!important;margin:0!important;flex:1;min-width:0}
/* Yazarken üretilen adres — "sadece kullanıcı adı yeter"i göstermenin yolu */
.sos-onizleme{margin-top:9px;display:flex;flex-direction:column;gap:4px}
.sos-onizleme:empty{display:none}
.sos-satir{display:flex;align-items:center;gap:7px;font-size:.66rem;color:var(--muted);
  background:var(--hover-bg);border-radius:6px;padding:5px 8px}
.sos-satir i{color:var(--text-s);width:14px;text-align:center;flex-shrink:0}
.sos-satir span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sos-satir.hatali{color:var(--red)}
.sos-satir.hatali i{color:var(--red)}
.ek-ipucu{font-size:.68rem;color:var(--muted);margin-bottom:9px;line-height:1.5}
.ek-satir{display:grid;grid-template-columns:130px 1fr 32px;gap:6px;margin-bottom:6px;align-items:center}
@media(max-width:560px){.ek-satir{grid-template-columns:1fr 1fr 32px}}
.ek-satir input{margin:0!important}
.ek-sil{background:var(--input-bg);border:1px solid var(--border);color:var(--muted);border-radius:7px;
  height:36px;cursor:pointer;font-family:inherit;font-size:.72rem;display:flex;align-items:center;justify-content:center}
.ek-sil:hover{color:var(--red);border-color:var(--red)}
.ek-bos{font-size:.7rem;color:var(--muted);padding:8px 0;font-style:italic}
.cust-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;margin-top:8px}
/* ── KOZMETİK KATMANLARI ──────────────────────────────────────
   Kilitli seçenekler gizlenmiyor: soluk + tıklanamaz duruyor ki
   üye neyi kazanacağını görsün. Katman rozeti hangi gruba ait
   olduğunu söyler (VIP / VIP-EKİP ortak / yalnız EKİP). */
.koz-bilgi{display:flex;gap:10px;align-items:flex-start;background:var(--input-bg);border:1px solid var(--border);
  border-left:3px solid var(--muted);border-radius:10px;padding:10px 12px;margin-bottom:14px;
  font-size:.74rem;line-height:1.5;color:var(--text-s)}
.koz-bilgi > i{color:var(--muted);font-size:.85rem;margin-top:2px;flex-shrink:0}
.koz-bilgi.ekip{border-left-color:var(--purple)}
.koz-bilgi.ekip > i{color:var(--purple)}
.koz-tier{display:block;margin-top:3px;font-size:.5rem;font-weight:900;letter-spacing:.7px;
  color:var(--muted);-webkit-text-fill-color:var(--muted);text-transform:uppercase}
.koz-tier.ekip{color:var(--purple);-webkit-text-fill-color:var(--purple)}
.koz-tier.vip{color:var(--gold);-webkit-text-fill-color:var(--gold)}
.cust-color-opt.kilitli,.cust-font-opt.kilitli,.cust-frame-opt.kilitli{opacity:.32;cursor:not-allowed;filter:saturate(.5)}
.cust-color-opt.kilitli:hover,.cust-font-opt.kilitli:hover{border-color:transparent;transform:none}
.cust-frame-opt.kilitli:hover{transform:none}
.cust-frame-opt.kilitli > i{position:relative;z-index:1;color:var(--muted);font-size:.6rem}
.cust-font-opt .koz-tier{font-family:'DM Sans',sans-serif}
.cust-color-opt{padding:8px 6px;border-radius:7px;cursor:pointer;border:2px solid transparent;transition:all .25s;font-size:.68rem;font-weight:800;color:#fff;-webkit-text-fill-color:#fff;background:var(--input-bg);text-align:center;line-height:1.2}
.cust-color-opt:hover{border-color:var(--pr)}
.cust-color-opt.active{border-color:var(--pr);transform:scale(1.05)}
.cust-font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:7px;margin-top:8px}
.cust-font-opt{background:var(--input-bg);border:1px solid var(--border);padding:9px 12px;border-radius:8px;cursor:pointer;text-align:center;transition:all .25s;font-size:.82rem;line-height:1.25}
.cust-font-opt:hover{border-color:var(--pr);background:var(--pr-s)}
.cust-font-opt.active{border-color:var(--pr);background:var(--pr-s);color:var(--pr)}
.cust-frame-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:7px;margin-top:8px}
.cust-frame-opt{aspect-ratio:1;border-radius:50%;cursor:pointer;transition:all .25s;position:relative;display:flex;align-items:center;justify-content:center}
.cust-frame-opt::before{content:'';position:absolute;inset:3px;border-radius:50%;background:#111}
.cust-frame-opt:hover{transform:scale(1.1)}
.cust-frame-opt.active::after{content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;position:relative;z-index:1;color:#fff;font-size:.72rem}
.cust-bio{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:10px 12px;border-radius:8px;color:#fff;font-family:inherit;font-size:.82rem;outline:none;resize:vertical;min-height:70px}
.cust-bio:focus{border-color:var(--pr)}
.cust-bio-cnt{font-size:.63rem;color:var(--muted);margin-top:4px;text-align:right}
.cust-btn{background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-s);padding:9px 16px;border-radius:8px;cursor:pointer;font-size:.78rem;font-weight:700;transition:all .25s;font-family:inherit;min-height:38px;display:inline-flex;align-items:center;gap:6px}
.cust-btn:hover{color:#fff;border-color:var(--pr);background:var(--pr-s)}
.cust-btn.primary{background:var(--pr);border-color:var(--pr);color:#fff}
.cust-btn.primary:hover{background:var(--pr-d)}
.cust-btn.danger{color:#fca5a5}
.cust-btn.danger:hover{background:rgba(239,68,68,.12);border-color:var(--red);color:var(--red)}
.stg-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border);gap:10px}
.stg-row:last-child{border-bottom:none}
.stg-row.col{flex-direction:column;align-items:stretch;gap:8px}
.stg-row-info{flex:1}
.stg-row-lbl{font-size:.83rem;font-weight:700}
.stg-row-desc{font-size:.68rem;color:var(--muted);margin-top:4px;line-height:1.5}
.stg-inline{display:flex;gap:7px}
.stg-inline input{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:9px 12px;border-radius:7px;color:#fff;font-family:inherit;font-size:.78rem;outline:none}
.stg-inline input:focus{border-color:var(--pr)}
.stg-inline button{background:var(--pr);border:none;color:#fff;padding:9px 14px;border-radius:7px;font-weight:700;font-size:.72rem;cursor:pointer;font-family:inherit;white-space:nowrap}
.stg-inline button:hover{background:var(--pr-d)}
.toggle{position:relative;width:42px;height:22px;flex-shrink:0}
.toggle input{opacity:0;width:0;height:0}
.tgl-slider{position:absolute;inset:0;background:rgba(255,255,255,.1);border-radius:22px;cursor:pointer;transition:background .3s}
.tgl-slider::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .3s var(--ease)}
.toggle input:checked+.tgl-slider{background:var(--pr)}
.toggle input:checked+.tgl-slider::before{transform:translateX(20px)}
.stg-msg{font-size:.7rem;margin-top:6px;padding:6px 10px;border-radius:5px;display:none}
.stg-msg.show{display:block}
.stg-msg.ok{background:rgba(34,197,94,.1);color:#86efac;border:1px solid rgba(34,197,94,.2)}
.stg-msg.err{background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}
@media(max-width:640px){.custom-box,.settings-box{width:100%;max-width:100%;max-height:100vh;border-radius:0;top:0;left:0;transform:translateY(5%)}.custom-box.open,.settings-box.open{transform:translateY(0)}}

.prof-modal{position:fixed;z-index:3000;top:50%;left:50%;width:92%;max-width:600px;background:rgba(12,12,12,.97);backdrop-filter:blur(24px) saturate(180%);border-radius:16px;overflow:hidden;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s;border:1px solid var(--border)}
.prof-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.prof-banner{height:100px;background-size:cover;background-position:center;position:relative}
.prof-banner-grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(12,12,12,1) 100%)}
.prof-av-wrap{position:absolute;bottom:-28px;left:20px}
.prof-av{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block}
.prof-body{padding:36px 20px 22px}
.prof-name{font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}
.prof-role{font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted)}
.prof-bio{font-size:.8rem;color:var(--text-s);margin-top:10px;line-height:1.55}
.prof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}
.prof-stat{background:rgba(255,255,255,.03);border:1px solid var(--border);padding:9px 6px;border-radius:8px;text-align:center}
.prof-stat .ps-num{font-size:1rem;font-weight:900;color:var(--pr)}
.prof-stat .ps-lbl{font-size:.55rem;font-weight:800;text-transform:uppercase;color:var(--muted);letter-spacing:.5px;margin-top:2px}
@media(max-width:640px){.prof-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0;top:0;left:0;transform:translateY(5%)}.prof-modal.open{transform:translateY(0)}}

.trailer-modal{position:fixed;z-index:2800;top:50%;left:50%;width:94%;max-width:960px;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s}
.trailer-modal.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.trailer-wrap{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;position:relative}
.trailer-wrap iframe,.trailer-wrap video{position:absolute;inset:0;width:100%;height:100%;border:none}
.trailer-modal .m-close{position:absolute;top:-45px;right:0}
.trailer-title{margin-top:14px;font-size:1rem;font-weight:800;color:#fff;text-align:center}

.supp-box,.apply-box,.gen-box{position:fixed;z-index:2001;top:50%;left:50%;width:92%;max-width:400px;background:rgba(12,12,12,.96);backdrop-filter:blur(24px) saturate(180%);border-radius:14px;padding:24px;transform:translate(-50%,-50%) scale(.95);opacity:0;pointer-events:none;transition:transform .4s var(--ease),opacity .3s;border:1px solid var(--border)}
.apply-box{max-width:520px;max-height:92vh;overflow-y:auto}
/* Onay penceresi en üstte: düzenleme penceresinin (.ae-box, 2650)
   üstünden onay isteniyor. 2600'de kalınca arkada kalıyor ve
   düğmesine tıklanamıyordu. */
.gen-box{max-width:440px;z-index:2700}
.supp-box.open,.apply-box.open,.gen-box.open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
.supp-title,.apply-title,.gen-title{font-size:1rem;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.supp-title i,.gen-title i{color:var(--pr)}
.supp-socials{display:flex;justify-content:center;gap:10px;margin-bottom:14px}
.supp-social{width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-s);font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease)}
.supp-social:hover{border-color:var(--pr);color:var(--pr);transform:translateY(-2px)}
.supp-discord-btn,.apply-discord{display:flex;align-items:center;justify-content:center;gap:8px;background:#5865f2;color:#fff;padding:11px;border-radius:9px;font-weight:800;font-size:.84rem;text-decoration:none;transition:transform .25s var(--ease);min-height:42px}
.supp-discord-btn:hover,.apply-discord:hover{transform:translateY(-2px)}
.apply-roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:18px}
.apply-role{background:rgba(255,255,255,.03);border:1px solid var(--border);padding:12px;border-radius:9px;text-align:center;font-size:.76rem;font-weight:700;transition:all .25s}
.apply-role:hover{border-color:var(--pr);background:var(--pr-s)}
.apply-role i{display:block;font-size:1.2rem;color:var(--pr);margin-bottom:5px}
.gen-msg{font-size:.82rem;color:var(--text-s);line-height:1.55;margin-bottom:14px}
.gen-input{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:10px 12px;border-radius:8px;color:#fff;font-size:.82rem;font-family:inherit;outline:none;margin-bottom:14px;min-height:42px}
.gen-input:focus{border-color:var(--pr)}
.gen-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
/* Tema kutuları katalogdan çiziliyor (js/theme.js). Önizleme rengi
   satır içi --z (zemin) ve --v (vurgu) ile geliyor; her tema için
   ayrı sınıf yazmak, tema eklemeyi üç dosyaya dokunan bir işe
   çeviriyordu. */
.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}
.theme-grup{
  grid-column:1/-1;font-size:.6rem;font-weight:900;letter-spacing:.09em;
  text-transform:uppercase;color:var(--muted);margin:6px 0 -2px;
}
.theme-opt{background:rgba(255,255,255,.03);border:2px solid var(--border);border-radius:10px;padding:14px;cursor:pointer;text-align:center;transition:all .25s;display:flex;flex-direction:column;align-items:center;gap:7px}
.theme-opt:hover{border-color:var(--pr)}
.theme-opt.active{border-color:var(--pr);background:var(--pr-s)}
/* Kilitli tema gizlenmiyor, soluk gösteriliyor: neyi kaçırdığını
   görmeyen kimse VIP olmak istemez. Tıklanınca sebebini söylüyor. */
.theme-opt.kilitli{opacity:.42;cursor:not-allowed}
.theme-opt.kilitli:hover{border-color:var(--border)}
.theme-preview{width:100%;height:60px;border-radius:7px;overflow:hidden;position:relative;border:1px solid var(--border);background:var(--z,#060606)}
.theme-preview::after{content:'';position:absolute;inset:12px;background:var(--v,var(--pr));border-radius:4px}
.theme-name{font-size:.72rem;font-weight:700;display:flex;align-items:center;gap:5px}
.theme-name i{font-size:.62rem;opacity:.8}
@media(max-width:640px){.apply-box{width:100%;max-width:100%;max-height:100vh;border-radius:0;top:0;left:0;transform:translateY(5%)}.apply-box.open{transform:translateY(0)}}

.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));justify-content:space-around;contain:layout style}
@media(max-width:760px){.bottom-nav{display:flex}body{padding-bottom:70px}}
.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}

.toast{position:fixed;bottom:calc(24px + var(--safe-b));left:50%;transform:translateX(-50%) translateY(100px);background:rgba(13,13,13,.96);backdrop-filter:blur(16px);border:1px solid var(--border);color:#fff;padding:10px 22px;border-radius:9px;font-size:.8rem;font-weight:700;z-index:5000;box-shadow:0 8px 22px rgba(0,0,0,.5);transition:transform .4s var(--ease),opacity .4s;opacity:0;pointer-events:none;display:flex;align-items:center;gap:9px;max-width:90vw}
.toast.show{transform:translateX(-50%) translateY(0);opacity:1}
.toast i{color:var(--pr);flex-shrink:0}.toast.ok i{color:var(--green)}.toast.err i{color:var(--red)}
@media(max-width:760px){.toast{bottom:calc(80px + var(--safe-b))}}

footer{background:var(--surf);padding:3.25rem var(--yan-bosluk) 2.25rem;text-align:center;border-top:1px solid var(--border);margin-top:60px}
.foot-nav{display:flex;justify-content:center;gap:18px;margin-bottom:18px;flex-wrap:wrap}
.foot-nav a{font-size:.74rem;color:var(--text-s);font-weight:700;transition:color .25s;cursor:pointer}
.foot-nav a:hover{color:var(--pr)}
.social{display:flex;justify-content:center;gap:10px;margin-bottom:20px}
.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}
.social a:hover{color:var(--pr);background:var(--pr-s);transform:translateY(-2px)}
/* Turuncu çember ve yuvarlak kırpma kaldırıldı — logo doğrudan dursun. */
.foot-logo{width:46px;height:46px;object-fit:contain;opacity:.75;margin:0 auto 12px;
  content:url('../images/yasha-logo-beyaz.png');transition:opacity .3s}
.foot-logo:hover{opacity:1}
[data-theme="light"] .foot-logo{filter:invert(1)}
.foot-brand{font-weight:800;font-size:.82rem;letter-spacing:1px;margin-bottom:14px}
.foot-copyright{font-size:.62rem;color:var(--muted);font-weight:700;letter-spacing:1px;margin-bottom:10px}
.disclaimer{max-width:660px;margin:12px auto 0;font-size:.5rem;color:rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:1px;line-height:1.8}

/* Sekme çubuğu. Eskiden her sekme flex:1 ile ekranı bölüyordu; yedi
   sekme sayfanın tamamını kaplayan dev bir şerit oluyor, aktif olan da
   kocaman turuncu bir blok olarak duruyordu — sayfanın en "hazır şablon"
   duran yeriydi. Artık sekmeler içeriği kadar yer kaplıyor, çubuk sola
   yaslı ve aktif sekme daha sakin. */
/* flex:1 idi: geniş ekranda çubuk sağa kadar uzayıp kocaman boş bir
   şerit bırakıyordu. Artık içeriği kadar yer kaplıyor, dar ekranda
   ise küçülüp kendi içinde kayıyor. */
.main-tabs{display:flex;gap:.125rem;background:var(--hover-bg);border:1px solid var(--border);
  padding:.1875rem;border-radius:.75rem;margin:0;flex:0 1 auto;min-width:0;overflow-x:auto;
  width:max-content;max-width:100%;scrollbar-width:none}
.main-tabs::-webkit-scrollbar{display:none}
.main-tab{flex:0 0 auto;text-decoration:none;background:none;border:none;color:var(--muted);padding:.5rem .94rem;border-radius:.56rem;
  font-size:.77rem;font-weight:700;cursor:pointer;font-family:inherit;
  transition:color .2s,background .2s;white-space:nowrap;display:flex;align-items:center;gap:.44rem;min-height:2.25rem}
.main-tab:hover{color:var(--text);background:var(--hover-bg)}
.main-tab.active{background:var(--pr);color:#fff}
.main-tab.active i{color:#fff}
.main-tab i{font-size:.74rem;opacity:.9}
/* Mobil üst çubuk: iki satır. Üstte logo ve ikonlar, altta sekmeler
   tam genişlikte, parmakla kaydırılan bir şerit. Tek satırdayken sekme
   çubuğu logo ile ikonların arasında avuç içi kadar bir pencereye
   sıkışıyor, "Ana Sayfa" bile kesiliyordu. */
@media(max-width:760px){
  nav.main-nav{height:auto;flex-wrap:wrap;row-gap:0;padding:.45rem var(--yan-bosluk) 0}
  .main-tabs{
    order:3;flex:1 1 100%;width:100%;max-width:none;
    background:none;border:none;border-radius:0;padding:.35rem 0 .5rem;gap:.3rem;
    overflow-x:auto;scroll-snap-type:x proximity;
  }
  .main-tab{
    padding:.42rem .8rem;min-height:2.1rem;font-size:.74rem;
    background:var(--hover-bg);border:1px solid var(--border);border-radius:2rem;
    scroll-snap-align:start;
  }
  .main-tab.active{border-color:var(--pr)}
  .nav-right{margin-left:auto}
}

.fi{opacity:0;transform:translateY(14px);animation:fadeUp .45s var(--ease) forwards}
.fi.d1{animation-delay:.08s}.fi.d2{animation-delay:.16s}

/* --- ROZET SİSTEMİ (STİLLERİ BİRLEŞTİRİLDİ) --- */
.badge-admin, .badge-mod, .badge-ekip, .badge-pending, .badge-director {
  font-family: 'DM Sans', sans-serif !important;
  font-size: .52rem;
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 800;
  letter-spacing: .5px;
  text-transform: uppercase;
}

.badge-vip {
  font-family: 'Orbitron', sans-serif !important;
  font-size: .5rem; 
  padding: 2px 6px;
  border-radius: 3px;
  font-weight: 900;
  letter-spacing: 1.2px; 
  text-transform: uppercase;
  border: 1px solid rgba(245,158,11,.4);
  color: var(--gold);
  background: none;
}
.badge-admin { background: var(--red); color: #fff; -webkit-text-fill-color: #fff; }
.badge-mod { background: var(--blue); color: #fff; -webkit-text-fill-color: #fff; }
.badge-ekip { background: var(--purple); color: #fff; -webkit-text-fill-color: #fff; }
.badge-director { background: linear-gradient(135deg,#9333ea,#c084fc); color: #fff; -webkit-text-fill-color: #fff; }
.badge-vip { border: 1px solid rgba(245,158,11,.4); color: var(--gold); -webkit-text-fill-color: var(--gold); background: none; }
.badge-pending{background:rgba(245,158,11,.2);color:var(--gold);-webkit-text-fill-color:var(--gold)}
/* Discord Tooltip & Ekip Badge */


.ds-wrap { position: relative; display: inline-block; }
.ds-bubble {
  position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%) translateY(10px);
  background: var(--card-h); border: 1px solid var(--border-h); padding: 8px 12px;
  border-radius: 8px; font-size: .75rem; color: #fff; white-space: nowrap;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5); opacity: 0; pointer-events: none;
  transition: all .3s var(--ease); z-index: 100; display: flex; align-items: center; gap: 8px;
}
.ds-wrap:hover .ds-bubble { opacity: 1; transform: translateX(-50%) translateY(0); pointer-events: auto; }
.ds-bubble::after {
  content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  border: 6px solid transparent; border-top-color: var(--card-h);
}
.ds-copy {
  background: var(--pr-s); border: 1px solid rgba(255,69,0,0.3); color: var(--pr);
  width: 24px; height: 24px; border-radius: 4px; display: flex; align-items: center;
  justify-content: center; cursor: pointer; transition: all .2s; font-size: .65rem;
}
.ds-copy:hover { background: var(--pr); color: #fff; }

.skeleton-ep{aspect-ratio:16/9;border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.03) 0%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.03) 100%);background-size:200% 100%;animation:skeleton 1.4s linear infinite;flex:0 0 19.375rem}
.sr-title, .um-name, .prof-name { text-transform: none !important; }

/* Derin bağlantıyla gelinen ekip üyesini kısa süre vurgula */
@keyframes teamVurgu{0%,100%{box-shadow:0 0 0 0 transparent}18%,82%{box-shadow:0 0 0 3px var(--pr-s),0 0 0 1px var(--pr)}}
.team-card.team-vurgu{animation:teamVurgu 2.6s var(--ease)}

/* Bildirimde yanıtı kimin verdiği. Şikayet yanıtları anonim olduğu için
   orada ad yerine "Yetkili ekip" yazar. */
.notif-kaynak{font-weight:800;color:var(--text-s)}

/* Topluluk kartı başlığından sayfaya geçiş bağlantısı */
.comm-card-link{margin-left:auto;font-size:.68rem;font-weight:800;color:var(--pr);
  display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.comm-card-link i{transition:transform .2s var(--ease);font-size:.6rem}
.comm-card-link:hover i{transform:translateX(3px)}
.comm-card h4{display:flex;align-items:center;gap:8px}

/* ── DUBLAJ HATTI ────────────────────────────────────────────
   Düz bir ilerleme çubuğu değil, üstünde duraklar olan bir hat.
   Geçilen duraklar dolu, bulunduğumuz durak vurgulu ve halkalı,
   kalanlar sönük. Yüzde hattın üstünde ince bir çizgi. */
/* min(25rem,100%): dar ekranda 25rem sütun sayfadan geniş kalıyor, sayfa
   yana taşıyor ve sabit alt çubuk da onunla birlikte uzuyordu. */
.hat-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(25rem,100%),1fr));gap:.875rem}
.hat-liste > *{min-width:0}
.hat-kart{
  background:var(--card);border:1px solid var(--border);
  border-radius:.9rem;padding:.9rem 1rem 1rem;
}
.hat-bas{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit}
.hat-bas img{
  width:2.6rem;height:3.6rem;border-radius:.45rem;object-fit:cover;flex-shrink:0;
  background:var(--input-bg);
}
.hat-bas-yazi{flex:1;min-width:0}
.hat-proje{
  font-size:.92rem;font-weight:800;line-height:1.25;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.hat-asama{font-size:.72rem;color:var(--pr);font-weight:700;margin-top:.2rem;display:flex;align-items:center;gap:.3rem}
.hat-bas:hover .hat-proje{color:var(--pr)}
.hat-yuzde{
  font-size:1.05rem;font-weight:900;color:var(--text);
  font-variant-numeric:tabular-nums;flex-shrink:0;
}

.hat-cubuk{
  height:.2rem;border-radius:.1rem;background:var(--input-bg);
  overflow:hidden;margin:.8rem 0 .9rem;
}
.hat-cubuk > span{
  display:block;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,var(--pr-d),var(--pr));
}

.hat-duraklar{display:flex;align-items:flex-start;gap:.15rem}
.hat-durak{
  flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.3rem;
  position:relative;text-align:center;
}
/* Durakları birbirine bağlayan çizgi */
.hat-durak::before{
  content:'';position:absolute;top:.62rem;left:-50%;width:100%;height:1px;
  background:var(--border-h);z-index:0;
}
.hat-durak:first-child::before{display:none}
.hat-durak.gecti::before,.hat-durak.simdi::before{background:var(--pr)}
.hat-nokta{
  position:relative;z-index:1;
  width:1.25rem;height:1.25rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:.5rem;
  background:var(--card);border:1px solid var(--border-h);color:var(--muted);
}
.hat-durak.gecti .hat-nokta{background:var(--pr);border-color:var(--pr);color:#fff}
.hat-durak.simdi .hat-nokta{
  background:var(--pr);border-color:var(--pr);color:#fff;
  box-shadow:0 0 0 .2rem var(--pr-s);
}
.hat-ad{font-size:.56rem;font-weight:700;color:var(--muted);line-height:1.2}
.hat-durak.gecti .hat-ad{color:var(--text-s)}
.hat-durak.simdi .hat-ad{color:var(--pr)}

.hat-not{
  font-size:.75rem;color:var(--text-s);line-height:1.6;
  margin:.9rem 0 0;padding-left:.65rem;border-left:2px solid var(--border-h);
}

@media(max-width:520px){
  .hat-liste{grid-template-columns:1fr}
  .hat-ad{display:none}
  .hat-durak::before{top:.62rem}
}

/* ── EKİP MODALI: ROL SEÇİCİ ─────────────────────────────────
   Roller şablondan tıklanarak seçiliyor, birden fazla olabilir.
   Her rol kendi şablon rengiyle; seçilince dolu. */
.a-lbl-not{font-weight:600;text-transform:none;letter-spacing:0;color:var(--muted);margin-left:4px;font-size:.62rem}
.rol-sec{display:flex;flex-wrap:wrap;gap:6px}
.rol-sec-opt{
  --r:var(--pr);
  display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;
  font-family:inherit;font-size:.72rem;font-weight:700;
  color:var(--text-s);background:var(--input-bg);
  border:1px solid var(--border);border-radius:2rem;padding:.35rem .75rem;
  transition:border-color .15s,color .15s,background .15s;
}
.rol-sec-opt i{font-size:.66rem;color:var(--r)}
.rol-sec-opt:hover{border-color:var(--r);color:var(--text)}
.rol-sec-opt.on{background:var(--r);border-color:var(--r);color:#fff}
.rol-sec-opt.on i{color:#fff}

/* ── EKİBİMİZ: SEKMELER VE ARAMA ─────────────────────────────
   İki sekme (bizim ekip / diğer stüdyolar) solda, arama sağda.
   Sekme dili üst çubuktaki .main-tab ile aynı. */
.ekip-ust{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.1rem}
.ekip-sekmeler{display:flex;gap:.125rem;background:var(--hover-bg);border:1px solid var(--border);padding:.1875rem;border-radius:.75rem}
.ekip-sekme{
  display:flex;align-items:center;gap:.45rem;cursor:pointer;
  background:none;border:none;border-radius:.56rem;padding:.5rem .95rem;
  font-family:inherit;font-size:.78rem;font-weight:700;color:var(--muted);
  transition:color .2s,background .2s;
}
.ekip-sekme i{font-size:.72rem}
.ekip-sekme span{font-size:.64rem;font-weight:800;opacity:.7}
.ekip-sekme span:empty{display:none}
.ekip-sekme:hover{color:var(--text)}
.ekip-sekme.on{background:var(--pr);color:#fff}
.ekip-ara{position:relative;flex:0 1 22rem;min-width:13rem}
.ekip-ara i{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.74rem;pointer-events:none}
.ekip-ara input{
  width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:.65rem;
  padding:.6rem .8rem .6rem 2.1rem;color:var(--text);font-family:inherit;font-size:.8rem;outline:none;
  transition:border-color .2s;
}
.ekip-ara input:focus{border-color:var(--pr)}
.ekip-ara-not{
  display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
  font-size:.76rem;color:var(--text-s);margin-bottom:.9rem;
  background:var(--hover-bg);border:1px solid var(--border);border-radius:.65rem;padding:.6rem .85rem;
}
.ekip-ara-not i{color:var(--blue)}
.ekip-ara-not button{
  background:none;border:none;color:var(--pr);font-weight:800;cursor:pointer;
  font-family:inherit;font-size:.76rem;padding:0;text-decoration:underline;
}
.team-apply-banner.ortak .tab-ikon{color:var(--blue)}
@media(max-width:640px){.ekip-ara{flex:1 1 100%}.ekip-sekmeler{width:100%}.ekip-sekme{flex:1;justify-content:center}}

/* ── STÜDYO VİTRİNİ ──────────────────────────────────────────
   Her stüdyo bir kart: logo, ad, tanım, üye yüzleri, sayılar,
   bağlantılar. Stüdyonun rengi yalnız sol şeritte ve üzerine
   gelince kenarda; kartı boyamıyor. */
.stu-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.875rem}
.stu-vitrin{
  --r:var(--pr);
  display:flex;flex-direction:column;gap:.8rem;cursor:pointer;
  background:var(--card);border:1px solid var(--border);border-left:3px solid var(--r);
  border-radius:.9rem;padding:1.05rem 1.1rem;
  transition:border-color .2s,transform .2s;
}
.stu-vitrin:hover,.stu-vitrin:focus-visible{border-color:var(--r);transform:translateY(-2px);outline:none}
.stu-vitrin-ust{display:flex;gap:.8rem;align-items:flex-start}
.stu-vitrin-logo{
  width:3.4rem;height:3.4rem;border-radius:.8rem;object-fit:cover;flex-shrink:0;
  background:var(--input-bg);border:1px solid var(--border-h);
}
.stu-vitrin-logo.bos{display:flex;align-items:center;justify-content:center;color:var(--r);font-size:1.2rem}
.stu-vitrin-yazi{min-width:0}
.stu-vitrin-yazi h3{font-size:1rem;font-weight:800;line-height:1.25;margin:0 0 .25rem}
.stu-vitrin-yazi p{
  font-size:.76rem;color:var(--muted);line-height:1.55;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.stu-vitrin-eslesme{font-size:.72rem;color:var(--text-s);background:var(--hover-bg);border-radius:.5rem;padding:.4rem .6rem}
.stu-vitrin-eslesme i{color:var(--pr);font-size:.64rem;margin-right:.25rem}
.stu-vitrin-alt{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto}
.stu-vitrin-yuzler{display:flex;align-items:center}
.stu-vitrin-yuzler img{
  width:1.8rem;height:1.8rem;border-radius:50%;object-fit:cover;
  border:2px solid var(--card);margin-left:-.45rem;background:var(--input-bg);
}
.stu-vitrin-yuzler img:first-child{margin-left:0}
.stu-vitrin-yuzler span{font-size:.66rem;font-weight:800;color:var(--muted);margin-left:.35rem}
.stu-vitrin-sayi{display:flex;gap:.8rem;font-size:.7rem;font-weight:700;color:var(--muted)}
.stu-vitrin-sayi i{margin-right:.2rem;opacity:.7}
.stu-vitrin-baglar{display:flex;gap:.35rem;border-top:1px solid var(--border);padding-top:.7rem}
.stu-vitrin-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:.76rem;
  transition:color .2s,border-color .2s;
}
.stu-vitrin-baglar a:hover{color:var(--r);border-color:var(--r)}

/* ── STÜDYO SAYFASI ─────────────────────────────────────────── */
.stu-geri{
  display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;margin-bottom:.9rem;
  background:none;border:none;color:var(--muted);font-family:inherit;font-size:.78rem;font-weight:700;padding:0;
}
.stu-geri:hover{color:var(--text)}
.stu-sayfa-bas{
  --r:var(--pr);
  display:grid;grid-template-columns:auto 1fr;gap:1.1rem 1.3rem;align-items:center;
  background:var(--card);border:1px solid var(--border);border-top:3px solid var(--r);
  border-radius:1rem;padding:1.4rem 1.5rem;margin-bottom:1.6rem;
}
.stu-sayfa-logo{
  width:5.5rem;height:5.5rem;border-radius:1.1rem;object-fit:cover;
  background:var(--input-bg);border:1px solid var(--border-h);
}
.stu-sayfa-logo.bos{display:flex;align-items:center;justify-content:center;color:var(--r);font-size:1.9rem}
.stu-sayfa-etiket{font-size:.6rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--r)}
.stu-sayfa-yazi h2{font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:900;margin:.15rem 0 .35rem;line-height:1.15}
.stu-sayfa-yazi p{font-size:.86rem;color:var(--text-s);line-height:1.6;margin:0;max-width:44rem}
.stu-sayfa-sahip{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;font-size:.76rem;color:var(--muted)}
.stu-sayfa-sahip:empty{display:none}
.stu-sayfa-sahip .badge-uretici{margin-left:0}
.stu-sayfa-sahip button{background:none;border:none;color:var(--text);font-weight:800;cursor:pointer;font-family:inherit;font-size:.78rem;padding:0}
.stu-sayfa-sahip button:hover{color:var(--r)}
.stu-sayfa-baglar{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.45rem}
.stu-sayfa-baglar:empty{display:none}
.stu-sayfa-baglar a{
  display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;
  background:var(--input-bg);border:1px solid var(--border);border-radius:.6rem;
  padding:.45rem .8rem;font-size:.74rem;font-weight:700;color:var(--text-s);
  transition:color .2s,border-color .2s;
}
.stu-sayfa-baglar a:hover{color:var(--r);border-color:var(--r)}
.stu-sayfa-bolum{margin-bottom:1.8rem}
.stu-sayfa-bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.9rem}
.stu-sayfa-bolum-bas h3{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:.5rem;margin:0}
.stu-sayfa-bolum-bas h3 i{color:var(--pr);font-size:.85rem}
.stu-sayfa-bolum-bas h3 span{font-size:.7rem;color:var(--muted);font-weight:800}
.stu-projeler{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem}
.stu-proje{display:flex;flex-direction:column;gap:.45rem;text-decoration:none;color:var(--text)}
.stu-proje img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:.6rem;background:var(--card);border:1px solid var(--border);transition:border-color .2s}
.stu-proje:hover img{border-color:var(--pr)}
.stu-proje span{font-size:.78rem;font-weight:700;line-height:1.3}
@media(max-width:640px){
  .stu-sayfa-bas{grid-template-columns:1fr;text-align:left}
  .stu-sayfa-logo{width:4.2rem;height:4.2rem}
}

/* Ekip modalında stüdyo sahibinin sabit alanı */
.team-studyo-sabit{
  display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;
  background:var(--input-bg);border:1px solid var(--border);border-radius:.6rem;padding:.6rem .8rem;
}
.team-studyo-sabit i{color:var(--pr)}

/* ── ORTAKLIK BAŞVURUSU ───────────────────────────────────────── */
#ortakBox{max-width:520px}
.ortak-giris{font-size:.8rem;color:var(--text-s);line-height:1.6;margin:0 0 1rem}
#ortakForm .cust-bio{min-height:6rem;margin-top:0}
.ortak-gonder{width:100%;justify-content:center;margin-top:.9rem}
.ortak-ayrac{display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:var(--muted);font-size:.7rem;font-weight:700}
.ortak-ayrac::before,.ortak-ayrac::after{content:'';flex:1;height:1px;background:var(--border)}
/* Dublaj hattı bölüm bazlı: bölüm görseli yatay, alt satırda bölüm adı. */
.hat-bas img.yatay{width:5.2rem;height:2.95rem}
.hat-bolum{font-size:.72rem;color:var(--text-s);margin-top:.12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Diğer ekipler: admin düğmeleri */
.ekip-yonetim{display:flex;justify-content:flex-end;margin-bottom:.75rem}
.stu-vitrin{position:relative}
.stu-vitrin-duzenle{
  position:absolute;top:.6rem;right:.6rem;width:1.9rem;height:1.9rem;border-radius:.5rem;cursor:pointer;
  background:var(--input-bg);border:1px solid var(--border);color:var(--text-s);font-size:.7rem;
  opacity:0;transition:opacity .2s,color .2s,border-color .2s;
}
.stu-vitrin:hover .stu-vitrin-duzenle,.stu-vitrin-duzenle:focus{opacity:1}
.stu-vitrin-duzenle:hover{color:var(--r);border-color:var(--r)}
@media(hover:none){.stu-vitrin-duzenle{opacity:1}}
.stu-sayfa-duzenle{position:absolute;top:1rem;right:1rem}
.stu-sayfa-bas{position:relative}
/* Diğer ekipler kartı: projelere doğrudan geçiş */
.stu-vitrin-projeler{
  display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;
  font-family:inherit;font-size:.76rem;font-weight:800;cursor:pointer;
  color:var(--text);background:var(--hover-bg);border:1px solid var(--border);
  border-radius:.6rem;padding:.6rem .8rem;transition:border-color .2s,color .2s;
}
.stu-vitrin-projeler i{color:var(--r);font-size:.72rem}
.stu-vitrin-projeler span{font-size:.66rem;color:var(--muted);font-weight:800}
.stu-vitrin-projeler:hover{border-color:var(--r);color:var(--r)}
.stu-vitrin-projeler.bos{cursor:default;color:var(--muted);font-weight:700}
.stu-vitrin-projeler.bos:hover{border-color:var(--border);color:var(--muted)}
/* SSS: admin sürükleyerek sıralıyor */
.faq-q-yazi{flex:1;min-width:0}
.faq-tut{color:var(--muted);cursor:grab;touch-action:none;padding:6px 4px;margin:-6px 0 -6px -6px;flex-shrink:0}
.faq-tut:hover{color:var(--text)}
.faq-item.surukleniyor{position:relative;z-index:2;box-shadow:0 10px 30px rgba(0,0,0,.45);border-color:var(--pr)}
/* Topluluk: Yardım ve geri bildirim yönlendirmesi */
.yd-yonlendir{display:flex;align-items:center;gap:14px;flex-wrap:wrap;text-decoration:none;color:inherit;border:1px dashed color-mix(in srgb,var(--pr) 50%,var(--border));transition:border-color .15s}
.yd-yonlendir:hover{border-color:var(--pr)}
.yd-yon-ikon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--pr) 15%,transparent);color:var(--pr);font-size:1.2rem;flex-shrink:0}
.yd-yonlendir > div{flex:1;min-width:200px;display:flex;flex-direction:column;gap:3px}
.yd-yonlendir b{font-size:.92rem}
.yd-yonlendir small{font-size:.76rem;color:var(--text-s);line-height:1.5}
.yd-yon-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:10px;background:var(--pr);color:#fff;font-size:.78rem;font-weight:800}
.kr-ozet{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:8px 16px}
.kr-ozet li{display:flex;gap:10px;align-items:flex-start;font-size:.8rem;color:var(--text-s);line-height:1.55}
.kr-ozet li > i{color:var(--pr);margin-top:3px;width:16px;text-align:center;flex-shrink:0}
.kr-ozet b{color:var(--text)}
.kr-ozet code{font-size:.72rem;background:var(--input-bg);padding:1px 4px;border-radius:4px}
.kr-ozet a{color:var(--pr)}