/* ====================================================================
   destek.css — DESTEK TALEBI (TICKET) EKRANI (2026-10-13), assets/js/destek.js
   Karemsi koseler, hover yok, secili = ice basik. Renkler sitenin degiskenleri (dark otomatik).
   ==================================================================== */
.dsk { height:100%; min-height:0; }
.dsk-duzen { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; height:100%; min-height:0; align-items:stretch; }
.dsk-ana { display:flex; flex-direction:column; min-height:0; overflow:hidden; }
.dsk-yan { display:flex; flex-direction:column; gap:12px; min-height:0; }

/* baslik: geri dugmesi + "Support" */
.dsk-bas { display:flex; align-items:center; gap:14px; }
.dsk-bas h1 { margin:0; font-size:27px; font-weight:800; letter-spacing:-.04em; }
.dsk-bas p { margin:3px 0 0; color:var(--ink-2); font-size:13.5px; }
.dsk-geri { display:inline-flex; align-items:center; gap:7px; height:38px; padding:0 13px 0 11px; border-radius:11px; font-size:13.5px; font-weight:700; color:var(--ink-2);
  background:var(--kd-yuzey,#fff); box-shadow:inset 0 0 0 1px var(--kd-kenar,rgba(15,42,86,.10)), 0 1px 2px rgba(15,42,86,.06); flex:0 0 auto; }
.dsk-geri svg { width:16px; height:16px; }
.dsk-geri:active { box-shadow:inset 0 2px 5px rgba(15,42,86,.16); }

/* ana panel basligi */
.dsk-ana-bas { display:flex; align-items:center; gap:12px; padding:18px 20px 14px; border-bottom:1px solid var(--cizgi,rgba(15,42,86,.08)); flex:0 0 auto; }
.dsk-ana-bas h2 { margin:0; font-size:17px; font-weight:800; letter-spacing:-.03em; }
.dsk-ana-bas p { margin:2px 0 0; color:var(--ink-2); font-size:12.5px; }
.dsk-govde { flex:1; min-height:0; overflow-y:auto; padding:16px 20px 6px; scrollbar-gutter:stable; }
.dsk-govde::-webkit-scrollbar, .dsk-akis::-webkit-scrollbar, .dsk-liste::-webkit-scrollbar, .dsk-sec-liste::-webkit-scrollbar { width:9px; }
.dsk-govde::-webkit-scrollbar-thumb, .dsk-akis::-webkit-scrollbar-thumb, .dsk-liste::-webkit-scrollbar-thumb, .dsk-sec-liste::-webkit-scrollbar-thumb {
  background:var(--cizgi-2); border-radius:99px; border:2px solid transparent; background-clip:content-box; }

/* adimlar */
.dsk-adim + .dsk-adim { margin-top:18px; }
.dsk-etiket { display:flex; align-items:center; gap:8px; margin:0 0 9px; font-size:13px; font-weight:750; color:var(--ink); }
.dsk-etiket i { width:20px; height:20px; display:grid; place-items:center; border-radius:6px; font-style:normal; font-size:11px; font-weight:800; background:var(--mavi); color:#fff; }
.dsk-etiket small { color:var(--ink-3); font-weight:600; font-size:12px; }

/* konu kutulari */
.dsk-konular { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.dsk-konu { position:relative; display:flex; align-items:center; gap:10px; min-width:0; padding:11px 12px; border-radius:12px; text-align:left;
  background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar,transparent); transition:background .2s ease, box-shadow .2s ease; }
.dsk-konu-ik { width:34px; height:34px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; background:var(--kd-yuzey,#fff); color:var(--ink-2);
  box-shadow:0 1px 2px rgba(15,42,86,.08); transition:color .2s ease, background .2s ease; }
.dsk-konu-ik svg { width:17px; height:17px; }
.dsk-konu > span { display:flex; flex-direction:column; min-width:0; }
.dsk-konu b { font-size:13px; font-weight:750; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dsk-konu small { font-size:11.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dsk-tik { position:absolute; top:7px; right:7px; width:17px; height:17px; display:grid; place-items:center; border-radius:5px; background:var(--mavi); color:#fff; transform:scale(0); transition:transform .2s ease; }
.dsk-tik svg { width:11px; height:11px; }
.dsk-konu.on { background:var(--mavi-sis); box-shadow:inset 0 2px 6px rgba(15,42,86,.14), inset 0 0 0 1.5px var(--mavi-ln); }
.dsk-konu.on .dsk-konu-ik { color:var(--mavi); }
.dsk-konu.on .dsk-tik { transform:scale(1); }
html[data-tema="koyu"] .dsk-konu.on { box-shadow:inset 0 2px 8px rgba(0,0,0,.5), inset 0 0 0 1.5px var(--mavi-ln); }

/* acilir secim (ilgili takas / cekim) */
.dsk-sec { position:relative; }
.dsk-sec-ac { display:flex; align-items:center; gap:10px; width:100%; min-height:52px; padding:8px 12px; border-radius:12px; text-align:left; background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar,transparent); }
.dsk-sec-ac > span { flex:1; display:flex; flex-direction:column; min-width:0; }
.dsk-sec-ac b { font-size:13px; font-weight:750; color:var(--ink); }
.dsk-sec-ac small { font-size:11.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dsk-sec-ac > svg { width:16px; height:16px; color:var(--ink-3); transition:transform .22s ease; flex:0 0 auto; }
.dsk-sec.acik .dsk-sec-ac { box-shadow:inset 0 2px 6px rgba(15,42,86,.14); }
.dsk-sec.acik .dsk-sec-ac > svg { transform:rotate(180deg); }
.dsk-sec-ik, .dsk-sec-liste button > i { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:8px; background:var(--kd-yuzey,#fff); color:var(--ink-2); font-style:normal; }
.dsk-sec-ik svg, .dsk-sec-liste button > i svg { width:15px; height:15px; }
.dsk-sec-liste { position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:30; max-height:280px; overflow-y:auto; padding:5px; border-radius:12px;
  background:var(--kd-yuzey,#fff); box-shadow:inset 0 0 0 1px var(--kd-kenar,rgba(15,42,86,.10)), 0 18px 40px -14px rgba(15,42,86,.38); }
html[data-tema="koyu"] .dsk-sec-liste { background:var(--k-pencere,#111); box-shadow:inset 0 0 0 1px var(--kd-kenar,#181818), 0 10px 28px rgba(0,0,0,.6); }
.dsk-sec-liste button { display:flex; align-items:center; gap:10px; width:100%; padding:7px 8px; border-radius:8px; text-align:left; }
.dsk-sec-liste button > span { display:flex; flex-direction:column; min-width:0; }
.dsk-sec-liste b { font-size:13px; font-weight:700; color:var(--ink); }
.dsk-sec-liste small { font-size:11.5px; color:var(--ink-3); }
.dsk-sec-liste button.on { background:var(--mavi-sis); box-shadow:inset 0 1px 3px rgba(15,42,86,.12); }
.dsk-sec-liste button.on > i { background:var(--mavi); color:#fff; }
.dsk-sec-bos { margin:6px 8px 8px; font-size:12.5px; color:var(--ink-3); }

/* alanlar */
.dsk-alan { position:relative; display:block; }
.dsk-alan + .dsk-alan { margin-top:8px; }
.dsk-alan input, .dsk-alan textarea { width:100%; padding:12px 13px; border:0; border-radius:12px; outline:none; resize:none; font:inherit; font-size:14px; color:var(--ink);
  background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar,transparent); transition:box-shadow .2s ease; }
.dsk-alan textarea { min-height:118px; padding-bottom:26px; line-height:1.55; }
.dsk-alan input:focus, .dsk-alan textarea:focus { box-shadow:inset 0 0 0 1.5px var(--mavi-ln), 0 0 0 4px var(--mavi-sis); }
.dsk-sayac { position:absolute; right:12px; bottom:8px; font-size:11px; color:var(--ink-3); pointer-events:none; }
.dsk-ekler, .dsk-yaz-ekler { display:flex; flex-wrap:wrap; gap:8px; }
.dsk-ekler:not(:empty) { margin-top:10px; }
.dsk-yaz-ekler:not(:empty) { margin:0 0 8px; }
.dsk-ek { position:relative; width:64px; height:64px; border-radius:10px; overflow:hidden; box-shadow:inset 0 0 0 1px var(--kd-kenar,rgba(15,42,86,.1)); }
.dsk-ek img { width:100%; height:100%; object-fit:cover; display:block; }
.dsk-ek button { position:absolute; top:4px; right:4px; width:20px; height:20px; display:grid; place-items:center; border-radius:6px; background:rgba(15,23,42,.72); color:#fff; }
.dsk-ek button svg { width:11px; height:11px; }

/* alt cubuk */
.dsk-alt { display:flex; align-items:center; gap:10px; padding:12px 20px 16px; border-top:1px solid var(--cizgi,rgba(15,42,86,.08)); flex:0 0 auto; }
.dsk-ek-btn { display:inline-flex; align-items:center; gap:7px; height:40px; padding:0 13px; border-radius:11px; font-size:13px; font-weight:700; color:var(--ink-2); background:var(--buz); }
.dsk-ek-btn svg { width:16px; height:16px; }
.dsk-ek-btn:disabled { opacity:.45; }
.dsk-guven { display:inline-flex; align-items:center; gap:6px; margin-right:auto; font-size:12px; color:var(--ink-3); }
.dsk-guven svg { width:14px; height:14px; color:#16A34A; }
.dsk-gonder { position:relative; display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 18px; border-radius:12px; font-size:14px; font-weight:750; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.18), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6);
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.18), 0 8px 18px -10px rgba(37,99,235,.9); transition:opacity .2s ease, filter .2s ease; overflow:hidden; }
.dsk-gonder svg { width:16px; height:16px; transition:transform .45s cubic-bezier(.5,0,.2,1); }
.dsk-gonder:disabled { opacity:.45; filter:saturate(.6); }
.dsk-gonder:not(:disabled):active { box-shadow:inset 0 2px 6px rgba(0,0,0,.3); }
.dsk-gonder.gidiyor svg { transform:translate(26px,-22px) rotate(10deg); }
.dsk-gonder.gidiyor::after { content:""; position:absolute; left:0; bottom:0; height:3px; width:100%; background:rgba(255,255,255,.75); transform-origin:0 50%; animation:dskYuk .5s linear forwards; }
@keyframes dskYuk { from { transform:scaleX(0); } }

/* ------------------------------------------------------------- konusma */
.dsk-k-bas { gap:12px; }
.dsk-k-ik { width:40px; height:40px; flex:0 0 auto; display:grid; place-items:center; border-radius:11px; background:var(--mavi-sis); color:var(--mavi); }
.dsk-k-ik svg { width:19px; height:19px; }
.dsk-k-orta { flex:1; min-width:0; }
.dsk-k-orta h2 { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dsk-k-orta p b { color:var(--ink); font-weight:750; }
.dsk-k-ilgili { display:inline-flex; align-items:center; gap:4px; color:var(--mavi-koyu,var(--mavi)); font-weight:650; }
.dsk-k-ilgili svg { width:13px; height:13px; }
.dsk-cip { flex:0 0 auto; padding:4px 8px; border-radius:6px; font-style:normal; font-size:11px; font-weight:800; letter-spacing:.02em; }
.dsk-cip.acik { color:#15803D; background:rgba(22,163,74,.12); }
html[data-tema="koyu"] .dsk-cip.acik { color:#4ADE80; background:rgba(74,222,128,.12); }
.dsk-cip.kapali { color:var(--ink-3); background:var(--buz); }

.dsk-akis { flex:1; min-height:0; overflow-y:auto; padding:16px 20px; display:flex; flex-direction:column; gap:12px; scrollbar-gutter:stable; }
.dsk-gun { align-self:center; padding:4px 10px; border-radius:6px; font-size:11px; font-weight:700; color:var(--ink-3); background:var(--buz); }
.dsk-m { display:flex; gap:9px; max-width:82%; }
.dsk-m.sen { align-self:flex-end; flex-direction:row-reverse; }
.dsk-av { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:8px; font-style:normal; font-size:11px; font-weight:800; letter-spacing:-.02em; color:#fff;
  background:linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6); margin-top:18px; }
.dsk-m-ic { display:flex; flex-direction:column; min-width:0; }
.dsk-m.sen .dsk-m-ic { align-items:flex-end; }
.dsk-m-kim { font-size:11.5px; font-weight:700; color:var(--ink-2); margin:0 0 4px 2px; }
.dsk-m-balon { padding:10px 13px; border-radius:14px 14px 14px 4px; font-size:13.5px; line-height:1.55; color:var(--ink); background:var(--buz); overflow-wrap:anywhere; }
.dsk-m.sen .dsk-m-balon { border-radius:14px 14px 4px 14px; color:#fff; background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.16), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6); }
.dsk-m.oto .dsk-m-balon { background:transparent; box-shadow:inset 0 0 0 1px var(--cizgi-2,rgba(15,42,86,.14)); }
.dsk-m small { margin:4px 3px 0; font-size:10.5px; color:var(--ink-3); }
.dsk-m-ekler { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.dsk-m-ekler img { width:120px; height:84px; object-fit:cover; border-radius:8px; display:block; }
.dsk-ek-yok { padding:6px 10px; border-radius:6px; font-size:11px; background:rgba(255,255,255,.18); }
.dsk-m.yeni { animation:dskBalon .42s cubic-bezier(.2,.9,.3,1.15) both; }
.dsk-m.sen.yeni { transform-origin:100% 100%; } .dsk-m.onlar.yeni { transform-origin:0 100%; }
@keyframes dskBalon { from { opacity:0; transform:translateY(10px) scale(.92); } }
/* yaziyor: uc kare ziplar */
.dsk-yaziyor .dsk-m-balon { display:flex; gap:5px; align-items:center; padding:13px 14px; }
.dsk-yaziyor .dsk-m-balon i { width:6px; height:6px; border-radius:1.5px; background:var(--ink-3); animation:dskZipla 1s ease-in-out infinite; }
.dsk-yaziyor .dsk-m-balon i:nth-child(2) { animation-delay:.15s; } .dsk-yaziyor .dsk-m-balon i:nth-child(3) { animation-delay:.3s; }
@keyframes dskZipla { 0%, 60%, 100% { transform:translateY(0); opacity:.45; } 30% { transform:translateY(-5px); opacity:1; } }
.dsk-yaziyor { animation:dskBalon .3s ease both; }

/* yazma alani */
.dsk-yaz { flex:0 0 auto; padding:12px 16px 12px; border-top:1px solid var(--cizgi,rgba(15,42,86,.08)); }
.dsk-yaz-sat { display:flex; align-items:flex-end; gap:8px; padding:6px; border-radius:14px; background:var(--buz); box-shadow:inset 0 0 0 1px var(--kd-kenar,transparent); transition:box-shadow .2s ease; }
.dsk-yaz-sat:focus-within { box-shadow:inset 0 0 0 1.5px var(--mavi-ln), 0 0 0 4px var(--mavi-sis); }
.dsk-yaz-sat textarea { flex:1; min-width:0; max-height:140px; padding:9px 4px; border:0; outline:none; resize:none; background:none; font:inherit; font-size:14px; line-height:1.45; color:var(--ink); }
.dsk-yaz-ek, .dsk-yaz-gonder { width:38px; height:38px; flex:0 0 auto; display:grid; place-items:center; border-radius:10px; }
.dsk-yaz-ek { color:var(--ink-2); }
.dsk-yaz-ek svg, .dsk-yaz-gonder svg { width:17px; height:17px; }
.dsk-yaz-gonder { color:#fff; background:linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6); box-shadow:inset 0 -2px 0 rgba(0,0,0,.18); transition:opacity .2s ease; }
.dsk-yaz-gonder:disabled { opacity:.35; }
.dsk-yaz-gonder:not(:disabled):active { box-shadow:inset 0 2px 6px rgba(0,0,0,.35); }
.dsk-yaz-alt { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; }
.dsk-ek-limit { display:block; font-size:11.5px; color:var(--ink-3); }
.dsk-govde .dsk-ek-limit { margin-top:8px; }
.dsk-yaz-ek:disabled, .dsk-ek-btn:disabled { opacity:.4; }
.dsk-m-ic > .mmek-ekler, .dsk-m-ic > .mmek-yt { margin-top:6px; }
.dsk-m:has(.mmek-ekler, .mmek-yt) { max-width:min(82%, 380px); }
@media (max-width:640px) { .dsk-yaz-alt .dsk-ek-limit { font-size:11px; } .dsk-m:has(.mmek-ekler, .mmek-yt) { max-width:92%; } }
.dsk-kapat { padding:4px 6px; font-size:12px; font-weight:700; color:var(--ink-3); }
.dsk-kapat.emin { color:var(--ink); }
.dsk-yaz-kapali { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:13px; color:var(--ink-2); }
.dsk-yaz-kapali span { display:inline-flex; align-items:center; gap:7px; }
.dsk-yaz-kapali svg { width:15px; height:15px; }
.dsk-ikincil { height:36px; padding:0 14px; border-radius:10px; font-size:13px; font-weight:750; color:var(--mavi-koyu,var(--mavi)); background:var(--mavi-sis); }

/* ------------------------------------------------------------- yan: ticket listesi + bilgi */
.dsk-kutu { padding:14px; }
.dsk-liste-kutu { flex:1; min-height:0; display:flex; flex-direction:column; }
.dsk-kutu-bas { display:flex; align-items:center; justify-content:space-between; margin:0 2px 10px; }
.dsk-kutu-bas h3 { margin:0; font-size:15px; font-weight:800; letter-spacing:-.03em; }
.dsk-yeni-btn { display:inline-flex; align-items:center; gap:5px; height:30px; padding:0 10px 0 8px; border-radius:8px; font-size:12.5px; font-weight:750; color:var(--mavi-koyu,var(--mavi)); background:var(--mavi-sis); }
.dsk-yeni-btn svg { width:14px; height:14px; }
.dsk-yeni-btn:active { box-shadow:inset 0 2px 5px rgba(15,42,86,.16); }
.dsk-liste { flex:1; min-height:0; overflow-y:auto; display:flex; flex-direction:column; gap:6px; margin:0 -4px; padding:0 4px; }
.dsk-l { display:flex; align-items:center; gap:10px; width:100%; padding:9px 10px; border-radius:11px; text-align:left; background:var(--buz); transition:background .2s ease, box-shadow .2s ease; }
.dsk-l-ik { width:30px; height:30px; flex:0 0 auto; display:grid; place-items:center; border-radius:8px; background:var(--kd-yuzey,#fff); color:var(--ink-2); font-style:normal; }
.dsk-l-ik svg { width:15px; height:15px; }
.dsk-l-orta { flex:1; min-width:0; display:flex; flex-direction:column; }
.dsk-l-orta b { font-size:13px; font-weight:750; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dsk-l-orta small { font-size:11.5px; color:var(--ink-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dsk-l-sag { display:flex; flex-direction:column; align-items:flex-end; gap:3px; flex:0 0 auto; }
.dsk-l-sag small { font-size:10.5px; color:var(--ink-3); }
.dsk-l.on { background:var(--mavi-sis); box-shadow:inset 0 2px 6px rgba(15,42,86,.14), inset 0 0 0 1px var(--mavi-ln); }
.dsk-l.on .dsk-l-ik { color:var(--mavi); }
html[data-tema="koyu"] .dsk-l.on { box-shadow:inset 0 2px 8px rgba(0,0,0,.5), inset 0 0 0 1px var(--mavi-ln); }
.dsk-liste-bos { display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; padding:22px 10px; color:var(--ink-3); }
.dsk-liste-bos svg { width:26px; height:26px; margin-bottom:4px; opacity:.6; }
.dsk-liste-bos b { font-size:13px; color:var(--ink-2); }
.dsk-liste-bos small { font-size:12px; }
.dsk-bilgi { display:flex; flex-direction:column; gap:11px; flex:0 0 auto; }
.dsk-bilgi-sat { display:flex; align-items:center; gap:11px; }
.dsk-bilgi-sat > i { width:32px; height:32px; flex:0 0 auto; display:grid; place-items:center; border-radius:9px; background:var(--buz); color:var(--mavi); }
.dsk-bilgi-sat > i svg { width:16px; height:16px; }
.dsk-bilgi-sat > i.yesil em { width:9px; height:9px; border-radius:2px; background:#16A34A; box-shadow:0 0 0 3px rgba(22,163,74,.2); animation:dskNabiz 2s ease-in-out infinite; }
@keyframes dskNabiz { 50% { box-shadow:0 0 0 6px rgba(22,163,74,.05); } }
.dsk-bilgi-sat span { display:flex; flex-direction:column; min-width:0; }
.dsk-bilgi-sat b { font-size:13px; font-weight:750; }
.dsk-bilgi-sat small { font-size:11.5px; color:var(--ink-3); }

/* ------------------------------------------------------------- gecis (View Transition) */
html.dsk-vt::view-transition-group(dsk) { animation-duration:.56s; animation-timing-function:cubic-bezier(.3,.85,.2,1); z-index:5; }
html.dsk-vt::view-transition-image-pair(dsk) { border-radius:20px; overflow:hidden; }
/* goruntuler gerilmez (bulaniklasmaz): kendi boyunda kalir, buyuyen pencere icinde acilir */
html.dsk-vt::view-transition-old(dsk), html.dsk-vt::view-transition-new(dsk) { height:100%; width:100%; object-fit:none; object-position:top left; }
html.dsk-vt::view-transition-old(dsk) { animation:dskSon .26s ease both; }
html.dsk-vt::view-transition-new(dsk) { animation:dskBelir .4s .12s ease both; }
html.dsk-vt::view-transition-group(dsk-baslik) { animation-duration:.42s; animation-timing-function:cubic-bezier(.3,.85,.2,1); }
html.dsk-vt::view-transition-old(root) { animation:dskKokCik .26s cubic-bezier(.4,0,1,1) both; }
html.dsk-vt::view-transition-new(root) { animation:dskKokGir .4s .08s cubic-bezier(0,0,.2,1) both; }
html.dsk-vt.geri::view-transition-old(root) { animation-name:dskKokCikG; }
html.dsk-vt.geri::view-transition-new(root) { animation-name:dskKokGirG; }
html.dsk-vt2::view-transition-group(dsk-mesaj) { animation-duration:.6s; animation-timing-function:cubic-bezier(.3,.85,.2,1); z-index:5; }
html.dsk-vt2::view-transition-old(dsk-mesaj), html.dsk-vt2::view-transition-new(dsk-mesaj) { height:100%; width:100%; object-fit:cover; object-position:top left; }
html.dsk-vt2::view-transition-old(dsk-mesaj) { animation:dskSon .3s ease both; }
html.dsk-vt2::view-transition-new(dsk-mesaj) { animation:dskBelir .38s .16s ease both; }
html.dsk-vt2::view-transition-old(root) { animation:dskSon .22s ease both; }
html.dsk-vt2::view-transition-new(root) { animation:dskBelir .34s .1s ease both; }
@keyframes dskSon { to { opacity:0; } }
@keyframes dskBelir { from { opacity:0; } }
@keyframes dskKokCik { to { opacity:0; transform:translateX(-14px); } }
@keyframes dskKokGir { from { opacity:0; transform:translateX(14px); } }
@keyframes dskKokCikG { to { opacity:0; transform:translateX(14px); } }
@keyframes dskKokGirG { from { opacity:0; transform:translateX(-14px); } }

/* ------------------------------------------------------------- tablet / telefon */
@media (max-width:980px) {
  .dsk, .dsk-duzen { height:auto; }
  .dsk-duzen { grid-template-columns:minmax(0,1fr); }
  .dsk-ana { overflow:visible; }
  .dsk-govde { overflow:visible; }
  .dsk-akis { max-height:58vh; }
  .dsk-liste { max-height:320px; }
  .dsk-konular { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .dsk-bas { gap:10px; } .dsk-bas h1 { font-size:24px; } .dsk-bas p { font-size:12.5px; }
  .dsk-geri span { display:none; } .dsk-geri { width:38px; padding:0; justify-content:center; }
  .dsk-ana-bas { padding:14px 14px 12px; }
  .dsk-govde { padding:14px 14px 4px; }
  .dsk-konular { grid-template-columns:minmax(0,1fr); }
  .dsk-konu small { white-space:normal; }
  .dsk-alt { flex-wrap:wrap; padding:12px 14px 14px; }
  .dsk-guven { order:3; width:100%; margin:0; }
  .dsk-gonder { margin-left:auto; }
  .dsk-akis { padding:14px; }
  .dsk-m { max-width:92%; }
  .dsk-yaz { padding:10px 12px; }
}
@media (prefers-reduced-motion: reduce) { .dsk *, .dsk { animation:none !important; } }

/* ====================================================================
   2026-10-14: gercek destek — destek kisileri (assets/img/destek), yukleniyor, misafir karti, gonderiliyor/hata
   ==================================================================== */
img.dsk-av { padding:0; object-fit:cover; background:linear-gradient(150deg, color-mix(in srgb, #2563EB 22%, var(--kd-yuzey,#fff)), color-mix(in srgb, #2563EB 8%, var(--kd-yuzey,#fff))); }
.dsk-m-kim b { color:var(--ink); font-weight:800; }
.dsk-l-ik img { width:100%; height:100%; border-radius:inherit; object-fit:cover; display:block; }
.dsk-l.yeni-mesaj .dsk-l-orta b::after { content:""; display:inline-block; width:7px; height:7px; margin-left:6px; border-radius:2px; background:var(--mavi); vertical-align:2px; }
.dsk-l.yeni-mesaj .dsk-cip { color:#fff; background:var(--mavi); }
.dsk-k-av { width:42px; height:42px; flex:0 0 auto; border-radius:12px; object-fit:cover; background:linear-gradient(150deg, color-mix(in srgb, #2563EB 22%, var(--kd-yuzey,#fff)), color-mix(in srgb, #2563EB 8%, var(--kd-yuzey,#fff))); }
.dsk-takim-av { display:flex; flex:0 0 auto; }
.dsk-takim-av img { width:32px; height:32px; border-radius:9px; object-fit:cover; background:var(--buz); box-shadow:0 0 0 2px var(--kd-yuzey,#fff); }
.dsk-takim-av img + img { margin-left:-10px; }
.dsk-takim-av.buyuk img { width:58px; height:58px; border-radius:16px; } .dsk-takim-av.buyuk img + img { margin-left:-16px; }
.dsk-takim { position:relative; }
.dsk-takim::after { content:""; position:absolute; left:24px; top:-1px; width:9px; height:9px; border-radius:2px; background:#16A34A; box-shadow:0 0 0 2px var(--kd-yuzey,#fff); }
.dsk-misafir { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; padding:40px 24px; }
.dsk-misafir h2 { margin:8px 0 0; font-size:20px; font-weight:800; letter-spacing:-.03em; } .dsk-misafir p { margin:0; max-width:380px; color:var(--ink-2); font-size:13.5px; }
.dsk-misafir-d { display:flex; gap:8px; margin-top:8px; } .dsk-misafir-d .dsk-gonder { width:auto; }
.dsk-liste-yuk, .dsk-konu-yuk { display:grid; gap:8px; padding:10px; }
.dsk-liste-yuk i, .dsk-konu-yuk i { display:block; height:52px; border-radius:11px; background:var(--buz); animation:dskYuk 1.2s ease-in-out infinite; }
.dsk-konu-yuk { padding:20px; } .dsk-konu-yuk i { height:64px; } .dsk-konu-yuk i:nth-child(2) { width:70%; margin-left:auto; } .dsk-konu-yuk i:nth-child(3) { width:80%; }
.dsk-liste-yuk i:nth-child(2), .dsk-konu-yuk i:nth-child(2) { animation-delay:.15s; } .dsk-liste-yuk i:nth-child(3), .dsk-konu-yuk i:nth-child(3) { animation-delay:.3s; }
@keyframes dskYuk { 50% { opacity:.45; } }
.dsk-m.gidiyor { opacity:.65; }
.dsk-m.hata .dsk-m-balon { box-shadow:inset 0 0 0 1.5px #F59E0B; } .dsk-m.hata small { color:#B45309; font-weight:700; }
.dsk-m-ekler a { display:block; }
.dsk-bilgi-sat .dsk-takim-av { flex-direction:row !important; align-items:center; }
.dsk-takim::after { left:24px; top:2px; }