#modal[data-kind="wallet"]:not(:has(.rw-wd-review,.rw-wd-result)){height:min(830px,calc(100dvh - 32px))}
#modal[data-kind="wallet"] .rw-form{min-height:100%;gap:18px;padding:1px 1px 5px}
#modal[data-kind="wallet"] .rw-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;flex-shrink:0}
#modal[data-kind="wallet"] .rw-method{height:88px;padding:10px 4px;font-size:12px;gap:10px}
#modal[data-kind="wallet"] .rw-method .rw-mark,#modal[data-kind="wallet"] .rw-method .rw-mark img{width:36px;height:36px;object-fit:contain;flex:none}
#modal[data-kind="wallet"] .rw-summary .rw-mark,#modal[data-kind="wallet"] .rw-summary .rw-mark img{width:26px;height:26px}
#modal[data-kind="wallet"] .rw-panel{scrollbar-gutter:stable;scrollbar-width:thin;padding-right:4px}
#modal[data-kind="wallet"] .rw-panel>*{animation:none}
.rw-method-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;flex:1;min-height:240px;text-align:center;padding:30px 12px}
.rw-method-unavailable h3{font-size:24px;letter-spacing:-.4px;line-height:1.25;margin:0;color:inherit}
.rw-method-unavailable p{font-size:14px;line-height:1.65;color:#858995;margin:0}
#modal[data-kind="wallet"] .rw-method-unavailable .rw-mark,#modal[data-kind="wallet"] .rw-method-unavailable .rw-mark img{width:52px;height:52px}
@keyframes rw-wallet-panel-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:600px){
 #modal[data-kind="wallet"]:not(:has(.rw-wd-review,.rw-wd-result)){width:calc(100vw - 20px);height:min(830px,calc(100dvh - 20px))}
 #modal[data-kind="wallet"] .modal-shell{padding:20px 18px 16px}
 #modal[data-kind="wallet"] .rw-tabs{height:44px;margin-bottom:14px}
 #modal[data-kind="wallet"] .rw-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #modal[data-kind="wallet"] .rw-method{height:58px;flex-direction:row;gap:8px;font-size:11px;padding:8px 6px}
 #modal[data-kind="wallet"] .rw-method .rw-mark,#modal[data-kind="wallet"] .rw-method .rw-mark img{width:28px;height:28px}
 #modal[data-kind="wallet"] .rw-form{gap:16px}
 .rw-method-unavailable h3{font-size:22px}
}
@media(max-width:360px){#modal[data-kind="wallet"] .rw-method{gap:5px;font-size:10px}#modal[data-kind="wallet"] .rw-method .rw-mark,#modal[data-kind="wallet"] .rw-method .rw-mark img{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){#modal[data-kind="wallet"] .rw-panel>*{animation:none}}

#modal[data-kind="wallet"] .rw-qr{padding:0;box-sizing:border-box;aspect-ratio:1;flex-shrink:0;overflow:hidden;border:0;background:#fff;border-radius:12px}
#modal[data-kind="wallet"] .rw-qr svg{display:block;width:100%;height:auto;aspect-ratio:1}

#modal[data-kind="wallet"] .rw-flow-stage{animation:none}
#modal[data-kind="wallet"] [data-rw-copy]{position:relative;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;isolation:isolate}
#modal[data-kind="wallet"] .rw-primary[data-rw-copy]{display:flex;align-items:center;justify-content:center;gap:8px}
#modal[data-kind="wallet"] [data-rw-copy].is-copied{background:#159f61;border-color:#159f61;color:#fff;box-shadow:0 0 0 3px #20bd7619}
#modal[data-kind="wallet"] .rw-copy-check{width:21px;height:21px;flex:none;animation:rw-copy-pop .22s ease-out}
#modal[data-kind="wallet"] .rw-copy-check path{stroke-dasharray:24;stroke-dashoffset:0;animation:rw-copy-draw .28s ease-out}
.rw-copy-tooltip{position:absolute;right:0;bottom:calc(100% + 7px);width:max-content;max-width:240px;padding:6px 9px;border-radius:7px;background:#147b4d;color:#fff;font-family:inherit;font-size:11px;font-weight:500;line-height:1.3;pointer-events:none;box-shadow:0 4px 14px #0002;z-index:2;animation:rw-copy-pop .18s ease-out}
#modal[data-kind="wallet"] [data-rw-copy].is-copy-error{color:#dc4c4c;border-color:#dc4c4c}
#modal[data-kind="wallet"] .rw-qr-skeleton{display:grid;place-items:center;background:var(--cf-card);border:1px solid var(--cf-border)}
.rw-qr-skeleton .rw-flow-spinner{width:26px;height:26px}
.rw-flow-address-pending{color:var(--cf-muted);font-size:14px;line-height:1.5;min-height:23px}
.rw-flow-stage[data-stage="address"]>.rw-flow-footnote{min-height:3.2em}
.rw-flow-network{min-height:76px}
@keyframes rw-copy-pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes rw-copy-draw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){#modal[data-kind="wallet"] [data-rw-copy],#modal[data-kind="wallet"] .rw-copy-check,#modal[data-kind="wallet"] .rw-copy-check path,.rw-copy-tooltip{animation:none;transition:none}}

#modal[data-kind="wallet"] .rw-wager-locked{background:#fff4e9;border-color:#eab284;color:#b66828;font-size:14px;white-space:normal;line-height:1.35;padding:10px 14px}
:root[data-theme="dark"] #modal[data-kind="wallet"] .rw-wager-locked{background:#33291f;border-color:#69462c;color:#ffae70}
#modal[data-kind="wallet"] .rw-primary.is-loading{display:flex;gap:10px;align-items:center;justify-content:center}
.rw-submit-spinner{width:18px;height:18px;border:2px solid #ffffff60;border-top-color:#fff;border-radius:50%;flex:none;animation:rw-flow-spin .75s linear infinite}
@media(prefers-reduced-motion:reduce){.rw-submit-spinner{animation:none;border-color:#fff}}

#modal[data-kind="wallet"] .rw-withdraw-fees{margin:0;border:0;padding:16px 18px;border-radius:12px;gap:12px;background:#f6f6f8;font-size:14px}
#modal[data-kind="wallet"] .rw-withdraw-fees dt{color:#777d88}
:root[data-theme="dark"] #modal[data-kind="wallet"] .rw-withdraw-fees{background:#262930}
:root[data-theme="dark"] #modal[data-kind="wallet"] .rw-withdraw-fees dt{color:#a9b0bf}
/* NicePay SBP (26.10.2026): five deposit methods stay in one row on wide screens (a fifth tile alone on a second row pushed
   the main button out of the wallet). Phones keep two columns. */
@media(min-width:601px){#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods[data-count="5"] .rw-method{font-size:11px;padding-left:2px;padding-right:2px}}
/* RuKassa (26.10.2026): six to eight deposit methods take two rows on wide screens — the tiles get the phone's compact
   form (mark beside the name), so the main button stays whole even under the «Баланс пополнен» card. */
@media(min-width:601px){#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]){gap:8px}#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]) .rw-method{height:50px;flex-direction:row;gap:7px;font-size:11px;padding:6px 6px}#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]) .rw-method .rw-mark,#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]) .rw-method .rw-mark img{width:26px;height:26px}}
/* RuKassa transfer details (26.10.2026): label beside the value, the two actions in one row — the whole view fits the
   wallet without scrolling, on phones too. */
#modal[data-kind="wallet"] .rw-transfer{gap:11px}
#modal[data-kind="wallet"] .rw-transfer .rw-invoice-status{padding:9px 12px}
#modal[data-kind="wallet"] .rw-transfer .rw-copy-list{gap:7px}
#modal[data-kind="wallet"] .rw-transfer .rw-copy-row{flex-direction:row;align-items:center;gap:10px}
#modal[data-kind="wallet"] .rw-transfer .rw-copy-row dt{width:84px;flex:none}
#modal[data-kind="wallet"] .rw-transfer .rw-copy-row dd{flex:1;padding:5px 5px 5px 10px}
#modal[data-kind="wallet"] .rw-transfer .rw-warning{padding:9px 12px}
#modal[data-kind="wallet"] .rw-transfer-actions{display:flex;gap:10px;margin-top:auto}
#modal[data-kind="wallet"] .rw-transfer-actions>*{flex:1;min-width:0;margin:0}
@media(max-width:600px){#modal[data-kind="wallet"] .rw-transfer .rw-copy-row dt{width:64px;font-size:11px}#modal[data-kind="wallet"] .rw-transfer .rw-copy-row code{font-size:12px;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}#modal[data-kind="wallet"] .rw-transfer .rw-copy{font-size:0;width:36px;min-width:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}#modal[data-kind="wallet"] .rw-transfer .rw-copy::before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%279%27 y=%279%27 width=%2712%27 height=%2712%27 rx=%272%27/%3E%3Cpath d=%27M5 15V5a2 2 0 0 1 2-2h10%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272.2%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%279%27 y=%279%27 width=%2712%27 height=%2712%27 rx=%272%27/%3E%3Cpath d=%27M5 15V5a2 2 0 0 1 2-2h10%27/%3E%3C/svg%3E") center/contain no-repeat}}
#modal[data-kind="wallet"] .rw-pending button.rw-pending-cancel{flex:none;border:0;background:none;padding:0;font:inherit;font-size:13px;font-weight:600;color:#8a6a52;cursor:pointer;white-space:nowrap}
#modal[data-kind="wallet"] .rw-pending button:disabled{opacity:.5;cursor:default}
:root[data-theme="dark"] #modal[data-kind="wallet"] .rw-pending button.rw-pending-cancel{color:#c9a98e}
#modal[data-kind="wallet"] .rw-pending button.rw-pending-go{color:#d65013}
:root[data-theme="dark"] #modal[data-kind="wallet"] .rw-pending button.rw-pending-go{color:#ff9a62}
@media(max-width:600px){#modal[data-kind="wallet"] .rw-pending:has(.rw-pending-cancel){flex-wrap:wrap;row-gap:6px}#modal[data-kind="wallet"] .rw-pending:has(.rw-pending-cancel)>span:nth-child(2){flex:1 1 calc(100% - 60px)}#modal[data-kind="wallet"] .rw-pending button.rw-pending-cancel{margin-left:auto}}
/* Deposits not credited yet (26.10.2026): the history card explains the state in a line. */
#modal[data-kind="wallet"] .rw-deposit-note{margin:0;font-size:13px;line-height:1.5;color:#6b6e78;text-align:left}
:root[data-theme="dark"] #modal[data-kind="wallet"] .rw-deposit-note{color:#a9adb8}
/* SBP QR (26.10.2026): the QR picture centred on a white card in both themes, the bank link as the main button. */
#modal[data-kind="wallet"] .rw-sbp-qr{display:block;width:180px;height:180px;max-width:100%;margin:0 auto;padding:10px;border-radius:14px;background:#fff;object-fit:contain;image-rendering:pixelated;box-shadow:0 0 0 1px #e3e3e8;flex:none}
#modal[data-kind="wallet"] .rw-sbp-qr svg{display:block;width:100%;height:100%}
#modal[data-kind="wallet"] a.rw-qr-open{display:flex;align-items:center;justify-content:center;text-decoration:none}
/* Phones with 6–8 deposit methods (26.10.2026: «СБП #1», «СБП #2», card and SBP QR): three compact columns, the mark above
   the name — the amount, the presets and the main button stay inside the wallet even with a status card above them. */
@media(max-width:600px){#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]){grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]) .rw-method{height:54px;flex-direction:column;gap:3px;font-size:10.5px;line-height:1.15;padding:5px 3px;text-align:center}#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]) .rw-method .rw-mark,#modal[data-kind="wallet"] .rw-form:not(.rw-crypto-deposit)>.rw-methods:is([data-count="6"],[data-count="7"],[data-count="8"]) .rw-method .rw-mark img{width:22px;height:22px}}