/* The account uses the workspace shell and the settings page's form scale. */
.account-workspace{--muted:#7a8286}
.account-workspace #account-root{max-width:none;margin:0;padding:0;font-size:14px;line-height:1.6}
.account-workspace .account-heading{margin:18px 0 30px}
.account-workspace .account-heading h1{margin:12px 0;font-size:42px;font-weight:620;line-height:1.17;letter-spacing:-1.5px}
.account-workspace .account-heading .eyebrow{font-size:10px;letter-spacing:1.8px;line-height:normal;margin-bottom:18px}
.account-workspace .account-identity{display:flex;flex-wrap:wrap;gap:4px 12px;color:#65747b;font-size:13px;line-height:1.7;margin-top:14px;overflow-wrap:anywhere}
.account-workspace .account-identity span+span::before{content:'·';margin-right:12px;color:#9ca6aa}
.account-workspace .account-workspace-switch{max-width:480px;margin:0 0 24px}
.account-workspace .account-tabs{margin:0 0 26px;gap:4px;padding-bottom:12px}
.account-workspace .account-tabs button{min-height:44px;line-height:1.5;font-size:14px;padding:11px 15px}
.account-workspace .account-tabs button:hover{color:#cf472f}
.account-workspace [data-account-panel]{margin:0;min-width:0}
.account-workspace .public-card{padding:28px;margin:0 0 20px;border:1px solid #e1e6e8;border-radius:18px;background:white;box-shadow:none}
.account-workspace .public-card h2{font-size:22px;line-height:1.35;font-weight:650;letter-spacing:-.5px;margin:0 0 16px}
.account-workspace .public-card>.muted{margin:0 0 24px}
.account-workspace .account-balance-main{display:flex;align-items:center;justify-content:space-between;gap:24px}
.account-workspace .account-balance-main>.primary{flex-shrink:0}
.account-workspace .account-balance-main .eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:10px}
.account-workspace .account-stat{display:flex;align-items:baseline;gap:10px;font-size:48px;line-height:1.15;font-variant-numeric:tabular-nums;margin:0 0 10px}
.account-workspace .account-stat>span{font-size:15px}
.account-workspace .account-balance-main p{margin:0}
.account-workspace .account-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;margin:24px 0}
.account-workspace .account-plan{padding:22px;gap:12px;min-height:168px}
.account-workspace .account-plan strong{min-height:0;font-size:16px;line-height:1.5}
.account-workspace .account-plan-price{margin-top:8px;font-size:30px;line-height:1.25;font-variant-numeric:tabular-nums}
.account-workspace .account-plan small{font-size:13px;margin-top:auto}
.account-workspace .account-plan:disabled{color:#53636c;background:#f8fafb}
.account-workspace .account-plan-grid:has(> :nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
.account-workspace .account-topup{display:grid;gap:18px;padding:20px 22px;border:1px solid #e6d5cf;border-radius:14px;background:#fffaf8;margin:-4px 0 24px}
.account-workspace .account-topup-copy{display:flex;flex-direction:column;gap:3px}
.account-workspace .account-topup-copy strong{font-size:16px;line-height:1.4}
.account-workspace .account-topup-copy span,.account-workspace .account-topup-total small{color:#65747b;font-size:13px;line-height:1.5}
.account-workspace .account-topup-controls{display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr) auto;align-items:end;gap:14px}
.account-workspace .account-topup-controls label{font-size:12px}
.account-workspace .account-topup-controls input{height:46px;margin-top:7px}
.account-workspace .account-topup-total{display:flex;flex-direction:column;gap:1px;padding-bottom:2px;font-variant-numeric:tabular-nums}
.account-workspace .account-topup-total strong{font-size:17px;line-height:1.3}
.account-workspace #bank-topup-label small{display:block;margin-top:8px;color:#65747b;font-variant-numeric:tabular-nums}
.account-workspace .account-inline-note{margin:16px 0 0;font-size:13px;line-height:1.65;padding:12px 16px}
.account-workspace .primary,.account-workspace .secondary{min-height:46px;white-space:normal;font-size:14px;line-height:1.5;border-radius:10px}
.account-workspace .account-details>summary{min-height:56px;font-size:14px;padding:16px 0}
.account-workspace .account-details[open]>summary{margin-bottom:6px}
.account-workspace .account-details form{max-width:640px;margin:10px 0 12px}
.account-workspace .account-dashboard form{display:grid;gap:20px}
.account-workspace .account-details form>button{margin-top:4px}
.account-workspace #account-panel-support form{max-width:720px}
.account-workspace #account-panel-support textarea{min-height:160px}
.account-workspace .account-member{padding:16px 0;min-height:72px}
.account-workspace .account-company{margin-top:18px}
.account-workspace #invite-form{max-width:640px;padding-top:8px}
.account-workspace #bank-form{max-width:720px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.account-workspace #bank-form h3,.account-workspace #bank-form>p,.account-workspace #bank-form>button,.account-workspace #bank-form>label:nth-of-type(-n+2){grid-column:1/-1}
.account-workspace #account-message{margin:0 0 22px;font-size:14px;line-height:1.6}
.account-workspace .account-check input{width:18px;height:18px;min-height:18px}
.account-workspace #account-history{overflow:auto;flex:1}
.account-workspace .main-footer{align-items:center;gap:16px}
.account-workspace .main-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.account-workspace .main-footer a:hover{color:#cf472f}

@media(max-width:1000px) and (min-width:761px){
  .account-workspace .account-plan{padding:16px}
  .account-workspace .account-plan-grid{gap:12px}
  .account-workspace .account-plan-price{font-size:26px}
}
@media(max-width:760px){
  .account-workspace .account-heading h1{font-size:32px;letter-spacing:-1px}
  .account-workspace .account-heading{margin:8px 0 24px}
  .account-workspace .account-identity{font-size:13px;gap:2px 10px}
  .account-workspace .account-identity span+span::before{margin-right:10px}
  .account-workspace .account-tabs{flex-wrap:nowrap;overflow-x:auto;gap:2px;padding:4px 2px 12px;scrollbar-width:thin}
  .account-workspace .account-tabs button{flex-shrink:0;padding:10px 12px;font-size:13px}
  .account-workspace .public-card{padding:20px}
  .account-workspace .public-card h2{font-size:20px}
  .account-workspace #account-history{display:block;max-height:240px}
  .account-workspace #account-history .history-item{width:100%;max-width:none;min-width:0}
  .account-workspace .sidebar .settings-nav{min-height:42px;flex:1;justify-content:center;font-size:12px;gap:8px}
  .account-workspace #account-shell-current,.account-workspace #account-shell-settings{flex:1 1 calc(50% - 6px)}
  .account-workspace #account-history .history-empty{display:block;padding:12px 4px}
  .account-workspace .sidebar .new-recording{font-size:12px;min-height:42px;display:flex;align-items:center}
  .account-workspace .main-footer{flex-wrap:wrap;align-items:flex-start;font-size:11px;line-height:1.6}
  .account-workspace .main-footer nav{gap:10px 16px}
}
@media(max-width:600px){
  .account-workspace .account-balance-main{align-items:flex-start;flex-direction:column;gap:20px}
  .account-workspace .account-stat{font-size:42px;gap:8px}
  .account-workspace .account-plan-grid,.account-workspace .account-plan-grid:has(> :nth-child(4)){grid-template-columns:minmax(0,1fr)}
  .account-workspace .account-plan{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;align-items:center;padding:18px;gap:8px 12px}
  .account-workspace .account-plan-price{margin:0;font-size:25px}
  .account-workspace .account-plan small{grid-column:1/-1}
  .account-workspace .account-topup{padding:18px}
  .account-workspace .account-topup-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .account-workspace .account-topup-controls button{grid-column:1/-1;width:100%}
  .account-workspace .account-actions>button{width:100%}
  .account-workspace #bank-form{grid-template-columns:minmax(0,1fr);padding:18px}
  .account-workspace #sessions p{align-items:flex-start;flex-direction:column}
  .account-workspace .account-identity span:first-child{flex-basis:100%}
  .account-workspace .account-identity span:nth-child(2)::before{display:none}
}