/* sohbet-medya.css — tam ekran medya görüntüleyici (Plan 3 Task 16; js/ekran/medya-goruntuleyici.mjs). ws6'da tam ekran görünüm YOK:
   kabuk `.perde` diliyle (koyu perde, ikon düğmeleri, kart) kurulur; yeni tasarım uydurulmaz. Renk YALNIZ takma adlardan (css/tasarim-adlari.css →
   --t-* / --f-* / --fixed-*); ham renk YOK (test/renk-kapisi.test.mjs). Satır içi stil YOK. Ses oynatıcının stilleri (.ses/.dalga/.hiz) sohbet-oda.css'te. */
.medya-perde{ z-index:30; display:block; background:color-mix(in srgb, var(--f-black) 90%, transparent); }
.medya-goruntu{ position:relative; width:100%; height:100%; display:flex; flex-direction:column; color:var(--fixed-white); }
.medya-ust{ flex:none; display:flex; align-items:center; gap:12px; padding:12px 16px; }
.medya-kim{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.medya-gonderen{ font-size:var(--fs-body); font-weight:var(--fw-x); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.medya-sayac{ font-size:var(--fs-micro); color:color-mix(in srgb, var(--fixed-white) 72%, transparent); }
.medya-araclar{ flex:none; display:flex; align-items:center; gap:4px; }
.medya-goruntu .ikon-btn{ color:var(--fixed-white); border-radius:50%; }
.medya-goruntu .ikon-btn:hover:not(:disabled){ background:color-mix(in srgb, var(--fixed-white) 16%, transparent); }
.medya-goruntu .ikon-btn:disabled{ opacity:.4; cursor:default; }
.medya-goruntu .ikon-btn:focus-visible, .medya-goruntu .btn:focus-visible{ outline:3px solid var(--primary-tint); outline-offset:2px; }
.medya-sahne{ flex:1; min-height:0; display:grid; grid-template-columns:auto minmax(0, 1fr) auto; grid-template-rows:minmax(0, 1fr); align-items:center; gap:8px; padding:0 12px 16px; }
.medya-ok{ width:44px; height:44px; background:color-mix(in srgb, var(--fixed-white) 12%, transparent); }
.medya-ok--onceki{ grid-column:1; grid-row:1; }
.medya-ok--sonraki{ grid-column:3; grid-row:1; }
.medya-icerik{ grid-column:2; grid-row:1; min-width:0; min-height:0; height:100%; display:grid; grid-template:minmax(0, 1fr) / minmax(0, 1fr); place-items:center; }
.medya-gorsel, .medya-video{ max-width:100%; max-height:100%; object-fit:contain; border-radius:var(--r-md); background:color-mix(in srgb, var(--fixed-white) 6%, transparent); }
.medya-yukleniyor, .medya-hata{ font-size:var(--fs-sub); color:color-mix(in srgb, var(--fixed-white) 80%, transparent); }
.medya-indir-karti{ width:340px; max-width:100%; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; gap:12px; padding:28px 24px;
  text-align:center; background:var(--sheet); color:var(--ink); border:1px solid var(--line); border-radius:var(--r-xl); }
.medya-indir-karti .dosya-ikon{ width:56px; height:56px; border-radius:var(--r-lg); display:grid; place-items:center; background:var(--primary-soft); color:var(--primary-deep); }
.medya-indir-karti .ad{ font-weight:var(--fw-x); overflow-wrap:anywhere; }
.medya-indir-karti .aciklama{ margin:0; font-size:var(--fs-sub); color:var(--sub); }