/* ================= WITHDRAW ================= */
.withdraw-page{padding-bottom:8px}.withdraw-page>*{animation:wdRise .34s var(--ease) both}.withdraw-page>*:nth-child(2){animation-delay:.025s}.withdraw-page>*:nth-child(3){animation-delay:.05s}.withdraw-page>*:nth-child(4){animation-delay:.075s}@keyframes wdRise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.wd-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.wd-title-row h2{margin:0}.wd-balance-pill{display:inline-flex;align-items:center;gap:4px;min-height:31px;padding:6px 10px;border-radius:9px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 26%,var(--border));white-space:nowrap}.wd-balance-pill>span{font-size:.58rem;color:var(--text-muted);font-weight:750}.wd-balance-pill b{font-size:.72rem;color:var(--primary);font-weight:900;font-variant-numeric:tabular-nums}
.wd-card,.wd-history-shell{margin-bottom:12px;border-color:var(--border);box-shadow:var(--shadow-sm)}.wd-section-head{margin-bottom:13px!important}.wd-payout-card{padding-bottom:15px}

/* Payout selector: the active surface physically slides between methods. */
.wd-methods{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:4px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);overflow:hidden}.wd-method-slider{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(33.333333% - 4.6667px);border-radius:9px;background:var(--surface);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));box-shadow:0 2px 8px rgba(0,0,0,.08);transition:left .3s cubic-bezier(.22,.9,.32,1),border-color .22s,box-shadow .22s;pointer-events:none}.wd-methods[data-active="bank"] .wd-method-slider{left:calc(33.333333% + 2.3333px)}.wd-methods[data-active="usdt"] .wd-method-slider{left:calc(66.666667% + .6667px)}.wd-method{position:relative;z-index:1;min-width:0;height:46px;border:0;border-radius:9px;background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:7px;padding:0 8px;font:inherit;transition:color .2s var(--ease),transform .12s var(--ease)}.wd-method:active{transform:scale(.975)}.wd-method.active{color:var(--text)}.wd-method-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--text-muted) 8%,var(--surface));color:var(--text-muted);font-size:.62rem;transition:background .22s,color .22s,transform .26s cubic-bezier(.22,.9,.32,1)}.wd-method.active .wd-method-icon{background:var(--primary-soft);color:var(--primary);transform:translateY(-1px)}.wd-method b{font-size:.68rem;font-weight:850;line-height:1}.wd-method-mark{position:absolute;left:50%;bottom:1px;width:12px;height:2px;border-radius:3px;background:transparent;transform:translateX(-50%);transition:background .22s,width .24s var(--ease)}.wd-method.active .wd-method-mark{width:22px;background:var(--primary)}

/* Payout inputs borrow the same hover/focus language as the amount field. */
.wd-details{margin-top:13px;display:grid;gap:10px}.wd-details>*{animation:wdFieldIn .22s cubic-bezier(.22,.9,.32,1) both}@keyframes wdFieldIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.wd-field{display:grid;gap:6px;min-width:0}.wd-field>span{padding-left:1px;font-size:.6rem;font-weight:800;color:var(--text-muted)}.wd-input-wrap{position:relative;min-width:0;border-radius:13px}.wd-field-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1;width:20px;text-align:center;color:var(--text-muted);font-size:.62rem;pointer-events:none;transition:color .2s,transform .2s}.wd-input{width:100%;height:49px;padding:0 13px;border:1.5px solid var(--border);border-radius:13px;background:linear-gradient(145deg,var(--surface-2),color-mix(in srgb,var(--primary) 2.5%,var(--surface)));color:var(--text);font:inherit;font-size:.72rem;font-weight:650;outline:none;transition:border-color .2s,box-shadow .2s,background .2s,transform .16s var(--ease)}.wd-input.has-icon{padding-left:41px}.wd-input::placeholder{color:var(--text-muted);opacity:.58;font-weight:550}.wd-input-wrap:focus-within .wd-field-icon{color:var(--primary);transform:translateY(-50%) scale(1.05)}.wd-input-wrap:focus-within .wd-input{border-color:var(--primary);box-shadow:0 0 0 5px var(--primary-soft);background:var(--surface)}@media(hover:hover){.wd-input-wrap:hover .wd-input{border-color:var(--primary);box-shadow:0 0 0 5px var(--primary-soft);background:var(--surface)}.wd-input-wrap:hover .wd-field-icon{color:var(--primary)}}.wd-select-wrap:after{content:'\f078';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:.52rem;color:var(--text-muted);pointer-events:none}.wd-select-wrap select{appearance:none;padding-right:32px}.wd-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wd-field-note{display:block;font-size:.52rem;line-height:1.45;color:var(--text-muted)}

