.billing-test-page{min-height:100vh}
.billing-test-shell{width:min(58rem,calc(100% - 3rem));margin:clamp(1.75rem,5vw,4.5rem) auto;padding:0}
.billing-test-shell>h1{font-size:clamp(1.7rem,4.5vw,2.5rem);font-weight:650;line-height:1.15;letter-spacing:-.035em;margin:0 0 .65rem;color:var(--ink)}
.billing-test-shell>p{max-width:46rem;margin:.65rem 0;color:var(--muted);font-size:.9rem;line-height:1.7}
.billing-test-shell>p a{color:var(--forest);text-underline-offset:3px}
.billing-test-shell #billing-session-refresh{margin:.7rem 0 0;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink);padding:.65rem .9rem;font:inherit;font-size:.8rem;min-height:42px;cursor:pointer}
.billing-test-shell #billing-session-refresh:hover{background:var(--canvas)}
.billing-test-shell #billing-session-state{min-height:1.5em;margin:.5rem 0 0;font-size:.8rem;overflow-wrap:anywhere}
.billing-test-shell #billing-tools{margin-top:1.5rem;padding:clamp(1.3rem,3.2vw,2rem);box-shadow:0 6px 28px rgba(25,38,32,.04)}
.billing-test-shell #billing-tools h2{margin:0 0 .55rem;font-size:1.15rem;line-height:1.3}
.billing-test-shell #billing-balance{font-size:1.45rem;color:var(--ink);font-weight:600;line-height:1.3;margin:1.5rem 0 .55rem}
.billing-test-shell #billing-feedback{min-height:2em;font-size:.85rem;margin:.55rem 0 1.25rem;overflow-wrap:anywhere}
.billing-test-shell #billing-topup-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem .75rem;align-items:center;margin:1.35rem 0}
.billing-test-shell #billing-topup-form label{grid-column:1 / -1;font-size:.8rem;font-weight:600;color:var(--ink)}
.billing-test-shell #billing-topup{width:100%;min-width:0;min-height:43px;border:1px solid var(--rule);border-radius:6px;background:var(--surface);color:var(--ink);padding:.6rem .75rem;font:inherit;font-size:.8rem}
.billing-test-shell #billing-create{min-height:43px;white-space:normal;text-align:center}
.billing-test-shell #billing-operation{font-size:.75rem;margin:.75rem 0;overflow-wrap:anywhere}
.billing-test-shell .actions{gap:.6rem;align-items:stretch;margin:1.25rem 0}
.billing-test-shell .actions .button{min-height:42px;text-align:center;white-space:normal}
.billing-test-shell button:disabled,.billing-test-shell select:disabled{cursor:default;opacity:.6}
.billing-test-shell :is(button,select,a):focus-visible{outline:2px solid var(--forest);outline-offset:3px}
.billing-test-page [hidden]{display:none!important}
@media(max-width:540px){
 .billing-test-shell{width:calc(100% - 2rem);margin:1.5rem auto}
 .billing-test-shell #billing-tools{padding:1.15rem}
 .billing-test-shell #billing-topup-form{grid-template-columns:minmax(0,1fr)}
 .billing-test-shell #billing-topup-form label{grid-column:auto}
 .billing-test-shell #billing-create{width:100%}
 .billing-test-shell .actions>*{flex:1 1 100%}
}