/* ============================================================
   WITHDRAW MODAL — SKINVAULT handoff (white-accent variant)
   deposit-modal.css ile aynı token stratejisi: yüzey/kenarlık/metin
   main.css :root'tan; --accent modal'a scope'lu (app geneli turuncu).
   color-mix() yerine hazır rgba (accent 215,222,230):
     %9=.09 %10=.10 %11=.11 %14=.14 %16=.16 %42=.42 %45=.45 %55=.55 %60=.60
     danger %65 = rgba(240,82,75,.65)
   Scrim, deposit/buyModal ile tutarlı: rgba(0,0,0,.68)+blur(4px).
   ============================================================ */
#withdrawModal{--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);}
#withdrawModal.open #withdrawModalInner{animation:modalIn 0.22s cubic-bezier(0.34,1.2,0.64,1) forwards;}

/* Progressive-disclosure kapısı (tasarım: .5s easeOutCubic) */
#withdrawModal .wd-gate{opacity:.3;transform:translateY(8px);pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);}
#withdrawModal .wd-gate.on{opacity:1;transform:none;pointer-events:auto;}

/* Hover glow + basış küçülmesi (chip / yöntem kartı / coin kartı) */
.wd-hov{position:relative;transition:transform .13s ease;}
.wd-hov:active{transform:scale(.955);}
.wd-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);}
.wd-hov:hover::after{opacity:1;}

/* Yüzde preset chip'leri (25/50/75/MAX) — deposit'ten farkı: 34px */
.wd-chip{flex:1;height:34px;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);}
.wd-chip.active{color:var(--accent);background:rgba(215,222,230,.14);box-shadow:inset 0 0 0 1px rgba(215,222,230,.45);}
.wd-chip.active::after{display:none;}

/* Hedef kartları: Bank/IBAN + Crypto */
.wd-method{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:13px 12px 12px;border-radius:12px;text-align:center;cursor:pointer;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-subtle);}
.wd-sel-ring{position:absolute;inset:0;border-radius:12px;background:rgba(215,222,230,.09);box-shadow:inset 0 0 0 1.5px rgba(215,222,230,.6);pointer-events:none;display:none;}
.wd-method.selected>.wd-sel-ring{display:block;}
.wd-sel-tick{position:absolute;top:9px;right:9px;width:17px;height:17px;border-radius:999px;background:var(--accent);display:none;align-items:center;justify-content:center;}
.wd-method.selected>.wd-sel-tick{display:flex;}
.wd-mic{width:38px;height:38px;border-radius:10px;background:var(--surface-3);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);}

/* Coin kartı network etiketi (TRC-20/ERC-20/Bitcoin) — deposit + withdraw
   ortak; boyut/renk buradan ayarlanır */
.wd-net{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#7C889A;position:relative;}

/* Coin kartları (USDT/USDC/ETH/BTC) — seçim tint'i %10, radius 11 */
.wd-coin{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:13px 6px;border-radius:11px;text-align:center;cursor:pointer;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border-subtle);}
.wd-coin>.wd-sel-ring{border-radius:11px;background:rgba(215,222,230,.10);}
.wd-coin.selected>.wd-sel-ring{display:block;}

/* Onay kutusu + CTA (deposit ile aynı ölçüler) */
.wd-ck{width:20px;height:20px;border-radius:5px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .14s;}
.wd-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;}
.wd-cta:hover{transform:scale(1.035);}
.wd-cta:active{transform:scale(.955);}
.wd-cta:disabled{opacity:.5;cursor:not-allowed;transform:none!important;}

/* Yöntem detayları (IBAN/Crypto paneli): yöntem seçilmeden 0 yükseklik —
   görünmez, yer kaplamaz; açılış/kapanış deposit kart paneliyle birebir
   (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. */
#wdDetailSection{display:grid;grid-template-rows:0fr;margin-top:-20px;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1),margin-top .5s cubic-bezier(.22,1,.36,1);}
#wdDetailSection.on{grid-template-rows:1fr;margin-top:0;}
#wdDetailInner{overflow:hidden;min-height:0;opacity:.3;transform:translateY(8px);pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);}
#wdDetailSection.on #wdDetailInner{opacity:1;transform:none;pointer-events:auto;}

/* Coin seçilince cüzdan-adresi bloğu da aynı kalıpla açılır/kapanır. */
#wdAddrWrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,1,.36,1);}
#wdAddrWrap.on{grid-template-rows:1fr;}
#wdAddrInner{overflow:hidden;min-height:0;opacity:.3;transform:translateY(8px);pointer-events:none;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);}
#wdAddrWrap.on #wdAddrInner{opacity:1;transform:none;pointer-events:auto;}

/* Input odak halkası (IBAN + cüzdan adresi) */
.wd-field:focus{box-shadow:inset 0 0 0 1px rgba(215,222,230,.6)!important;}

/* İç scroll: native scrollbar gizli — custom her-zaman-görünür thumb */
.wd-scroll{scrollbar-width:none;-ms-overflow-style:none;}
.wd-scroll::-webkit-scrollbar{width:0;height:0;display:none;}
.wd-sbthumb:active{cursor:grabbing;}

.wd-close:hover{color:var(--text-primary);}
#withdrawAmount::placeholder,#wdIbanInput::placeholder,#wdAddrInput::placeholder{color:#7C889A;font-weight:500;}
/* PROVIDER_SENT beklenirken form donuk; yalnız kapatma tıklanabilir */
#withdrawModalInner.wd-processing #wdForm{pointer-events:none;}