/* One pricing surface for the customer page and the live administration preview. */
.portal-layout:has(.billing-experience),.workspace:has(.billing-experience) .top{max-width:1150px}
.workspace:has(.billing-heading) .top{display:none}
.billing-experience{--billing-radius:16px;--billing-green:#138b66;--billing-gold:#edb65e;color:var(--ink);min-width:0}
.billing-heading{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.billing-heading-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#148b6620;color:#10ae80;font-size:29px;flex-shrink:0}
.billing-heading h2{font-size:34px!important;line-height:1.15;margin:0 0 5px;letter-spacing:-.03em}
.billing-heading p{margin:0;font-size:14px;color:var(--muted)}
.billing-current{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-block:1px solid var(--line);font-size:13px}
.billing-current span{display:flex;align-items:center;gap:8px}.billing-current strong{color:var(--accent)}
.billing-test-note{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0 12px}.billing-test-note:empty{display:none}
.billing-managed{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr);gap:30px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:14px 0 10px}
.billing-subscription-main>small{font-size:12px}.billing-subscription-title{display:flex;align-items:center;gap:12px;margin:8px 0}
.billing-subscription-title>.ph{color:var(--accent);font-size:32px}:root[data-palette] .billing-experience .billing-subscription-title h3{font-size:28px;margin:0;letter-spacing:-.02em}
.billing-status{display:inline-flex;align-items:center;gap:5px;color:#138b66;background:#138b661c;border-radius:30px;padding:4px 10px;font-size:11px;line-height:1.4}
.billing-status.is-cancelled{color:var(--muted);background:var(--soft)}
.billing-subscription-meta{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:6px 0 23px}.billing-subscription-meta strong{font-size:24px;color:#b16a16}.billing-subscription-meta span{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:16px;font-size:14px}
.billing-subscription-main>p{font-size:12px;line-height:1.6;color:var(--muted)}
.billing-subscription-actions{display:flex;flex-wrap:wrap;gap:8px}:root[data-palette] .billing-experience .billing-subscription-actions button{font-size:14px;min-height:28px;padding:3px 9px;border-radius:8px;box-shadow:none;background:transparent}:root[data-palette] .billing-experience .billing-subscription-actions .primary{background:var(--accent);border-color:var(--accent);color:white}
.billing-addon{border-left:1px solid var(--line);padding-left:26px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}.billing-usage{display:flex;align-items:center;gap:12px}.billing-usage>.ph{font-size:27px;color:var(--muted)}.billing-usage strong{font-size:18px;line-height:1.4}.billing-usage small{display:block;margin-top:4px;font-size:12px}
.billing-addon label,.billing-addon label>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.billing-addon input{width:40px;text-align:center;padding:3px;min-height:26px;border-radius:8px;background:transparent;appearance:textfield}.billing-addon>small{font-size:10px;line-height:1.5}
.billing-history{font-size:11px;color:var(--muted);margin:12px 0 22px}.billing-history summary{cursor:pointer}.billing-history p{margin:8px 0}
.billing-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin:20px 0 25px}
.billing-period{display:flex;align-items:center;gap:2px;border-radius:30px;padding:4px;background:var(--soft)}
.billing-experience .billing-period button{border:0;box-shadow:none;border-radius:25px;background:transparent;color:var(--muted);font-size:12px;min-height:33px;padding:7px 13px}.billing-experience .billing-period button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0001}.billing-period button span{font-size:10px;color:var(--accent);margin-left:4px}
.billing-experience button:disabled{cursor:default}.billing-experience button:disabled:hover{cursor:default}
.billing-profiles{display:flex;align-items:center;gap:12px;font-size:12px}.billing-profiles>span{display:flex;align-items:center;gap:4px}
.billing-experience .billing-profiles button,.billing-experience .billing-text-action{border:0;box-shadow:none;background:transparent;color:var(--muted);padding:4px;min-height:0;border-radius:0;font-size:12px}.billing-experience .billing-text-action:hover,.billing-experience .billing-profiles button:hover{color:var(--accent)}
:root[data-palette] .billing-experience [data-billing-count] .ph,:root[data-palette] .billing-experience [data-extra-minus] .ph,:root[data-palette] .billing-experience [data-extra-plus] .ph{font-size:14px;width:14px;height:14px;line-height:1;display:inline-block}
.billing-experience .billing-profiles input{width:38px;min-height:28px;padding:3px;text-align:center;border:0;border-radius:5px;box-shadow:none;background:var(--soft);font:inherit;appearance:textfield}.billing-profiles input::-webkit-inner-spin-button,.billing-addon input::-webkit-inner-spin-button{-webkit-appearance:none}
.billing-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.billing-plan{position:relative;min-width:0;border:1px solid var(--line);border-radius:var(--billing-radius);background:var(--surface);padding:22px;display:flex;flex-direction:column}
.billing-plan-featured{border-color:var(--accent)}.billing-recommended{position:absolute;top:-12px;left:22px;background:var(--accent);color:white;border-radius:20px;padding:4px 13px;font-size:10px;line-height:1.4}
.billing-plan-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;flex-wrap:wrap}:root[data-palette] .billing-experience .billing-plan-title>.ph{color:var(--accent);font-size:28px}:root[data-palette] .billing-experience .billing-plan-title h3{font-size:22px;margin:0;line-height:1.3}.billing-discount{margin-left:auto;color:var(--billing-green);background:#138b661a;border-radius:4px;font-size:12px;font-weight:650;padding:4px 7px;line-height:1.3}
:root[data-palette] .billing-experience .billing-plan-desc{font-size:14px;line-height:1.5;margin:0 0 24px;color:var(--ink);white-space:pre-line}
.billing-amount{font-size:44px;font-weight:650;line-height:1.2;color:#b16a16;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.billing-amount small{font-size:13px;color:inherit;font-weight:400;letter-spacing:0;margin-left:4px}
:root[data-palette] .billing-experience .billing-charge{font-size:15px;color:var(--muted);margin:6px 0}:root[data-palette] .billing-experience .billing-saving{font-size:14px;color:var(--billing-green);text-decoration:underline dotted;text-underline-offset:3px;margin:0 0 22px;line-height:1.5}
.billing-experience .billing-choose{width:100%;justify-content:space-between;min-height:36px;padding:7px 12px;border-radius:9px;font-size:13px;border:1px solid var(--line);background:transparent;box-shadow:none;margin-top:8px}.billing-experience .billing-choose.primary{background:var(--accent);border-color:var(--accent);color:white}.billing-experience .billing-choose:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--soft)}.billing-choose:disabled{opacity:.6}
.billing-plan ul{list-style:none;margin:16px 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:10px}.billing-plan li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.5}.billing-plan li>.ph{color:var(--billing-green);font-size:16px;margin-top:1px}.billing-plan li>span{flex:1;min-width:0}.billing-plan .billing-feature-unavailable,.billing-plan .billing-feature-unavailable>.ph{color:var(--muted)}
.billing-feature-help{color:var(--muted);text-decoration:none;display:inline-flex;font-size:12px;padding:2px;flex-shrink:0}:root[data-palette] .billing-experience .billing-feature-help .ph{font-size:14px;width:14px;height:14px;line-height:1}
.billing-feature-help:hover{color:var(--accent)}
.billing-breakdown{font-size:12px;color:var(--muted);line-height:1.5;margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}
.billing-footnote,.billing-assurances{text-align:center;color:var(--muted);font-size:11px;line-height:1.6;margin:18px auto}.billing-footnote:empty{display:none}
.billing-enterprise{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin:28px 0;font-size:15px;color:var(--muted)}.billing-enterprise strong{font-size:18px;color:var(--ink)}.billing-enterprise a{color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:7px;line-height:1.4}.billing-enterprise a .ph{font-size:16px;line-height:1}
.billing-questions{max-width:760px;margin:24px auto}.billing-questions details{border-bottom:1px solid var(--line);padding:13px 0}.billing-questions summary{cursor:pointer;font-size:15px}.billing-questions p{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}
.billing-security{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;font-size:11px;color:var(--muted);text-align:center;border-top:1px solid var(--line);padding-top:22px}.billing-security>span:first-child{display:flex;gap:6px;align-items:center}.billing-security small{flex-basis:100%;font-size:10px}
.billing-change{padding:22px;border:1px solid var(--accent);background:var(--surface);border-radius:14px;margin:16px 0 24px}.billing-change h3{font-size:18px;margin:10px 0}.billing-change p{font-size:12px;line-height:1.6}.billing-change dl{display:grid;gap:13px;margin:20px 0}.billing-change dl>div{display:flex;justify-content:space-between;gap:20px;font-size:13px}.billing-change dd{margin:0;font-weight:600}.billing-change-actions{display:flex;gap:18px;align-items:center}
.billing-experience [hidden]{display:none!important}
:root[data-theme=dark] .billing-experience{--billing-green:#54d2a4}
:root[data-theme=dark] .billing-amount,:root[data-theme=dark] .billing-subscription-meta strong{color:var(--billing-gold)}
.pricing-editor fieldset{border:0;padding:0;margin:0;min-width:0}.pricing-editor label{display:grid;gap:6px;margin:12px 0}.pricing-publish{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);padding:14px 0;border-bottom:1px solid var(--line)}.pricing-publish h2,.pricing-publish p{margin:4px 0}.pricing-publish p{font-size:12px;color:var(--muted)}.pricing-publish [role=status]{font-size:12px;color:var(--accent)}
.pricing-live-preview{padding:24px 0}.pricing-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.pricing-preview-toolbar label{display:flex;align-items:center;font-size:12px;gap:6px;margin:0}.pricing-preview-toolbar input{width:54px}.pricing-preview-toolbar select{width:auto}.pricing-live-preview>p{font-size:12px;color:var(--muted)}
.pricing-admin-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.pricing-admin-plans section{border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0;scroll-margin-top:150px}.pricing-admin-plans small{font-size:11px;line-height:1.5;display:block}.pricing-admin-plans .muted{font-size:11px}.pricing-admin-plans textarea{width:100%;resize:vertical}.pricing-copy-editor{padding:16px 0;border-block:1px solid var(--line)}.pricing-copy-editor summary{cursor:pointer}
.pricing-feature-row{display:grid;grid-template-columns:minmax(0,1fr) auto 30px;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.pricing-feature-row>div:not(.pricing-feature-link){display:flex;gap:10px}.pricing-feature-row label{display:flex;align-items:center;gap:4px;margin:0;font-size:12px}.pricing-feature-row input[type=checkbox]{width:auto}.pricing-feature-link{grid-column:1/-1;display:flex;gap:10px}.pricing-feature-link select{width:130px}.pricing-feature-link input{flex:1;min-width:0}.pricing-editor .billing-text-action{border:0;background:transparent;box-shadow:none;padding:4px;color:var(--muted)}.pricing-editor .billing-text-action:hover{color:var(--accent)}
@media(max-width:850px){.billing-managed{grid-template-columns:1fr;gap:20px}.billing-addon{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.billing-plan{padding:18px}.pricing-admin-plans{grid-template-columns:1fr}.billing-controls{gap:12px}.billing-subscription-meta span{border:0;padding:0}}
@media(max-width:650px){.billing-amount{font-size:37px}:root[data-palette] .billing-experience .billing-plan-title h3{font-size:20px}:root[data-palette] .billing-experience .billing-plan-desc{font-size:13px}.billing-charge,:root[data-palette] .billing-experience .billing-saving{font-size:14px}.billing-plan li{font-size:12.5px}.billing-plan-grid{grid-template-columns:1fr;gap:25px}.billing-plan{padding:22px}:root[data-palette] .billing-experience .billing-plan-desc{min-height:0}.billing-controls{justify-content:center}.billing-managed{padding:18px}.billing-heading h2{font-size:26px!important}.billing-heading-icon{width:48px;height:48px}.billing-subscription-title{flex-wrap:wrap}.billing-subscription-actions{gap:10px}.billing-change dl>div{flex-direction:column;gap:4px}.pricing-publish{position:static;align-items:flex-start;flex-direction:column}.pricing-feature-row{grid-template-columns:minmax(0,1fr) 28px}.pricing-feature-row>div:not(.pricing-feature-link){grid-column:1;flex-wrap:wrap}.pricing-feature-row>button{grid-column:2;grid-row:1}.pricing-preview-toolbar .row{gap:12px}}
.billing-checkout-modal{width:min(940px,95vw);max-width:95vw;max-height:93dvh;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);overflow:auto;box-shadow:0 24px 80px #0004}
.billing-checkout-modal::backdrop{background:#10182090;backdrop-filter:blur(5px)}
.billing-checkout-modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.billing-checkout-layout{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(312px,1.15fr);gap:24px;align-items:start}
.billing-checkout-summary{padding:20px;background:var(--soft);border-radius:12px}.billing-checkout-summary h2{font-size:22px;line-height:1.3;margin:18px 0}.billing-checkout-summary p{font-size:13px;line-height:1.6}.billing-checkout-summary dl>div{display:flex;justify-content:space-between;gap:12px;padding-block:12px;border-bottom:1px solid var(--line)}.billing-checkout-summary dd{margin:0;font-weight:600}.billing-checkout-summary small{color:var(--accent);font-size:11px;letter-spacing:.06em}
@media(max-width:700px){.billing-checkout-layout{grid-template-columns:minmax(0,1fr)}.billing-checkout-modal{padding:14px}.pricing-publish{align-items:flex-start;flex-direction:column}.billing-checkout-summary{padding:14px}.billing-checkout-summary h2{font-size:18px;margin:10px 0}}

/* Bare capacity controls stay aligned and do not inherit the global button hover. */
:root[data-palette] .billing-experience :is([data-billing-count],[data-extra-minus],[data-extra-plus]),
:root[data-palette] .billing-experience :is([data-billing-count],[data-extra-minus],[data-extra-plus]):hover{display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;background:none;border:0;box-shadow:none;border-radius:0;min-height:26px;height:26px;padding:4px;line-height:1;align-self:center;color:var(--muted)}
:root[data-palette] .billing-experience :is([data-billing-count],[data-extra-minus],[data-extra-plus]):hover{color:var(--accent)}
:root[data-palette] .billing-experience .billing-addon input{width:36px;min-height:26px;height:26px;padding:2px 4px;line-height:1;text-align:center;font-size:13px;box-sizing:border-box}
:root[data-palette] .billing-experience .billing-subscription-actions button>.ph{font-size:17px;line-height:1}
.payment-trust{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 24px;color:var(--muted);font-size:12px;width:100%}
.payment-methods{display:flex;align-items:center;gap:18px}.payment-methods img{width:48px;height:24px;object-fit:contain}.payment-methods img[alt="American Express"]{width:31px}
.payment-security-link{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none}.payment-security-link:hover{color:var(--accent)}.payment-security-link .ph{font-size:18px;line-height:1}
.payment-trust>small{flex-basis:100%;text-align:center;font-size:11px;line-height:1.6}
:root[data-theme=dark] .payment-methods img{filter:invert(1)}
.billing-checkout-modal>.payment-trust{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}
.billing-email-section{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;border-top:1px solid var(--line);padding:20px 0;margin:20px 0}
:root[data-palette] .billing-email-section h2{font-size:16px;line-height:1.4;margin:0 0 4px}.billing-email-section p{font-size:12px;color:var(--muted);margin:0}
.billing-email-section form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:1;max-width:530px}
:root[data-palette] .billing-email-section input{flex:1;min-width:190px;width:auto;min-height:36px;padding:6px 10px;font-size:14px}
:root[data-palette] .billing-email-section button{min-height:32px;padding:5px 10px;font-size:13px;white-space:nowrap}