/* Amount + fee summary */
.wd-breakdown{margin-top:13px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);opacity:.58;transition:opacity .2s,border-color .2s}.wd-breakdown.active{opacity:1;border-color:color-mix(in srgb,var(--primary) 20%,var(--border))}.wd-br-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;font-size:.65rem}.wd-br-row span{color:var(--text-muted)}.wd-br-row span em{font-style:normal;color:var(--primary);font-weight:800}.wd-br-row b{font-size:.69rem;font-variant-numeric:tabular-nums}.wd-br-row.total span,.wd-br-row.total b{font-size:.76rem;font-weight:850;color:var(--text)}.wd-br-row.total b{color:var(--success)}.wd-br-line{height:1px;background:var(--border);margin:5px 0}.wd-usdt-convert{display:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;margin-top:9px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,#f59e0b 9%,var(--surface));border:1px solid color-mix(in srgb,#f59e0b 18%,var(--border))}.wd-usdt-convert.show{display:grid}.wd-usdt-convert span{font-size:.59rem;color:var(--text-muted)}.wd-usdt-convert b{font-size:.75rem;color:#c47b00}.wd-usdt-convert small{grid-column:1/-1;font-size:.51rem;color:var(--text-muted)}

/* Final action stays inside the amount card. Amount and label intentionally share one type scale. */
.wd-action-error{display:none;margin:11px 2px -5px;align-items:flex-start;gap:6px;color:var(--danger);font-size:.56rem;font-weight:750;line-height:1.4}.wd-action-error.show{display:flex}.wd-action-error.show:before{content:'\f06a';font-family:'Font Awesome 6 Free';font-weight:900;font-size:.54rem;margin-top:1px;flex:none}.wd-continue{margin-top:14px;min-height:52px}.wd-continue-copy{display:flex!important;align-items:center!important;justify-content:center;gap:5px!important;font-size:.76rem!important;font-weight:850!important;line-height:1!important;letter-spacing:0!important}.wd-continue-copy>span{font:inherit!important;color:inherit!important}.wd-continue>i{font-size:.66rem}

.wd-history-shell{margin-bottom:12px!important}.wd-history-method{width:30px;height:30px;border-radius:10px;background:var(--surface-2);color:var(--text-muted);display:grid;place-items:center;font-size:.6rem;flex:none}

.wd-review{display:grid;gap:11px;padding-top:1px}.wd-review-ticket{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));border-radius:19px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface));box-shadow:0 16px 30px -30px var(--primary)}.wd-review-ticket:after{content:'';position:absolute;right:-45px;top:-55px;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 13%,transparent),transparent 68%);pointer-events:none}.wd-review-ticket-top{position:relative;z-index:1;display:flex;align-items:center;gap:9px;padding:12px 13px}.wd-review-method-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:.7rem;flex:none}.wd-review-ticket-top>div{display:flex;flex-direction:column;min-width:0}.wd-review-ticket-top small{font-size:.43rem;letter-spacing:.11em;font-weight:900;color:var(--text-muted)}.wd-review-ticket-top b{margin-top:1px;font-size:.72rem}.wd-review-secure{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:.48rem;font-weight:850;white-space:nowrap}.wd-review-receive{position:relative;z-index:1;display:grid;padding:15px 13px 16px;border-top:1px dashed color-mix(in srgb,var(--primary) 24%,var(--border))}.wd-review-receive>span{font-size:.55rem;color:var(--text-muted);font-weight:700}.wd-review-receive>strong{margin-top:2px;font-size:1.55rem;line-height:1.05;letter-spacing:-.035em;color:var(--success);font-variant-numeric:tabular-nums}.wd-review-receive>small{margin-top:5px;font-size:.5rem;color:var(--text-muted)}
.wd-review-ledger{border:1px solid var(--border);border-radius:15px;background:var(--surface-2);padding:6px 11px}.wd-review-ledger>div{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:34px;border-bottom:1px solid var(--border);font-size:.61rem}.wd-review-ledger>div:last-child{border-bottom:0}.wd-review-ledger span{color:var(--text-muted)}.wd-review-ledger em{font-style:normal;color:var(--primary);font-weight:800}.wd-review-ledger b{font-size:.65rem;text-align:right;font-variant-numeric:tabular-nums}.wd-review-ledger b.fee{color:var(--danger)}
.wd-review-destination{overflow:hidden;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:15px;background:var(--surface)}.wd-review-destination-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:var(--primary-soft);border-bottom:1px solid color-mix(in srgb,var(--primary) 16%,var(--border))}.wd-review-destination-head>span{font-size:.61rem;font-weight:850;color:var(--primary)}.wd-review-destination-head>small{font-size:.49rem;font-weight:800;color:var(--text-muted)}.wd-review-destination-lines{display:grid;padding:4px 11px}.wd-review-destination-lines>div{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:start;gap:9px;padding:7px 0;border-bottom:1px solid var(--border)}.wd-review-destination-lines>div:last-child{border-bottom:0}.wd-review-destination-lines span{font-size:.5rem;color:var(--text-muted);font-weight:750}.wd-review-destination-lines b{font-size:.61rem;line-height:1.4;overflow-wrap:anywhere}.wd-front-note{display:flex;gap:8px;padding:10px 11px;border-radius:12px;background:var(--primary-soft);color:var(--text);font-size:.56rem;line-height:1.5}.wd-front-note i{color:var(--primary);margin-top:2px}.wd-review-confirm{min-height:50px}.wd-review-confirm i{margin-left:5px;font-size:.62rem}

