@import url("/assets/css/billing.css?v=20260819-4");

.account-page { --bill-line:#dde3ee; --bill-body:#344054; --bill-muted:#667085; --bill-blue:#2d4bd7; }
.account-page .billing-eyebrow,.account-page .billing-brand span { letter-spacing:0; }
.account-tabs { display:flex; gap:4px; max-width:960px; margin:0 auto; padding:0 24px; border-bottom:1px solid var(--bill-line); overflow-x:auto; }
.account-page .billing-top-actions { gap:8px; }
.account-notice { position:relative; width:40px; height:40px; justify-content:center; border-radius:6px; color:var(--bill-muted); }
.account-notice:hover { background:#eef1fd; color:var(--bill-blue); }
.account-notice:focus-visible { outline:2px solid var(--bill-blue); outline-offset:2px; }
.account-notice svg { width:19px; height:19px; }
.account-notice-dot { position:absolute; top:8px; right:8px; width:8px; height:8px; border:2px solid var(--bill-paper); border-radius:50%; background:var(--bill-red); }
.account-notice-dot[hidden] { display:none; }
.account-user { position:relative; }
.account-user-avatar { width:36px; height:36px; display:grid; place-items:center; padding:0; border:1px solid var(--bill-line); border-radius:50%; background:var(--bill-blue); color:#fff; font:700 13px/1 inherit; cursor:pointer; overflow:hidden; }
.account-user-avatar:hover,.account-user-avatar[aria-expanded="true"] { box-shadow:0 0 0 3px rgba(40,71,196,.14); }
.account-user-avatar:focus-visible { outline:2px solid var(--bill-blue); outline-offset:3px; }
.account-user-avatar span { width:100%; height:100%; display:grid; place-items:center; }
.account-user-avatar img { width:100%; height:100%; display:block; object-fit:cover; border-radius:50%; }
.account-user-dropdown { position:absolute; top:calc(100% + 9px); right:0; z-index:30; width:248px; padding:6px; border:1px solid var(--bill-line); border-radius:8px; background:rgba(255,255,255,.98); box-shadow:0 18px 42px rgba(26,35,51,.18); }
.account-user-dropdown[hidden] { display:none; }
.account-user-dropdown.is-open { animation:account-menu-in 140ms ease-out; }
@keyframes account-menu-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { .account-user-dropdown.is-open { animation:none; } }
.account-user-head { margin-bottom:6px; padding:10px 11px 11px; border-bottom:1px solid var(--bill-line); }
.account-user-name { color:var(--bill-ink); font-size:13px; font-weight:700; overflow-wrap:anywhere; }
.account-user-email { color:var(--bill-muted); font-size:11px; font-weight:400; overflow-wrap:anywhere; }
.account-user-dropdown > a,.account-user-dropdown > button { width:100%; min-height:42px; display:flex; align-items:center; gap:10px; padding:9px 11px; border:0; border-radius:6px; background:none; color:var(--bill-body); font:650 13px inherit; text-align:left; cursor:pointer; }
.account-user-dropdown > a:hover,.account-user-dropdown > button:hover { background:#f2f3f7; color:var(--bill-ink); }
.account-user-dropdown svg { width:16px; height:16px; flex:0 0 auto; color:var(--bill-muted); }
.account-user-plan-chip { margin-left:auto; color:var(--bill-muted); border:1px solid var(--bill-line); border-radius:999px; padding:1px 6px; font-size:10px; font-weight:700; line-height:1.4; }
.account-user-separator { height:1px; margin:6px 4px; background:var(--bill-line); }
.account-user-dropdown > .account-user-logout { color:var(--bill-red); }
.account-user-dropdown > .account-user-logout svg { color:var(--bill-red); }
.account-tab { flex:0 0 auto; min-height:48px; display:inline-flex; align-items:center; padding:0 14px; border-bottom:2px solid transparent; color:var(--bill-muted); font-size:13px; font-weight:700; white-space:nowrap; }
.account-tab:hover { color:var(--bill-blue); }
.account-tab.active { border-bottom-color:var(--bill-blue); color:var(--bill-blue); }
.account-wrap { padding-top:48px; }
.account-heading { margin-bottom:22px; }
.settings-stack { display:grid; gap:14px; max-width:720px; }
.account-card { padding:22px; border:1px solid var(--bill-line); background:var(--bill-card); }
.account-card h2 { margin:0 0 14px; color:var(--bill-ink); font-size:17px; }
.set-prof { display:flex; gap:18px; align-items:flex-start; }
.set-av { width:58px; height:58px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:#eef1fd; color:var(--bill-blue); font-size:19px; font-weight:750; overflow:hidden; }
.set-av img { width:100%; height:100%; object-fit:cover; }
.set-prof-body { display:grid; gap:7px; min-width:0; flex:1; }
.set-prof-body label,.account-card > label { color:var(--bill-muted); font-size:12px; }
.set-name-row { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.set-name-value { min-width:0; color:var(--bill-ink); font-size:14px; overflow-wrap:anywhere; }
.set-name-row input[hidden] { display:none; }
.set-name-row input { min-height:42px; min-width:0; flex:1; padding:0; border:1px solid transparent; border-radius:5px; background:transparent; color:var(--bill-ink); font:14px inherit; cursor:text; }
.set-name-row button[hidden] { display:none; }
.set-name-row a[hidden] { display:none; }
.set-name-row input.is-editing { padding:0 11px; border-color:#aebcf0; background:#f1f4ff; }
.set-name-row input:focus { outline:2px solid rgba(40,71,196,.2); border-color:var(--bill-blue); }
.set-saved { color:var(--bill-green); font-size:12px; }
.set-email { color:var(--bill-ink); font-size:14px; overflow-wrap:anywhere; }
.set-email-row { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.set-change-link { color:var(--bill-blue); font-size:12px; font-weight:700; background:none; border:0; padding:0; font-family:inherit; cursor:pointer; }
.set-change-link:hover { text-decoration:underline; }
.email-current-label { margin:0; color:var(--bill-muted); font-size:12px; }
.email-current { margin:2px 0 22px; color:var(--bill-ink); font-size:14px; overflow-wrap:anywhere; }
.email-change-form { display:grid; gap:7px; max-width:520px; }
.email-change-form label { color:var(--bill-muted); font-size:12px; }
.email-change-form input { min-height:42px; padding:0 11px; border:1px solid var(--bill-line); border-radius:5px; color:var(--bill-ink); font:14px inherit; }
.email-change-form input:focus { outline:2px solid rgba(40,71,196,.2); border-color:var(--bill-blue); }
.email-change-form button { justify-self:start; margin-top:6px; gap:8px; }
.email-change-form button:disabled { opacity:.58; cursor:not-allowed; }
.email-submit-spinner { width:13px; height:13px; flex:0 0 auto; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:email-submit-spin .7s linear infinite; }
.email-submit-spinner[hidden] { display:none; }
@keyframes email-submit-spin { to { transform:rotate(360deg); } }
.email-change-error { margin:0; color:var(--bill-red); font-size:12px; }
.email-change-status { margin:4px 0 0; color:var(--bill-green); font-size:12px; }
.set-langwrap { margin-top:8px; }
.langpills { display:flex; flex-wrap:wrap; gap:7px; }
.langpill { min-height:34px; padding:0 11px; border:1px solid var(--bill-line); border-radius:5px; background:var(--bill-card); color:var(--bill-body); font:650 12px inherit; cursor:pointer; }
.langpill:hover,.langpill.on { border-color:var(--bill-blue); color:var(--bill-blue); background:#eef1fd; }
.account-card-danger { display:flex; justify-content:flex-start; }
.account-page .order-action { display:flex; flex-wrap:wrap; gap:8px; }
.account-page .order-action .order-cancel { border-color:#f0cfc6; color:var(--bill-red); }
.account-page .order-action .order-cancel:hover { background:#fff1ed; }
@media (max-width:700px) { .account-tabs { padding:0 16px; } .account-wrap { padding-top:36px; } .account-card { padding:18px; } .set-prof { flex-direction:column; } .set-name-row input { flex-basis:100%; } }