/* ============================================================
   DEPOSIT MODAL — SKINVAULT handoff (white-accent variant)
   Yüzey/kenarlık/metin token'ları main.css :root'taki trade-card
   token'larıyla ortak (değerler birebir aynı). --accent app genelinde
   turuncu (#f0a500) olduğundan tasarımın soluk beyazı (#D7DEE6)
   modal'a scope'lanır. color-mix() yerine önceden hesaplanmış rgba
   kullanıldı (aynı sonuç, daha geniş tarayıcı desteği):
     accent %9=.09  %11=.11  %14=.14  %16=.16  %42=.42  %45=.45  %55=.55  %60=.60
   ============================================================ */
/* Scrim buyModal ile birebir aynı (main.css #buyModal override'ı):
   varsayılan .modal-overlay rgba(0,0,0,.85)+blur(6px) yerine .68+blur(4px). */
#depositModal{--accent:#D7DEE6;align-items:safe center;overflow-y:auto;padding:28px 20px;background:rgba(0,0,0,0.68);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
#depositModal.open #depositModalInner{animation:modalIn 0.22s cubic-bezier(0.34,1.2,0.64,1) forwards;}

/* Progressive-disclosure kapısı: sönük + 8px aşağı + tıklanamaz.
   `.on` 520ms easeOutCubic ile açar. */
#depositModal .dep-gate{opacity:.3;transform:translateY(8px);pointer-events:none;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);}
#depositModal .dep-gate.on{opacity:1;transform:none;pointer-events:auto;}

/* Hover glow (inaktif chip + method kartı) — basışta .955 küçülme */
.dep-hov{position:relative;transition:transform .13s ease;}
.dep-hov:active{transform:scale(.955);}
.dep-hov::after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .16s ease;pointer-events:none;background:rgba(215,222,230,.11);box-shadow:inset 0 0 0 1px rgba(215,222,230,.42);}
.dep-hov:hover::after{opacity:1;}

/* Hazır tutar chip'leri */
.dep-chip{flex:1;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;border:none;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;color:var(--text-secondary);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-subtle);}
.dep-chip.active{color:var(--accent);background:rgba(215,222,230,.14);box-shadow:inset 0 0 0 1px rgba(215,222,230,.45);}
.dep-chip.active::after{display:none;}

/* Ödeme yöntemi kartları */
.dep-method{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:11px;padding:17px 12px 16px;border-radius:13px;text-align:center;cursor:pointer;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-subtle);}
.dep-sel-ring{position:absolute;inset:0;border-radius:13px;background:rgba(215,222,230,.09);box-shadow:inset 0 0 0 1.5px rgba(215,222,230,.6);pointer-events:none;display:none;}
.dep-method.selected .dep-sel-ring{display:block;}
.dep-sel-tick{position:absolute;top:11px;right:11px;width:19px;height:19px;border-radius:999px;background:var(--accent);display:none;align-items:center;justify-content:center;}
.dep-method.selected .dep-sel-tick{display:flex;}
.dep-mic{width:44px;height:44px;border-radius:11px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);}

/* Onay kutusu (20px, radius 5) */
.dep-ck{width:20px;height:20px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .14s;}

/* Deposit CTA — düz soluk beyaz, GLOW YOK; hover'da 1.035 büyür */
.dep-cta{height:44px;padding:0 40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;color:var(--text-on-brand);background:var(--accent);box-shadow:none;transition:transform .14s ease;}
.dep-cta:hover{transform:scale(1.035);}
.dep-cta:active{transform:scale(.955);}
.dep-cta:disabled{opacity:.5;cursor:not-allowed;transform:none!important;}

/* Yöntem detay bölümü (kart alanları / coin grid): yöntem seçilmeden 0
   yükseklik (görünmez, yer kaplamaz); açılış/kapanış kapılarla AYNI eğri —
   yükseklik 0fr↔1fr katlanırken içerik .3→1 solar + 8px kayar.
   margin-top:-20px kapalıyken parent gap'inden gelen çift boşluğu düzeltir.
   Coin kartları withdraw'ın .wd-coin/.wd-hov/.wd-sel-ring sınıflarını
   AYNEN paylaşır (birebir aynı görünüm — withdraw-modal.css'te tanımlı). */
#depDetailSection{display:grid;grid-template-rows:0fr;margin-top:-20px;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1),margin-top .52s cubic-bezier(.22,1,.36,1);}
#depDetailSection.on{grid-template-rows:1fr;margin-top:0;}
#depDetailInner{overflow:hidden;min-height:0;opacity:.3;transform:translateY(8px);pointer-events:none;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);}
#depDetailSection.on #depDetailInner{opacity:1;transform:none;pointer-events:auto;}

/* Banka IBAN bloğu: banka seçilince açılır/kapanır (coin uyarısı 2026-07-06'da
   kaldırıldı — coin seçimi NOWPayments hosted sayfasında) */
#depBankWrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .52s cubic-bezier(.22,1,.36,1);}
#depBankWrap.on{grid-template-rows:1fr;}
#depBankInner{overflow:hidden;min-height:0;opacity:.3;transform:translateY(8px);pointer-events:none;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);}
#depBankWrap.on #depBankInner{opacity:1;transform:none;pointer-events:auto;}

/* Success ekranı "Make another deposit": ödeme-yöntemi kartlarıyla aynı
   hover/press dili — .dep-hov (::after overlay inline background'ı ezer;
   düz #depAnotherBtn:hover{background} kuralı inline stile yenildiği için
   çalışmıyordu, 2026-07-06). */

/* Kopyalama butonu — tıklanınca 1.4s genişleyip yeşil tik + "COPIED" yazar */
.dep-copy .ic-check,.dep-copy .ic-copied{display:none;}
.dep-copy.copied{width:auto!important;padding:0 9px!important;gap:5px;color:var(--success);}
.dep-copy.copied .ic-copy{display:none;}
.dep-copy.copied .ic-check{display:block;}
.dep-copy.copied .ic-copied{display:inline;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
.dep-copy:hover{color:var(--text-primary);}

/* (Kart giriş alanları 2026-07-06'da kaldırıldı — .dep-field/#depCardNumBox
   kuralları onlarla birlikte gitti; kart bilgisi MoonPay hosted sayfasında.) */
.dep-close:hover{color:var(--text-primary);}
#depositAmount::placeholder{color:#7C889A;font-weight:500;}
/* PROVIDER_SENT beklenirken form donuk: yalnız kapatma butonu tıklanabilir */
#depositModalInner.dep-processing #depForm{pointer-events:none;}