/* mm-ek.css — destek sohbeti: linkler, YouTube kartlari, foto/video ekleri, gonderim tepsisi, buyuk gorunum (2026-10-14, v4) */
.mmek-ekler, .mmek-yt, .mmek-tepsi { --mmek-yuzey:var(--kd-yuzey, var(--ay-kart, #fff)); --mmek-ic:var(--buz, var(--ay-ic, #F1F5FB)); --mmek-cz:var(--kd-kenar, var(--ay-cz, rgba(15,42,86,.1))); }

/* linkler */
.mmek-link { color:var(--mavi, #2563EB); font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px; overflow-wrap:anywhere; }
.dsk-m.sen .mmek-link, .adm-dm.biz .mmek-link { color:#fff; text-decoration-color:rgba(255,255,255,.6); }
.adm-dm-not .mmek-link { color:#B45309; } html[data-tema="koyu"] .adm-dm-not .mmek-link { color:#FCD34D; }
.mmek-link:active { opacity:.7; }

/* ekler (balonun altinda) */
.mmek-ekler { display:grid; gap:6px; margin-top:6px; width:min(340px, 100%); }
.mmek-resimler { display:grid; gap:4px; border-radius:14px; overflow:hidden; }
.mmek-resimler.n2 { grid-template-columns:1fr 1fr; } .mmek-resimler.n3 { grid-template-columns:1fr 1fr; }
.mmek-resimler.n3 .mmek-r:first-child { grid-column:1 / -1; }
.mmek-r { display:block; padding:0; border:0; cursor:zoom-in; background:var(--mmek-ic); min-width:0; }
.mmek-r img { display:block; width:100%; height:100%; max-height:300px; object-fit:cover; }
.mmek-resimler.n1 .mmek-r img { width:auto; max-width:100%; min-width:120px; min-height:80px; height:auto; object-fit:contain; }
.mmek-resimler.n1 { justify-items:start; background:none; }
.mmek-resimler.n2 .mmek-r img, .mmek-resimler.n3 .mmek-r img { aspect-ratio:4 / 3; height:auto; }
.mmek-resimler.n3 .mmek-r:first-child img { aspect-ratio:16 / 9; }
.mmek-r:active img { opacity:.85; }
.mmek-v { border-radius:14px; overflow:hidden; background:#0B1220; box-shadow:inset 0 0 0 1px var(--mmek-cz); }
.mmek-v video { display:block; width:100%; max-height:380px; background:#0B1220; }
.dsk-m.sen .mmek-ekler, .adm-dm.biz .mmek-ekler { justify-self:end; }
.dsk-m.sen .mmek-resimler.n1, .adm-dm.biz .mmek-resimler.n1 { justify-items:end; }
.adm-dm-not .mmek-ekler { margin-top:4px; }

/* YouTube karti */
.mmek-yt { display:grid; width:min(340px, 100%); margin-top:6px; border-radius:14px; overflow:hidden; background:var(--mmek-yuzey); box-shadow:inset 0 0 0 1px var(--mmek-cz), 0 1px 2px rgba(15,42,86,.06); }
.mmek-yt.kisa { width:min(220px, 100%); }
.mmek-yt-ust { display:flex; align-items:center; gap:9px; padding:9px 11px; color:var(--ink); text-decoration:none; min-width:0; border-left:3px solid #FF0033; }
.mmek-yt-ust > svg:first-child { width:22px; height:22px; flex:none; }
.mmek-yt-ust span { flex:1; min-width:0; display:grid; gap:1px; }
.mmek-yt-ust b { font-size:13px; font-weight:800; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.mmek-yt-ust small { font-size:11.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mmek-yt-ust > svg:last-child { width:14px; height:14px; flex:none; color:var(--ink-3); }
.mmek-yt-ust:active { background:var(--mmek-ic); }
.mmek-yt-oyna { position:relative; display:block; padding:0; border:0; cursor:pointer; background:#000; aspect-ratio:16 / 9; overflow:hidden; }
.mmek-yt.kisa .mmek-yt-oyna, .mmek-yt.kisa .mmek-yt-cerceve { aspect-ratio:9 / 16; }
.mmek-yt-oyna img { width:100%; height:100%; object-fit:cover; display:block; }
.mmek-yt-oyna i { position:absolute; left:50%; top:50%; width:58px; height:40px; margin:-20px 0 0 -29px; display:grid; place-items:center; border-radius:11px; color:#fff;
  background:rgba(255,0,51,.92); box-shadow:0 6px 18px rgba(0,0,0,.35); transition:transform .18s ease; }
.mmek-yt-oyna i svg { width:20px; height:20px; margin-left:2px; }
.mmek-yt-oyna:active i { transform:scale(.92); }
.mmek-yt-cerceve { aspect-ratio:16 / 9; background:#000; }
.mmek-yt-cerceve iframe { width:100%; height:100%; border:0; display:block; }

/* gonderim tepsisi */
.mmek-tepsi { display:flex; flex-wrap:wrap; align-items:flex-start; gap:8px; }
.mmek-tepsi.dolu { margin:0 0 8px; }
.dsk-govde .mmek-tepsi.dolu { margin:10px 0 0; }
.mmek-t { position:relative; width:76px; height:76px; border-radius:11px; overflow:hidden; flex:none; background:var(--mmek-ic); box-shadow:inset 0 0 0 1px var(--mmek-cz); }
.mmek-t img, .mmek-t video { width:100%; height:100%; object-fit:cover; display:block; }
.mmek-t-bos { position:absolute; inset:0; display:grid; place-items:center; color:var(--ink-3); } .mmek-t-bos svg { width:22px; height:22px; }
.mmek-t-vid { position:absolute; left:5px; bottom:5px; width:22px; height:18px; display:grid; place-items:center; border-radius:5px; color:#fff; background:rgba(15,23,42,.72); }
.mmek-t-vid svg { width:13px; height:13px; }
.mmek-t-boy { position:absolute; right:5px; bottom:5px; font-style:normal; font-size:10px; font-weight:800; padding:2px 5px; border-radius:5px; color:#fff; background:rgba(15,23,42,.72); }
.mmek-t.yuk img, .mmek-t.yuk video, .mmek-t.hazir img, .mmek-t.hazir video { opacity:.55; filter:saturate(.6); }
.mmek-t-bar { position:absolute; left:7px; right:7px; bottom:7px; height:5px; border-radius:2px; overflow:hidden; background:rgba(15,23,42,.35); }
.mmek-t-bar b { display:block; height:100%; width:0; border-radius:2px; background:#fff; transition:width .2s ease; }
.mmek-t.hazir .mmek-t-bar b { width:35% !important; animation:mmekBekle 1s ease-in-out infinite alternate; }
@keyframes mmekBekle { from { transform:translateX(-30%); } to { transform:translateX(220%); } }
.mmek-t.tamam { animation:mmekGir .32s cubic-bezier(.3,1.4,.5,1) both; }
@keyframes mmekGir { from { transform:scale(.86); } to { transform:none; } }
.mmek-t.hata { box-shadow:inset 0 0 0 1.5px rgba(245,158,11,.7); }
.mmek-t-hata { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:6px; border:0; cursor:pointer; font:inherit; text-align:center;
  color:#92400E; background:rgba(254,243,199,.94); }
.mmek-t-hata:disabled { cursor:default; }
.mmek-t-hata svg { width:15px; height:15px; } .mmek-t-hata span { font-size:9.5px; font-weight:800; line-height:1.2; }
html[data-tema="koyu"] .mmek-t-hata { color:#FCD34D; background:rgba(66,32,6,.92); }
.mmek-t-sil { position:absolute; top:4px; right:4px; width:22px; height:22px; display:grid; place-items:center; padding:0; border:0; border-radius:6px; cursor:pointer; color:#fff; background:rgba(15,23,42,.72); z-index:1; }
.mmek-t-sil svg { width:12px; height:12px; }
.mmek-t-uyari { flex-basis:100%; font-size:11.5px; font-weight:700; color:#B45309; } html[data-tema="koyu"] .mmek-t-uyari { color:#FCD34D; }

/* surukle-birak */
.mmek-birak { position:relative; }
.mmek-birak::after { content:"Drop photos or videos"; position:absolute; inset:6px; z-index:5; display:grid; place-items:center; border-radius:14px; pointer-events:none;
  font-size:14px; font-weight:800; color:var(--mavi, #2563EB); background:rgba(37,99,235,.08); box-shadow:inset 0 0 0 2px rgba(37,99,235,.45); backdrop-filter:blur(2px); }

/* buyuk gorunum */
html.mmek-kilit { overflow:hidden; }
.mmek-isik { position:fixed; inset:0; z-index:9999; display:grid; place-items:center; padding:56px 16px 24px; background:rgba(5,10,20,.88); }
.mmek-isik[hidden] { display:none; }
.mmek-isik img { max-width:100%; max-height:100%; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.5); cursor:zoom-out; }
.mmek-isik-ust { position:absolute; top:12px; right:12px; display:flex; gap:8px; }
.mmek-isik-btn { display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 11px; border:0; border-radius:9px; cursor:pointer; font:inherit; font-size:12.5px; font-weight:700;
  color:#fff; text-decoration:none; background:rgba(255,255,255,.14); }
.mmek-isik-btn svg { width:15px; height:15px; } .mmek-isik-btn:active { background:rgba(255,255,255,.24); }
@media (max-width:640px) { .mmek-ekler, .mmek-yt { width:100%; } .mmek-t { width:68px; height:68px; } .mmek-isik-btn span { display:none; } }
@media (prefers-reduced-motion: reduce) { .mmek-t.tamam { animation:none; } .mmek-t.hazir .mmek-t-bar b { animation:none; } }