.vp-credit-panel{width:min(740px,100%);font-variant-numeric:tabular-nums}
.vp-credit-identity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 26px}.vp-credit-identity>div{min-width:0}.vp-credit-identity strong{display:block;font-size:20px;font-weight:600;overflow-wrap:anywhere}.vp-credit-identity small{display:block;margin-top:4px;font-size:11px;color:var(--sp-muted,var(--ws-muted,var(--muted)))}
.vp-credit-state{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.vp-credit-state::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}.vp-credit-state[data-tone=good]{color:var(--ok-text,var(--accent,var(--ws-accent)))}.vp-credit-state[data-tone=warn]{color:var(--warn,#b77a22)}
.vp-credit-metrics{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px;padding:20px 0;border-block:1px solid var(--sp-line,var(--ws-line,var(--line)))}.vp-credit-metrics>div{min-width:0}.vp-credit-metrics small{display:block;font-size:11px;color:var(--sp-muted,var(--ws-muted,var(--muted)));margin-bottom:7px}.vp-credit-value{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;min-width:0}.vp-credit-metrics strong{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.5px;overflow-wrap:anywhere}.vp-credit-metrics>div:first-child strong{color:var(--accent,var(--ws-accent))}.vp-credit-metrics strong>span{font-size:12px;font-weight:400;letter-spacing:0;margin-left:4px}.vp-credit-metrics .vp-credit-carry{margin:7px 0 0}
.vp-credit-money{font-size:11px!important;font-weight:400!important;line-height:1.6;letter-spacing:0!important;white-space:nowrap;color:var(--sp-muted,var(--ws-muted,var(--muted)))}.vp-credit-rate{font-size:11px!important;color:var(--sp-muted,var(--ws-muted,var(--muted)));margin:10px 0 0!important}
.vp-credit-progress{margin:24px 0}.vp-credit-progress progress,.vp-credit-partial progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;overflow:hidden;border:0;border-radius:6px;background:var(--sp-panel,var(--ws-panel,var(--panel)));accent-color:var(--accent,var(--ws-accent))}.vp-credit-progress progress::-webkit-progress-bar{background:var(--sp-panel,var(--ws-panel,var(--panel)))}.vp-credit-progress progress::-webkit-progress-value{background:var(--accent,var(--ws-accent))}.vp-credit-progress>div,.vp-credit-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--sp-muted,var(--ws-muted,var(--muted)));margin-top:9px}
.vp-credit-partial{padding:20px;margin:24px 0;background:var(--sp-panel,var(--ws-panel,var(--panel)));border:1px solid var(--sp-line,var(--ws-line,var(--line)));border-radius:7px}.vp-credit-partial>small{font-size:11px;color:var(--sp-muted,var(--ws-muted,var(--muted)))}.vp-credit-partial .vp-credit-value{margin:6px 0 14px}.vp-credit-partial strong{font-size:22px;font-weight:600}.vp-credit-partial progress{height:9px;accent-color:var(--ok,var(--good,#83d8bd))}.vp-credit-partial progress::-webkit-progress-value{background:var(--ok,var(--good,#83d8bd))}.vp-credit-partial p{font-size:12px;margin:14px 0 0;color:var(--sp-muted,var(--ws-muted,var(--muted)))}
.vp-credit-breakdown{margin:0}.vp-credit-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--sp-line,var(--ws-line,var(--line)));padding:16px 0;font-size:13px}.vp-credit-breakdown dt{min-width:0}.vp-credit-breakdown dd{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:3px 7px;margin:0;max-width:52%;text-align:right}
.vp-credit-mini{border-top:1px solid var(--sp-line,var(--ws-line,var(--line)));padding-top:14px;margin-top:18px;color:var(--sp-muted,var(--ws-muted,var(--muted)));font-size:11px;line-height:1.8}.vp-credit-mini strong{font-size:12px;font-weight:500;color:var(--sp-ink,var(--ws-text,var(--ink)))}.vp-credit-mini>strong,.vp-credit-mini>span{display:block}.vp-credit-mini .vp-credit-money{font-size:10px!important}
.vp-credit-notice{font-size:12px;padding:14px 16px;margin:20px 0;background:var(--sp-panel,var(--ws-panel,var(--panel)));border-radius:6px;line-height:1.8}.vp-credit-history-value{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:baseline;gap:3px 7px;text-align:right;max-width:44%}.vp-credit-history .vp-list-row{gap:16px}.vp-credit-history .vp-list-copy{flex:1;min-width:0}.vp-credit-grant-preview{padding:18px;margin:18px 0;background:var(--sp-panel,var(--ws-panel,var(--panel)));border:1px solid var(--sp-line,var(--ws-line,var(--line)));border-radius:7px}.vp-credit-grant-preview>strong{font-size:20px;font-weight:600}.vp-credit-grant-preview p{font-size:12px;margin-bottom:0}.vp-credit-panel .vp-credit-back{display:flex;align-items:center;gap:6px;margin:0 0 20px;padding-left:0;background:none;border:0}.vp-credit-back svg{width:16px;height:16px}.vp-credit-panel>footer>div{display:flex;flex:none;gap:10px}.vp-credit-panel .vp-credit-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.vp-credit-panel .vp-credit-switch-row label{margin:0}.vp-credit-panel .vp-credit-switch-row input{width:20px;min-height:20px}.vp-credit-panel :is(button,a.hbtn){white-space:nowrap}
@media(max-width:640px){.vp-credit-identity{margin-bottom:20px;gap:12px}.vp-credit-identity strong{font-size:17px}.vp-credit-state{font-size:10px}.vp-credit-metrics{grid-template-columns:1.6fr .8fr 1fr;gap:8px;padding:17px 0}.vp-credit-metrics strong{font-size:21px}.vp-credit-metrics strong>span{font-size:10px;margin-left:2px}.vp-credit-metrics small{font-size:10px}.vp-credit-metrics .vp-credit-money{font-size:10px!important}.vp-credit-partial{padding:16px}.vp-credit-breakdown>div{gap:14px;font-size:12px}.vp-credit-breakdown dd{max-width:48%}.vp-credit-panel>footer{gap:10px}.vp-credit-panel>footer button{min-width:80px}.vp-credit-panel>footer>p{font-size:10px}.vp-credit-panel>footer>div{gap:8px}.vp-credit-history .vp-list-row{gap:10px}}
@container vp-settings (max-width:640px){.vp-credit-metrics{grid-template-columns:1.6fr .8fr 1fr;gap:8px}.vp-credit-metrics strong{font-size:21px}.vp-credit-metrics strong>span{font-size:10px}.vp-credit-metrics .vp-credit-money{font-size:10px!important}}
.vp-credit-panel .vp-credit-switch-row .vp-switch{display:flex;align-items:center;justify-content:center;min-width:54px;min-height:44px;padding:0;border:0;background:none}
.vp-credit-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.vp-service-quota .vp-provider-footer{display:flex;flex-wrap:wrap;gap:8px}.room-popover .vp-credit-metrics{gap:10px;grid-template-columns:1.4fr 1fr 1fr}.room-popover .vp-credit-metrics strong{font-size:18px}.room-popover .vp-credit-metrics strong>span{font-size:10px}.room-popover .vp-credit-metrics .vp-credit-money{font-size:10px!important}