[data-theme="dark"] .wd-method-slider{box-shadow:0 2px 8px rgba(0,0,0,.3)}
@media(max-width:390px){.wd-methods{gap:3px}.wd-method{height:44px;padding:0 5px;gap:5px}.wd-method-icon{width:24px;height:24px}.wd-method b{font-size:.64rem}.wd-two{grid-template-columns:1fr}.wd-balance-pill{padding:5px 8px}.wd-balance-pill>span{font-size:.54rem}.wd-balance-pill b{font-size:.67rem}.wd-br-row{font-size:.61rem}.wd-continue-copy{font-size:.72rem!important}}

/* Withdrawal confirmation contrast: accent presets use light --primary-soft values,
   so confirmation helper surfaces need explicit dark-theme surfaces. */
[data-theme="dark"] .wd-review-destination{background:var(--surface-2);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))}
[data-theme="dark"] .wd-review-destination-head{background:color-mix(in srgb,var(--primary) 14%,var(--surface-2));border-bottom-color:color-mix(in srgb,var(--primary) 24%,var(--border))}
[data-theme="dark"] .wd-review-destination-head>span{color:color-mix(in srgb,var(--primary) 72%,#fff)}
[data-theme="dark"] .wd-review-destination-head>small,[data-theme="dark"] .wd-review-destination-lines span{color:var(--text-muted)}
[data-theme="dark"] .wd-review-destination-lines b{color:var(--text)}
[data-theme="dark"] .wd-front-note{background:color-mix(in srgb,var(--primary) 12%,var(--surface-2));border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));color:var(--text)}
[data-theme="dark"] .wd-front-note i{color:color-mix(in srgb,var(--primary) 72%,#fff)}

/* Withdrawal history detail + manager payment-proof view. */
.wd-history-item{cursor:default}.wd-history-detail-btn{width:38px;height:38px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:5px;flex:none;transition:border-color .18s,background .18s,color .18s,transform .14s}.wd-history-detail-btn i:first-child{font-size:.6rem}.wd-history-detail-btn i:last-child{font-size:.46rem}.wd-history-detail-btn:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--primary-soft);color:var(--primary)}.wd-history-detail-btn:active{transform:scale(.96)}
.wd-history-detail{display:grid;gap:11px}.wd-history-detail-hero{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.wd-history-detail-hero>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);flex:none}.wd-history-detail-hero>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;flex:1}.wd-history-detail-hero small{grid-column:1/-1;font-size:.51rem;color:var(--text-muted);font-weight:800}.wd-history-detail-hero b{font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.wd-history-detail-hero em{font-style:normal;padding:4px 7px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.48rem;font-weight:850;text-transform:capitalize;color:var(--text-muted)}.wd-history-detail-hero.success>span{background:var(--success-soft);color:var(--success)}.wd-history-detail-hero.warning>span{background:var(--warning-soft);color:var(--warning)}.wd-history-detail-hero.danger>span{background:var(--danger-soft);color:var(--danger)}.wd-history-detail-hero.info>span{background:var(--info-soft);color:var(--info)}
.wd-history-detail-note{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);font-size:.57rem;line-height:1.5;color:var(--text-muted)}.wd-history-detail-note i{color:var(--primary);margin-top:2px}.wd-payment-proof-btn{width:100%;min-height:46px;border-radius:13px;gap:7px}

