@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg:#F5F7FB; --surface:#FFFFFF; --surface-2:#F0F2F8; --border:#E7EAF3;
  --ink:#12172B; --ink-dim:#6B7280; --ink-faint:#9AA3B8;
  --accent1:#4F7CFF; --accent2:#8B5CF6; --grad:linear-gradient(120deg,#4F7CFF,#8B5CF6);
  --online:#22C55E; --danger:#F3425F;
  --tb-h:54px;
}
/* ---- Renk Paletleri (5 tema) ---- */
[data-palet="gunduz"]{
  --bg:#F7F7FC; --surface:#FFFFFF; --surface-2:#F0F1F8; --border:#E6E7F2;
  --ink:#1E202B; --ink-dim:#666B80; --ink-faint:#9EA2B5;
  --accent1:#6C7BF0; --accent2:#A78BFA; --grad:linear-gradient(120deg,#6C7BF0,#A78BFA);
  --online:#22C55E; --danger:#F3425F;
}
[data-palet="okyanus"]{
  --bg:#FDFAF4; --surface:#FFFFFF; --surface-2:#F7F0DF; --border:#EEE2C4;
  --ink:#2E2818; --ink-dim:#75694E; --ink-faint:#AFA080;
  --accent1:#C9982F; --accent2:#E3BA5F; --grad:linear-gradient(120deg,#C9982F,#E3BA5F);
  --online:#22C55E; --danger:#F3425F;
}
[data-palet="gunbatimi"]{
  --bg:#F9F7FB; --surface:#FFFFFF; --surface-2:#F0EAF5; --border:#E4DAEC;
  --ink:#241F2B; --ink-dim:#6C6178; --ink-faint:#A599AF;
  --accent1:#8E6FAF; --accent2:#B99BD3; --grad:linear-gradient(120deg,#8E6FAF,#B99BD3);
  --online:#22C55E; --danger:#DC2626;
}
[data-palet="gece"]{
  --bg:#0D0F17; --surface:#161923; --surface-2:#1D212E; --border:#282D3D;
  --ink:#EEF0F7; --ink-dim:#9498AB; --ink-faint:#5A5F73;
  --accent1:#6C7BF0; --accent2:#A78BFA; --grad:linear-gradient(120deg,#6C7BF0,#A78BFA);
  --online:#22C55E; --danger:#F3425F;
}
[data-palet="karbon"]{
  --bg:#121212; --surface:#1A1A1C; --surface-2:#222224; --border:#2D2D30;
  --ink:#ECECED; --ink-dim:#9C9C9F; --ink-faint:#616164;
  --accent1:#C9982F; --accent2:#E3BA5F; --grad:linear-gradient(120deg,#C9982F,#E3BA5F);
  --online:#4ADE80; --danger:#F16565;
}
[data-theme="dark"]:not([data-palet]){
  --bg:#0B0E17; --surface:#141826; --surface-2:#1B2032; --border:#242A3D;
  --ink:#F0F2F8; --ink-dim:#9AA3B8; --ink-faint:#5B6478;
}
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{ margin:0; background:var(--bg); color:var(--ink); font-family:'Poppins',sans-serif; overflow:hidden; -webkit-font-smoothing:antialiased; }
button{ font-family:inherit; cursor:pointer; border:none; background:none; color:inherit; }
input{ font-family:inherit; }
a{ text-decoration:none; color:inherit; }

