.account-profile-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:3px;cursor:pointer;color:inherit;font:inherit;border-radius:9px}
.account-usage{font-size:11px;color:#65758c;line-height:1.7;margin:12px 0}.bbabut-upgrade-invitation{position:fixed;right:20px;bottom:22px;z-index:2000;width:min(350px,calc(100vw - 40px));box-sizing:border-box;background:#fff;border:1px solid #d9e5ff;border-radius:18px;padding:21px;box-shadow:0 10px 40px #17397826;color:#233149;text-align:left}.bbabut-upgrade-invitation[hidden]{display:none}.bbabut-upgrade-invitation strong{font-size:14px;display:block;padding-right:20px}.bbabut-upgrade-invitation p{font-size:12px;line-height:1.8;color:#5b6d86;margin:10px 0}.bbabut-upgrade-invitation small{font-size:10px;color:#718099}.bbabut-upgrade-invitation>div{display:flex;gap:10px;margin-top:14px}.bbabut-upgrade-invitation button{font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 11px;font-size:11px}.invitation-upgrade{background:#246bfe;color:#fff}.invitation-later{background:#f1f5f9;color:#64748b}.bbabut-upgrade-invitation .invitation-close{position:absolute;right:9px;top:8px;background:transparent;font-size:20px;color:#8794a8;padding:4px 9px}
.account-switch,.account-skip-plan{border:0;background:transparent;color:#246bfe;padding:0;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.account-switch{margin-top:6px}.account-skip-plan{display:block;margin:16px auto 0;padding:7px}
.account-profile-button:hover{background:#f1f5f9}.account-profile-button:focus-visible{outline:2px solid #246bfe;outline-offset:3px}
.badge-free{font-size:10px;font-weight:700;border-radius:20px;background:#eef2f6;color:#526176;padding:4px 7px;white-space:nowrap}
.bbabut-account-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 40px);margin:auto;border:1px solid #e2e8f0;border-radius:24px;padding:26px;background:#fff;color:#172235;box-shadow:0 24px 80px #0f172a40;font-family:inherit;overflow:auto;text-align:left}
.bbabut-account-dialog::backdrop{background:#0f172a70;backdrop-filter:blur(4px)}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.account-eyebrow{font-size:10px;letter-spacing:.12em;font-weight:800;color:#246bfe;margin:0 0 5px}.account-heading h2{margin:0;font-size:24px;line-height:1.3}
.account-close{border:0;border-radius:50%;background:#f1f5f9;width:34px;height:34px;font-size:24px;color:#64748b;cursor:pointer}
.account-person{display:flex;align-items:center;gap:12px;margin:23px 0}.account-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.account-person>div{min-width:0}.account-name{font-size:15px;overflow-wrap:anywhere}.account-email{font-size:12px;color:#64748b;margin:4px 0 0;overflow-wrap:anywhere}
.account-membership{background:#f7f9fc;border:1px solid #e5eaf2;border-radius:16px;padding:18px}.account-plan{display:inline-flex;padding:4px 9px;border-radius:20px;background:#e7edf5;color:#526176;font-size:10px;font-weight:800}.account-plan.is-pro{background:#fff0bc;color:#925900}.account-membership h3{font-size:18px;margin:11px 0 7px}.account-description,.account-period{font-size:12px;line-height:1.7;color:#5c697c;margin:0}.account-period:not(:empty){color:#246bfe;margin-top:9px;font-weight:700}
.account-features h3{font-size:13px;margin:21px 0 9px}.account-benefits{list-style:none;padding:0;margin:0}.account-benefits li{font-size:12px;padding:6px 0;line-height:1.5}.account-benefits li::before{content:'✓';color:#246bfe;font-weight:800;margin-right:8px}
.account-privacy{font-size:11px;color:#778398;line-height:1.7;border-top:1px solid #edf0f5;padding-top:14px;margin:17px 0}.account-sandbox{font-size:11px;color:#92400e;background:#fff7df;border-radius:8px;padding:10px;line-height:1.6}
.account-actions{display:flex;gap:8px;margin-top:16px}.account-actions button{font:inherit;font-size:12px;min-height:40px;padding:10px 13px;border-radius:10px;cursor:pointer}.account-billing{flex:1;border:0;background:#246bfe;color:#fff;font-weight:700}.account-refresh{border:1px solid #dce3ed;background:white;color:#526176}.account-actions button:disabled{opacity:.55;cursor:default}.account-actions [hidden],.account-sandbox[hidden]{display:none}
@media(max-width:600px){.bbabut-account-dialog{padding:21px}.auth-user-profile{flex-wrap:wrap;justify-content:flex-end}.dock-pro-profile-bar{margin-top:12px}.dock-user-wrap{min-width:0}}
.bbabut-account-dialog [hidden]{display:none!important}.bbabut-account-dialog.show-plans{width:min(740px,calc(100vw - 28px))}.account-plan-intro{font-size:13px;color:#64748b;line-height:1.7;margin:14px 0 20px}.account-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-plan-card{border:1px solid #dde5ef;border-radius:17px;padding:20px;display:flex;flex-direction:column}.account-plan-card-pro{border:2px solid #246bfe;background:linear-gradient(150deg,#f4f8ff,#fff)}.account-plan-card .account-plan{align-self:flex-start}.account-plan-card h3{font-size:15px;line-height:1.5;margin:14px 0 8px}.account-price{font-size:27px;font-weight:800;margin:5px 0 13px}.account-price small{display:block;font-size:11px;font-weight:500;color:#64748b;margin-top:5px}.account-plan-card ul{padding:0;list-style:none;font-size:12px;line-height:1.8;flex:1}.account-plan-card li{padding:3px 0}.account-plan-card li::before{content:'✓';color:#246bfe;margin-right:7px}.account-plan-note{font-size:11px;color:#728097;line-height:1.7;margin:14px 0 0}.account-plan-card button{width:100%;min-height:42px;border:1px solid #cdd8e8;background:white;border-radius:10px;padding:10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;margin-top:15px}.account-plan-card-pro button{color:white;background:#246bfe;border-color:#246bfe}.account-plan-card button:disabled{opacity:.5;cursor:default}.account-plan-card-pro .account-plan-note{margin-top:9px}@media(max-width:560px){.account-plan-grid{grid-template-columns:1fr}.account-plan-card{padding:17px}.account-price small{display:inline;margin-left:5px}}
