.rivo-app .wallet-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-top:16px}
.rivo-app .payout-balance>div{flex:1;min-width:0}
.rivo-app .wallet-card{min-width:0;padding:22px;border:1px solid var(--rivo-line,#d6e3f2);border-radius:14px;background:var(--rivo-surface,#fff)}
.rivo-app .wallet-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.rivo-app .wallet-card>strong{display:block;font-size:28px;font-variant-numeric:tabular-nums;margin:8px 0}
.rivo-app .wallet-hold{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
.hold-help{position:relative;display:inline-flex}
.hold-help>button{width:19px;height:19px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;font:600 12px/1 inherit;cursor:help}
.hold-tooltip{position:absolute;right:0;top:26px;z-index:30;display:none;width:300px;max-width:75vw;padding:16px;border:1px solid #cbdcf0;border-radius:10px;background:#fff;color:#244968;white-space:normal;font-size:13px;line-height:1.5;box-shadow:0 8px 24px #1638551a}
.hold-tooltip>span{display:block;margin-bottom:10px}.hold-tooltip>span:last-child{margin-bottom:0}
.hold-help:hover .hold-tooltip,.hold-help:focus-within .hold-tooltip{display:block}
.payout-sort-toolbar{display:flex;align-items:center;gap:12px}.payout-sort-toolbar .auto-payout-switch{margin-right:auto}
[data-payout-drag]{cursor:grab;touch-action:none}[data-payout-sort-item].is-dragging{opacity:.6}
.product-servers-heading{margin-bottom:14px!important}
.sbp-bank-field[hidden]{display:none!important}.sbp-bank-field input{margin-bottom:8px}
html[data-panel-theme=dark] .wallet-card{background:#162333;border-color:#34465d}html[data-panel-theme=dark] .hold-tooltip{background:#1b2b40;color:#e5edf7;border-color:#405572}
::view-transition-old(root){animation:theme-out .32s ease both}::view-transition-new(root){animation:theme-in .42s cubic-bezier(.16,1,.3,1) both}
@keyframes theme-out{to{opacity:0}}@keyframes theme-in{from{opacity:0;filter:brightness(.92)}to{opacity:1;filter:brightness(1)}}
.theme-changing body,.theme-changing .panel,.theme-changing input,.theme-changing button{transition:background-color .35s,color .35s,border-color .35s}
@media(max-width:700px){.rivo-app .wallet-balances{grid-template-columns:1fr}.rivo-app .wallet-card{padding:18px}.payout-sort-toolbar{gap:6px}.payout-sort-toolbar .btn{padding:8px}.rivo-app .payout-balance{align-items:stretch}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.theme-changing *{transition:none!important}}

[data-sbp-bank] .custom-options{max-height:240px;overflow-y:auto;overscroll-behavior:contain}
[data-sbp-bank] .custom-option[hidden],[data-sbp-bank] [data-bank-empty][hidden]{display:none!important}
[data-bank-empty]{padding:12px 13px;color:var(--muted,#54718c)}

.really-settings-group{padding:16px;border:1px solid var(--border,#dbe6f4);border-radius:12px}.really-settings-group summary{cursor:pointer;font-weight:600;min-height:28px}.really-settings-group[open]>div{padding-top:20px}.really-settings-group .image-preview{max-height:180px;aspect-ratio:2/1}.really-settings-group .image-preview img{object-fit:contain}.really-image-setting .check{font-size:12px;margin-top:8px}

body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings).modal>.modal-card{width:min(1180px,calc(100vw - 56px))!important;max-width:min(1180px,calc(100vw - 56px))!important;min-width:0!important;max-height:calc(100dvh - 56px)!important;padding:34px!important;overflow-y:auto!important;overflow-x:hidden!important}
body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings) :is(input,select,textarea,label,.form-grid,.image-picker){min-width:0;max-width:100%}
body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings) .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;align-items:start}
body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings)>.modal-card>h2{padding-right:48px}
body.rivo-app #wellThemeSettings .well-settings-form{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
body.rivo-app #wellThemeSettings .well-settings-section{grid-column:1/-1!important;padding:24px!important}
body.rivo-app #wellThemeSettings .well-settings-grid.five{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
body.rivo-app #wellThemeSettings .well-settings-section .form-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:760px){body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings).modal>.modal-card{width:calc(100vw - 22px)!important;max-width:calc(100vw - 22px)!important;max-height:calc(100dvh - 22px)!important;padding:22px!important}body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings) .form-grid,body.rivo-app #wellThemeSettings .well-settings-section .form-grid.compact,body.rivo-app #wellThemeSettings .well-settings-grid.five{grid-template-columns:minmax(0,1fr)!important}body.rivo-app #wellThemeSettings .well-settings-section{padding:16px!important}}

body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings) .image-preview{height:180px!important;min-height:180px!important;max-height:180px!important;aspect-ratio:auto}
body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings) .image-preview img{width:100%!important;height:100%!important;object-fit:contain!important}
body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings) label.check{display:flex!important;align-items:center!important;gap:12px!important}
body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings) label.check input[type=checkbox]{position:static!important;align-self:center!important;margin:0!important;flex:0 0 20px!important;order:0!important}
@media(max-width:760px){body.rivo-app :is(#reallyThemeSettings,#emberThemeSettings,#wellThemeSettings).modal{padding:11px!important}}
.rivo-app .payout-method-fields.skinify-settings .form-grid>label{align-self:start!important;align-content:start!important}
