/* Account controls stay outside the chart rendering pipeline. */
.account-password{display:flex;position:relative;min-width:0}
#authDialog .account-password input{width:100%;box-sizing:border-box;padding-right:42px}
.password-toggle{position:absolute;inset:0 0 0 auto;width:38px;display:grid;place-items:center;border:0;background:transparent;color:#8ba698;cursor:pointer}
.password-toggle:hover,.password-toggle[aria-pressed=true]{color:#cce8d8}
.commerce-dialog :is(button,input,select):focus-visible,#authDialog .password-toggle:focus-visible{outline:2px solid #68dba2;outline-offset:3px}
.profile-dialog[aria-busy=true] .commerce-message{color:#8ba698}
.pricing-dialog .commerce-message{white-space:normal}
.promo-toast{transition:opacity .18s ease,transform .18s ease}
.promo-toast:focus-within{border-color:#68dba2}
@media(max-width:760px){
 header{flex-wrap:nowrap;gap:0;column-gap:0}
 header .hleft{flex:none;min-width:0;width:100%;gap:10px}
 header .nav-views{flex:1;min-width:0;overflow-x:auto;white-space:nowrap}
 header .hright{flex:none;min-width:0;width:100%;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}
 header .hright>*{flex-shrink:0}
}
@media(max-width:600px){
 .pricing-dialog .pricing-cards{grid-template-columns:1fr;margin:18px 0;gap:8px}
 .pricing-dialog .pricing-cards>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px 14px;align-items:center}
 .pricing-dialog .pricing-cards small{max-width:none;min-height:0;grid-column:1}
 .pricing-dialog .pricing-cards b{grid-column:1;grid-row:2}
 .pricing-dialog .pricing-cards strong{grid-column:2;grid-row:2;font-size:24px}
 .pricing-dialog .pricing-cards span{grid-column:2;grid-row:3;text-align:right}
 .pricing-dialog .pricing-cards i{grid-column:1;grid-row:3}
 .pricing-dialog .pricing-cards em{position:static;grid-column:2;grid-row:1;text-align:right}
 .commerce-dialog{max-height:calc(100dvh - 20px);width:calc(100vw - 20px);overscroll-behavior:contain;scrollbar-width:thin}
 .profile-days{font-size:21px}
 .plan-comparison>div{grid-template-columns:.95fr .8fr 1.25fr;overflow-wrap:anywhere}
 .promo-toast{max-width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){.promo-toast{transition:none}}