/* Phase 19 payout card + disabled methods + full-row history */
.wd-payout-card{padding:16px!important}.wd-payout-card .wd-section-head{margin-bottom:16px!important}.wd-payout-card .wd-section-head>div>span{font-size:.82rem;font-weight:900}.wd-payout-card .wd-section-head>div>small{font-size:.59rem;line-height:1.45;margin-top:3px}.wd-methods{padding:6px;gap:5px;border-radius:16px}.wd-method-slider{top:6px;bottom:6px;left:6px;width:calc(33.333333% - 7.333px);border-radius:11px}.wd-methods[data-active="bank"] .wd-method-slider{left:calc(33.333333% + 2.333px)}.wd-methods[data-active="usdt"] .wd-method-slider{left:calc(66.666667% - 1.333px)}.wd-method{height:58px;border-radius:11px;gap:8px}.wd-method-icon{width:31px;height:31px;border-radius:10px;font-size:.69rem}.wd-method b{font-size:.74rem}.wd-details{margin-top:16px;padding-top:2px;gap:12px}.wd-field>span{font-size:.63rem}.wd-input{height:53px;font-size:.75rem;border-radius:14px}.wd-method.method-disabled{opacity:.46;filter:saturate(.45);cursor:not-allowed}.wd-method.method-disabled .wd-method-icon{background:var(--surface-2)!important;color:var(--text-muted)!important;transform:none!important}.wd-method.method-disabled .wd-method-mark{background:transparent!important}.wd-history-item{cursor:pointer;outline:none}.wd-history-item:focus-visible{box-shadow:0 0 0 3px var(--primary-soft);border-color:var(--primary)}.wd-history-detail-btn{pointer-events:none}
@media(max-width:390px){.wd-payout-card{padding:14px!important}.wd-method{height:54px}.wd-method-icon{width:29px;height:29px}.wd-method b{font-size:.7rem}.wd-input{height:51px}}

/* Withdrawal history uses the same plain row chevron language as other histories. */
.wd-history-chevron{justify-self:end;align-self:center;color:var(--text-muted);font-size:.52rem;padding:0 4px;pointer-events:none}