/* Shared business funding and payout layout, matching ss-transfer. */
:is(#modal-payout, #modal-apple) { --transfer-green:#1f9555; padding:24px; }
:is(#modal-payout, #modal-apple)[hidden], :is(#modal-payout, #modal-apple) [hidden] { display:none !important; }
:is(#modal-payout, #modal-apple) .modal { width:min(100%,510px); max-height:calc(100dvh - 48px); border-radius:28px; background:#fafbf9; box-shadow:0 32px 100px #061d2440; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
:is(#modal-payout, #modal-apple).open .modal { animation:payout-enter .28s ease-out both; }
:is(#modal-payout, #modal-apple) .transfer-header { position:sticky; top:0; z-index:6; display:flex; align-items:center; justify-content:space-between; height:86px; padding:20px 26px; background:#fafbf9ed; backdrop-filter:blur(20px); }
:is(#modal-payout, #modal-apple) .transfer-icon-button { flex:none; display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid #152c2212; border-radius:50%; background:#fff9; font-size:23px; cursor:pointer; }
:is(#modal-payout, #modal-apple) .transfer-rate { display:flex; align-items:center; justify-content:center; gap:7px; max-width:230px; height:42px; padding:0 14px; border:1px solid #fff; border-radius:24px; background:linear-gradient(135deg,#fffffff2,#eaf1ecb3); box-shadow:inset 0 -1px 2px #173c2310,0 3px 10px #173c2306; font-size:11px; font-weight:700; overflow:hidden; }
:is(#modal-payout, #modal-apple) .transfer-rate-icon { color:var(--transfer-green); font-size:17px; }
.transfer-rate-copy { display:block; white-space:nowrap; }
.transfer-rate-copy.rolling { animation:payout-rate-roll .42s ease both; }
:is(#modal-payout, #modal-apple) .transfer-body { padding:10px 30px 0; }
:is(#modal-payout, #modal-apple) .transfer-heading { margin:0 0 28px; font-family:"Archivo Black","Sora",sans-serif; font-size:34px; line-height:1.13; font-weight:900; letter-spacing:-1.25px; }
:is(#modal-payout, #modal-apple) .transfer-heading-line { display:block; overflow:hidden; padding-bottom:3px; margin-bottom:-3px; }
:is(#modal-payout, #modal-apple) .transfer-heading-line:last-child { color:var(--transfer-green); }
:is(#modal-payout, #modal-apple) .transfer-word { display:inline-block; }
:is(#modal-payout, #modal-apple).open .transfer-word { animation:payout-word .52s cubic-bezier(.16,1.02,.3,1) both; animation-delay:calc(var(--word) * 62ms); }
:is(#modal-payout, #modal-apple) .transfer-block { transform-origin:center; transition:transform .38s cubic-bezier(.2,.9,.3,1),opacity .3s; }
:is(#modal-payout, #modal-apple) .transfer-block.is-muted { transform:scale(.92); opacity:.78; }
:is(#modal-payout, #modal-apple) .transfer-block:focus-within { position:relative; z-index:5; }
:is(#modal-payout, #modal-apple) .transfer-label-row { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; }
:is(#modal-payout, #modal-apple) .transfer-label { font-size:17px; font-weight:700; }
:is(#modal-payout, #modal-apple) .transfer-asset { display:flex; align-items:center; gap:7px; height:34px; padding:3px 10px 3px 4px; border:1px solid #fff; border-radius:999px; background:linear-gradient(145deg,#fff,#e9eeea); box-shadow:inset 0 -1px 2px #19382516,0 2px 8px #11241e05; font-size:13px; font-weight:700; }
:is(#modal-payout, #modal-apple) .transfer-usdc { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#2775ca; color:#fff; font-size:18px; font-weight:500; }
#payoutSourceBalance { max-width:120px; overflow:hidden; text-overflow:ellipsis; color:#6a746e; font-size:11px; font-variant-numeric:tabular-nums; }
:is(#modal-payout, #modal-apple) .transfer-amount { display:flex; align-items:baseline; justify-content:flex-end; gap:8px; margin:22px 0 15px; }
:is(#modal-payout, #modal-apple) .transfer-amount input { width:100%; min-width:0; height:78px; padding:0; border:0; outline:none; border-radius:0; box-shadow:none; background:transparent; text-align:right; color:#17211c; font-size:var(--amount-size,62px); font-weight:700; letter-spacing:-2.8px; font-variant-numeric:tabular-nums; appearance:textfield; }
:is(#modal-payout, #modal-apple) .transfer-amount input::-webkit-inner-spin-button, :is(#modal-payout, #modal-apple) .transfer-amount input::-webkit-outer-spin-button { appearance:none; margin:0; }
:is(#modal-payout, #modal-apple) .transfer-amount input::placeholder { color:#b2b9b3; opacity:1; }
:is(#modal-payout, #modal-apple) .transfer-amount:focus-within { box-shadow:0 2px 0 #1f955535; }
:is(#modal-payout, #modal-apple) .transfer-amount-unit { color:#89918b; font-size:13px; font-weight:700; letter-spacing:0; }
:is(#modal-payout, #modal-apple) .transfer-percentages { display:flex; justify-content:flex-end; gap:8px; margin-bottom:26px; }
:is(#modal-payout, #modal-apple) .transfer-percentages button { min-width:53px; padding:7px 12px; border:1px solid #132b2010; border-radius:999px; background:#edf1ec; font-size:11px; font-weight:700; cursor:pointer; transition:background .2s,transform .2s; }
:is(#modal-payout, #modal-apple) .transfer-percentages button:hover:not(:disabled) { background:#ddeedb; transform:translateY(-2px); }
:is(#modal-payout, #modal-apple) button:disabled { cursor:default; }
:is(#modal-payout, #modal-apple) .transfer-percentages button:disabled { opacity:.4; }
:is(#modal-payout, #modal-apple) .transfer-divider { position:relative; margin:0 0 20px; height:1px; background:linear-gradient(90deg,transparent,#172e2015,transparent); }
:is(#modal-payout, #modal-apple) .transfer-divider span { position:absolute; top:-14px; left:calc(50% - 14px); display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#f0f3ee; color:#8d978e; font-size:16px; }
:is(#modal-payout, #modal-apple) .country-picker { width:auto; max-width:240px; }
:is(#modal-payout, #modal-apple) .country-picker-button { width:auto; min-height:34px; height:34px; padding:3px 10px 3px 4px; border:1px solid #fff; border-radius:999px; background:linear-gradient(145deg,#fff,#e9eeea); box-shadow:inset 0 -1px 2px #19382516,0 2px 8px #11241e05; }
:is(#modal-payout, #modal-apple) .country-picker-selection { gap:6px; }
:is(#modal-payout, #modal-apple) .country-picker-selection .country-flag { width:25px; height:25px; }
:is(#modal-payout, #modal-apple) .country-picker-selection strong { max-width:130px; font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:is(#modal-payout, #modal-apple) .country-picker-selection small { font-size:12px; color:#17211c; }
:is(#modal-payout, #modal-apple) .country-picker-menu { width:min(350px,calc(100vw - 66px)); left:auto; right:0; top:auto; bottom:calc(100% + 8px); max-height:245px; border-radius:18px; }
:is(#modal-payout, #modal-apple) .country-picker-option { padding:10px; }
:is(#modal-payout, #modal-apple) .country-picker-option:focus-visible { outline:2px solid var(--transfer-green); outline-offset:-2px; }
:is(#modal-payout, #modal-apple) .transfer-receive { display:flex; align-items:baseline; justify-content:flex-end; min-height:101px; padding:20px 0 12px; gap:8px; }
#payoutReceiveAmount { display:flex; max-width:100%; overflow:hidden; font-size:var(--receive-size,58px); line-height:1.15; letter-spacing:-2.6px; font-weight:700; font-variant-numeric:tabular-nums; }
#payoutReceiveAmount .transfer-digit { display:inline-block; animation:payout-digit .4s cubic-bezier(.2,.9,.3,1) both; animation-delay:calc(var(--digit) * 14ms); }
:is(#modal-payout, #modal-apple) .transfer-status { min-height:18px; margin:0; color:var(--muted); font-size:11px; line-height:1.6; }
:is(#modal-payout, #modal-apple) .transfer-status.is-error { color:#b3443d; }
:is(#modal-payout, #modal-apple) .transfer-footer { position:sticky; bottom:0; z-index:4; padding:18px 30px 24px; background:linear-gradient(#fafbf900,#fafbf9 12px); }
:is(#modal-payout, #modal-apple) .transfer-footer-inner { padding-top:8px; }
:is(#modal-payout, #modal-apple) .transfer-primary { width:100%; height:56px; border:0; border-radius:999px; background:#84de69; color:#163522; font-size:14px; font-weight:700; cursor:pointer; transition:filter .2s,transform .2s; }
:is(#modal-payout, #modal-apple) .transfer-primary:hover:not(:disabled) { filter:brightness(.96); }
:is(#modal-payout, #modal-apple) .transfer-primary:active:not(:disabled) { transform:scale(.985); }
:is(#modal-payout, #modal-apple) .transfer-primary:disabled { background:#e9eee7; color:#89948b; }
:is(#modal-payout, #modal-apple) .transfer-refresh { display:block; margin:0 auto 12px; padding:3px 10px; border:0; background:transparent; font-size:11px; color:#68756b; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
:is(#modal-payout, #modal-apple) .transfer-footnote { margin:10px 0 0; text-align:center; font-size:10px; color:#8a938c; }
:is(#modal-payout, #modal-apple) .quote-result { border:0; border-radius:0; margin:16px 0 0; background:transparent; }
:is(#modal-payout, #modal-apple) .quote-row { padding:9px 0; border-bottom:1px solid #152c220b; }
:is(#modal-payout, #modal-apple)[data-step="amount"] .quote-row:nth-child(-n+2) { display:none; }
:is(#modal-payout, #modal-apple) .quote-row:last-child { border:0; }
:is(#modal-payout, #modal-apple) .route-note { font-size:11px; line-height:1.5; margin:14px 0 0; }
:is(#modal-payout, #modal-apple) .route-note:not(.error) { display:none; }
:is(#modal-payout, #modal-apple) .beneficiary-fields { border:0; margin:20px 0 0; padding:0; }
:is(#modal-payout, #modal-apple) .beneficiary-fields h3 { margin:0 0 8px; font-size:15px; }
:is(#modal-payout, #modal-apple) .beneficiary-fields p { font-size:11px; line-height:1.6; }
:is(#modal-payout, #modal-apple) .recipient-name { margin-top:20px; }
:is(#modal-payout, #modal-apple) .field input, :is(#modal-payout, #modal-apple) .field select { background:#fff9; border-radius:12px; }
:is(#modal-payout, #modal-apple) .transfer-recipient-title { margin:4px 0 10px; font-size:28px; letter-spacing:-1px; font-family:"Archivo Black","Sora",sans-serif; }
:is(#modal-payout, #modal-apple) .transfer-recipient-copy { color:var(--muted); font-size:12px; line-height:1.6; margin:0; }
:is(#modal-payout, #modal-apple)[data-step="recipient"] #payoutRecipientStep { animation:payout-enter .28s ease-out both; }
:is(#modal-payout, #modal-apple) .transfer-swipe { position:relative; height:56px; border-radius:999px; background:#84de69; overflow:hidden; touch-action:pan-y; user-select:none; }
:is(#modal-payout, #modal-apple) .transfer-swipe::before { content:""; position:absolute; inset:0; border-radius:inherit; background:linear-gradient(100deg,transparent,#ffffff70,transparent); animation:payout-shimmer 1.8s ease-in-out infinite alternate; }
:is(#modal-payout, #modal-apple) .transfer-swipe.is-disabled { background:#e9eee7; color:#89948b; }
:is(#modal-payout, #modal-apple) .transfer-swipe.is-disabled::before { animation:none; opacity:0; }
:is(#modal-payout, #modal-apple) .transfer-swipe-label { position:absolute; inset:0; display:grid; place-items:center; font-size:13px; font-weight:700; padding-left:28px; pointer-events:none; }
:is(#modal-payout, #modal-apple) .transfer-swipe-thumb { position:relative; display:grid; place-items:center; width:48px; height:48px; margin:4px; padding:0; border:1px solid #ffffffb3; border-radius:50%; background:#fcfffa; box-shadow:0 2px 5px #20421710; color:#205433; font-size:23px; cursor:grab; touch-action:none; transition:transform .25s cubic-bezier(.2,.8,.3,1); }
:is(#modal-payout, #modal-apple) .transfer-swipe.is-dragging .transfer-swipe-thumb { transition:none; cursor:grabbing; }
:is(#modal-payout, #modal-apple) .transfer-swipe-thumb:disabled { background:#ffffff90; color:#a7b0a7; }
:is(#modal-payout, #modal-apple) :focus-visible { outline:2px solid var(--transfer-green); outline-offset:3px; }
:is(#modal-payout, #modal-apple) .transfer-sr { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
:is(#modal-payout, #modal-apple) .trade-payout-context { margin:0 0 24px; }
@keyframes payout-enter { from { opacity:0; transform:translateY(14px) scale(.98); } to { opacity:1; transform:none; } }
@keyframes payout-word { from { transform:translateY(110%); } to { transform:translateY(0); } }
@keyframes payout-digit { from { opacity:0; transform:translateY(75%); } to { opacity:1; transform:translateY(0); } }
@keyframes payout-rate-roll { 0% { opacity:1; transform:translateY(0); } 45% { opacity:0; transform:translateY(-8px); } 46% { opacity:0; transform:translateY(8px); } 100% { opacity:1; transform:translateY(0); } }
@keyframes payout-shimmer { from { opacity:1; } to { opacity:.45; } }
@media(max-width:560px) {
  :is(#modal-payout, #modal-apple) { padding:0; align-items:stretch; }
  :is(#modal-payout, #modal-apple) .modal { width:100%; max-height:100dvh; height:100dvh; border-radius:0; display:flex; flex-direction:column; }
  :is(#modal-payout, #modal-apple) .transfer-header { padding:16px 22px; min-height:78px; }
  :is(#modal-payout, #modal-apple) .transfer-body { padding:16px 24px 0; }
  :is(#modal-payout, #modal-apple) :is(#payoutForm, #appleFundingFlow) { display:flex; flex-direction:column; flex:1; }
  :is(#modal-payout, #modal-apple) .transfer-footer { margin-top:auto; padding:18px 24px max(22px,env(safe-area-inset-bottom)); }
  :is(#modal-payout, #modal-apple) .transfer-heading { font-size:32px; }
  :is(#modal-payout, #modal-apple) .country-picker { max-width:230px; }
  :is(#modal-payout, #modal-apple) .form-grid { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) {
  :is(#modal-payout, #modal-apple) *, :is(#modal-payout, #modal-apple) *::before { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}