/* sohbet-bilgi.css — sohbet/grup bilgi paneli (Plan 3 Task 14; js/ekran/bilgi-paneli.mjs).
   Kaynak: design/web_sohbet-showcase/v06-is-modu.html (ws6) ORTAK_CSS "bilgi paneli" + `.v6` kuralları (sabit bilgi paneli 340 px). Renk YALNIZ
   takma adlardan (ham renk YOK). Satır içi stil YOK. */

.app.bilgi-acik{ --bilgi-w:340px; }
.bilgi{ background:var(--sheet-2); }
.bilgi-bas{ height:var(--bas-h); padding-left:18px; }
.bilgi-bas .ikon-btn{ display:none; }
.app--1100 .bilgi-bas .ikon-btn{ display:grid; }
.bilgi-bas .ikon-btn:focus-visible, .bilgi .sekme:focus-visible, .bilgi .b-satir:focus-visible, .bilgi .anahtar:focus-visible, .bilgi-eylem button:focus-visible,
.medya-kare:focus-visible{ outline:3px solid var(--primary-tint); outline-offset:-3px; }

/* ---- Sekmeler ---- */
.bilgi-sekmeler{ display:flex; gap:2px; padding:8px 12px 0; border-bottom:1px solid var(--line); background:var(--sheet); }
.bilgi-sekmeler .sekme{ height:34px; display:inline-flex; align-items:center; gap:4px; padding:0 10px; border:0; border-bottom:2.5px solid transparent; background:transparent;
  font-family:inherit; font-size:var(--fs-cap); font-weight:var(--fw-bold); color:var(--sub); cursor:pointer; }
.bilgi-sekmeler .sekme i{ font-style:normal; font-weight:var(--fw-semi); color:var(--muted); }
.bilgi-sekmeler .sekme.aktif{ color:var(--primary-deep); border-bottom-color:var(--primary-deep); }

/* ---- Gövde ---- */
.bilgi-govde{ padding:14px; gap:10px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--line) transparent; }
.av--96{ width:80px; height:80px; } .av--96 > .bas{ font-size:var(--fs-h1); }
.av--96 .pres{ right:4px; bottom:4px; width:18px; height:18px; }
.bilgi-kimlik{ display:grid; grid-template-columns:64px 1fr; justify-items:start; align-items:center; column-gap:12px; row-gap:0; text-align:left; }
.bilgi-kimlik .av--96{ width:64px; height:64px; grid-row:span 3; }
.bilgi-kimlik .av--96 .pres{ width:14px; height:14px; right:0; bottom:0; }
.bilgi-kimlik .ad{ margin-top:4px; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:var(--fs-h3); }
.bilgi-kimlik .tel{ font-size:var(--fs-cap); }
.bilgi-kimlik .hakkinda{ font-size:var(--fs-sub); color:var(--sub); grid-column:1 / 3; margin-top:4px; }
.bilgi-kimlik .pres-etiket{ grid-column:1 / 3; margin:8px 0 2px; }
.bilgi-eylem{ display:grid; grid-template-columns:repeat(auto-fit, minmax(0, 1fr)); gap:8px; }
.bilgi-eylem button{ height:40px; border-radius:var(--r-md); border:1px solid var(--line); background:var(--card-bg); display:flex; flex-direction:row; align-items:center; justify-content:center; gap:6px;
  color:var(--primary-deep); box-shadow:var(--shadow-ic), var(--shadow-sm); font-family:inherit; cursor:pointer; }
.bilgi-eylem span{ font-size:var(--fs-cap); font-weight:var(--fw-bold); color:var(--ink); }
.bolum-ust{ display:flex; align-items:center; justify-content:space-between; margin-bottom:8px; }
.bolum-ust .bolum-baslik{ margin:0; }
.bolum-ust .sayi{ font-size:var(--fs-cap); font-weight:var(--fw-bold); color:var(--muted); }
.medya-onizle{ display:grid; grid-template-columns:repeat(4, 1fr); gap:6px; }
.medya-kare, .dosya-kare{ width:100%; aspect-ratio:1; border-radius:var(--r-sm); display:block; padding:0; border:0; background:var(--line-soft); position:relative; overflow:hidden; cursor:pointer; }
.medya-kare img{ width:100%; height:100%; object-fit:cover; display:block; }
.dosya-kare{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:var(--sheet-2); border:1px solid var(--line); cursor:default;
  font-size:var(--fs-micro); font-weight:var(--fw-x); color:var(--sub); }
.dosya-kare .ik{ width:24px; height:24px; }
.medya-kare .oynat-rozet{ width:28px; height:28px; }
.medya-izgara-bilgi{ display:grid; grid-template-columns:repeat(3, 1fr); gap:6px; }
.bilgi-bos{ padding:28px 8px; text-align:center; color:var(--sub); font-size:var(--fs-sub); }
.bilgi-not{ padding:2px 4px; text-align:center; color:var(--muted); font-size:var(--fs-micro); }
.bolum--satirlar{ padding:4px 14px; }
.bolum--satirlar .bolum-baslik{ margin:7px 0 0; }
.b-satir{ display:flex; align-items:center; gap:12px; min-height:40px; padding:4px 0; font-size:var(--fs-sub); }
.b-satir + .b-satir{ border-top:1px solid var(--line-soft); }
.b-satir > .ik{ color:var(--sub); }
.b-satir[role="button"]{ cursor:pointer; }
.b-satir .iki{ display:flex; flex-direction:column; line-height:1.3; min-width:0; flex:1; }
.b-satir .alt-not{ font-size:var(--fs-micro); color:var(--muted); }
.b-satir .uyari-not{ color:var(--gold-ink); font-weight:var(--fw-bold); }
.b-satir .deger{ margin-left:auto; flex:none; font-size:var(--fs-cap); color:var(--muted); font-weight:var(--fw-semi); }
.b-satir .dosya-ad{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.b-satir .dosya-ikon{ width:32px; height:32px; }
.b-satir .link{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bilgi .anahtar{ width:38px; height:22px; flex:none; margin-left:auto; border-radius:11px; position:relative; padding:0; border:0; background:color-mix(in srgb, var(--sub) 38%, transparent); cursor:pointer; }
.bilgi .anahtar::after{ content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:var(--fixed-white); box-shadow:var(--shadow-sm); }
.bilgi .anahtar.acik{ background:var(--primary-soft); box-shadow:inset 0 0 0 1.5px var(--primary-tint), var(--shadow-ic); }
.bilgi .anahtar.acik::after{ left:auto; right:3px; background:var(--primary); }
.b-satir button.link{ border:0; background:transparent; padding:0; font:inherit; text-align:start; cursor:pointer; }
.b-satir button.link:focus-visible{ outline:3px solid var(--primary-tint); outline-offset:2px; }