#billing-account{margin:12px 0 4px;color:var(--text,#e8f1fa)}
.billing-block{padding:12px 0;border-top:1px solid var(--line,#244256)}
.billing-block:first-child{padding-top:0;border-top:0}
.billing-block h4{margin:0 0 9px;font-size:12px;font-weight:650;color:var(--text,#e8f1fa)}
.billing-current,.billing-plan-choice,.billing-attempt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:8px;background:color-mix(in srgb,var(--b1x-control,#102536) 70%,transparent)}
.billing-current small,.billing-plan-choice small,.billing-attempt small{display:block;color:var(--muted,#a3b8cb);font-size:11px}
.billing-current strong,.billing-plan-choice strong,.billing-attempt strong{font-size:12px;font-weight:550}
.billing-current+.billing-current,.billing-attempt+.billing-attempt{margin-top:6px}
.billing-price{white-space:nowrap;color:var(--text,#e8f1fa);font-size:12px;font-weight:650}
.billing-plan-list,.billing-attempt-list{display:grid;gap:6px}
.billing-plan-choice{cursor:pointer}
.billing-plan-choice label{display:flex;align-items:center;gap:9px;flex:1;cursor:pointer}
#billing-account .billing-plan-choice input[type="radio"],#billing-account .billing-payment-method input[type="radio"]{width:auto;min-height:0;margin:0;flex:0 0 auto}
.billing-plan-choice input,.billing-payment-method input,.billing-consent input{accent-color:var(--cyan,#56ded8)}
.billing-payment-methods{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 9px}
.billing-allowance-period{margin-top:10px;font-size:12px}.billing-allowance-period summary{cursor:pointer;padding:8px 0;color:var(--text,#e8f1fa)}.billing-allowance-period dl{margin:4px 0}.billing-allowance-period dl>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line,#243b4b)}.billing-allowance-period dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.billing-allowance-period p{font-size:11px;line-height:1.5;color:var(--muted,#a3b8cb)}
.billing-payment-method{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}
.billing-payment-method:has(input:disabled){opacity:.52;cursor:not-allowed}
.billing-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.billing-field{display:grid;gap:4px;color:var(--muted,#a3b8cb);font-size:11px}
.billing-field input,.billing-field select{width:100%;min-width:0;min-height:34px;padding:6px 9px;border:0!important;border-radius:7px;background:var(--b1x-control,#102536);color:var(--text,#e8f1fa);font:inherit}
.billing-notice{margin:8px 0;padding:9px 10px;border-left:2px solid var(--cyan,#56ded8);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--cyan,#56ded8) 7%,transparent);color:var(--muted,#a3b8cb);font-size:11px;line-height:1.5}
.billing-consent{display:flex;align-items:flex-start;gap:7px;margin-top:11px;color:var(--muted,#a3b8cb);font-size:11px;line-height:1.5}
.billing-consent input{margin:3px 0 0}
.billing-consent a{color:var(--accent,#62e7ee)}
.billing-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
#billing-checkout,#billing-account button{min-height:32px;padding:5px 11px;border:0;border-radius:7px;background:var(--cyan,#56ded8);color:var(--b1x-on-accent,#062326);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
#billing-account button:disabled{opacity:.48;cursor:not-allowed}
#billing-account button.billing-quiet{background:transparent;color:var(--cyan,#56ded8)}
.billing-hint,.billing-feedback{margin:5px 0 0;color:var(--muted,#a3b8cb);font-size:11px;line-height:1.5}
.billing-feedback[data-kind="error"]{color:#ff9595}
.billing-feedback[data-kind="success"]{color:#58dcb8}
.billing-state{padding:3px 7px;border-radius:12px;background:color-mix(in srgb,var(--cyan,#56ded8) 11%,transparent);color:var(--cyan,#56ded8);font-size:10px;white-space:nowrap}
.billing-attempt{align-items:flex-start}
.billing-attempt-main{min-width:0;display:grid;gap:3px}
.billing-attempt button{flex:none}
.billing-empty{color:var(--muted,#a3b8cb);font-size:11px}
@media(pointer:coarse),(max-width:768px){#billing-account button{min-height:44px}.billing-fields{grid-template-columns:1fr}.billing-actions #billing-checkout{width:100%;min-height:44px}}
@media(prefers-reduced-motion:reduce){#billing-account *{scroll-behavior:auto}}
.billing-future-methods{margin:12px 0;font-size:12px}.billing-future-methods summary{cursor:pointer;padding:5px 0}
.billing-support-history{display:grid;gap:18px;margin:14px 0}.billing-support-item{min-width:0}.billing-support-item strong,.billing-support-item small{display:block}.billing-support-item strong{font-size:13px;text-transform:capitalize}.billing-support-item small{font-size:11px;color:var(--muted);margin-top:4px}.billing-support-item p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;margin:7px 0}
.billing-support-form fieldset{border:0;padding:0;margin:18px 0 0;display:grid;gap:12px}.billing-support-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.billing-support-form :is(select,textarea){width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface2);color:var(--text);font:inherit}.billing-support-form textarea{resize:vertical}.billing-support-form :is(select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.billing-support-form button{justify-self:start;min-height:38px}