/* ==================== GİRİŞ EKRANI ==================== */
.entry{ height:100vh; display:none; align-items:center; justify-content:center; padding:20px; }
.entry.acik{ display:flex; }
.entry-shell{ width:100%; max-width:380px; text-align:center; }
.entry-mark{ width:60px; height:60px; margin:0 auto 18px; border-radius:18px; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:1.6rem; }
.entry-shell h1{ font-size:1.5rem; font-weight:800; margin:0 0 6px; }
.entry-shell p{ color:var(--ink-dim); font-size:0.88rem; margin:0 0 26px; }
.entry-card{ background:var(--surface); border:1px solid var(--border); border-radius:20px; padding:26px; box-shadow:0 24px 60px -30px rgba(20,25,50,0.25); }
.entry-field label{ font-size:0.78rem; font-weight:700; display:block; margin-bottom:7px; text-align:left; }
.entry-field input{ width:100%; padding:12px 14px; border-radius:11px; border:1px solid var(--border); background:var(--bg); color:var(--ink); font-size:0.9rem; outline:none; }
.entry-field input:focus{ border-color:var(--accent1); }
.entry-cta{ width:100%; margin-top:16px; padding:13px; border-radius:11px; background:var(--grad); color:#fff; font-weight:700; font-size:0.9rem; }
.entry-cta:disabled{ opacity:0.6; }
.entry-error{ color:var(--danger); font-size:0.8rem; margin-top:10px; min-height:1em; }
.entry-alt{ margin-top:18px; font-size:0.82rem; color:var(--ink-faint); }
.entry-alt a{ color:var(--accent1); font-weight:700; }
.isim-secim-btn{
  display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:100%; text-align:left;
  padding:16px 18px; border-radius:14px; border:1.5px solid var(--border); background:var(--bg); transition:all .15s ease;
}
.isim-secim-btn:hover{ border-color:var(--accent1); background:rgba(79,124,255,0.06); }
.isim-secim-btn.secili{ border-color:var(--accent1); background:rgba(79,124,255,0.08); box-shadow:0 0 0 1px var(--accent1); }
.isim-secim-etiket{ font-size:0.72rem; font-weight:700; color:var(--ink-faint); text-transform:uppercase; letter-spacing:0.03em; }
.isim-secim-btn b{ font-size:0.95rem; font-weight:700; color:var(--ink); }

/* ==================== APP SHELL ==================== */
.app{ display:none; height:100vh; height:100dvh; flex-direction:column; }
.app.acik{ display:flex; }

/* ---- TOPBAR: her şey burada, tek satır, her zaman sabit ---- */
.topbar{ height:var(--tb-h); flex-shrink:0; display:flex; align-items:center; gap:10px; padding:0 12px; background:var(--surface); border-bottom:1px solid var(--border); }
.tb-logo{ display:flex; align-items:center; gap:8px; font-weight:800; font-size:0.88rem; flex-shrink:0; }
.tb-logo .mark{ width:28px; height:28px; border-radius:8px; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; }
.tb-sol{ display:flex; align-items:center; gap:10px; flex:1; min-width:0; }
.tb-menu-sarmal{ position:relative; display:flex; flex-direction:column; gap:2px; min-width:0; }
.tb-menu-btn{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:11px; color:var(--ink-dim); background:var(--surface-2); flex-shrink:0; }
.tb-menu-btn:hover{ background:var(--border); }
.tb-menu-btn svg{ width:18px; height:18px; transition:transform .2s ease; }
.tb-menu-btn.acik svg{ transform:rotate(180deg); }
.tb-oda-baslik{ font-size:0.85rem; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tb-oda-baslik span{ color:var(--accent1); font-weight:800; }

.tb-menu-dropdown{
  display:none; position:absolute; top:100%; left:0; margin-top:8px; background:var(--surface); border:1px solid var(--border);
  border-radius:14px; padding:6px; min-width:210px; box-shadow:0 24px 50px -18px rgba(20,25,50,0.35); z-index:60;
}
.tb-menu-dropdown.acik{ display:flex; flex-direction:column; gap:2px; }
.tb-menu-dropdown button{ display:flex; align-items:center; gap:10px; padding:10px 11px; border-radius:9px; font-size:0.82rem; font-weight:600; text-align:left; }
.tb-menu-dropdown button:hover{ background:var(--surface-2); }
.tb-menu-dropdown button svg{ width:15px; height:15px; color:var(--ink-dim); flex-shrink:0; }
.canli-etiket{ display:flex; align-items:center; gap:5px; padding:4px 9px; border-radius:999px; background:rgba(34,197,94,0.1); color:var(--online); font-size:0.7rem; font-weight:700; flex-shrink:0; }
.canli-nokta{ width:6px; height:6px; border-radius:50%; background:var(--online); box-shadow:0 0 0 3px rgba(34,197,94,0.15); animation:pulse 1.8s ease-in-out infinite; }
@keyframes pulse{ 0%,100%{ opacity:1; } 50%{ opacity:0.35; } }

.tb-sag{ display:flex; align-items:center; gap:6px; flex-shrink:0; }
.tb-btn{ width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--ink-dim); transition:all .15s ease; }
.tb-btn:hover{ background:var(--surface-2); }
.tb-btn.aktif{ background:var(--surface-2); color:var(--accent1); }
.tb-btn svg{ width:16px; height:16px; }

.radyo-btn{ width:40px; height:40px; border-radius:11px; display:flex; align-items:center; justify-content:center; color:var(--ink-dim); background:var(--surface-2); }
.radyo-btn:hover{ background:var(--border); }
.radyo-btn:hover{ background:var(--surface-2); }
.radyo-btn.acik{ color:var(--online); }
.radyo-btn svg{ width:15px; height:15px; }
.radyo-ikon-acik{ display:none; align-items:flex-end; gap:2px; height:13px; }
.radyo-btn.acik .radyo-ikon-kapali{ display:none; }
.radyo-btn.acik .radyo-ikon-acik{ display:flex; }
.radyo-ikon-acik i{ width:3px; background:var(--online); border-radius:2px; display:block; animation:radyoNabiz .8s ease-in-out infinite; font-style:normal; }
.radyo-ikon-acik i:nth-child(1){ height:5px; } .radyo-ikon-acik i:nth-child(2){ height:13px; animation-delay:.2s; } .radyo-ikon-acik i:nth-child(3){ height:8px; animation-delay:.4s; }
@keyframes radyoNabiz{ 0%,100%{ transform:scaleY(.4); } 50%{ transform:scaleY(1); } }

.tb-theme{ width:44px; height:26px; border-radius:999px; background:var(--surface-2); position:relative; flex-shrink:0; margin-left:2px; }
.tb-theme-thumb{ position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:var(--surface); box-shadow:0 1px 4px rgba(0,0,0,0.25); display:flex; align-items:center; justify-content:center; transition:transform .2s ease; color:#E8A33D; }
.tb-theme-thumb svg{ width:11px; height:11px; }
[data-theme="dark"] .tb-theme-thumb{ transform:translateX(18px); color:#8B5CF6; }

/* ---- SHELL: sohbet + paneller ---- */
.shell{ flex:1; display:flex; min-height:0; position:relative; }

/* ---- SOHBET ALANI ---- */
.sohbet-alani{ flex:1; display:flex; flex-direction:column; min-width:0; background:var(--bg); position:relative; }
.mobil-kanal-bar{ display:none; }

.sohbet-ust{ height:48px; flex-shrink:0; display:flex; align-items:center; gap:10px; padding:0 14px; background:var(--surface); border-bottom:1px solid var(--border); }
.sohbet-ust-govde{ min-width:0; flex:1; display:flex; flex-direction:column; justify-content:center; gap:1px; }
.sohbet-ust-alt-yazi{ font-size:0.66rem; color:var(--ink-faint); font-weight:600; }
.sohbet-ust-aksiyonlar{ display:flex; align-items:center; gap:3px; margin-left:auto; flex-shrink:0; }
.sohbet-ust-aksiyon-btn{ width:30px; height:30px; border-radius:9px; display:flex; align-items:center; justify-content:center; color:var(--ink-dim); flex-shrink:0; }
.sohbet-ust-aksiyon-btn:hover{ background:var(--surface-2); }
.sohbet-ust-aksiyon-btn.tehlike:hover{ background:rgba(243,66,95,0.12); color:var(--danger); }
.sohbet-ust-aksiyon-btn svg{ width:14px; height:14px; }
.sohbet-ust-ikon{ width:34px; height:34px; border-radius:10px; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; }
.sohbet-ust-ikon svg{ width:16px; height:16px; }
.sohbet-ust-ikon img{ width:100%; height:100%; object-fit:cover; border-radius:10px; }
#ozelGeriBtn:hover{ background:var(--border); }
.sohbet-ust-ikon-rozet{
  position:absolute; bottom:-5px; right:-5px; min-width:17px; height:17px; padding:0 4px; border-radius:999px;
  background:var(--online); color:#fff; font-size:0.6rem; font-weight:800; display:flex; align-items:center; justify-content:center;
  border:2px solid var(--bg);
}
.sohbet-ust-govde{ min-width:0; flex:1; }
.sohbet-ust-govde b{ font-size:0.9rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.mesaj-alani-sarmal{ position:relative; flex:1; min-height:0; display:flex; }
.mesaj-alani{ flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:4px; transition:font-size .15s ease; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320'%3E%3Cg fill='none' stroke='%23888888' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' opacity='0.5'%3E%3Cg transform='translate(24,46) rotate(-12) scale(0.55)'%3E%3Cpath d='M0 0h30a8 8 0 0 1 8 8v20a8 8 0 0 1-8 8H15l-10 10v-10H0a8 8 0 0 1-8-8V8A8 8 0 0 1 0 0Z'/%3E%3C/g%3E%3Cg transform='translate(120,20) rotate(18) scale(0.4)'%3E%3Cpath d='M20 30C10 20-2 20-2 30s12 15 22 22c10-7 22-12 22-22s-12-10-22 0Z'/%3E%3C/g%3E%3Cg transform='translate(200,70) rotate(-6) scale(0.4)'%3E%3Cpath d='M20 4l5 11 12 1-9 8 3 12-11-6-11 6 3-12-9-8 12-1Z'/%3E%3C/g%3E%3Cg transform='translate(270,40) rotate(10) scale(0.45)'%3E%3Ccircle cx='16' cy='16' r='16'/%3E%3Cpath d='M9 15c1.5 3 4 5 7 5s5.5-2 7-5'/%3E%3C/g%3E%3Cg transform='translate(40,170) rotate(22) scale(0.4)'%3E%3Cpath d='M20 30C10 20-2 20-2 30s12 15 22 22c10-7 22-12 22-22s-12-10-22 0Z'/%3E%3C/g%3E%3Cg transform='translate(150,150) rotate(-18) scale(0.5)'%3E%3Cpath d='M0 0h30a8 8 0 0 1 8 8v20a8 8 0 0 1-8 8H15l-10 10v-10H0a8 8 0 0 1-8-8V8A8 8 0 0 1 0 0Z'/%3E%3C/g%3E%3Cg transform='translate(240,180) rotate(8) scale(0.4)'%3E%3Ccircle cx='16' cy='16' r='16'/%3E%3Cpath d='M9 15c1.5 3 4 5 7 5s5.5-2 7-5'/%3E%3C/g%3E%3Cg transform='translate(70,260) rotate(-15) scale(0.42)'%3E%3Cpath d='M20 4l5 11 12 1-9 8 3 12-11-6-11 6 3-12-9-8 12-1Z'/%3E%3C/g%3E%3Cg transform='translate(190,250) rotate(20) scale(0.5)'%3E%3Cpath d='M0 0h30a8 8 0 0 1 8 8v20a8 8 0 0 1-8 8H15l-10 10v-10H0a8 8 0 0 1-8-8V8A8 8 0 0 1 0 0Z'/%3E%3C/g%3E%3Cg transform='translate(280,270) rotate(-24) scale(0.42)'%3E%3Ccircle cx='16' cy='16' r='16'/%3E%3Cpath d='M9 15c1.5 3 4 5 7 5s5.5-2 7-5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size:320px 320px; background-color:var(--bg); opacity:1; }
.mesaj-alani.buyuk{ font-size:1.12em; }
.yeni-mesaj-btn{
  display:none; align-items:center; gap:7px; position:absolute; bottom:14px; left:50%; transform:translateX(-50%);
  padding:9px 16px; border-radius:999px; background:var(--grad); color:#fff; font-size:0.78rem; font-weight:700;
  box-shadow:0 10px 24px -8px rgba(79,124,255,0.6); z-index:10; animation:yeniMesajGoster .2s ease;
}
.yeni-mesaj-btn.gorunur{ display:flex; }
.yeni-mesaj-btn svg{ width:14px; height:14px; }
@keyframes yeniMesajGoster{ from{ opacity:0; transform:translateX(-50%) translateY(6px); } to{ opacity:1; transform:translateX(-50%) translateY(0); } }
.sistem-mesaji{ text-align:left; font-size:0.68rem; color:var(--ink-faint); margin:4px 0 4px 2px; padding:2px 8px; border-radius:6px; display:inline-block; align-self:flex-start; }
.sistem-mesaji.giris{ color:#1A9C6E; background:rgba(34,197,94,0.08); }
.sistem-mesaji.cikis{ color:#C24A5B; background:rgba(243,66,95,0.08); }
.sistem-mesaji.notr{ color:var(--accent1); background:rgba(79,124,255,0.08); }
.mesaj-satir{ display:flex; gap:9px; align-items:flex-end; max-width:76%; margin:5px 0; }
.mesaj-satir.karsi{ align-self:flex-start; }
.mesaj-satir.kendi{ align-self:flex-end; flex-direction:row-reverse; }
.mesaj-avatar{ width:26px; height:26px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.66rem; flex-shrink:0; }
.mesaj-govde{ display:flex; flex-direction:column; min-width:0; }
.mesaj-satir.kendi .mesaj-govde{ align-items:flex-end; }
.mesaj-ust{ font-size:0.7rem; font-weight:700; color:var(--ink-dim); padding:0 4px; margin-bottom:3px; display:flex; align-items:center; gap:5px; }
.rol-rozeti{ font-size:0.58rem; font-weight:800; padding:1px 6px; border-radius:999px; text-transform:uppercase; }
.rol-rozeti.sahip{ background:rgba(255,171,61,0.15); color:#B8720A; }
.rol-rozeti.moderator{ background:rgba(79,124,255,0.12); color:var(--accent1); }
.rol-rozeti.admin{ background:rgba(243,66,95,0.12); color:var(--danger); }
.rol-ikon{ width:16px; height:16px; margin-left:auto; flex-shrink:0; }
.rol-ikon.sahip{ color:#E8A33D; }
.rol-ikon.moderator{ color:var(--accent1); }
.rol-ikon.operator{ color:#14B893; }
.rol-ikon.admin{ color:var(--danger); }
.uye-sustur-ikon{ width:14px; height:14px; color:var(--danger); flex-shrink:0; margin-left:auto; }
.uye-favori-ikon{ width:14px; height:14px; color:#FFAB3D; flex-shrink:0; margin-left:auto; }
.uye-favori-ikon ~ .uye-sustur-ikon, .uye-favori-ikon ~ .rol-ikon{ margin-left:0; }
.uye-satir:has(.rol-ikon) .uye-sustur-ikon{ margin-left:0; margin-right:6px; }
.mesaj-balon{ font-size:0.84em; line-height:1.42; padding:7px 13px; border-radius:16px; word-break:break-word; }
.mesaj-satir.karsi .mesaj-balon{ background:var(--surface); border:1px solid var(--border); border-bottom-left-radius:5px; }
.mesaj-satir.kendi .mesaj-balon{ background:var(--grad); color:#fff; border-bottom-right-radius:5px; }
.mesaj-zaman{ font-size:0.62rem; color:var(--ink-faint); margin-top:3px; padding:0 4px; }

.giris-bar{ flex-shrink:0; padding:10px; background:var(--surface); border-top:1px solid var(--border); }
.giris-alan{ display:flex; align-items:center; gap:3px; background:var(--surface-2); border-radius:999px; padding:5px 5px 5px 6px; }
.giris-form{ flex:1; display:flex; min-width:0; }
.giris-alan input{ flex:1; border:none; background:none; outline:none; font-size:0.85rem; color:var(--ink); padding:0 6px; min-width:0; }
.giris-ikon-btn{ width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ink-faint); flex-shrink:0; }
.giris-ikon-btn:hover{ background:var(--bg); }
.giris-ikon-btn.aktif{ color:var(--accent1); background:var(--bg); }
.giris-ikon-btn svg{ width:15px; height:15px; }
.gonder-btn{ width:36px; height:36px; border-radius:50%; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.gonder-btn svg{ width:15px; height:15px; }

/* ==================== PANELLER (ortak) ==================== */
.panel-baslik{ display:flex; align-items:center; justify-content:space-between; padding:12px; font-size:0.74rem; font-weight:700; color:var(--ink-dim); flex-shrink:0; border-bottom:1px solid var(--border); }
.panel-kapat-btn{ display:flex; width:26px; height:26px; border-radius:8px; align-items:center; justify-content:center; color:var(--ink-faint); }
.panel-kapat-btn svg{ width:14px; height:14px; }
.panel-arama{ display:flex; align-items:center; gap:6px; background:var(--surface-2); border-radius:9px; padding:7px 10px; margin:10px; flex-shrink:0; }
.panel-arama svg{ width:13px; height:13px; color:var(--ink-faint); flex-shrink:0; }
.panel-arama input{ border:none; background:none; outline:none; font-size:0.76rem; color:var(--ink); width:100%; }
.panel-govde{ flex:1; overflow-y:auto; padding:0 10px 10px; min-height:0; }
.panel-grup-baslik{ font-size:0.62rem; font-weight:800; text-transform:uppercase; letter-spacing:0.05em; color:var(--ink-faint); padding:14px 4px 6px; }
.panel-grup-baslik:first-child{ padding-top:2px; }
.panel-bos{ font-size:0.72rem; color:var(--ink-faint); padding:10px 4px; text-align:center; }

/* ---- kullanıcı satırı ---- */
.uye-satir{ display:flex; align-items:center; gap:8px; padding:6px 5px; border-radius:8px; margin-bottom:1px; cursor:pointer; }
.uye-satir:hover{ background:var(--surface-2); }
.uye-avatar-wrap{ position:relative; flex-shrink:0; }
.uye-avatar{ width:26px; height:26px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.65rem; overflow:hidden; padding:0; }
.uye-avatar img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.uye-cevrimici-nokta{ position:absolute; bottom:-1px; right:-1px; width:9px; height:9px; border-radius:50%; background:var(--online); border:2px solid var(--surface); }
.uye-cevrimici-nokta.durum-mesgul{ background:#F97316; }
.uye-cevrimici-nokta.durum-uzakta{ background:#9AA3B8; }
.uye-govde{ min-width:0; flex:1; display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.uye-isim{ font-size:0.78rem; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.uye-isim.misafir{ color:var(--ink-faint); font-weight:500; }

/* ---- kanal satırı ---- */
.kanal-satir{ display:flex; align-items:center; gap:8px; padding:7px 6px; border-radius:9px; margin-bottom:1px; cursor:pointer; }
.kanal-satir:hover{ background:var(--surface-2); }
.kanal-satir.aktif{ background:var(--grad); }
.dm-satir.aktif{ background:var(--grad); }
.dm-satir.aktif .dm-isim{ color:#fff; }
.kanal-satir.aktif .kanal-adi, .kanal-satir.aktif .kanal-alt{ color:#fff; }
.kanal-ikon{ width:26px; height:26px; border-radius:8px; background:var(--surface-2); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--accent1); }
.kanal-satir.aktif .kanal-ikon{ background:rgba(255,255,255,0.22); color:#fff; }
.kanal-ikon svg{ width:12px; height:12px; }
.kanal-govde{ min-width:0; flex:1; }
.kanal-adi{ font-size:0.78rem; font-weight:700; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kanal-alt{ font-size:0.65rem; color:var(--ink-faint); display:flex; align-items:center; gap:4px; }
.kanal-alt .canli-nokta{ width:5px; height:5px; }
.kanal-satir.yeni-mesaj .kanal-adi::after{ content:''; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--online); margin-left:7px; vertical-align:middle; animation:pulse 1.2s ease-in-out infinite; }
.mobil-kanal-pill.yeni-mesaj{ position:relative; }

.mobil-kanal-pill.yeni-mesaj::after{ content:''; position:absolute; top:2px; right:2px; width:7px; height:7px; border-radius:50%; background:var(--online); border:1.5px solid var(--surface); animation:pulse 1.2s ease-in-out infinite; }
.dm-satir.yeni-mesaj .dm-isim::after{ content:''; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--online); margin-left:7px; vertical-align:middle; animation:pulse 1.2s ease-in-out infinite; }
.satir-kaldir-btn{
  width:22px; height:22px; border-radius:7px; display:flex; align-items:center; justify-content:center;
  color:var(--ink-faint); flex-shrink:0; opacity:0.75;
}
.satir-kaldir-btn:hover{ background:rgba(243,66,95,0.12); color:var(--danger); opacity:1; }
.satir-kaldir-btn svg{ width:11px; height:11px; }
.kanal-satir.aktif .satir-kaldir-btn{ color:rgba(255,255,255,0.85); }
.kanal-satir.aktif .satir-kaldir-btn:hover{ background:rgba(255,255,255,0.2); color:#fff; }

/* ---- özel mesaj satırı ---- */
.dm-satir{ display:flex; align-items:center; gap:8px; padding:7px 6px; border-radius:9px; margin-bottom:1px; cursor:pointer; }
.dm-satir:hover{ background:var(--surface-2); }
.dm-satir.aktif:hover{ background:var(--grad); }
.dm-avatar{ width:26px; height:26px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.63rem; flex-shrink:0; }
.dm-govde{ min-width:0; flex:1; }
.dm-isim{ font-size:0.78rem; font-weight:700; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dm-onizleme{ font-size:0.65rem; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

.kimlik-kart{ display:flex; align-items:center; gap:8px; padding:12px; border-top:1px solid var(--border); flex-shrink:0; }

/* ---- emoji paneli ---- */
.emoji-sarmal, .boyut-sarmal{ position:relative; }
.emoji-panel{
  display:none; flex-direction:column; position:absolute; bottom:44px; left:0; width:290px; height:280px;
  background:var(--surface); border:1px solid var(--border); border-radius:16px; overflow:hidden;
  box-shadow:0 24px 50px -18px rgba(20,25,50,0.35); z-index:50;
  font-family:'Poppins', "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji", sans-serif;
}
.emoji-panel.acik{ display:flex; }
.emoji-kategori-nav{ display:flex; gap:2px; padding:8px 8px 0; border-bottom:1px solid var(--border); flex-shrink:0; overflow-x:auto; }
.emoji-kategori-btn{ width:32px; height:32px; border-radius:9px; display:flex; align-items:center; justify-content:center; font-size:1.05rem; flex-shrink:0; color:var(--ink-faint); }
.emoji-kategori-btn:hover{ background:var(--surface-2); }
.emoji-kategori-btn.aktif{ background:var(--surface-2); color:var(--accent1); }
.emoji-grid-sarmal{ flex:1; overflow-y:auto; padding:8px; }
.emoji-grid{ display:none; grid-template-columns:repeat(7, 1fr); gap:2px; }
.emoji-grid.aktif{ display:grid; }
.emoji-ogesi{ font-size:1.35rem; width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:8px; line-height:1; padding:0; }
.emoji-ogesi:hover{ background:var(--surface-2); }
.emoji-ogesi img{ width:24px; height:24px; display:block; pointer-events:none; }
.emoji-metin-yedek{ font-size:1.35rem; }

/* ---- yazı boyutu paneli ---- */
.boyut-panel{
  display:none; align-items:center; gap:10px; position:absolute; bottom:44px; left:50%; transform:translateX(-50%);
  background:var(--surface); border:1px solid var(--border); border-radius:999px; padding:6px 8px;
  box-shadow:0 24px 50px -18px rgba(20,25,50,0.35); z-index:50; white-space:nowrap;
}
.boyut-panel.acik{ display:flex; }
.boyut-panel button{ width:26px; height:26px; border-radius:50%; background:var(--surface-2); display:flex; align-items:center; justify-content:center; color:var(--ink-dim); flex-shrink:0; }
.boyut-panel button:hover{ color:var(--accent1); }
.boyut-panel button svg{ width:13px; height:13px; }
.boyut-panel span{ font-size:0.74rem; font-weight:700; min-width:34px; text-align:center; }

/* ---- tek başına emoji mesajı (büyük gösterim) ---- */
.mesaj-balon.emoji-buyuk{ background:none !important; border:none !important; padding:2px 2px !important; font-size:2.3rem; line-height:1.15; font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji", sans-serif; }

/* ---- mobil: kullanıcı listesi askıda ok tutamacı ---- */
.uye-panel-tutamac{ display:none; }
.kimlik-avatar{ width:30px; height:30px; border-radius:50%; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.74rem; flex-shrink:0; overflow:hidden; }
.kimlik-avatar img{ width:100%; height:100%; object-fit:cover; }
.kimlik-govde{ min-width:0; flex:1; display:flex; flex-direction:column; gap:0; line-height:1.2; }
.kimlik-isim{ font-size:0.78rem; font-weight:700; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.kimlik-rozet{ font-size:0.65rem; font-weight:700; color:var(--accent1); display:block; }

.profil-menu-sarmal{ position:relative; flex-shrink:0; }
.profil-menu-btn{ width:28px; height:28px; border-radius:9px; display:flex; align-items:center; justify-content:center; color:var(--ink-faint); }
.profil-menu-btn:hover{ background:var(--surface-2); color:var(--ink-dim); }
.profil-menu-btn svg{ width:15px; height:15px; }
.profil-dropdown{
  display:none; position:absolute; bottom:100%; right:0; margin-bottom:8px; background:var(--surface); border:1px solid var(--border);
  border-radius:12px; padding:6px; min-width:180px; box-shadow:0 20px 44px -16px rgba(20,25,50,0.35); z-index:60;
}
.profil-dropdown.acik{ display:flex; flex-direction:column; gap:2px; }
.profil-dropdown a, .profil-dropdown button{ display:flex; align-items:center; gap:9px; padding:9px 10px; border-radius:8px; font-size:0.8rem; font-weight:600; color:var(--ink); width:100%; text-align:left; }
.profil-dropdown a:hover, .profil-dropdown button:hover{ background:var(--surface-2); }
.profil-dropdown a svg, .profil-dropdown button svg{ width:14px; height:14px; color:var(--ink-dim); flex-shrink:0; }

/* mobil topbar'daki profil menüsü: yukarı değil aşağı açılmalı (ekranın en üstünde olduğu için) */
.tb-profil-mobil .profil-dropdown{ top:100%; bottom:auto; margin-top:8px; margin-bottom:0; right:0; }

/* ==================== KULLANICI PANELİ ==================== */
.uye-panel{
  width:0; flex-shrink:0; background:var(--surface); border-left:1px solid var(--border);
  display:flex; flex-direction:column; overflow:hidden; transition:width .2s ease;
}
.uye-panel.gorunur{ width:170px; }

/* ==================== KANAL PANELİ ==================== */
.kanal-panel{
  width:0; flex-shrink:0; background:var(--surface); border-left:1px solid var(--border);
  display:flex; flex-direction:column; overflow:hidden; transition:width .2s ease;
}
.kanal-panel.gorunur{ width:190px; }
.kanal-panel .panel-govde{ padding-top:10px; }

.mobil-profil-btn{
  width:32px; height:32px; border-radius:50%; background:var(--grad); color:#fff; font-weight:700; font-size:0.76rem;
  display:flex; align-items:center; justify-content:center; overflow:hidden; flex-shrink:0;
  padding:0; border:none; box-sizing:border-box;
}
.mobil-profil-btn span{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.mobil-profil-btn img{ width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.mobil-profil-btn img{ width:100%; height:100%; object-fit:cover; }
.tb-profil-mobil{ display:none; }
.tb-btn-mobil-ozel{ display:none; }

.genel-modal{ display:none; position:fixed; inset:0; background:rgba(15,18,32,0.6); z-index:500; align-items:center; justify-content:center; padding:20px; }
.genel-modal.acik{ display:flex; }
.genel-modal-kutu{ background:var(--surface); border-radius:20px; max-width:440px; width:100%; max-height:78vh; display:flex; flex-direction:column; overflow:hidden; }
.genel-modal-ust{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid var(--border); flex-shrink:0; }
.genel-modal-ust b{ font-size:1rem; }
.genel-modal-govde{ padding:18px; overflow-y:auto; font-size:0.85rem; line-height:1.7; color:var(--ink-dim); }
.genel-modal-govde h4{ color:var(--ink); font-size:0.9rem; margin:16px 0 6px; }
.genel-modal-govde h4:first-child{ margin-top:0; }
/* ---- bildirim zili paneli ---- */
.bildirim-panel{
  display:none; position:absolute; top:100%; left:0; margin-top:8px; background:var(--surface); border:1px solid var(--border);
  border-radius:16px; width:320px; max-height:420px; overflow:hidden; flex-direction:column; box-shadow:0 24px 50px -18px rgba(20,25,50,0.35); z-index:60;
}
.bildirim-panel.acik{ display:flex; }
.bildirim-panel-ust{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); font-size:0.85rem; font-weight:800; flex-shrink:0; }
.bildirim-panel-ust div button{ font-size:0.72rem; font-weight:700; color:var(--accent1); }
.bildirim-panel-ust div button:hover{ text-decoration:underline; }
.bildirim-panel-ust div button:last-child{ color:var(--danger); }
.bildirim-liste{ overflow-y:auto; padding:8px; }
.bildirim-ogesi{ display:flex; gap:10px; padding:11px 10px; border-radius:11px; }
.bildirim-ogesi:hover{ background:var(--surface-2); }
.bildirim-ogesi.okunmadi{ background:rgba(79,124,255,0.06); }
.bildirim-ikon{ width:34px; height:34px; border-radius:10px; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.bildirim-ikon svg{ width:16px; height:16px; }
.bildirim-govde{ min-width:0; flex:1; }
.bildirim-metin{ font-size:0.8rem; line-height:1.4; color:var(--ink); }
.bildirim-zaman{ font-size:0.68rem; color:var(--ink-faint); margin-top:3px; display:block; }
.bildirim-nokta{ width:7px; height:7px; border-radius:50%; background:var(--accent1); flex-shrink:0; margin-top:6px; }

/* ---- toast (açılır anlık bildirim) ---- */
.toast-alani{ position:fixed; top:10px; left:50%; transform:translateX(-50%); z-index:700; display:flex; flex-direction:column; align-items:center; gap:10px; width:90%; max-width:400px; }
.toast{
  display:flex; align-items:flex-start; gap:11px; background:var(--surface); border:1px solid var(--border); border-radius:14px;
  padding:14px 16px; box-shadow:0 20px 44px -14px rgba(20,25,50,0.35); animation:toastGir .25s ease;
}
.toast-ikon{ width:32px; height:32px; border-radius:9px; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.toast-ikon svg{ width:15px; height:15px; }
.toast-govde{ min-width:0; flex:1; }
.toast-baslik{ font-size:0.78rem; font-weight:800; margin-bottom:2px; }
.toast-metin{ font-size:0.78rem; color:var(--ink-dim); line-height:1.4; }
.toast-kapat{ color:var(--ink-faint); flex-shrink:0; width:20px; height:20px; display:flex; align-items:center; justify-content:center; border-radius:6px; }
.toast-kapat:hover{ background:var(--surface-2); }
.toast-kapat svg{ width:12px; height:12px; }
.toast.kayboluyor{ animation:toastCik .25s ease forwards; }
@keyframes toastGir{ from{ opacity:0; transform:translateX(20px); } to{ opacity:1; transform:translateX(0); } }
@keyframes toastCik{ from{ opacity:1; transform:translateX(0); } to{ opacity:0; transform:translateX(20px); } }
.sayfa-panel{
  display:none; position:fixed; inset:0; z-index:600; background:var(--bg); flex-direction:column;
}
.sayfa-panel.acik{ display:flex; }
.sayfa-panel-ust{ display:flex; align-items:center; justify-content:space-between; padding:12px 16px; background:var(--surface); border-bottom:1px solid var(--border); flex-shrink:0; height:54px; }
.sayfa-panel-ust b{ font-size:0.95rem; }
.sayfa-panel iframe{ flex:1; border:none; width:100%; }

/* ---- sağ tık bağlam menüsü ---- */
.baglam-menu{
  display:none; position:fixed; z-index:800; background:var(--surface); border:1px solid var(--border); border-radius:14px;
  min-width:220px; max-width:260px; box-shadow:0 24px 50px -16px rgba(20,25,50,0.4); overflow:hidden;
}
.baglam-menu.acik{ display:block; }
.baglam-menu-baslik{ display:flex; align-items:center; gap:10px; padding:14px; border-bottom:1px solid var(--border); }
.baglam-avatar{ width:34px; height:34px; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.78rem; flex-shrink:0; overflow:hidden; }
.baglam-avatar img{ width:100%; height:100%; object-fit:cover; }
.baglam-menu-baslik-govde{ min-width:0; }
.baglam-menu-baslik-govde b{ font-size:0.85rem; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.baglam-menu-baslik-govde span{ font-size:0.7rem; color:var(--ink-faint); }
.baglam-menu-liste{ padding:6px; max-height:340px; overflow-y:auto; }
.baglam-ogesi{ display:flex; align-items:center; gap:10px; width:100%; padding:10px 11px; border-radius:9px; font-size:0.82rem; font-weight:600; text-align:left; color:var(--ink); }
.baglam-ogesi:hover{ background:var(--surface-2); }
.baglam-ogesi.tehlike{ color:var(--danger); }
.baglam-ogesi.tehlike:hover{ background:rgba(243,66,95,0.1); }
.baglam-ogesi svg{ width:15px; height:15px; flex-shrink:0; color:var(--ink-dim); }
.baglam-ogesi.tehlike svg{ color:var(--danger); }
.baglam-ayirici{ height:1px; background:var(--border); margin:6px 4px; }
.baglam-grup-baslik{ font-size:0.62rem; font-weight:800; text-transform:uppercase; letter-spacing:0.04em; color:var(--ink-faint); padding:8px 11px 4px; }

/* ---- moderasyon modalı yardımcı stiller ---- */
.moderasyon-hazir-sebepler{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.moderasyon-sebep-etiketi{ font-size:0.72rem; font-weight:700; padding:6px 11px; border-radius:999px; background:var(--surface-2); color:var(--ink-dim); }
.moderasyon-sebep-etiketi:hover{ background:var(--border); }
.moderasyon-sebep-etiketi.secili{ background:var(--grad); color:#fff; }
.moderasyon-sebep-input{ width:100%; padding:10px 12px; border-radius:10px; border:1px solid var(--border); background:var(--bg); color:var(--ink); font-size:0.85rem; margin-bottom:6px; }
.moderasyon-liste-satir{ display:flex; align-items:center; gap:10px; padding:9px 6px; border-radius:9px; }
.moderasyon-liste-satir:hover{ background:var(--surface-2); }
.moderasyon-liste-govde{ min-width:0; flex:1; }
.moderasyon-liste-govde b{ font-size:0.82rem; display:block; }
.moderasyon-liste-govde span{ font-size:0.7rem; color:var(--ink-faint); }
.moderasyon-kaldir-btn{ font-size:0.74rem; font-weight:700; color:var(--online); padding:6px 12px; border-radius:8px; flex-shrink:0; }
.moderasyon-kaldir-btn:hover{ background:rgba(34,197,94,0.1); }
.btn-ikincil{ padding:10px 18px; border-radius:11px; background:var(--surface-2); color:var(--ink-dim); font-weight:700; font-size:0.82rem; }
.btn-tehlike{ padding:10px 18px; border-radius:11px; background:var(--danger); color:#fff; font-weight:700; font-size:0.82rem; }
.ozel-tam-ekran{
  display:none; position:fixed; top:var(--tb-h); left:0; right:0; bottom:0; z-index:400;
  background:var(--surface); flex-direction:column;
}
.ozel-tam-ekran.acik{ display:flex; }
.ozel-tam-ekran-ust{ display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid var(--border); flex-shrink:0; }
.ozel-tam-ekran-ust b{ font-size:0.95rem; }

/* ==================== MOBİL ==================== */
@media (max-width:860px){
  .kanal-panel{ display:none !important; }
  #kanalToggleBtn{ display:none; } /* kanallar zaten üstte, panel açmaya gerek yok */
  .tb-btn-mobil-ozel{ display:flex; }
  .tb-btn-mobil-ozel svg{ width:19px; height:19px; }
  .tb-profil-mobil{ display:block; }
.ayarlar-paneli-kapat {
    position: absolute;
    top: 63px !important; color: #C00;
    right: 16px;
}
.sohbet-ust-alt-yazi {
    font-size: 0.56rem !important;
}
.sohbet-ust-govde b {
    font-size: 0.8rem !important;
}
  .mobil-kanal-bar{
    display:flex; gap:7px; padding:9px 10px; background:var(--surface); border-bottom:1px solid var(--border);
    overflow-x:auto; flex-shrink:0; -webkit-overflow-scrolling:touch;
  }
  .mobil-kanal-bar::-webkit-scrollbar{ display:none; }
  .mobil-kanal-pill{ display:flex; align-items:center; gap:6px; padding:6px 8px 6px 12px; border-radius:999px; background:var(--surface-2); font-size:0.74rem; font-weight:700; white-space:nowrap; flex-shrink:0; color:var(--ink-dim); }
  .mobil-kanal-pill.aktif{ background:var(--grad); color:#fff; }
  .mobil-kanal-pill .canli-nokta{ width:5px; height:5px; }
  .mobil-kanal-pill-kaldir{ width:18px; height:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.12); flex-shrink:0; }
  .mobil-kanal-pill.aktif .mobil-kanal-pill-kaldir{ background:rgba(255,255,255,0.25); }
  .mobil-kanal-pill-kaldir svg{ width:9px; height:9px; }
  /* kullanıcı paneli: masaüstüyle AYNI sıkıştırma mantığı, sadece daha dar açık genişliği */
  .uye-panel.gorunur{ width:150px; }
  #uyeToggleBtn{ display:none; } /* mobilde artık sohbet kenarındaki tutamaç kullanılıyor */
  .uye-panel-tutamac{
    display:flex; position:absolute; top:96px; right:0; z-index:20;
    width:28px; height:28px; border-radius:50% 0 0 50%; background:var(--surface); border:1px solid var(--border); border-right:none;
    align-items:center; justify-content:center; color:var(--ink-dim); box-shadow:-3px 4px 12px -3px rgba(20,25,50,0.3);
  }
  .uye-panel-tutamac svg{ width:12px; height:12px; transition:transform .2s ease; }
  .uye-panel-tutamac.aktif svg{ transform:rotate(180deg); }
  .mesaj-satir{ max-width:88%; }
  .giris-bar{ position:fixed; left:0; right:0; bottom:0; z-index:250; padding:8px 8px calc(8px + env(safe-area-inset-bottom)); }
.mesaj-alani{ padding-bottom:calc(110px + env(safe-area-inset-bottom)); -webkit-overflow-scrolling:touch; touch-action:pan-y; overscroll-behavior:contain; }
  .sohbet-ust-govde b{ max-width:140px; }
}
.moderasyon-kilit-btn{ width:100%; padding:11px; border-radius:11px; background:var(--surface-2); color:var(--ink-dim); font-weight:700; font-size:0.82rem; margin-bottom:8px; }
.moderasyon-kilit-btn.acik{ background:var(--danger); color:#fff; }
.kanal-kilit-banner{ background:rgba(243,66,95,0.08); color:var(--danger); font-size:0.76rem; font-weight:600; text-align:center; padding:9px 14px; border-bottom:1px solid var(--border); }
.uye-panel-sekmeler{ display:flex; border-bottom:1px solid var(--border); flex-shrink:0; }
.uye-panel-sekme{ flex:1; display:flex; align-items:center; justify-content:center; gap:6px; padding:11px 6px; font-size:0.76rem; font-weight:700; color:var(--ink-faint); border-bottom:2px solid transparent; }
.uye-panel-sekme:hover{ color:var(--ink-dim); }
.uye-panel-sekme.aktif{ color:var(--accent1); border-bottom-color:var(--accent1); }
.uye-panel-sekme-rozet{ font-size:0.64rem; font-weight:800; background:var(--surface-2); color:var(--ink-faint); padding:1px 6px; border-radius:999px; }
.uye-panel-sekme.aktif .uye-panel-sekme-rozet{ background:rgba(79,124,255,0.12); color:var(--accent1); }
.uye-panel.daraltilmis .uye-panel-sekmeler{ display:none; }
.sohbet-alani{ position:relative; }
.ayarlar-paneli-canli{ display:none; position:absolute; inset:0; z-index:50; background:var(--bg); flex-direction:column; overflow-y:auto; }
.ayarlar-paneli-canli.acik{ display:flex; }
.ayarlar-paneli-kapat{ position:absolute; top:16px; right:16px; z-index:20; background:var(--surface-2); }
.ayarlar-paneli-govde{ padding:0 24px 24px; max-width:520px; margin:0 auto; width:100%; }
.ayarlar-paneli-bolum{ margin-bottom:24px; }
.ayarlar-paneli-bolum h4{ font-size:0.95rem; font-weight:800; margin-bottom:12px; }
.ayarlar-engel-satir{ display:flex; align-items:center; gap:11px; padding:10px; border-radius:11px; }
.ayarlar-engel-satir:hover{ background:var(--surface-2); }
.ayarlar-engel-govde{ min-width:0; flex:1; }
.ayarlar-engel-govde b{ font-size:0.84rem; display:block; }
.ayarlar-engel-kaldir-btn{ font-size:0.74rem; font-weight:700; color:var(--accent1); padding:7px 13px; border-radius:9px; flex-shrink:0; }
.ayarlar-engel-kaldir-btn:hover{ background:rgba(79,124,255,0.1); }
.ayarlar-sekmeler{ display:flex; gap:6px; padding:0 14px 14px; flex-shrink:0; overflow-x:auto; margin-top: 10px; }
.ayarlar-sekme{ padding:8px 15px; border-radius:999px; font-size:0.78rem; font-weight:700; color:var(--ink-faint); background:var(--surface-2); white-space:nowrap; flex-shrink:0; }
.ayarlar-sekme:hover{ color:var(--ink-dim); }
.ayarlar-sekme.aktif{ background:var(--grad); color:#fff; }
.ayarlar-bolum-icerik{ display:none; }
.ayarlar-bolum-icerik.aktif{ display:block; }
.ayarlar-yakinda{ font-size:0.82rem; color:var(--ink-faint); background:var(--surface-2); padding:14px; border-radius:12px; }
.mesaj-balon-sarmal{ position:relative; display:inline-block; max-width:100%; }
.mesaj-balon{ position:relative; }
.mesaj-satir.kendi .mesaj-balon.mesaj-balon-renkli{ background:linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.4)), var(--grad); }
.mesaj-tepki-btn{ position:static; width:26px; height:26px; background:var(--surface-2); border:1px solid var(--border); box-shadow:none; border-radius:50%; color:var(--ink-faint); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mesaj-tepki-btn svg{ width:13px; height:13px; }
.mesaj-satir.kendi .mesaj-tepki-btn{ color:rgba(255,255,255,0.75); }
.mesaj-tepki-btn svg{ width:15px; height:15px; }
.mesaj-balon-sarmal-yatay{ display:flex; align-items:flex-end; gap:6px; }
.mesaj-zaman-ic{ float:none; display:inline-block; font-size:0.62rem; color:var(--ink-faint); margin-left:8px; white-space:nowrap; }
.mesaj-satir.kendi .mesaj-zaman-ic{ color:rgba(255,255,255,0.7); }
.mesaj-tepki-btn svg{ width:13px; height:13px; }
.mesaj-tepki-btn:hover{ background:var(--surface-2); color:var(--ink); }
.mesaj-satir.kendi .mesaj-tepki-btn{ display:none; }
.mesaj-tepki-menu{ display:none; position:fixed; z-index:800; background:var(--surface); border:1px solid var(--border); border-radius:12px; min-width:160px; box-shadow:0 20px 44px -16px rgba(20,25,50,0.4); overflow:hidden; padding:6px; }
.mesaj-tepki-menu.acik{ display:block; }
.mesaj-tepki-menu button{ display:flex; align-items:center; gap:9px; width:100%; padding:9px 10px; border-radius:8px; font-size:0.8rem; font-weight:600; text-align:left; color:var(--ink); }
.mesaj-tepki-menu button svg{ width:15px; height:15px; flex-shrink:0; }
.mesaj-tepki-menu button:hover{ background:var(--surface-2); }
.mesaj-tepki-menu button.tehlike{ color:var(--danger); }
.mesaj-tepki-menu button.tehlike:hover{ background:rgba(243,66,95,0.1); }
.alinti-onizleme{ display:flex; align-items:center; gap:10px; padding:9px 16px; background:var(--surface); border-top:1px solid var(--border); }
.alinti-onizleme-cizgi{ width:3px; align-self:stretch; background:var(--accent1); border-radius:999px; flex-shrink:0; }
.alinti-onizleme-govde{ min-width:0; flex:1; display:flex; flex-direction:column; gap:1px; }
.alinti-onizleme-govde b{ font-size:0.76rem; color:var(--accent1); }
.alinti-onizleme-govde span{ font-size:0.78rem; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#alintiIptalBtn{ width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:var(--ink-faint); flex-shrink:0; }
#alintiIptalBtn:hover{ background:var(--surface-2); }
#alintiIptalBtn svg{ width:14px; height:14px; }

.mesaj-alinti-kutusu{ display:flex; gap:8px; background:rgba(0,0,0,0.05); border-radius:9px; padding:6px 10px; margin-bottom:5px; border-left:3px solid var(--accent1); }
.mesaj-alinti-kutusu-govde{ min-width:0; display:flex; flex-direction:column; gap:1px; }
.mesaj-alinti-kutusu-govde b{ font-size:0.72rem; color:var(--accent1); }
.mesaj-alinti-kutusu-govde span{ font-size:0.74rem; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:220px; display:block; }
.mesaj-satir.kendi .mesaj-alinti-kutusu{ background:rgba(255,255,255,0.15); border-left-color:#fff; }
.mesaj-satir.kendi .mesaj-alinti-kutusu-govde b{ color:#fff; }
.mesaj-satir.kendi .mesaj-alinti-kutusu-govde span{ color:rgba(255,255,255,0.75); }
.mesaj-alt-bilgi{ float:right; display:inline-flex; align-items:center; gap:2px; margin:6px -10px -2px 10px; }
.mesaj-tepki-btn{ position:static; width:26px; height:26px; background:var(--surface-2); border:1px solid var(--border); box-shadow:none; border-radius:50%; color:var(--ink-faint); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.mesaj-tepki-btn svg{ width:19px; height:19px; }
.mesaj-satir.kendi .mesaj-tepki-btn{ color:#fff; }

@media (max-width: 860px) {
  .alinti-onizleme{ position:fixed; left:0; right:0; z-index:40; }
}

.profil-paneli-canli{ display:none; position:absolute; inset:0; z-index:50; background:var(--bg); flex-direction:column; overflow-y:auto; -webkit-overflow-scrolling:touch; touch-action:pan-y; overscroll-behavior:contain; }
.profil-paneli-canli.acik{ display:flex; }
.profil-paneli-kapat{ position:absolute; top:16px; right:16px; z-index:6; background:rgba(15,18,32,0.4); backdrop-filter:blur(6px); color:#fff; width:38px; height:38px; }
.profil-paneli-kapat:hover{ background:rgba(15,18,32,0.6); }

.profil-govde-sarmal{ width:100%; max-width:640px; margin:0 auto; }

.profil-kapak{ width:100%; height:220px; position:relative; overflow:hidden; cursor:pointer; background:linear-gradient(135deg,#4F7CFF 0%,#8B5CF6 55%,#F3425F 100%); }
.profil-kapak img{ width:100%; height:100%; object-fit:cover; position:absolute; inset:0; }
.profil-kapak-bos{ position:absolute; inset:0; }
.profil-kapak::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,0.55) 100%); pointer-events:none; }
.profil-isim-kapak-ustu{ position:absolute; left:24px; right:24px; bottom:16px; z-index:2; color:#fff; }
.profil-isim-kapak-ustu h2{ font-size:1.4rem; font-weight:800; margin:0 0 2px; letter-spacing:-0.01em; text-shadow:0 2px 10px rgba(0,0,0,0.35); }
.profil-isim-kapak-ustu span{ font-size:0.82rem; font-weight:600; color:rgba(255,255,255,0.85); text-shadow:0 1px 6px rgba(0,0,0,0.35); }

.profil-ust-bilgi{ display:flex; flex-direction:column; align-items:center; margin-top:-52px; position:relative; z-index:3; }
.profil-avatar-buyuk{
  width:104px; height:104px; border-radius:50%; border:2px solid var(--bg); background:var(--grad); color:#fff; font-size:2.1rem; font-weight:800;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; cursor:pointer; overflow:hidden;
  box-shadow:0 10px 30px -8px rgba(20,25,50,0.4), 0 0 0 2px rgba(79,124,255,0.25);
  transition:transform .18s ease;
}
.profil-avatar-buyuk:hover{ transform:scale(1.03); }
.profil-avatar-buyuk.cinsiyet-erkek{ box-shadow:0 10px 30px -8px rgba(20,25,50,0.4), 0 0 0 3px #4F7CFF; }
.profil-avatar-buyuk.cinsiyet-kadin{ box-shadow:0 10px 30px -8px rgba(20,25,50,0.4), 0 0 0 3px #F3425F; }
.profil-avatar-buyuk img{ width:100%; height:100%; object-fit:cover; }

.profil-rozetler{ display:flex; gap:6px; margin-top:10px; flex-wrap:wrap; justify-content:center; }
.profil-rutbe-rozeti{ position:absolute; top:65px; left:24px; z-index:2; font-size:0.7rem; font-weight:800; padding:5px 12px; border-radius:999px; background:linear-gradient(120deg, rgba(243,66,95,0.14), rgba(232,163,61,0.14)); color:var(--danger); border:1px solid rgba(243,66,95,0.2); }
.profil-rozet-etiket{
  font-size:0.66rem; font-weight:800; letter-spacing:0.03em; text-transform:uppercase; padding:4px 11px; border-radius:999px;
  background:linear-gradient(120deg, rgba(243,66,95,0.12), rgba(232,163,61,0.12)); color:var(--danger); border:1px solid rgba(243,66,95,0.18);
}
.profil-rozet-etiket.notr{ background:var(--surface-2); color:var(--ink-dim); border-color:var(--border); }

.profil-bio{
  margin:18px 28px 0; padding:14px 18px; font-size:0.86rem; color:var(--ink-dim); line-height:1.6; font-style:italic;
  background:var(--surface-2); border-left:3px solid var(--accent1); border-radius:0 12px 12px 0;
}

.profil-aksiyon-satiri{ display:flex; gap:8px; margin:20px 28px 0; }
.profil-aksiyon-btn{
  flex:1; display:flex; align-items:center; justify-content:center; gap:6px; padding:11px 8px; border-radius:12px;
  background:var(--surface-2); color:var(--ink-dim); font-weight:700; font-size:0.76rem; transition:all .15s ease;
}
.profil-aksiyon-btn:hover{ background:var(--border); }
.profil-aksiyon-btn svg{ width:15px; height:15px; flex-shrink:0; }
.profil-aksiyon-btn.aktif{ background:var(--grad); color:#fff; }
.profil-aksiyon-btn.tehlike.aktif{ background:var(--danger); color:#fff; }

.profil-istatistikler{
  display:flex; margin:22px 28px 0; background:var(--surface); border:1px solid var(--border); border-radius:16px; overflow:hidden;
}
.profil-istatistik-kart{ flex:1; text-align:center; padding:16px 8px; position:relative; }
.profil-istatistik-kart:not(:last-child)::after{ content:''; position:absolute; top:18%; bottom:18%; right:0; width:1px; background:var(--border); }
.profil-istatistik-kart b{ font-size:1.4rem; font-weight:800; display:block; background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.profil-istatistik-kart span{ font-size:0.64rem; font-weight:700; color:var(--ink-faint); text-transform:uppercase; letter-spacing:0.03em; display:block; margin-top:3px; }

.profil-detaylar{ margin:22px 28px 32px; display:flex; flex-direction:column; gap:2px; background:var(--surface); border:1px solid var(--border); border-radius:16px; overflow:hidden; }
.profil-detay-satir{ display:flex; align-items:center; gap:13px; font-size:0.84rem; font-weight:600; color:var(--ink); padding:13px 16px; }
.profil-detay-satir:not(:last-child){ border-bottom:1px solid var(--border); }
.profil-detay-satir svg{
  width:16px; height:16px; color:#fff; flex-shrink:0; padding:7px; box-sizing:content-box; border-radius:10px;
  background:var(--grad);
}

.profil-ust-bilgi{ display:flex; align-items:flex-end; gap:18px; padding:0 28px; margin-top:-58px; position:relative; z-index:2; }
.profil-avatar-buyuk{
  width:116px; height:116px; border-radius:50%; border:5px solid var(--bg); background:var(--grad); color:#fff; font-size:2.3rem; font-weight:800;
  display:flex; align-items:center; justify-content:center; flex-shrink:0; cursor:pointer; overflow:hidden;
  box-shadow:0 10px 30px -8px rgba(20,25,50,0.4), 0 0 0 2px rgba(79,124,255,0.25);
  transition:transform .18s ease;
}
.profil-avatar-buyuk:hover{ transform:scale(1.03); }
.profil-avatar-buyuk img{ width:100%; height:100%; object-fit:cover; }

.profil-isim-blok{ flex:1; min-width:0; padding-bottom:10px; }
.profil-isim-blok h2{ font-size:1.35rem; font-weight:800; margin:0 0 3px; letter-spacing:-0.01em; }
.profil-isim-blok span{ font-size:0.8rem; font-weight:600; color:var(--accent1); }

.profil-rozetler{ display:flex; gap:6px; margin-top:9px; flex-wrap:wrap; }
.profil-rozet-etiket{
  font-size:0.66rem; font-weight:800; letter-spacing:0.03em; text-transform:uppercase; padding:4px 11px; border-radius:999px;
  background:linear-gradient(120deg, rgba(243,66,95,0.12), rgba(232,163,61,0.12)); color:var(--danger); border:1px solid rgba(243,66,95,0.18);
}

.profil-bio{
  margin:24px 28px 0; padding:14px 18px; font-size:0.86rem; color:var(--ink-dim); line-height:1.6; font-style:italic;
  background:var(--surface-2); border-left:3px solid var(--accent1); border-radius:0 12px 12px 0;
}

.profil-istatistikler{
  display:flex; margin:26px 28px 0; background:var(--surface); border:1px solid var(--border); border-radius:16px; overflow:hidden;
  box-shadow:0 1px 0 rgba(0,0,0,0.02);
}
.profil-istatistik-kart{ flex:1; text-align:center; padding:16px 8px; position:relative; }
.profil-istatistik-kart:not(:last-child)::after{ content:''; position:absolute; top:18%; bottom:18%; right:0; width:1px; background:var(--border); }
.profil-istatistik-kart b{ font-size:1.4rem; font-weight:800; display:block; background:var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.profil-istatistik-kart span{ font-size:0.64rem; font-weight:700; color:var(--ink-faint); text-transform:uppercase; letter-spacing:0.03em; display:block; margin-top:3px; }

.profil-detaylar{ margin:22px 28px 32px; display:flex; flex-direction:column; gap:2px; background:var(--surface); border:1px solid var(--border); border-radius:16px; overflow:hidden; }
.profil-detay-satir{ display:flex; align-items:center; gap:13px; font-size:0.84rem; font-weight:600; color:var(--ink); padding:13px 16px; }
.profil-detay-satir:not(:last-child){ border-bottom:1px solid var(--border); }
.profil-detay-satir svg{
  width:16px; height:16px; color:#fff; flex-shrink:0; padding:7px; box-sizing:content-box; border-radius:10px;
  background:var(--grad);
}

.uye-avatar.cinsiyet-erkek, .mesaj-avatar.cinsiyet-erkek, .dm-avatar.cinsiyet-erkek, .baglam-avatar.cinsiyet-erkek, .sohbet-ust-ikon.cinsiyet-erkek{ box-shadow:0 0 0 2px #4F7CFF; }
.uye-avatar.cinsiyet-kadin, .mesaj-avatar.cinsiyet-kadin, .dm-avatar.cinsiyet-kadin, .baglam-avatar.cinsiyet-kadin, .sohbet-ust-ikon.cinsiyet-kadin{ box-shadow:0 0 0 2px #F3425F; }
.ayarlar-alt-not{ font-size:0.7rem; font-weight:500; color:var(--ink-faint); }

.palet-secici{ display:grid; grid-template-columns:repeat(5, 1fr); gap:8px; }
.palet-ogesi{ display:flex; flex-direction:column; align-items:center; gap:8px; padding:12px 6px; border-radius:14px; border:2px solid var(--border); font-size:0.72rem; font-weight:700; color:var(--ink-dim); transition:all .15s ease; width:100%; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.palet-ogesi:hover{ border-color:var(--accent1); }
@media (max-width: 860px){
  .mesaj-satir{ position:relative; }
    .mesaj-tepki-btn {
        position: absolute;
        left: -4px;
        bottom: -10px;
        width: 25px;
        height: 20px;
        z-index: 2;
        color: #000;
    }
  .palet-secici{ gap:6px; }
  .palet-ogesi{ padding:9px 4px; font-size:0.6rem; gap:5px; border-radius:11px; }
  .palet-onizleme{ width:26px; height:26px; }
}
.palet-ogesi.secili{ border-color:var(--accent1); background:rgba(79,124,255,0.06); color:var(--ink); }
.palet-onizleme{ width:36px; height:36px; border-radius:50%; box-shadow:0 4px 12px -4px rgba(0,0,0,0.25); box-sizing:border-box; }
.palet-onizleme.koyu{ border:1px solid rgba(255,255,255,0.15); }

.renk-secici{ display:flex; flex-wrap:wrap; gap:10px; }
.renk-ogesi{ width:34px; height:34px; border-radius:50%; border:2px solid transparent; transition:transform .12s ease; flex-shrink:0; }
.renk-ogesi:hover{ transform:scale(1.1); }
.renk-ogesi.secili{ border-color:var(--ink); box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--ink); }

.stil-secici{ display:flex; gap:8px; flex-wrap:wrap; }
.stil-secici button{ padding:9px 16px; border-radius:11px; background:var(--surface-2); color:var(--ink-dim); font-size:0.82rem; font-weight:600; }
.stil-secici button:hover{ background:var(--border); }
.stil-secici button.secili{ background:var(--grad); color:#fff; }

.ayarlar-boyut-satiri{ display:flex; align-items:center; gap:16px; background:var(--surface-2); border-radius:14px; padding:12px 18px; width:fit-content; }
.ayarlar-boyut-satiri button{ width:32px; height:32px; border-radius:9px; background:var(--surface); font-weight:800; font-size:0.9rem; box-shadow:0 1px 3px rgba(0,0,0,0.08); }
.ayarlar-boyut-satiri button:hover{ background:var(--border); }
.ayarlar-boyut-satiri span{ font-size:0.82rem; font-weight:700; min-width:44px; text-align:center; }

.ayarlar-switch-satir{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; border-bottom:1px solid var(--border); }
.ayarlar-switch-satir:last-child{ border-bottom:none; }
.ayarlar-switch-satir span{ font-size:0.84rem; font-weight:600; color:var(--ink); }

.co-switch{ position:relative; display:inline-block; width:44px; height:26px; flex-shrink:0; }
.co-switch input{ opacity:0; width:0; height:0; }
.co-switch-thumb{ position:absolute; inset:0; background:var(--border); border-radius:999px; cursor:pointer; transition:background .18s ease; }
.co-switch-thumb::before{ content:''; position:absolute; width:20px; height:20px; left:3px; top:3px; background:#fff; border-radius:50%; transition:transform .18s ease; box-shadow:0 1px 3px rgba(0,0,0,0.25); }
.co-switch input:checked + .co-switch-thumb{ background:var(--grad); }
.co-switch input:checked + .co-switch-thumb::before{ transform:translateX(18px); }

.segment-secici{ display:flex; background:var(--surface-2); border-radius:12px; padding:4px; gap:4px; }
.segment-secici button{ flex:1; padding:9px 8px; border-radius:9px; font-size:0.76rem; font-weight:700; color:var(--ink-faint); }
.segment-secici button.secili{ background:var(--surface); color:var(--ink); box-shadow:0 1px 4px rgba(0,0,0,0.1); }
/* ---- şık kaydırma çubukları ---- */
::-webkit-scrollbar{ width:8px; height:8px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:var(--border); border-radius:999px; }
::-webkit-scrollbar-thumb:hover{ background:var(--ink-faint); }
*{ scrollbar-width:thin; scrollbar-color:var(--border) transparent; }

.renk-secici-zengin{ display:grid; grid-template-columns:repeat(8, 1fr); gap:10px; }
@media (max-width:860px){ .renk-secici-zengin{ grid-template-columns:repeat(6, 1fr); } }

.vip-nick-alani{ margin-top:26px; padding:16px; border-radius:14px; background:var(--surface-2); border:1px dashed var(--border); }
.vip-nick-baslik{ display:flex; align-items:center; gap:8px; font-size:0.86rem; font-weight:800; }
.vip-nick-baslik svg{ width:18px; height:18px; color:#E8A33D; }
.vip-nick-onizleme-satiri{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.vip-nick-onizleme{ display:flex; align-items:center; gap:5px; padding:7px 12px; border-radius:999px; background:var(--surface); font-size:0.72rem; font-weight:700; color:var(--ink-faint); opacity:0.6; }
.vip-nick-onizleme svg{ width:13px; height:13px; }
.vip-nick-onizleme.kilitli{ filter:grayscale(1); }

.etiket-oneri-menu{ display:none; position:absolute; bottom:100%; left:0; right:0; margin-bottom:8px; background:var(--surface); border:1px solid var(--border); border-radius:14px; box-shadow:0 20px 44px -16px rgba(20,25,50,0.4); max-height:220px; overflow-y:auto; z-index:60; }
.etiket-oneri-menu.acik{ display:block; }
.etiket-oneri-ogesi{ display:flex; align-items:center; gap:10px; padding:9px 12px; cursor:pointer; }
.etiket-oneri-ogesi:hover, .etiket-oneri-ogesi.vurgulu{ background:var(--surface-2); }
.etiket-oneri-avatar{ width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:0.7rem; font-weight:700; flex-shrink:0; overflow:hidden; }
.etiket-oneri-avatar img{ width:100%; height:100%; object-fit:cover; }
.etiket-oneri-isim{ font-size:0.82rem; font-weight:600; }
.bildirim-ogesi.tiklanabilir{ cursor:pointer; }
.entry-kapali{ text-align:center; padding:8px 4px 4px; }
.entry-kapali-ikon{ width:56px; height:56px; margin:0 auto 14px; border-radius:50%; background:rgba(243,66,95,0.1); display:flex; align-items:center; justify-content:center; color:var(--danger); }
.entry-kapali-ikon svg{ width:26px; height:26px; }
.entry-kapali h3{ margin:0 0 8px; font-size:1.05rem; font-weight:800; color:var(--ink); }
.entry-kapali p{ margin:0 0 20px; font-size:0.85rem; color:var(--ink-dim); line-height:1.5; }
.entry-cta-kayit{ display:block; text-decoration:none; text-align:center; background:var(--grad); }
.entry-nick-oneriler{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; justify-content:center; }
.entry-nick-oneri-chip{ padding:7px 14px; border-radius:999px; background:var(--surface-2); border:1px solid var(--border); font-size:0.8rem; font-weight:600; color:var(--ink); }
.entry-nick-oneri-chip:hover{ border-color:var(--accent1); }
.entry-cinsiyet-secici{ display:flex; gap:8px; }
.entry-cinsiyet-secici button{ flex:1; display:flex; align-items:center; justify-content:center; gap:7px; padding:11px 8px; border-radius:12px; border:1.5px solid var(--border); background:var(--surface-2); font-size:0.84rem; font-weight:600; color:var(--ink-dim); transition:all .15s ease; }
.entry-cinsiyet-secici button svg{ width:17px; height:17px; }
.entry-cinsiyet-secici button.secili{ border-color:var(--accent1); background:rgba(79,124,255,0.08); color:var(--ink); }
.entry-cinsiyet-secici button[data-cinsiyet="erkek"].secili{ border-color:#3B82F6; color:#3B82F6; background:rgba(59,130,246,0.08); }
.entry-cinsiyet-secici button[data-cinsiyet="kadin"].secili{ border-color:#F472B6; color:#F472B6; background:rgba(244,114,182,0.08); }
.mesaj-vurgulu-flash .mesaj-balon{ animation:mesajVurgu 2s ease; }
@keyframes mesajVurgu{
  0%{ box-shadow:0 0 0 3px var(--accent1); }
  70%{ box-shadow:0 0 0 3px var(--accent1); }
  100%{ box-shadow:none; }
}

.mesaj-etiket-vurgu{ color:var(--accent1); font-weight:700; background:rgba(79,124,255,0.1); padding:1px 4px; border-radius:5px; }
.mesaj-satir.kendi .mesaj-etiket-vurgu{ color:#fff; background:rgba(255,255,255,0.25); }

.yaziyor-gostergesi{ display:flex; align-items:center; gap:6px; padding:4px 16px 0; font-size:0.72rem; font-style:italic; color:var(--ink-faint); }
.yaziyor-noktalar{ display:inline-flex; gap:2px; }
.yaziyor-noktalar span{ width:4px; height:4px; border-radius:50%; background:var(--ink-faint); animation:yaziyorZipla 1.2s infinite ease-in-out; }
.yaziyor-noktalar span:nth-child(2){ animation-delay:0.15s; }
.yaziyor-noktalar span:nth-child(3){ animation-delay:0.3s; }
@keyframes yaziyorZipla{ 0%,60%,100%{ transform:translateY(0); opacity:0.4; } 30%{ transform:translateY(-3px); opacity:1; } }

.isim-tercih-avatar{ width:72px; height:72px; margin:0 auto 18px; border-radius:50%; background:var(--grad); color:#fff; font-size:1.6rem; font-weight:800; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:0 0 0 5px rgba(255,255,255,0.06), 0 14px 34px -12px rgba(79,124,255,0.5); }
.isim-tercih-avatar img{ width:100%; height:100%; object-fit:cover; }

.isim-secim-btn{ display:flex; align-items:center; gap:14px; width:100%; padding:11px 14px; border-radius:14px; border:1.5px solid var(--border); background:var(--surface-2); text-align:left; transition:all .15s ease; }
.isim-secim-btn:hover{ border-color:var(--accent1); transform:translateY(-1px); }
.isim-secim-btn.secili{ border-color:var(--accent1); background:rgba(79,124,255,0.07); box-shadow:0 8px 22px -14px var(--accent1); }

.isim-secim-ikon{ width:38px; height:38px; border-radius:11px; background:var(--surface); display:flex; align-items:center; justify-content:center; color:var(--ink-dim); flex-shrink:0; }
.isim-secim-ikon svg{ width:19px; height:19px; }
.isim-secim-btn.secili .isim-secim-ikon{ background:var(--grad); color:#fff; }

.isim-secim-govde{ display:flex; flex-direction:column; gap:1px; flex:1; min-width:0; }
.isim-secim-etiket{ font-size:0.64rem; font-weight:600; color:var(--ink-faint); }
.isim-secim-btn b{ font-size:0.8rem; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.isim-secim-radio{ width:20px; height:20px; border-radius:50%; border:2px solid var(--border); flex-shrink:0; position:relative; transition:border-color .15s ease; }
.isim-secim-btn.secili .isim-secim-radio{ border-color:var(--accent1); }
.isim-secim-btn.secili .isim-secim-radio::after{ content:''; position:absolute; inset:3px; border-radius:50%; background:var(--grad); }
.ozel-cevrimdisi-banner{ position:absolute !important; top:10px !important; left:50% !important; right:auto !important; transform:translateX(-50%) !important; margin:0 !important; z-index:15 !important; width:max-content !important; max-width:80% !important; box-sizing:border-box; text-align:center; font-size:0.76rem; font-weight:700; color:#fff; background:var(--danger); padding:8px 14px; border-radius:10px; box-shadow:0 8px 22px -12px rgba(0,0,0,0.35); }
.ozel-cevrimdisi-banner.cevrimici-bilgi{ background:var(--online); }
.profil-durum-etiketi{ display:inline-flex; align-items:center; gap:5px; margin-left:8px; font-size:0.7rem; font-weight:600; color:rgba(255,255,255,0.85); }
.profil-durum-nokta{ width:7px; height:7px; border-radius:50%; background:var(--online); display:inline-block; }
.profil-durum-nokta.durum-mesgul{ background:#F97316; }
.profil-durum-nokta.durum-uzakta{ background:#9AA3B8; }