.rb-payment-settings{container:rb-payment-settings / inline-size;min-width:0;max-width:900px;margin:0 auto;color:var(--rb-text,#171717);font-family:var(--rb-font-sans,"Plus Jakarta Sans",sans-serif)}
.rb-payment-settings *, .rb-payment-settings *::before,.rb-payment-settings *::after{box-sizing:border-box}
.rb-payment-settings__intro{padding:6px 0 20px}
.rb-payment-settings__intro h2{margin:5px 0 8px;font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-.03em}
.rb-payment-settings__intro p:last-child,.rb-payment-settings__hint{margin:0;color:var(--rb-muted,#595959);line-height:1.55}
.rb-payment-settings__section{padding:26px 0;border-top:1px solid var(--rb-border-soft,#eee)}
.rb-payment-settings__section[hidden]{display:none!important}
.rb-payment-settings__section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.rb-payment-settings__section-head h3{margin:5px 0 0;font-size:19px;line-height:1.3;letter-spacing:-.02em}
.rb-payment-settings__section-head .rb-kicker{margin:0}
.rb-payment-settings__wallet{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 18px;padding:20px 22px;border-radius:var(--rb-radius-xl,16px);background:var(--rb-surface-soft,#f7f7f7)}
.rb-payment-settings__label{color:var(--rb-muted,#595959);font-size:13px}
.rb-payment-settings__amount{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.rb-payment-settings__form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:18px}
.rb-payment-settings__form-row--topup{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}
.rb-payment-settings__field{display:grid;gap:7px;min-width:0;font-size:13px;font-weight:600}
.rb-payment-settings__field .rb-input,.rb-payment-settings__field .rb-select{width:100%;min-width:0;min-height:44px}
.rb-payment-settings__form-row .rb-btn,.rb-payment-settings__section-head .rb-btn,.rb-payment-settings__method-actions .rb-btn{min-height:44px;max-width:100%;white-space:normal;text-align:center}
.rb-payment-settings__list{display:grid;gap:0;min-width:0}
.rb-payment-settings__provider{padding:13px 0;border-bottom:1px solid var(--rb-border-soft,#eee);font-weight:600;overflow-wrap:anywhere}
.rb-payment-settings__provider:last-child{border-bottom:0}
.rb-payment-settings__hint{font-size:14px}
.rb-payment-settings__empty{margin:0;color:var(--rb-muted,#595959);line-height:1.5}
.rb-payment-settings__method{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:16px 0;border-top:1px solid var(--rb-border-soft,#eee)}
.rb-payment-settings__method:first-child{border-top:0}
.rb-payment-settings__method-info{display:grid;gap:4px;min-width:0}
.rb-payment-settings__method-info strong,.rb-payment-settings__history-row strong{font-size:14px;overflow-wrap:anywhere}
.rb-payment-settings__method-info span,.rb-payment-settings__history-row span{color:var(--rb-muted,#595959);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.rb-payment-settings__method-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.rb-payment-settings__badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--rb-surface-soft,#f7f7f7);font-size:12px;font-weight:600}
.rb-payment-settings__history-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--rb-border-soft,#eee)}
.rb-payment-settings__history-row:first-child{border-top:0}
.rb-payment-settings__history-row>div{display:grid;gap:4px;min-width:0}
.rb-payment-settings__history-row>strong{flex:none;text-align:right}
.rb-payment-settings .rb-btn:focus-visible,.rb-payment-settings .rb-input:focus-visible,.rb-payment-settings .rb-select:focus-visible{outline:2px solid var(--rb-focus,#171717);outline-offset:2px}
@container rb-payment-settings (max-width:700px){.rb-payment-settings__section-head,.rb-payment-settings__method{align-items:flex-start;flex-direction:column}.rb-payment-settings__method-actions{width:100%;justify-content:flex-start}.rb-payment-settings__method-actions .rb-btn{width:100%}.rb-payment-settings__section-head>.rb-btn{width:100%}.rb-payment-settings__form-row,.rb-payment-settings__form-row--topup{grid-template-columns:minmax(0,1fr)}.rb-payment-settings__form-row>.rb-btn{width:100%}}
@container rb-payment-settings (max-width:360px){.rb-payment-settings__history-row{align-items:flex-start;flex-direction:column}.rb-payment-settings__history-row>strong{text-align:left}}