.topup-settings-page{max-width:1040px}.topup-settings-page>.text-link{display:inline-flex;margin-bottom:18px}.topup-setting-panel{padding:26px}.topup-setting-panel>header{display:flex;align-items:center;gap:15px;padding-bottom:24px;border-bottom:1px solid var(--line)}.topup-setting-panel>header>div{flex:1;min-width:0}.topup-setting-panel h2{margin:0;font-size:19px}.topup-setting-panel header p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.topup-setting-panel fieldset{border:0;min-width:0;padding:0;margin:0}.topup-setting-toggle{position:relative;display:flex;align-items:center;gap:16px;min-height:84px;padding:22px 0;cursor:pointer}.topup-setting-toggle>span:first-child{flex:1;min-width:0}.topup-setting-toggle strong{display:block;font-size:15px}.topup-setting-toggle small{display:block;margin-top:6px;font-size:12px;line-height:1.7;color:var(--muted)}.topup-setting-toggle input{position:absolute;right:0;top:50%;transform:translateY(-50%);width:52px;height:44px;margin:0;opacity:0;cursor:pointer}.topup-setting-switch{flex:0 0 48px;height:28px;border-radius:20px;background:var(--muted);border:1px solid var(--muted);pointer-events:none;transition:background .15s}.topup-setting-switch::after{content:'';display:block;width:20px;height:20px;border-radius:50%;background:#fff;margin:3px;box-shadow:0 1px 3px #0003;transition:transform .15s}.topup-setting-toggle input:checked+.topup-setting-switch{background:var(--action);border-color:var(--action)}.topup-setting-toggle input:checked+.topup-setting-switch::after{transform:translateX(20px)}.topup-setting-toggle input:focus-visible+.topup-setting-switch{outline:3px solid var(--ink);outline-offset:4px}.topup-setting-toggle input:disabled+.topup-setting-switch{opacity:.65}.topup-setting-draft{font-size:12px;color:var(--muted);margin:0 0 20px}.topup-setting-effect{display:flex;align-items:flex-start;gap:13px;padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--mint)}.topup-setting-effect>span,.topup-setting-note>span{flex:0 0 auto;margin-top:2px}.topup-setting-effect strong{font-size:14px}.topup-setting-effect p,.topup-setting-note p{font-size:13px;line-height:1.8;color:var(--muted);margin:6px 0 0}.topup-setting-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.topup-setting-actions p{margin:0;font-size:12px;color:var(--muted);line-height:1.8}.topup-setting-actions time{color:var(--ink)}.topup-setting-actions .btn{min-height:44px;flex:0 0 auto}.topup-setting-note{display:flex;align-items:flex-start;gap:14px;margin-top:22px;padding:20px 4px}.topup-setting-note h2{font-size:14px;margin:0}.topup-settings-page button:disabled{cursor:not-allowed;opacity:.55}.topup-setting-panel [data-topup-setting-error]:not(:empty){padding:18px 0 0}.topup-setting-panel [data-topup-setting-error] .btn{min-height:44px;margin-bottom:18px}.topup-setting-panel .topup-setting-readonly{max-width:240px}.topup-setting-panel fieldset:disabled .topup-setting-toggle{cursor:default}@media(max-width:600px){.topup-setting-panel{padding:20px 17px}.topup-setting-panel>header{gap:11px;flex-wrap:wrap}.topup-setting-panel>header .rbac-symbol{width:40px;height:40px;flex:0 0 40px}.topup-setting-panel>header>div{flex:1 1 135px}.topup-setting-panel h2{font-size:17px}.topup-setting-actions{align-items:stretch;flex-direction:column;gap:16px}.topup-setting-actions .btn{justify-content:center;width:100%}.topup-setting-effect{padding:15px;gap:10px}.topup-setting-panel .topup-setting-readonly{max-width:none}.topup-setting-note{padding:16px 2px}.topup-settings-page .page-actions{width:100%}}@media(prefers-reduced-motion:reduce){.topup-setting-switch,.topup-setting-switch::after{transition:none}}
