/* Account pages inherit the website's persisted light, dark or system theme. */
.account-surface.account-body{background:transparent;color:var(--bluui-text);font-family:var(--blu-font-family);line-height:1.5}
.account-surface.account-dashboard{max-width:1080px;padding:48px 0 64px;min-height:60vh;margin:auto}
.account-surface.account-layout{max-width:1080px;padding:48px 0 64px;min-height:70vh;margin:auto;gap:64px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.account-surface a,.account-surface .account-link-button{color:var(--bluui-primary-text)}
.account-surface :is(a,button,input):focus-visible{outline:2px solid var(--bluui-primary);outline-offset:4px}
.account-surface :is(h1,h2,h3,strong,label),.account-surface .account-price-breakdown dd,.account-surface .account-price-total output{color:var(--bluui-text)}
.account-surface :is(.account-intro>p,.account-intro-note div>span,.account-subtitle,.account-help,.account-form-footer,.account-fine-print,.account-detail-card p,.account-detail-card dt,.account-verification p,.account-license p,.account-billing>p,.account-purchase-details>p,.account-price-breakdown dt,.account-price-total small,.account-price-footnote,.account-strength-heading,.account-multi-option>span:first-child>span){color:var(--bluui-text-muted)}
.account-surface .account-eyebrow{color:var(--bluui-primary-text)}
.account-surface :is(.account-card,.account-detail-card){background:var(--bluui-surface);border-color:var(--bluui-border);box-shadow:none}
.account-surface .account-card{max-width:none}
.account-surface .account-field{min-width:0}
.account-surface .account-field input{background:var(--bluui-surface);color:var(--bluui-text);border-color:var(--bluui-control-border)}
.account-surface .account-field input[aria-invalid=true]{border-color:var(--bluui-error)}
.account-surface .account-field-error{color:var(--bluui-error-text)}
.account-surface :is(.account-button,.account-secondary-button){font-size:12px;font-weight:600}
.account-surface .account-button{background:var(--bluui-primary);border-color:var(--bluui-primary);color:var(--bluui-on-primary)!important}
.account-surface .account-button:hover{background:var(--bluui-primary-hover);border-color:var(--bluui-primary-hover)}
.account-surface .account-secondary-button{background:var(--bluui-surface);border-color:var(--bluui-border-strong);color:var(--bluui-primary-text)!important}
.account-surface .account-secondary-button:hover{background:var(--bluui-primary-soft)}
.account-surface :is(.account-notice,.account-verification){background:var(--bluui-primary-soft);border-color:var(--bluui-primary-border);color:var(--bluui-primary-text)}
.account-surface .account-error{background:var(--bluui-error-soft);border-color:var(--bluui-error-border);color:var(--bluui-error-text)}
.account-surface .account-small-mark{background:var(--bluui-primary-soft);color:var(--bluui-primary-text)}
.account-surface .account-status{background:var(--bluui-warning-soft);color:var(--bluui-warning-text)}
.account-surface .account-status.is-verified{background:var(--bluui-success-soft);color:var(--bluui-success-text)}
.account-surface :is(.account-license,.account-subscription,.account-price-total){border-color:var(--bluui-border)}
.account-surface .account-code{background:var(--bluui-surface-muted);color:var(--bluui-text);border-color:var(--bluui-border)}
.account-surface .account-code code{background:none;color:inherit}
.account-surface .account-inclusions{color:var(--bluui-text-muted)}
.account-surface .account-inclusions li:before{color:var(--bluui-success-text)}
.account-surface .account-price-panel{background:linear-gradient(145deg,var(--bluui-primary-soft),var(--bluui-surface) 45%);border-color:var(--bluui-primary-border);box-shadow:none}
.account-surface .account-test-badge{background:var(--bluui-primary-soft);color:var(--bluui-primary-text)}
.account-surface .account-seat-stepper button{background:var(--bluui-surface);border-color:var(--bluui-control-border);color:var(--bluui-primary-text);font-size:24px}
.account-surface .account-seat-stepper button:hover:not(:disabled){background:var(--bluui-primary-soft);border-color:var(--bluui-primary)}
.account-surface .account-seat-stepper button:disabled{background:var(--bluui-surface-muted);color:var(--bluui-text-muted);opacity:.5}
.account-surface .account-multi-option{background:var(--bluui-surface);border-color:var(--bluui-control-border)}
.account-surface .account-multi-option:has(input:checked){background:var(--bluui-primary-soft);border-color:var(--bluui-primary)}
.account-surface .account-switch-track{background:var(--bluui-text-subtle)}
.account-surface .account-multi-option input:checked+.account-switch-track{background:var(--bluui-primary)}
.account-surface .account-multi-option input:focus-visible+.account-switch-track{outline-color:var(--bluui-primary)}
.account-surface .account-price-breakdown dd{margin:0}
.account-surface .account-strength progress,.account-surface .account-strength progress::-webkit-progress-bar{background:var(--bluui-surface-muted)}
.account-surface .account-strength progress[data-strength="1"]{--strength-color:var(--bluui-error)}
.account-surface .account-strength progress[data-strength="2"]{--strength-color:var(--bluui-warning)}
.account-surface .account-strength progress[data-strength="3"],.account-surface .account-strength progress[data-strength="4"]{--strength-color:var(--bluui-success)}
.account-surface .account-page-heading h1{overflow-wrap:anywhere}
.account-page-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:12px 20px}
.account-page-actions form{margin:0}
.account-page-actions .account-link-button{min-height:44px;font-size:12px}
@media(max-width:900px){.account-surface.account-layout{gap:32px}}
@media(max-width:650px){
 #site-shell[data-page="account"] .blu-showcase__content{padding-inline:0}
 .account-surface .account-seat-stepper{min-width:0}
 .account-surface.account-layout,.account-surface.account-dashboard{padding:28px 0 40px;min-height:60vh}
 .account-surface.account-layout{display:block}
 .account-surface .account-intro{padding-inline:0}
 .account-surface .account-card,.account-surface .account-detail-card{padding:22px 18px}
 .account-surface .account-price-panel{padding:20px 16px}
 .account-page-actions{justify-content:flex-start}
 .account-surface .account-price-total{flex-wrap:wrap}
 .account-surface .account-seat-stepper input{min-width:0;flex:1;max-width:90px}
}
@media(forced-colors:active){
 .account-surface .account-switch-track{border:1px solid ButtonText}
 .account-surface .account-multi-option input:checked+.account-switch-track{background:Highlight}
}

