/* Personal account and wallet surfaces; original creative editors are not affected. */
.account-top-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;font-size:13px}
.account-top-nav a,.recharge-header nav a{padding-block:8px;text-decoration:none}
.account-top-nav a:hover,.recharge-header nav a:hover{text-decoration:underline;text-underline-offset:4px}
body[data-account-view=account] .site-header{max-width:none;padding:18px 32px;border-bottom:1px solid var(--line)}
body[data-account-view=account] .account-layout{display:block;max-width:1040px;margin:32px auto 64px;padding:0 32px}
body[data-account-view=account] .intro{display:none}
body[data-account-view=account] .account-panel{padding:0}
body[data-account-view=account] #account-view{padding:0;border:0;border-radius:0}
body[data-account-view=account] .profile-identity{padding-bottom:6px}
body[data-account-view=account] .profile-identity :is(h1,h2){font-size:28px;line-height:1.4}
body[data-account-view=account] .profile-avatar{width:52px;height:52px}
body[data-account-view=account] .profile-uid{font-size:12px}
body[data-account-view=account] .balance{margin:22px 0 12px;background:#f5f5f5;max-width:680px;padding:22px 24px;gap:24px}
body[data-account-view=account] .balance dd{font-weight:600;font-size:30px;line-height:1.3}
body[data-account-view=account] .profile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;max-width:800px;padding:10px 0;margin:28px 0 16px}
body[data-account-view=account] .profile-links a{min-height:48px;gap:12px;align-items:center;border-radius:6px;padding:10px 8px}
body[data-account-view=account] .profile-details{max-width:680px;padding-block:8px}
body[data-account-view=account] .profile-details summary{padding:12px 0;min-height:44px;font-size:14px}
body[data-account-view=account] .profile-signout{width:auto;min-height:44px;margin-top:24px;padding-inline:12px;border:1px solid var(--line);border-radius:8px}
.recharge-main{max-width:1120px;padding-inline:32px}
.recharge-main .billing-heading{padding-top:0}
.recharge-main .billing-heading h1{font-size:28px}
.recharge-balance{max-width:680px;background:#f5f5f5;border-color:var(--line);border-radius:12px}
.recharge-balance>div{padding:22px 24px}
.recharge-balance dd{font-size:30px;font-weight:600;line-height:1.3}
.recharge-page :is(.primary,.secondary){min-height:44px;font-size:14px}
.recharge-plan{border-radius:12px;gap:8px;transition:border-color .15s,background .15s}
.recharge-plan[aria-pressed=true]{background:#f5f5f5}
.recharge-plan span{font-size:13px}
.recharge-main .billing-note{font-size:13px;line-height:1.75}
.recharge-main .billing-feedback{min-height:44px;padding:10px 14px;background:#f5f5f5;border-radius:8px;font-size:13px}
.recharge-main .billing-details>summary{min-height:44px;padding:10px 0;font-size:15px;font-weight:500}
.recharge-main .billing-details[open]>summary{margin-bottom:8px}
.recharge-page #recharge-qr{display:block;max-width:100%;height:auto;margin:20px auto}
.recharge-page .recharge-success:not([hidden]){display:grid;gap:12px;padding:20px;margin-block:16px;background:#eff9f2;border:1px solid #b9dec4;border-radius:12px;color:#195c32}
.recharge-success strong{font-size:20px;line-height:1.5}
.recharge-success p{margin:0;line-height:1.75;overflow-wrap:anywhere}
.recharge-success a{justify-self:start;display:inline-flex;align-items:center;text-decoration:none;max-width:100%}
.recharge-page #recharge-auto-status:empty{display:none}
.recharge-header nav{flex-wrap:wrap;align-items:center;gap:4px 20px}
.recharge-main .billing-table td{font-size:13px}
.recharge-main .billing-table td small{display:block;color:var(--muted);margin-top:5px;font-size:11px}
.recharge-main .billing-table-wrap:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
@media(max-width:680px){
 .login-switches button,.login-options button,.password-label button{min-height:44px;padding:8px 0}
 .login-options .remember-label{min-height:44px}
 .site-header{flex-wrap:wrap}.account-top-nav{gap:4px 16px}.account-top-nav a{min-height:44px;display:inline-flex;align-items:center}
 body[data-account-view=account] .site-header{padding:14px 20px}
 body[data-account-view=account] .account-layout{padding:0 20px;margin-top:24px;max-width:680px}
 body[data-account-view=account] .profile-identity :is(h1,h2){font-size:24px}
 body[data-account-view=account] .balance{padding:18px 16px;gap:18px}
 body[data-account-view=account] .balance dd{font-size:24px}
 body[data-account-view=account] .profile-links{grid-template-columns:1fr;gap:0}
 .recharge-main{padding-inline:20px}.recharge-main .billing-heading h1{font-size:24px}
 .recharge-balance>div{padding:18px 14px}.recharge-balance dd{font-size:24px}
 .recharge-header nav a{min-height:44px;display:inline-flex;align-items:center}
 .recharge-main input,.recharge-main select{min-height:44px;font-size:16px}
}
@media(max-width:360px){.recharge-main,body[data-account-view=account] .account-layout{padding-inline:16px}.recharge-balance dd,body[data-account-view=account] .balance dd{font-size:21px}.recharge-main .billing-actions>*{max-width:100%;white-space:normal}.recharge-header nav{gap:0 14px}.recharge-main .billing-summary>div{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.recharge-plan{transition:none}}

/* Signed-in account, dark appearance. Keep the shared palette and all account behaviour. */
html[data-wwx-appearance=dark] body[data-account-view=account] .account-layout {
 max-width:1040px;margin:40px auto 64px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .account-panel {
 background:transparent!important;
}
html[data-wwx-appearance=dark] body[data-account-view=account] #account-view {
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:32px;
 padding:32px;border:1px solid var(--ux-line);border-radius:20px;background:var(--ux-surface);
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-identity {
 min-width:0;align-self:center;gap:16px;padding:8px 0;
}
html[data-wwx-appearance=dark] body[data-account-view=account] #account-heading {
 display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;
 color:var(--ux-ink);font-size:26px;font-weight:650;letter-spacing:-.5px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-avatar {
 width:56px;height:56px;border:1px solid var(--ux-control-line);border-radius:18px;
 background:var(--ux-raised);color:var(--ux-ink);font-size:22px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-tag {
 display:inline-flex;align-items:center;min-height:24px;margin:0;padding:3px 8px;
 border:1px solid var(--ux-selected-line);border-radius:6px;
 background:var(--ux-selected);color:var(--ux-accent);font-size:12px;line-height:1.4;letter-spacing:0;
}
html[data-wwx-appearance=dark] body[data-account-view=account] #account-phone {
 margin-top:6px;color:var(--ux-muted);font-size:13px;overflow-wrap:anywhere;
}
html[data-wwx-appearance=dark] body[data-account-view=account] #account-display-name {
 margin-top:3px;color:var(--ux-ink);font-size:14px;font-weight:500;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .balance {
 align-self:center;min-width:0;max-width:none;margin:0;padding:22px 24px;gap:20px;
 border:1px solid var(--ux-control-line);border-radius:14px;background:var(--ux-raised);
}
html[data-wwx-appearance=dark] body[data-account-view=account] .balance>div {
 min-width:0;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .balance>div+div {
 padding-left:20px;border-left:1px solid var(--ux-control-line);
}
html[data-wwx-appearance=dark] body[data-account-view=account] .balance dt {
 color:var(--ux-muted);font-size:12px;line-height:1.6;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .balance dd {
 margin-top:8px;color:var(--ux-ink);font-size:30px;font-weight:600;
 line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.5px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] #account-reserved {
 color:var(--ux-accent);
}
html[data-wwx-appearance=dark] body[data-account-view=account] #account-view>.profile-uid {
 grid-column:1/-1;max-width:none;margin:18px 0 0;color:var(--ux-muted);font-size:12px;line-height:1.8;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links {
 grid-column:1/-1;max-width:none;gap:4px 24px;margin:24px 0 4px;padding:14px 0;
 border-block:1px solid var(--ux-line);
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a {
 display:grid;grid-template-columns:22px minmax(0,1fr) 16px;gap:12px;min-height:52px;
 padding:12px;border-radius:9px;background:transparent;color:var(--ux-ink);font-size:14px;
 text-decoration:none;transition:background-color .15s;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a::before {
 content:"";width:20px;height:20px;grid-column:1;grid-row:1;background:var(--ux-accent);
 mask:var(--account-link-icon) center/20px 20px no-repeat;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a[href="/workspace"] {
 --account-link-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='4'/%3E%3Cpath d='M3 9h18M9 9v12'/%3E%3C/svg%3E");
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a[href="/recharge"] {
 --account-link-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 8V6a2 2 0 0 0-2-2H6a3 3 0 0 0 0 6h14v10H6a3 3 0 0 1-3-3V7'/%3E%3Cpath d='M20 12h-4v4h4'/%3E%3C/svg%3E");
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a[href="/company-quota"] {
 --account-link-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16M3 21h18M9 7h1m4 0h1M9 11h1m4 0h1M10 21v-5h4v5'/%3E%3C/svg%3E");
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a[href="/admin"] {
 --account-link-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 3v6c0 4-4 7-8 9-4-2-8-5-8-9V6l8-3Z'/%3E%3Cpath d='m8 12 3 3 5-5'/%3E%3C/svg%3E");
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a>span {
 grid-column:3;grid-row:1;color:var(--ux-muted);font-size:20px;line-height:1;text-align:right;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details {
 grid-column:1/-1;max-width:none;padding:0;border-bottom:1px solid var(--ux-line);
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details summary {
 display:flex;align-items:center;gap:12px;min-height:56px;padding:14px 0;
 color:var(--ux-ink);font-size:14px;font-weight:500;list-style:none;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details summary::-webkit-details-marker {
 display:none;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details summary::before {
 content:"";width:7px;height:7px;margin:0 4px 0 3px;flex:none;
 border-top:1.5px solid var(--ux-muted);border-right:1.5px solid var(--ux-muted);transform:rotate(45deg);
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details[open]>summary::before {
 transform:rotate(135deg);
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details :is(p,form) {
 max-width:680px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details p {
 margin:0 0 14px;color:var(--ux-muted);font-size:12px;line-height:1.8;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-details form {
 padding-bottom:20px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] section.profile-details:has(#account-reset-password) {
 display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:22px 0 20px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] section.profile-details:has(#account-reset-password)>:is(h2,p,form) {
 flex-basis:100%;max-width:none;margin:0;
}
html[data-wwx-appearance=dark] body[data-account-view=account] section.profile-details:has(#account-reset-password)>h2 {
 margin-bottom:4px;color:var(--ux-ink);font-size:15px;font-weight:600;
}
html[data-wwx-appearance=dark] body[data-account-view=account] section.profile-details:has(#account-reset-password)>p:empty {
 display:none;
}
html[data-wwx-appearance=dark] body[data-account-view=account] #account-view .secondary {
 min-height:42px;padding:9px 14px;border:1px solid var(--ux-control-line);border-radius:8px;
 background:var(--ux-raised);color:var(--ux-ink);font-size:13px;line-height:1.6;
}
html[data-wwx-appearance=dark] body[data-account-view=account] .profile-signout {
 grid-column:1/-1;justify-self:start;min-height:42px;margin-top:20px;padding:9px 14px;
 border-color:var(--ux-control-line);background:transparent;color:#efb0b4;font-size:13px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] :is(#company-enrollment,#account-error) {
 grid-column:1/-1;
}
html[data-wwx-appearance=dark] body[data-account-view=account] #company-enrollment {
 grid-row:1;margin-bottom:20px;padding:16px;border:1px solid var(--ux-control-line);border-radius:10px;
}
html[data-wwx-appearance=dark] body[data-account-view=account] :is(a,button,summary,input):focus-visible {
 outline:2px solid var(--ux-focus)!important;outline-offset:3px;
}
@media(hover:hover) {
 html[data-wwx-appearance=dark] body[data-account-view=account] :is(.profile-links a,.profile-details summary,.secondary):hover {
  background:var(--ux-hover);
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .profile-signout:hover {
  background:color-mix(in srgb,#efb0b4 8%,var(--ux-surface));border-color:#806166;
 }
}
@media(max-width:760px) {
 html[data-wwx-appearance=dark] body[data-account-view=account] #account-view {
  grid-template-columns:minmax(0,1fr);padding:24px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .balance {
  margin-top:22px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links {
  column-gap:12px;
 }
}
@media(max-width:680px) {
 html[data-wwx-appearance=dark] body[data-account-view=account] .site-header {
  gap:10px 12px;padding:16px 20px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .site-header>.account-top-nav {
  order:5;flex-basis:100%;justify-content:space-between;gap:4px 12px;font-size:12px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .site-header>.wwx-experience-controls {
  margin-left:auto;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .account-layout {
  margin:20px auto 40px;padding-inline:16px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] #account-view {
  padding:20px;border-radius:16px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] #account-heading {
  font-size:23px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .balance {
  gap:16px;padding:18px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .balance>div+div {
  padding-left:16px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .balance dd {
  font-size:26px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links {
  grid-template-columns:minmax(0,1fr);margin-top:20px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] #account-view .secondary,
 html[data-wwx-appearance=dark] body[data-account-view=account] .profile-signout {
  min-height:44px;
 }
}
@media(max-width:360px) {
 html[data-wwx-appearance=dark] body[data-account-view=account] #account-view {
  padding:16px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .profile-identity {
  gap:12px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] #account-heading {
  font-size:21px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .balance {
  gap:12px;padding:16px 14px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .balance>div+div {
  padding-left:12px;
 }
 html[data-wwx-appearance=dark] body[data-account-view=account] .balance dd {
  font-size:23px;
 }
}
@media(prefers-reduced-motion:reduce) {
 html[data-wwx-appearance=dark] body[data-account-view=account] .profile-links a {
  transition:none;
 }
}