/* ====================================================================
   trade.css — TAKAS SAYFASI (trade.html) + satis ekranindaki
   "Open trades" seridi — 2026-10-12
   mm2.cash /trade/<KOD> mantigi, BIZIM tasarim: cam panel (.yuzey),
   notr beyaz kart, buz mavisi palet. Karemsi; hover YOK; yuvarlak hap YOK.
   ==================================================================== */

/* ---------------------------------------------------------- iskelet */
.trd { max-width:1180px; margin:0 auto; }
.trd-ust { display:flex; align-items:center; gap:14px; margin:4px 0 16px; flex-wrap:wrap; }
.trd-geri { display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 13px 0 10px; border-radius:10px;
  background:var(--inci); border:1px solid var(--cizgi); color:var(--ink-2); font-size:13px; font-weight:700; text-decoration:none; }
.trd-geri svg { width:16px; height:16px; }
.trd-ust h1 { margin:0; font-size:25px; font-weight:800; letter-spacing:-.04em; color:var(--ink); }
.trd-ust h1 span { color:var(--mavi-koyu); font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
.trd-sure { margin-left:auto; display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 13px; border-radius:10px;
  background:var(--buz); border:1px solid var(--mavi-ln); color:var(--mavi-koyu); font-size:13px; font-weight:700; }
.trd-sure svg { width:15px; height:15px; }
.trd-sure b { font-weight:800; font-variant-numeric:tabular-nums; }
.trd-sure.uyari { background:var(--kd-kirmizi, #FFF7ED); border-color:var(--kd-sari-kenar, #FED7AA); color:#C2410C; }
.trd-sure.bitti { background:var(--inci); border-color:var(--cizgi); color:var(--ink-3); }

.trd-duzen { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:16px; align-items:start; }
.trd-ana { padding:20px; border-radius:18px; }

/* --------------------------------------------------------- adimlar */
.trd-adim { list-style:none; margin:0 0 18px; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.trd-adim li { position:relative; display:flex; align-items:center; gap:9px; padding:0 0 12px; font-size:13px; font-weight:700; color:var(--ink-3); }
.trd-adim li::after { content:""; position:absolute; left:0; right:0; bottom:0; height:5px; border-radius:3px; background:var(--buz); }
.trd-adim li::before { content:""; position:absolute; left:0; bottom:0; height:5px; width:0; border-radius:3px; z-index:1;
  background:linear-gradient(90deg,#2563EB,#60A5FA); transition:width .5s cubic-bezier(.4,0,.2,1); }
.trd-adim li.bitti::before { width:100%; }
.trd-adim li.simdi::before { width:100%; }   /* 2026-10-15 kullanici: yarim degil tam dolsun */
.trd-adim li > span { flex:0 0 auto; width:24px; height:24px; border-radius:7px; display:grid; place-items:center; font-size:12px; font-weight:850;
  background:var(--inci); border:1px solid var(--cizgi); color:var(--ink-3); }
.trd-adim li > span svg { width:13px; height:13px; }
.trd-adim li.simdi { color:var(--ink); }
.trd-adim li.simdi > span { background:var(--mavi); border-color:var(--mavi); color:#fff; }
.trd-adim li.bitti { color:var(--mavi-koyu); }
.trd-adim li.bitti > span { background:var(--buz); border-color:var(--mavi-ln); color:var(--mavi-koyu); }

.trd-durum h2 { margin:0 0 4px; font-size:21px; font-weight:800; letter-spacing:-.03em; color:var(--ink); }
.trd-durum p { margin:0 0 16px; font-size:13.5px; color:var(--ink-2); }

/* ----------------------------------------------------- bilgi satiri */
.trd-bilgi { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.trd-bilgi > div { min-width:0; padding:11px 13px; border-radius:13px; background:var(--inci); border:1px solid var(--cizgi); }
.trd-bilgi small { display:block; margin-bottom:4px; font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); }
.trd-bilgi b { display:flex; align-items:center; gap:8px; min-height:28px; font-size:16px; font-weight:800; letter-spacing:-.02em; color:var(--ink);
  font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; }
.trd-bilgi b i { font-style:normal; font-weight:700; color:var(--ink-3); font-size:13px; }
.trd-kod { letter-spacing:.08em !important; color:var(--mavi-koyu) !important; }
.trd-kod button { margin-left:auto; flex:0 0 auto; width:30px; height:30px; border-radius:8px; display:grid; place-items:center;
  background:var(--buz); border:1px solid var(--mavi-ln); color:var(--mavi-koyu); transition:background-color .2s ease, color .2s ease; }
.trd-kod button svg { width:14px; height:14px; }
.trd-kod button.ok { background:var(--mavi); border-color:var(--mavi); color:#fff; }
.trd-kul img { width:26px; height:26px; border-radius:7px; object-fit:cover; background:var(--buz); }

/* ---------------------------------------------------------- dugmeler */
.trd-dugmeler { display:grid; grid-template-columns:1.4fr 1fr; gap:10px; margin-bottom:20px; }
.trd-btn { height:50px; border-radius:14px; display:flex; align-items:center; justify-content:center; gap:9px; padding:0 18px;
  font-size:15px; font-weight:800; letter-spacing:-.01em; text-decoration:none; transition:transform .12s ease; }
.trd-btn:active { transform:scale(.985); }
.trd-btn svg { width:18px; height:18px; flex:0 0 auto; }
.trd-btn.ana { 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:none; }   /* 2026-10-15 kullanici: mavi golge kaldirildi */
.trd-btn.ikinci { color:var(--mavi-koyu); background:var(--buz); border:1px solid var(--mavi-ln); }
.trd-btn.tehlike { color:#fff; background:#DC2626; box-shadow:0 10px 20px -12px rgba(220,38,38,.9); }
.trd-btn.kucuk { height:38px; border-radius:10px; font-size:13px; padding:0 14px; }

/* ----------------------------------------------------------- esyalar */
.trd-esya-bas { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px; }
.trd-esya-bas b { font-size:14.5px; font-weight:800; color:var(--ink); }
.trd-esya-bas span { font-size:13px; font-weight:700; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.trd-esyalar { display:grid; grid-template-columns:repeat(auto-fill, minmax(138px,1fr)); gap:10px; }
.trd-k { position:relative; display:flex; flex-direction:column; min-height:176px; padding:10px 11px; border-radius:14px; background:var(--inci);
  box-shadow:0 1px 2px rgba(15,42,86,.05), 0 3px 10px rgba(15,42,86,.06); transition:background-color .3s ease, box-shadow .3s ease; }
.trd-k .nadir { font-size:9.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--nadir); }
.trd-k-say { position:absolute; top:8px; right:8px; min-width:34px; height:22px; padding:0 7px; border-radius:6px; display:flex; align-items:center; justify-content:center; white-space:nowrap;
  font-size:11.5px; font-weight:700; color:var(--ink-3); background:var(--buz); font-variant-numeric:tabular-nums; }
.trd-k-say b { color:var(--ink); font-weight:850; }
.trd-k-say svg { width:13px; height:13px; }
.trd-k figure { position:relative; flex:1; margin:4px 0 6px; display:grid; place-items:center; min-height:0; }
.trd-k figure::before { content:""; position:absolute; inset:6% 14%; border-radius:50%;
  background:radial-gradient(closest-side, color-mix(in srgb, var(--nadir) 22%, transparent), transparent); }
.trd-k figure img { position:relative; max-width:78%; max-height:88px; object-fit:contain; }
.trd-k .ad { font-size:12.5px; font-weight:600; letter-spacing:-.015em; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trd-k-f { font-size:15px; font-weight:800; letter-spacing:-.02em; color:var(--ink); }
.trd-k.yari .trd-k-say { background:var(--buz); color:var(--mavi-koyu); }
.trd-k.tam { background:var(--kd-mavi, #F5F9FF); box-shadow:inset 0 0 0 1px var(--mavi-ln); }
.trd-k.tam .trd-k-say { background:var(--mavi); color:#fff; min-width:26px; padding:0; width:26px; }
.trd-k.geldi .trd-k-say { animation:trdSay .45s cubic-bezier(.2,.9,.3,1.4); }
@keyframes trdSay { 0% { transform:scale(.6); } 60% { transform:scale(1.12); } 100% { transform:none; } }

/* ------------------------------------------------------------- iptal */
.trd-iptal-sar { margin-top:18px; padding-top:14px; border-top:1px solid var(--cizgi); }
.trd-iptal { height:34px; padding:0 4px; font-size:13px; font-weight:700; color:var(--ink-3); background:none; border:0; text-decoration:underline; text-underline-offset:3px; }
.trd-iptal[hidden], .trd-onay[hidden] { display:none; }
.trd-onay { display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:13px; background:var(--kd-kirmizi, #FEF2F2); border:1px solid #FECACA; }
.trd-onay b { display:block; font-size:14px; font-weight:800; color:#991B1B; }
.trd-onay p { margin:2px 0 0; font-size:12.5px; color:#7F1D1D; }
.trd-onay-d { margin-left:auto; display:flex; gap:8px; flex:0 0 auto; }

/* --------------------------------------------------------- yan panel */
.trd-yan { display:flex; flex-direction:column; gap:12px; }
.trd-yan .yuzey { padding:16px; border-radius:16px; }
.trd-av { flex:0 0 auto; width:52px; height:52px; border-radius:14px; overflow:hidden; display:block; }
.trd-av svg, .trd-av img { width:100%; height:100%; display:block; object-fit:cover; }   /* img: botun Roblox avatari (2026-10-15) */
.trd-av.kucuk { width:28px; height:28px; border-radius:8px; }
.trd-bot { display:flex; align-items:center; gap:12px; }
.trd-bot b { display:block; font-size:15.5px; font-weight:800; letter-spacing:-.015em; color:var(--ink); }
.trd-bot small { display:flex; align-items:center; gap:6px; margin-top:2px; font-size:12.5px; font-weight:600; color:var(--ink-3); }
.trd-bot small i { width:7px; height:7px; border-radius:2px; background:#16A34A; animation:trdNabiz 1.6s ease-in-out infinite; }
.trd-bot small.aktif { color:var(--mavi-koyu); }
.trd-bot small.aktif i { background:var(--mavi); }
@keyframes trdNabiz { 0%, 100% { opacity:1; } 50% { opacity:.35; } }
.trd-liste small { display:block; margin-bottom:10px; font-size:12.5px; line-height:1.45; color:var(--ink-2); }
.trd-oyuncu { display:flex; align-items:center; gap:10px; height:44px; padding:0 8px; border-radius:10px;
  background:linear-gradient(180deg,#2B3446,#1E2533); color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.08); }
.trd-oyuncu b { flex:1; font-size:13.5px; font-weight:700; }
.trd-oyuncu em { font-style:normal; height:26px; padding:0 10px; border-radius:6px; display:grid; place-items:center; font-size:12px; font-weight:800;
  background:#22C55E; color:var(--kd-yazi, #052E16); }
.trd-ipuclari > b { display:flex; align-items:center; gap:8px; margin-bottom:10px; font-size:14px; font-weight:800; color:var(--ink); }
.trd-ipuclari > b svg { width:17px; height:17px; color:var(--mavi); }
.trd-ipuclari ol { margin:0; padding:0; list-style:none; counter-reset:trd; display:flex; flex-direction:column; gap:9px; }
.trd-ipuclari li { counter-increment:trd; position:relative; padding-left:30px; font-size:12.5px; line-height:1.45; color:var(--ink-2); }
.trd-ipuclari li::before { content:counter(trd); position:absolute; left:0; top:-1px; width:20px; height:20px; border-radius:6px; display:grid; place-items:center;
  background:var(--buz); color:var(--mavi-koyu); font-size:11px; font-weight:850; }
.trd-ipuclari li b { color:var(--ink); }

/* ------------------------------------------------------------- sonuc */
.trd-sonuc { max-width:520px; margin:24px auto 0; padding:30px 28px 26px; border-radius:20px; text-align:center; }
.trd-tik { width:68px; height:68px; margin:0 auto 6px; color:var(--mavi); }
.trd-tik svg { width:68px; height:68px; filter:drop-shadow(0 8px 14px rgba(37,99,235,.35)); animation:trdBuyu .5s cubic-bezier(.2,.9,.3,1.35) .05s both; }
.trd-tik path { stroke-dasharray:1; stroke-dashoffset:1; animation:trdCiz .55s cubic-bezier(.65,0,.35,1) .18s forwards; }
@keyframes trdCiz { to { stroke-dashoffset:0; } }
@keyframes trdBuyu { from { transform:scale(.6); opacity:0; } to { transform:none; opacity:1; } }
.trd-arti { display:block; font-size:40px; font-weight:850; letter-spacing:-.045em; color:var(--mavi-koyu); font-variant-numeric:tabular-nums; }
.trd-sonuc > p { margin:2px 0 0; font-size:14px; color:var(--ink-2); }
.trd-sonuc .trd-kismi { margin-top:8px; display:inline-block; padding:5px 10px; border-radius:7px; background:var(--kd-kirmizi, #FFF7ED); color:#C2410C; font-size:12.5px; font-weight:700; }
.trd-sv { margin:20px 0 22px; padding:14px 16px; border-radius:14px; background:var(--inci); border:1px solid var(--cizgi); text-align:left; }
.trd-sv-ust { display:flex; justify-content:space-between; margin-bottom:8px; font-size:13px; }
.trd-sv-ust b { font-weight:800; color:var(--ink); } .trd-sv-ust span { font-weight:700; color:var(--mavi-koyu); font-variant-numeric:tabular-nums; }
.trd-sv-cubuk { height:8px; border-radius:4px; background:var(--buz); overflow:hidden; }
.trd-sv-cubuk i { display:block; height:100%; border-radius:4px; background:linear-gradient(90deg,#2563EB,#60A5FA);
  transform-origin:left; transform:scaleX(var(--o,0)); animation:trdSv .9s cubic-bezier(.4,0,.2,1) .3s both; }
@keyframes trdSv { from { transform:scaleX(0); } }
.trd-sv small { display:block; margin-top:7px; font-size:12px; font-weight:600; color:var(--ink-3); }
.trd-sonuc-d { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.trd-sonuc.kapali h2 { margin:10px 0 4px; font-size:22px; font-weight:800; letter-spacing:-.03em; color:var(--ink); }
.trd-sonuc.kapali > p { margin-bottom:22px; }
.trd-kapali-ik { display:grid; place-items:center; width:60px; height:60px; margin:0 auto; border-radius:16px; background:var(--buz); color:var(--ink-3); }
.trd-kapali-ik svg { width:30px; height:30px; }
.trd-sonuc.kapali .trd-sonuc-d:has(> :only-child) { grid-template-columns:1fr; }

/* ------------------------------------------------- telefon / tablet */
@media (max-width:980px) { .trd-duzen { grid-template-columns:1fr; } }
@media (max-width:560px) {
  .trd-ust h1 { font-size:21px; } .trd-sure { margin-left:0; }
  .trd-ana { padding:16px; }
  .trd-adim li { flex-direction:column; align-items:flex-start; gap:6px; font-size:11.5px; line-height:1.2; } .trd-adim li > span { width:22px; height:22px; }
  .trd-bilgi { grid-template-columns:1fr 1fr; } .trd-bilgi > div:first-child { grid-column:1 / -1; }
  .trd-dugmeler { grid-template-columns:1fr; }
  .trd-esyalar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trd-onay { flex-direction:column; align-items:stretch; } .trd-onay-d { margin-left:0; } .trd-onay-d .trd-btn { flex:1; }
  .trd-sonuc { padding:24px 18px 20px; } .trd-sonuc-d { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) { .trd *, .at * { animation:none !important; transition:none !important; } .trd-tik path { stroke-dashoffset:0; } }

/* ====================================================================
   SATIS EKRANI: "Open trades" seridi (assets/js/takas-veri.js serit())
   + acik takastaki esyalar izgarada KILITLI
   ==================================================================== */
.at { margin:0 0 12px; }
.at[hidden] { display:none; }
.at-bas { display:flex; align-items:baseline; gap:8px; margin:0 2px 8px; }
.at-bas b { font-size:13.5px; font-weight:800; color:var(--ink); }
.at-bas small { font-size:12px; font-weight:700; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.at-liste { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 380px),1fr)); gap:10px; }
.at-k { display:flex; align-items:center; gap:12px; min-width:0; height:62px; padding:0 12px 0 8px; border-radius:14px; text-decoration:none;
  background:var(--inci); border:1px solid var(--mavi-ln); box-shadow:0 6px 16px -12px rgba(37,99,235,.6); transition:transform .12s ease; }
.at-k:active { transform:scale(.99); }
.at-g { position:relative; flex:0 0 auto; display:flex; align-items:center; height:46px; padding:0 2px; }
.at-g img { width:42px; height:42px; object-fit:contain; padding:4px; border-radius:10px; background:var(--kd-yuzey, #fff);
  box-shadow:inset 0 0 0 1px var(--cizgi); }   /* nadirlik cizgisi kaldirildi (2026-10-15, kullanici) */
.at-g img + img { margin-left:-14px; }
.at-g em { margin-left:4px; font-style:normal; font-size:11px; font-weight:800; color:var(--ink-3); }
.at-m { flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.25; }
.at-m b { font-size:13.5px; font-weight:800; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-m small { font-size:12px; font-weight:600; color:var(--mavi-koyu); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.at-s { flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; line-height:1.25; }
.at-s b { font-size:15px; font-weight:850; letter-spacing:-.02em; color:var(--ink); font-variant-numeric:tabular-nums; }
.at-s small { display:flex; align-items:center; gap:4px; font-size:11.5px; font-weight:700; color:var(--ink-3); font-variant-numeric:tabular-nums; }
.at-s small svg { width:12px; height:12px; }
.at-s small i { font-style:normal; }
.at-ok { flex:0 0 auto; width:32px; height:32px; border-radius:9px; display:grid; place-items:center; background:var(--mavi); color:#fff; }
.at-ok svg { width:15px; height:15px; }

.izgara .kart.kilitli { pointer-events:none; }
.izgara .kart.kilitli figure img, .izgara .kart.kilitli .alt { opacity:.38; filter:grayscale(.5); }
.izgara .kart .kilit { position:absolute; left:50%; top:46%; z-index:4; transform:translate(-50%,-50%); display:inline-flex; align-items:center; gap:6px;
  height:28px; padding:0 10px; border-radius:8px; white-space:nowrap; font-size:11.5px; font-weight:800; color:var(--mavi-koyu);
  background:var(--kd-yuzey, #fff); box-shadow:0 0 0 1px var(--mavi-ln), 0 6px 14px -8px rgba(37,99,235,.7); }
.izgara .kart .kilit svg { width:13px; height:13px; }

/* ====================================================================
   TAKAS EKRANI TASARIMLARI ?td=2..5 (2026-10-13) — trade.js varyantCiz()
   2 Takas penceresi · 3 Zaman cizelgesi · 4 Buyuk sayac · 5 Bot sohbeti
   Bizim dil: cam/beyaz kutular, buz mavisi, karemsi; hover yok; dalga halkasi yok.
   ==================================================================== */
/* ortak: bot durumu, parca cubugu, tutar vurusu */
.trd [data-trd-bdurum] { display:flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:var(--ink-3); }
.trd [data-trd-bdurum] i { width:7px; height:7px; border-radius:2px; background:#16A34A; animation:trdNabiz 1.6s ease-in-out infinite; }
.trd [data-trd-bdurum].aktif { color:var(--mavi-koyu); }
.trd [data-trd-bdurum].aktif i { background:var(--mavi); }
.trd-parca { display:grid; grid-template-columns:repeat(var(--n,1), minmax(0,1fr)); gap:4px; margin-top:12px; }
.trd-parca i { position:relative; height:8px; border-radius:3px; background:var(--buz); overflow:hidden; }
.trd-parca i::after { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(90deg,#2563EB,#60A5FA);
  transform:scaleX(0); transform-origin:left; transition:transform .55s cubic-bezier(.4,0,.2,1); }
.trd-parca i.on::after { transform:scaleX(1); }
[data-trd-gelen] { display:inline-block; }
[data-trd-gelen].vur { animation:trdVur .55s cubic-bezier(.2,.9,.3,1.3); }
@keyframes trdVur { 35% { transform:scale(1.07); } }
.trd[data-td] .yuzey { border-radius:16px; }
.bl-ic .trd[data-td] .yuzey { background:rgba(var(--kd-cam, 255,255,255), .72); -webkit-backdrop-filter:none; backdrop-filter:none; border:1px solid var(--cizgi); box-shadow:0 1px 2px rgba(15,42,86,.04); }

/* ------------------------------------------------ 2 · TAKAS PENCERESI */
.trd-td2 { display:flex; flex-direction:column; gap:14px; }
.trd-pen { padding:0 !important; overflow:hidden; }
.trd-pen-ust { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--cizgi); background:rgba(var(--kd-cam, 255,255,255), .55); }
.trd-pen-ust b { display:block; font-size:15px; font-weight:800; color:var(--ink); }
.trd-pen-bilgi { margin:0 0 0 auto !important; grid-template-columns:auto auto !important; }
.trd-pen-bilgi > div { padding:6px 11px !important; }
.trd-pen-bilgi b { min-height:24px !important; font-size:14px !important; }
.trd-pen-ic { display:grid; grid-template-columns:minmax(0,1fr) 76px 300px; align-items:stretch; padding:16px; }
.trd-pen-sol .trd-esyalar { grid-template-columns:repeat(auto-fill, minmax(128px,1fr)); }
.trd-pen-ok { display:flex; align-items:center; justify-content:center; gap:0; }
.trd-pen-ok i { width:13px; height:13px; margin:0 -1px; border-top:3px solid var(--mavi); border-right:3px solid var(--mavi); border-radius:2px;
  transform:rotate(45deg); opacity:.18; animation:trdOk 1.4s ease-in-out infinite; }
.trd-pen-ok i:nth-child(2) { animation-delay:.18s; } .trd-pen-ok i:nth-child(3) { animation-delay:.36s; }
@keyframes trdOk { 0%, 100% { opacity:.18; } 45% { opacity:1; } }
.trd-pen-sag { display:flex; flex-direction:column; padding:16px; border-radius:16px; color:#fff;
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.2), transparent 55%), linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6);
  box-shadow:0 16px 30px -18px rgba(37,99,235,.9); }
.trd-pen-sag .trd-esya-bas b { color:#fff; } .trd-pen-sag .trd-esya-bas span { color:rgba(255,255,255,.7); }
.trd-pen-tutar { margin-top:auto; }
.trd-pen-tutar b { font-size:38px; font-weight:850; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.trd-pen-tutar small { display:block; font-size:13px; font-weight:600; opacity:.75; }
.trd-pen-sag .trd-parca i { background:rgba(255,255,255,.2); }
.trd-pen-sag .trd-parca i::after { background:#fff; }
.trd-pen-not { margin:10px 0 0; font-size:12px; opacity:.75; }
.trd-td2-alt { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:14px; align-items:start; }
.trd-td2-durum { padding:18px; }
.trd-td2-yan { display:flex; flex-direction:column; gap:12px; }

/* ------------------------------------------------ 3 · ZAMAN CIZELGESI */
.trd-td3 { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:16px; align-items:start; }
.trd-td3-ana { padding:20px; }
.trd-td3 .trd-adim { display:flex; flex-direction:column; gap:0; margin:4px 0 6px; }
.trd-td3 .trd-adim li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:14px; align-items:start; padding:0 0 16px; }
.trd-td3 .trd-adim li::after { display:none; }
.trd-td3 .trd-adim li::before { left:16px; top:38px; bottom:6px; width:2px !important; height:auto; border-radius:1px; background:var(--cizgi); transition:background-color .4s ease; }
.trd-td3 .trd-adim li.bitti::before { background:linear-gradient(#2563EB,#60A5FA); }
.trd-td3 .trd-adim li:last-child::before { display:none; }
.trd-td3 .trd-adim li > span { width:34px; height:34px; border-radius:10px; font-size:13px; }
.trd-zc { min-width:0; padding:6px 0 0; transition:background-color .3s ease; }
.trd-zc > b { display:block; font-size:15.5px; font-weight:800; letter-spacing:-.015em; color:var(--ink-2); }
.trd-zc > p { margin:2px 0 0; font-size:13px; color:var(--ink-3); }
.trd-td3 li.simdi .trd-zc { padding:14px 16px 16px; border-radius:15px; background:rgba(var(--kd-cam, 255,255,255), .8); border:1px solid var(--mavi-ln);
  box-shadow:0 14px 30px -22px rgba(37,99,235,.8); animation:trdAc .4s cubic-bezier(.2,.8,.2,1); }
.trd-td3 li.simdi .trd-zc > b { color:var(--ink); }
.trd-td3 li.simdi .trd-zc > p { margin-bottom:14px; color:var(--ink-2); }
.trd-td3 li.bitti .trd-zc > b { color:var(--mavi-koyu); }
.trd-td3 li:not(.simdi) .trd-zc > :not(b):not(p) { display:none; }
@keyframes trdAc { from { opacity:.4; transform:translateY(-4px); } }
.trd-zc .trd-dugmeler { margin-bottom:12px; }
.trd-zc .trd-esyalar { grid-template-columns:repeat(auto-fill, minmax(124px,1fr)); }
.trd-zc .trd-esya-bas b { font-size:13px; }
.trd-zc-not { display:flex; align-items:center; gap:7px; margin:0; font-size:12.5px; color:var(--ink-2); }
.trd-zc-not svg { width:15px; height:15px; color:var(--mavi); }
.trd-td3-yan { display:flex; flex-direction:column; gap:12px; position:sticky; top:0; }
.trd-ozet3 { padding:18px !important; }
.trd-ozet3 > small { display:block; font-size:10.5px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; color:var(--ink-3); }
.trd-ozet3 > b { margin-top:4px; font-size:34px; font-weight:850; letter-spacing:-.045em; color:var(--mavi-koyu); font-variant-numeric:tabular-nums; }
.trd-ozet3 > span { display:block; font-size:12.5px; font-weight:600; color:var(--ink-3); }
.trd-ozet3 > span em { font-style:normal; color:var(--ink-2); font-weight:800; }
.trd-ozet3-bilgi { margin:14px 0 0 !important; grid-template-columns:1fr 1fr !important; }

/* ------------------------------------------------ 4 · BUYUK SAYAC */
.trd-td4 { display:flex; flex-direction:column; gap:14px; }
.trd-td4-hero { display:grid; grid-template-columns:190px minmax(0,1fr) 280px; gap:24px; align-items:center; padding:24px !important;
  background:radial-gradient(60% 120% at 50% 0%, rgba(96,165,250,.16), transparent 70%), rgba(var(--kd-cam, 255,255,255), .72) !important; }
.trd-td4-bot { display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; }
.trd-td4-bot .trd-av { width:68px; height:68px; border-radius:18px; animation:trdYuz 3.2s ease-in-out infinite; }
@keyframes trdYuz { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
.trd-td4-bot b { font-size:15px; font-weight:800; color:var(--ink); }
.trd-td4-orta { text-align:center; }
.trd-td4-orta > small { display:block; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); }
.trd-td4-sayi { margin:4px 0 2px; font-size:58px; font-weight:850; letter-spacing:-.055em; line-height:1; color:var(--mavi-koyu); font-variant-numeric:tabular-nums; }
.trd-td4-orta > span { display:block; font-size:13px; font-weight:600; color:var(--ink-3); }
.trd-td4-orta > span em { font-style:normal; font-weight:800; color:var(--ink-2); }
.trd-td4-orta .trd-parca { max-width:440px; margin:14px auto 0; }
.trd-td4-hero .trd-durum h2 { font-size:18px; }
.trd-td4-hero .trd-durum p { margin:0; }
.trd-td4-eylem { display:grid; grid-template-columns:1.3fr 1fr 1.7fr; gap:10px; align-items:stretch; }
.trd-td4-eylem .trd-btn { height:auto; min-height:58px; }
.trd-td4-bilgi { margin:0 !important; grid-template-columns:1fr 1fr !important; }
.trd-td4-esya { padding:18px !important; }
.trd-td4-esya .trd-esyalar { grid-template-columns:repeat(auto-fill, minmax(150px,1fr)); }
.trd-td4-alt { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:14px; align-items:start; }
.trd-td4-adim { padding:18px !important; }
.trd-td4-adim .trd-adim { margin-bottom:6px; }

/* ------------------------------------------------ 5 · BOT SOHBETI */
.trd-td5 { display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:16px; align-items:start; }
.trd-td5-sohbet { display:flex; flex-direction:column; height:560px; padding:0 !important; overflow:hidden; }
.trd-td5-bas { display:flex; align-items:center; gap:12px; padding:12px 16px; border-bottom:1px solid var(--cizgi); background:rgba(var(--kd-cam, 255,255,255), .6); }
.trd-td5-bas b { display:block; font-size:15px; font-weight:800; color:var(--ink); }
.trd-td5-bas .trd-adim { flex:1; max-width:380px; margin:0 0 0 auto; }
.trd-td5-bas .trd-adim li { font-size:11.5px; gap:6px; padding-bottom:9px; }
.trd-td5-bas .trd-adim li > span { width:20px; height:20px; font-size:10.5px; border-radius:6px; }
.trd-akis { flex:1; min-height:0; overflow-y:auto; display:flex; flex-direction:column; gap:10px; padding:18px;
  background:repeating-linear-gradient(0deg, transparent 0 27px, rgba(37,99,235,.035) 27px 28px);  }
.trd-m { display:flex; align-items:flex-end; gap:8px; max-width:80%; }
.trd-m p { margin:0; padding:10px 13px; border-radius:14px 14px 14px 4px; background:var(--kd-yuzey, #fff); border:1px solid var(--cizgi); font-size:13.5px; line-height:1.45; color:var(--ink-2); }
.trd-m p b { color:var(--ink); font-weight:800; }
.trd-m.onay p { background:var(--kd-mavi, #F5F9FF); border-color:var(--mavi-ln); color:var(--mavi-koyu); }
.trd-m.para-m { align-self:flex-end; flex-direction:row-reverse; }
.trd-m.para-m p { display:flex; align-items:center; gap:8px; border-radius:14px 14px 4px 14px; border:0; color:#fff;
  background:linear-gradient(150deg,#1E40AF,#2563EB 60%,#3B82F6); box-shadow:0 10px 20px -14px rgba(37,99,235,.9); }
.trd-m.para-m p b { color:#fff; }
.trd-m.para-m em { font-style:normal; margin-left:4px; padding:2px 7px; border-radius:6px; font-weight:850; background:rgba(255,255,255,.18); }
.trd-m-g { flex:0 0 auto; width:42px; height:42px; border-radius:11px; display:grid; place-items:center; background:var(--kd-yuzey, #fff); border:1px solid var(--cizgi); }
.trd-m-g img { width:34px; height:34px; object-fit:contain; }
.trd-akis > .trd-m { animation:trdMesaj .4s cubic-bezier(.2,.9,.3,1.2) both; }
.trd-akis > .trd-m:nth-child(2) { animation-delay:.25s; } .trd-akis > .trd-m:nth-child(3) { animation-delay:.5s; }
.trd-akis > .trd-m.yeni { animation-delay:0s; }
@keyframes trdMesaj { from { opacity:0; transform:translateY(10px) scale(.96); } }
.trd-td5-alt { padding:12px 16px; border-top:1px solid var(--cizgi); background:rgba(var(--kd-cam, 255,255,255), .6); }
.trd-td5-alt .trd-dugmeler { margin:0; }
.trd-td5-yan { display:flex; flex-direction:column; gap:12px; }
.trd-td5-yan > .yuzey { padding:16px; }
.trd-td5-esya .trd-esyalar { grid-template-columns:repeat(2, minmax(0,1fr)); }
.trd-td5-esya .trd-k { min-height:146px; }
.trd-td5-esya .trd-k figure img { max-height:62px; }
.trd-td5-yan .trd-iptal-sar { margin-top:12px; padding-top:10px; }

@media (max-width:980px) {
  .trd-td2-alt, .trd-td3, .trd-td4-alt, .trd-td5 { grid-template-columns:1fr; }
  .trd-pen-ic { grid-template-columns:1fr; gap:10px; }
  .trd-pen-ok { transform:rotate(90deg); height:30px; }
  .trd-td4-hero { grid-template-columns:1fr; text-align:center; }
  .trd-td4-eylem { grid-template-columns:1fr 1fr; } .trd-td4-bilgi { grid-column:1 / -1; }
  .trd-td3-yan { position:static; }
  .trd-td5-sohbet { height:520px; }
}
@media (max-width:560px) {
  .trd-pen-ust { flex-wrap:wrap; } .trd-pen-bilgi { margin:0 !important; width:100%; }
  .trd-td4-sayi { font-size:46px; }
  .trd-td5-bas { flex-wrap:wrap; } .trd-td5-bas .trd-adim { max-width:none; width:100%; margin:0; }
  .trd-m { max-width:92%; }
}
@media (prefers-reduced-motion: reduce) { .trd-pen-ok i, .trd-td4-bot .trd-av, .trd-akis > .trd-m { animation:none !important; } }
.trd-pen-bilgi > div:first-child { min-width:190px; }
/* dar ozet kartinda kod + kullanici alt alta (kopyala dugmesi sikismasin) */
.trd-ozet3-bilgi { grid-template-columns:1fr !important; }

@keyframes trdDon { to { transform:rotate(360deg); } }   /* iptal dugmesi donen kare (.trd-don) */

/* ====================================================================
   KALICI: tutar cubugu (eski ?ti=3 onerisi; diger oneriler 2026-10-14 silindi, kullanici 2026-10-13: "ayni boyut ve ayni renk")
   Kutu BUYUMEZ / renk DEGISMEZ: cubuk kutunun alt ic kenarinda ince serit.
   ==================================================================== */
.trd-bilgi-tutar { position:relative; }
.trd .trd-tutar-cubuk { display:block; position:absolute; left:13px; right:13px; bottom:8px; }
.trd .trd-tutar-cubuk .trd-parca { margin:0; gap:3px; }
.trd .trd-tutar-cubuk .trd-parca i { height:4px; border-radius:2px; }

/* ====================================================================
   MOBIL TAKAS EKRANI (<=560px, 2026-10-13) — telefona bakilarak:
   - ust satir tek sira: kare geri ikonu · Trade #KOD · sure
   - Join Server ALTTA yapiskan cubuk (basparmak), Add Bot kare ikon
   - esyalar kompakt satir (gorsel · ad/fiyat · sayac)
   - yan panel (bot, oyuncu listesi, ipuclari) sikistirilmis
   ==================================================================== */
@media (max-width:560px) {
  .trd-ust { flex-wrap:nowrap; gap:10px; margin:0 0 14px; }
  .trd-geri { flex:0 0 auto; width:40px; height:40px; padding:0; justify-content:center; }
  .trd-geri span { display:none; }
  .trd-geri svg { width:18px; height:18px; }
  .trd-ust h1 { flex:1; min-width:0; font-size:19px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .trd-sure { flex:0 0 auto; height:34px; padding:0 10px; margin-left:0; font-size:12px; }
  .trd-sure svg { width:14px; height:14px; }

  .trd-ana { display:flex; flex-direction:column; padding:14px 14px 0 !important; overflow:visible; }
  .trd-adim { margin-bottom:14px; }
  .trd-adim li { font-size:11px !important; }
  .trd-durum h2 { font-size:19px; }
  .trd-durum p { margin-bottom:12px; font-size:13px; }
  .trd-bilgi { grid-template-columns:1fr 1fr; gap:8px; margin-bottom:16px; }
  .trd-bilgi > div:first-child { grid-column:1 / -1; }
  .trd-bilgi > div { padding:10px 12px; }
  .trd-bilgi b { font-size:15px; }

  /* eylem cubugu: en alta tasinir ve ekranin altina yapisir */
  .trd-dugmeler { order:20; position:sticky; bottom:0; z-index:6; display:grid; grid-template-columns:minmax(0,1fr) 52px; gap:8px;
    margin:14px -14px 0; padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(var(--kd-cam, 255,255,255), .94); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
    border-top:1px solid var(--cizgi); border-radius:0 0 18px 18px; box-shadow:0 -10px 24px -18px rgba(15,42,86,.35); }
  .trd-dugmeler .trd-btn { height:52px; }
  .trd-dugmeler .trd-btn.ikinci { padding:0; }
  .trd-dugmeler .trd-btn.ikinci span { display:none; }
  .trd-dugmeler .trd-btn.ikinci svg { width:20px; height:20px; }
  .trd-btn-alt { display:none !important; }

  /* esyalar: kompakt satir */
  .trd-esyalar { grid-template-columns:1fr !important; gap:8px; }
  .trd-k { display:grid; grid-template-columns:58px minmax(0,1fr) auto; grid-template-areas:"g n s" "g ad s" "g f s"; align-items:center;
    column-gap:12px; min-height:0 !important; padding:8px 12px 8px 8px !important; }
  .trd-k figure { grid-area:g; width:58px; height:58px; margin:0; border-radius:12px; background:var(--kd-basik, #F6F8FB); }
  .trd-k figure::before { inset:8%; }
  .trd-k figure img { max-width:48px !important; max-height:48px !important; }
  .trd-k .nadir { grid-area:n; font-size:9.5px; }
  .trd-k .ad { grid-area:ad; font-size:13.5px; }
  .trd-k-f { grid-area:f; font-size:15px !important; }
  .trd-k-say { grid-area:s; position:static; min-width:40px; height:28px; font-size:12.5px; }
  .trd-k.tam .trd-k-say { width:30px; min-width:30px; }
  .trd-k-rbx, .trd-k-dur { display:none !important; }
  .trd-iptal-sar { margin-top:14px; padding:12px 0 4px; }

  /* yan panel */
  .trd-yan { gap:10px; }
  .trd-yan .yuzey { padding:14px; }
  .trd-bot .trd-av { width:44px; height:44px; border-radius:12px; }
  .trd-ipuclari li { font-size:12.5px; }
}

/* Telefonda birlesik panel ICINDE ayri kaydirma yok: sayfa ile birlikte kayar (cift kaydirma kalkar) */
@media (max-width:980px) {
  .calisma.bl-acik { min-height:0 !important; }
  .calisma.bl-acik > .bl-sahne { position:relative; inset:auto; }
  .calisma.bl-acik .bl-panel { position:relative; left:auto !important; top:auto !important; width:auto !important; height:auto !important; overflow:visible; }
}
@media (max-width:560px) {
  .bl-ic { padding:14px 12px; }
  .bl-ic .trd-ana { padding:0 !important; }               /* gomulu: panel zaten cam, ic bosluk tek kat */
  .bl-ic .trd-dugmeler { margin:14px -12px 0; border-radius:0; }
}

/* ====================================================================
   IPTAL ONAYI v2 (2026-10-13) — trade.js iptalAc(): beyaz kart, kirmizi
   vurgular; ne olacagi gorunur; acilirken kademeli; "Yes, cancel" yukleniyor.
   ==================================================================== */
.trd-onay { display:block !important; overflow:hidden; padding:0 !important; border:0 !important; background:none !important; }
.trd-onay[hidden] { display:none !important; }
.trd-onay-ic { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:14px 16px; margin-top:4px; padding:16px 18px;
  border-radius:16px; background:var(--kd-yuzey, #fff); border:1px solid #FECACA; box-shadow:0 18px 36px -26px rgba(220,38,38,.55), inset 3px 0 0 #F87171; }
.trd-onay-ik { width:44px; height:44px; border-radius:12px; display:grid; place-items:center; color:#DC2626; background:var(--kd-kirmizi, #FEF2F2); box-shadow:inset 0 0 0 1px #FECACA; }
.trd-onay-ik svg { width:22px; height:22px; }
.trd-onay-m b { display:block; font-size:15.5px; font-weight:800; letter-spacing:-.015em; color:var(--ink); }
.trd-onay-m > p { margin:2px 0 10px; font-size:12.5px; line-height:1.45; color:var(--ink-2); }
.trd-onay-ozet { display:flex; flex-wrap:wrap; gap:8px; }
.trd-onay-ozet > div { display:inline-flex; align-items:center; gap:8px; min-height:34px; padding:4px 10px 4px 5px; border-radius:10px; font-size:12.5px; color:var(--ink-2); }
.trd-onay-ozet b { display:inline; font-size:12.5px; color:var(--ink); }
.trd-onay-ozet .iptal { background:var(--kd-kirmizi, #FEF2F2); box-shadow:inset 0 0 0 1px var(--kd-halka, #FEE2E2); }
.trd-onay-ozet .kalir { background:var(--kd-yesil, #F0FDF4); box-shadow:inset 0 0 0 1px var(--kd-halka, #DCFCE7); padding-left:6px; }
.trd-onay-g { display:inline-flex; }
.trd-onay-g span { position:relative; width:26px; height:26px; border-radius:7px; display:grid; place-items:center; background:var(--kd-yuzey, #fff); box-shadow:0 0 0 1.5px #FECACA; }
.trd-onay-g span + span { margin-left:-8px; }
.trd-onay-g span img { width:21px; height:21px; object-fit:contain; filter:saturate(.6); }
.trd-onay-g span::after { content:""; position:absolute; left:3px; right:3px; top:50%; height:1.5px; background:#EF4444; transform:rotate(-35deg) scaleX(0); border-radius:1px; }
.trd-onay-g em { margin-left:4px; font-style:normal; font-size:11px; font-weight:800; color:#B91C1C; }
.trd-onay-ok { width:22px; height:22px; border-radius:6px; display:grid; place-items:center; color:#fff; background:#16A34A; }
.trd-onay-ok svg { width:12px; height:12px; }
.trd-onay-d { display:flex; gap:8px; }
.trd-onay-d .trd-btn { height:42px; padding:0 16px; }
.trd-btn.tehlike.yukleniyor { opacity:.85; }
.trd-don { width:14px; height:14px; border-radius:4px; border:2px solid rgba(255,255,255,.45); border-top-color:#fff; animation:trdDon .7s linear infinite; }
/* acilis: kademeli giris + ikon sallanir + esyalarin ustu cizilir */
.trd-onay.acik .trd-onay-ik { animation:trdSallan .55s cubic-bezier(.36,.07,.19,.97) .12s both; }
@keyframes trdSallan { 0%, 100% { transform:none; } 20% { transform:rotate(-12deg) scale(1.06); } 40% { transform:rotate(10deg) scale(1.06); } 60% { transform:rotate(-6deg); } 80% { transform:rotate(3deg); } }
.trd-onay.acik .trd-onay-m > * { animation:trdOnayGir .38s cubic-bezier(.2,.8,.2,1) both; }
.trd-onay.acik .trd-onay-m > :nth-child(2) { animation-delay:.05s; } .trd-onay.acik .trd-onay-m > :nth-child(3) { animation-delay:.1s; }
.trd-onay.acik .trd-onay-d { animation:trdOnayGir .38s cubic-bezier(.2,.8,.2,1) .14s both; }
@keyframes trdOnayGir { from { opacity:0; transform:translateY(8px); } }
.trd-onay.acik .trd-onay-g span::after { animation:trdCizik .3s ease-out both; animation-delay:calc(.35s + var(--i) * .08s); }
@keyframes trdCizik { to { transform:rotate(-35deg) scaleX(1); } }

/* ====================================================================
   MOBIL v2 (<=560px, 2026-10-13, kullanici: "mobil ekrani baya cirt"):
   uygulama ekrani gibi. Siralama: adimlar > durum > BOT + oyuncu listesi >
   tutar / kod > esyalar > ipuclari > iptal. Join Server EKRANIN ALTINDA
   sabit yuzen cubukta (her zaman gorunur). Kod/kullanici tek kartta liste.
   ==================================================================== */
@media (max-width:560px) {
  .trd-duzen { display:flex; flex-direction:column; gap:0; }
  .trd-ana, .trd-yan { display:contents; }
  .trd-adim { order:1; } .trd-durum { order:2; }
  .trd-bot { order:3; } .trd-liste { order:4; } .trd-guven { order:5; }
  .trd-bilgi { order:6; } .trd-esya-bas { order:7; } .trd-esyalar { order:8; }
  .trd-ipuclari { order:9; } .trd-iptal-sar { order:10; } .trd-yapiskan { order:11; }
  .trd-sayfa .trd-duzen { padding:14px; border-radius:18px; background:var(--cam); border:1px solid var(--kd-kenar, rgba(255,255,255,.72)); box-shadow:var(--golge); }

  /* bot + oyuncu listesi tek blok gibi */
  .trd-yan .yuzey { padding:12px 14px !important; }
  .trd-bot { margin:0 0 0; border-radius:16px 16px 0 0 !important; border-bottom:0 !important; }
  .trd-liste { margin:0 0 12px; border-radius:0 0 16px 16px !important; border-top:1px dashed var(--cizgi) !important; }
  .trd-liste small { font-size:12px; margin-bottom:8px; }
  .trd-guven { margin-bottom:12px; }
  .trd-ipuclari { margin-top:14px; }

  /* tutar tek basina; kod + kullanici tek kartta iki satir */
  .trd-bilgi { display:grid; grid-template-columns:1fr; gap:0; margin-bottom:16px; }
  .trd-bilgi > div:first-child { margin-bottom:8px; border-radius:14px; }
  .trd-bilgi > div:nth-child(2), .trd-bilgi > div:nth-child(3) { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:52px; padding:8px 12px !important; }
  .trd-bilgi > div:nth-child(2) { border-radius:14px 14px 0 0; border-bottom:0; }
  .trd-bilgi > div:nth-child(3) { border-radius:0 0 14px 14px; border-top:1px dashed var(--cizgi); }
  .trd-bilgi > div:nth-child(2) small, .trd-bilgi > div:nth-child(3) small { margin:0; }
  .trd-bilgi > div:nth-child(2) b, .trd-bilgi > div:nth-child(3) b { min-height:0; font-size:15px; }
  .trd-kod { letter-spacing:.06em !important; }
  .trd-kod button { margin-left:10px !important; }

  /* ALT YUZEN EYLEM CUBUGU: ekrana sabit */
  .trd-dugmeler { position:fixed !important; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:60; order:0;
    margin:0 !important; padding:8px !important; border-radius:18px !important; border:1px solid var(--kd-kenar, rgba(255,255,255,.8)) !important;
    background:rgba(var(--kd-cam, 255,255,255), .9) !important; box-shadow:0 18px 40px -16px rgba(15,42,86,.45) !important;
    animation:trdCubuk .45s cubic-bezier(.2,.9,.3,1.1) .25s both; }
  @keyframes trdCubuk { from { opacity:0; transform:translateY(24px); } }
  .trd-dugmeler .trd-btn { height:50px !important; border-radius:13px; }
  .bl-ic, .trd-sayfa .kayar { padding-bottom:96px !important; }

  /* iptal onayi telefonda alt alta */
  .trd-onay-ic { grid-template-columns:40px minmax(0,1fr); padding:14px; gap:12px; }
  .trd-onay-ik { width:40px; height:40px; }
  .trd-onay-d { grid-column:1 / -1; }
  .trd-onay-d .trd-btn { flex:1; }
  .trd-onay-ozet > div { width:100%; }
}
/* sabit cubuk icin: telefonda birlesik panelde cam bulaniklik (backdrop-filter) yok — aksi halde
   position:fixed panelin icine hapsolur */
@media (max-width:980px) {
  .calisma.bl-acik .bl-panel { -webkit-backdrop-filter:none; backdrop-filter:none; background:rgba(var(--kd-cam, 255,255,255), .82); }
}
@media (max-width:560px) {
  .trd-sayfa .trd-ana, .trd-sayfa .trd-yan .yuzey { -webkit-backdrop-filter:none; backdrop-filter:none; }
}
/* MOBIL v2 duzeltme: eski .trd-duzen align-items:start bloklari daraltiyordu -> tam genislik */
@media (max-width:560px) { .trd-duzen { align-items:stretch !important; } .trd-onay-ic { align-items:start; } }

/* ====================================================================
   IPTAL ONAYI v3 (2026-10-13, kullanici: "kirmizilik ve error ikonu gereksiz,
   mobilde alttan ciksin"). Sade beyaz kart (bizim dil), ikon yok, kirmizi yok.
   Telefonda: Join Server cubugu asagi iner, yerine ALTTAN KAYAN panel + karartma.
   ==================================================================== */
.trd-onay-ic { grid-template-columns:minmax(0,1fr) auto !important; align-items:center; padding:18px 20px !important;
  border:1px solid var(--cizgi) !important; background:var(--kd-yuzey, #fff); box-shadow:0 16px 34px -26px rgba(15,42,86,.45) !important; }
.trd-onay-ik { display:none !important; }
.trd-onay-m > p { color:var(--ink-3) !important; }
.trd-onay-ozet .iptal { background:var(--kd-basik, #F6F8FB) !important; box-shadow:inset 0 0 0 1px var(--cizgi) !important; }
.trd-onay-ozet .kalir { background:var(--kd-mavi, #F5F9FF) !important; box-shadow:inset 0 0 0 1px var(--mavi-ln) !important; }
.trd-onay-g span { box-shadow:0 0 0 1.5px var(--kd-halka, #fff), 0 0 0 2.5px var(--cizgi) !important; }
.trd-onay-g span img { filter:grayscale(.35); opacity:.8; }
.trd-onay-g span::after { background:var(--ink-3) !important; }
.trd-onay-g em { color:var(--ink-3) !important; }
.trd-onay-ok { background:var(--mavi) !important; }
.trd-btn.sil { color:var(--ink); background:var(--kd-basik, #F1F5F9); border:1px solid var(--cizgi); }
.trd-btn.sil .trd-don { border-color:rgba(15,23,42,.18); border-top-color:var(--ink); }
.trd-btn.sil.yukleniyor { opacity:.8; }
.trd-onay-tutamak { display:none; }

@media (max-width:560px) {
  /* karartma */
  .trd-perde { position:fixed; inset:0; z-index:70; background:rgba(15,30,60,.32); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
  /* alttan kayan panel */
  .trd.iptal-acik .trd-onay { position:fixed !important; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom)); z-index:71; margin:0; }
  .trd.iptal-acik .trd-onay-ic { display:block !important; margin:0; padding:10px 16px 16px !important; border-radius:22px !important; border:0 !important;
    box-shadow:0 -6px 40px -12px rgba(15,42,86,.45) !important; }
  .trd-onay-tutamak { display:block; width:40px; height:5px; margin:0 auto 12px; border-radius:3px; background:var(--cizgi-2); }
  .trd.iptal-acik .trd-onay-m b { font-size:18px; }
  .trd.iptal-acik .trd-onay-m > p { margin-bottom:12px; }
  .trd.iptal-acik .trd-onay-ozet { flex-direction:column; gap:6px; margin-bottom:14px; }
  .trd.iptal-acik .trd-onay-ozet > div { width:auto; min-height:42px; padding:6px 12px 6px 6px; }
  .trd.iptal-acik .trd-onay-d { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
  .trd.iptal-acik .trd-onay-d .trd-btn { height:50px; }
  .trd.iptal-acik .trd-onay-d .trd-btn.ana { order:2; }        /* Keep trade sagda (basparmak) */
  /* Join Server cubugu asagi iner */
  .trd.iptal-acik .trd-dugmeler { animation:trdCubukGit .28s cubic-bezier(.4,0,.8,.4) forwards !important; }
  @keyframes trdCubukGit { to { transform:translateY(140%); opacity:0; } }
}

/* ====================================================================
   MOBIL: Cancel trade Join Server'in ALTINDA, sabit cubugun icinde (2026-10-13)
   cizgili (alti cizili) sade link; panel ustundeki surukleme cizgisi KALKTI.
   ==================================================================== */
.trd-bar-iptal { display:none; }
.trd-onay-tutamak { display:none !important; }
@media (max-width:560px) {
  .trd-dugmeler { grid-template-columns:minmax(0,1fr) 52px !important; row-gap:0 !important; padding:8px 8px 4px !important; }
  .trd-bar-iptal { display:flex; grid-column:1 / -1; align-items:center; justify-content:center; gap:10px; height:34px; margin:0; padding:0;
    background:none; border:0; font-size:12.5px; font-weight:700; color:var(--ink-3); -webkit-tap-highlight-color:transparent; }
  .trd-bar-iptal[hidden] { display:none; }
  .trd-bar-iptal span { text-decoration:underline; text-decoration-thickness:1.5px; text-decoration-color:var(--cizgi-2); text-underline-offset:4px; }
  .trd-bar-iptal::before, .trd-bar-iptal::after { content:""; width:22px; height:1px; background:var(--cizgi); }
  .trd-bar-iptal:active span { color:var(--ink-2); }
  /* akistaki eski Cancel trade linki telefonda gizli (cubuktaki var) */
  .trd-iptal-sar { margin:0 !important; padding:0 !important; border:0 !important; }
  .trd-iptal-sar .trd-iptal { display:none !important; }
  .bl-ic, .trd-sayfa .kayar { padding-bottom:132px !important; }
  /* surukleme cizgisi yok: ust bosluk esit */
  .trd.iptal-acik .trd-onay-ic { padding:18px 16px 16px !important; }
}

/* MOBIL 4 (2026-10-13): "The bot is waiting for you" + "No rush. Join the server..." telefonda yer kaplamasin */
@media (max-width:760px) {
  .trd [data-trd-baslik], .trd [data-trd-ipucu], [data-trd-baslik], [data-trd-ipucu] { display:none !important; }
  .trd-durum { display:none !important; }   /* bos kalinca da flex araligi kapliyordu */
}
/* acik takas kartlari (2026-10-13, kullanici): mavi cerceve + mavi golge yok; cerceve rengi seffaf -> boy ayni. Tum temalar */
.at-k { border-color:transparent !important; box-shadow:0 1px 2px rgba(15,42,86,.05), 0 3px 10px rgba(15,42,86,.06) !important; }
html[data-tema="koyu"] .at-k { box-shadow:none !important; }

/* trd-sure gecis (2026-10-14): durum degisince renkler yumusak gecsin; boyut/tasarim ayni */
.trd-sure { transition:background-color .35s ease, border-color .35s ease, color .35s ease; }

/* ------------------------------------------------------------- sonuc · seviye plakalari (2026-10-14, /lab-rozet D2)
   Plaka: assets/css/rozet.css (.rz-plaka). Eski plaka soluk + kucuk, yeni plaka firlar; "siradaki" (atlamadiysa) soluk kesik cizgili. */
.trd-sv2 { position:relative; margin:20px 0 22px; padding:16px 16px 14px; border-radius:14px; background:var(--inci); border:1px solid var(--cizgi); text-align:center; }
.trd-sv2-up { display:inline-flex; align-items:center; gap:6px; margin-bottom:12px; padding:5px 10px; border-radius:7px; font-size:12.5px; font-weight:800; color:#047857; background:rgba(16,185,129,.12); }
.trd-sv2-up svg { width:14px; height:14px; } html[data-tema="koyu"] .trd-sv2-up { color:#34D399; }
.trd-sv2-plakalar { display:flex; align-items:center; justify-content:center; gap:14px; margin-bottom:14px; }
.trd-sv2-plakalar .rz-plaka.eski { opacity:.55; filter:grayscale(.4); transform:scale(.86); }
.trd-sv2-plakalar .rz-plaka.sonraki { opacity:.45; filter:grayscale(.6); transform:scale(.86); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35); }
.trd-sv2:not(.atladi) .trd-sv2-plakalar .rz-plaka.eski { opacity:1; filter:none; transform:none; }
.trd-sv2-ok { width:26px; height:26px; color:var(--ink-3); } .trd-sv2-ok svg { width:100%; height:100%; }
.trd-sv2-seg { display:grid; grid-template-columns:repeat(10, 1fr); gap:4px; margin-bottom:8px; }
.trd-sv2-seg i { height:12px; border-radius:3px; background:linear-gradient(90deg, #2563EB calc(var(--sv2d, 0) * 100%), var(--buz) calc(var(--sv2d, 0) * 100%)); }
@property --sv2d { syntax:'<number>'; inherits:false; initial-value:0; }
.trd-sv2-seg i { transition:--sv2d .32s ease-out; }
.trd-sv2 small { display:block; font-size:12px; font-weight:600; color:var(--ink-3); }
@media (prefers-reduced-motion: reduce) { .trd-sv2-seg i { transition:none; } }

/* =====================================================================
   trade-sonuc — TAKAS SONUC EKRANI (2026-10-16, kullanici 10 tasarimdan 1'i secti; trade.js snHtml)
   Kartsiz: dogrudan bl-panel / trd ustunde. Renkler tema jetonlarindan; nadirlik --nadir.
   ===================================================================== */
.trd-sn { position:relative; width:100%; box-sizing:border-box; max-width:640px; margin:22px auto 6px; padding:0 6px; text-align:center; }
.trd-sn > * { animation:snGel .5s cubic-bezier(.2,.8,.2,1) both; }
.trd-sn > :nth-child(2) { animation-delay:.06s; } .trd-sn > :nth-child(3) { animation-delay:.12s; }
.trd-sn > :nth-child(4) { animation-delay:.18s; } .trd-sn > :nth-child(n+5) { animation-delay:.24s; }
@keyframes snGel { from { opacity:0; transform:translateY(12px); } }
.sn-tik { margin-bottom:4px; }
.sn-tutar { display:block; font-size:44px; font-weight:850; letter-spacing:-.045em; line-height:1.05; color:var(--mavi-koyu); font-variant-numeric:tabular-nums; }
.sn-alt { margin:6px 0 0; font-size:14px; color:var(--ink-2); }
.sn-kismi { display:inline-block; margin:10px 0 0; padding:5px 10px; border-radius:7px; background:rgba(234,88,12,.1); color:#C2410C; font-size:12.5px; font-weight:700; }
html[data-tema="koyu"] .sn-kismi { color:#FB923C; }
.trd-sn .trd-sv2 { margin:22px 0 18px; background:none; border:0; padding:0; }
.sn-dug { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.sn-res { position:relative; display:inline-grid; place-items:center; width:58px; height:58px; flex:none; border-radius:14px;
  background:radial-gradient(circle at 50% 60%, color-mix(in srgb, var(--nadir) 26%, transparent), transparent 70%), var(--buz-2, rgba(15,42,86,.05)); }
.sn-res img { width:80%; height:80%; object-fit:contain; }
.sn-res em { position:absolute; right:-4px; bottom:-4px; padding:1px 5px; border-radius:6px; font-style:normal; font-size:10.5px; font-weight:800; background:var(--mavi); color:#fff; }
.sn-serit { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:20px; }
.sn-serit .sn-res { animation:snZip .45s cubic-bezier(.3,1.4,.5,1) both; }
.sn-serit .sn-res:nth-child(2) { animation-delay:.05s; } .sn-serit .sn-res:nth-child(3) { animation-delay:.1s; } .sn-serit .sn-res:nth-child(n+4) { animation-delay:.15s; }
@keyframes snZip { from { opacity:0; transform:scale(.6); } }
@media (max-width:640px) { .sn-dug { grid-template-columns:1fr; } .sn-tutar { font-size:38px; } }
@media (prefers-reduced-motion: reduce) { .trd-sn *, .trd-sn { animation:none !important; } }