.account-surface .account-billing{margin-top:0}
.account-surface .account-cards{margin-top:24px}
.account-billing-heading,.account-plan-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.account-billing-heading h2{margin-bottom:10px}
.account-billing-heading>a{font-size:12px;white-space:nowrap;padding-top:4px}
.account-surface .account-billing-intro{margin:0 0 20px}
.account-surface .account-sandbox-note{font-size:11px;padding:10px 14px;margin-bottom:24px}
.account-surface .account-plan{padding:26px;border:1px solid var(--bluui-primary-border);border-radius:10px;background:linear-gradient(145deg,var(--bluui-primary-soft),var(--bluui-surface) 55%);margin:0 0 20px}
.account-plan-heading .account-eyebrow{margin-bottom:10px}
.account-surface .account-plan h3{margin:0;font-size:24px;line-height:1.35}
.account-plan h3>span{font-weight:400;font-size:18px}
.account-plan-heading p{margin:7px 0 0}
.account-plan-heading .account-status{font-size:11px;padding:6px 10px;white-space:nowrap;margin:0}
.account-surface .account-plan-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:26px 0;padding:22px 0;border-block:1px solid var(--bluui-border)}
.account-plan-facts dt{font-size:11px;line-height:1.5;margin-bottom:8px}
.account-plan-facts dd{font-size:18px;line-height:1.35;font-weight:600;color:var(--bluui-text)}
.account-plan-facts small{display:block;font-size:10px;font-weight:400;color:var(--bluui-text-muted);margin-top:7px}
.account-billing-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0}
.account-billing-actions .account-help{font-size:11px}
.account-surface .account-plan-message{font-size:12px;margin:0 0 22px}
.account-upgrade{margin-top:24px;padding-top:20px;border-top:1px solid var(--bluui-border)}
.account-upgrade>summary,.account-installation>summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--bluui-primary-text);padding:8px 0;min-height:36px}
.account-upgrade>summary:focus-visible,.account-installation>summary:focus-visible{outline:2px solid var(--bluui-primary);outline-offset:4px}
.account-upgrade-form{max-width:560px;padding-top:6px;display:grid;gap:18px}
.account-upgrade-form>p{margin:0}
.account-upgrade-form .account-price-breakdown{display:grid;grid-template-columns:1fr;margin:0;gap:10px}
.account-upgrade-form .account-price-breakdown>div{display:flex;justify-content:space-between;gap:20px}
.account-installation{border-block:1px solid var(--bluui-border);padding:12px 0;margin:20px 0}
@media(max-width:800px){.account-surface .account-plan-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.account-billing-heading,.account-plan-heading{flex-wrap:wrap;gap:12px}.account-surface .account-plan{padding:20px 16px}.account-surface .account-plan h3{font-size:21px}.account-plan h3>span{font-size:16px}.account-plan-facts dd{font-size:16px}.account-surface .account-plan-facts{gap:20px 14px}.account-billing-actions{align-items:flex-start;flex-direction:column}}
.account-renewal{margin:0}
.account-renewal>summary{font-size:12px;cursor:pointer;color:var(--bluui-primary-text);padding:8px 0}
.account-renewal>p{max-width:600px}
.account-billing-tools{margin:28px 0;padding:4px 0 24px;border-block:1px solid var(--bluui-border);display:grid;gap:28px}
.account-payment-method h3,.account-invoices h3{margin:20px 0 16px}
.account-saved-card{display:flex;gap:14px;align-items:center;margin:12px 0 20px}
.account-saved-card>span{display:grid;place-items:center;font-size:24px;border:1px solid var(--bluui-border);border-radius:8px;width:50px;height:38px;color:var(--bluui-primary-text)}
.account-saved-card strong{font-size:13px}.account-saved-card p{margin:3px 0 0;font-size:11px}
[data-card-form],[data-payment-area]{max-width:560px;padding:20px 0}
.account-invoice{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr) minmax(0,1fr);gap:18px;align-items:center;padding:16px 0;border-top:1px solid var(--bluui-border);font-size:12px}
.account-invoice>div{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.account-invoice>div:first-child{display:grid;gap:6px}.account-invoice strong{overflow-wrap:anywhere}.account-invoice>div>span:not(.account-status){color:var(--bluui-text-muted);font-size:11px}
.account-invoice-actions{justify-content:flex-end}.account-invoice-actions>a{font-size:11px;white-space:nowrap}
.account-surface .account-upgrade-amounts{display:grid;grid-template-columns:1fr;gap:20px;margin:26px 0;padding:24px;background:var(--bluui-primary-soft);border:1px solid var(--bluui-primary-border);border-radius:10px}
.account-upgrade-amounts>div{display:flex;justify-content:space-between;gap:24px;align-items:baseline}.account-upgrade-amounts dd{font-size:20px;font-weight:600;text-align:right}.account-upgrade-amounts small{display:block;font-size:11px;font-weight:400;color:var(--bluui-text-muted);margin-top:7px}
.account-upgrade-review [data-upgrade-confirm]{max-width:560px}
@media(max-width:650px){.account-invoice{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.account-invoice-actions{grid-column:1/-1;justify-content:flex-start}.account-upgrade-amounts>div{flex-direction:column;gap:8px}.account-upgrade-amounts dd{text-align:left}}