/* Account family: task-oriented surfaces, intentionally denser than the homepage.
   All selectors scoped. Auth/account business controllers and IDs are unchanged. */
.sr-account-area main.acct-shell {grid-template-columns:184px minmax(0,1fr);gap:44px;max-width:1344px;padding-top:44px;}
.sr-account-area .acct-side-title {font-family:var(--font-sans);font-size:10px;letter-spacing:.09em;border-radius:0;}
.sr-account-area .acct-side-link {font-weight:500;letter-spacing:0;text-transform:none;}
.sr-account-area .acct-side-link.active {border-left-width:2px;}
.sr-account-area .acct-body :is(h1,.hero h1) {font-size:32px;font-weight:550;line-height:1.2;letter-spacing:-.04em;color:var(--fg);margin:0 0 14px;}
.sr-account-area .acct-body header.hero {margin-bottom:30px;}
.sr-account-area .acct-body :is(.preline,.cursor) {display:none;}
.sr-account-area :is(.lead,.hint,.footnote,.tokens-intro,.field-note,.empty-note,.keynotice,.notice) {font-family:var(--font-sans);letter-spacing:0;line-height:1.7;}
.sr-account-area :is(.panel,.key-card,.balance-card,.analytics,.usage-panel,.tokens-panel,.topup-card,.keys-card,.usage-card,.channel-card,.linkbox,.howto,.detail) {border-radius:10px;border-color:var(--border);box-shadow:none;background:var(--panel-bg);}
.sr-account-area :is(.balance-card,.topup-card,.keys-card,.usage-card) {padding:26px;margin-bottom:24px;}
.sr-account-area :is(.balance-card,.topup-card,.keys-card,.usage-card,.usage-panel,.tokens-panel)::before {font-family:var(--font-sans);letter-spacing:.03em;content:none;}
.sr-account-area .balance-card {padding:30px 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px;align-items:center;}
.sr-account-area .balance-card :is(.label,.value) {font-family:var(--font-sans);letter-spacing:0;font-variant-numeric:tabular-nums;}
.sr-account-area .balance-card .label {font-size:12px;text-transform:none;color:var(--fg-muted);}
.sr-account-area .balance-card .stat.primary .value {font-size:42px;font-weight:500;letter-spacing:-.05em;}
.sr-account-area .balance-card .stat.secondary .value {font-size:22px;font-weight:500;}
.sr-account-area :is(.stats,.stat-strip) {gap:12px;}
.sr-account-area :is(.stats,.stat-strip) .stat {border-radius:8px;padding:20px;background:var(--panel-bg);border:1px solid var(--border);min-width:0;}
.sr-account-area .stat :is(.k,.v,.stat-sub) {font-family:var(--font-sans);letter-spacing:0;font-variant-numeric:tabular-nums;}
.sr-account-area .stat .k {font-size:11px;text-transform:none;color:var(--fg-muted);line-height:1.5;}
.sr-account-area .stat .v {font-size:25px;font-weight:550;letter-spacing:-.04em;line-height:1.5;overflow-wrap:anywhere;}
.sr-account-area .stat .stat-sub {font-size:11px;line-height:1.6;}
.sr-account-area :is(.button.primary,.submit) {color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);}
.sr-account-area :is(.button,.term-btn,.submit,.oauth-btn,.copy-snippet,.tab,.seg button) {min-height:44px;border-radius:6px;letter-spacing:0;font-family:var(--font-sans);font-size:13px;}
.sr-account-area :is(.button,.term-btn,.oauth-btn):hover {border-color:var(--accent);}
.sr-account-area :is(.revoke,.link-btn) {min-height:36px;font-family:var(--font-sans);}
.sr-account-area .revoke {color:var(--error);border-color:var(--error);}
.sr-account-area :is(.seg,.tabs,.toolbar,.crypto-row,.meta-line) {flex-wrap:wrap;gap:8px;}
.sr-account-area .seg {border-radius:6px;max-width:100%;}
.sr-account-area .seg button.on {background:var(--accent-tint);color:var(--accent);}
.sr-account-area :is(.channel-card,.crypto-form,.empty-state,.gate,.keynotice,.notice,.howto) {padding:20px;}
.sr-account-area .channel-card {min-height:94px;}
.sr-account-area .channel-card.disabled {opacity:1;background:var(--bg-elevated-2);color:var(--fg-muted);}
.sr-account-area .channel-card.disabled :is(.logo,.desc,.name,.badge) {color:var(--fg-muted);}
.sr-account-area .channel-card .badge {font-family:var(--font-sans);letter-spacing:.03em;border-radius:4px;}
.sr-account-area .crypto-form {border:1px solid var(--border);border-radius:8px;background:var(--panel-bg);}
.sr-account-area :is(.crypto-row input,.term-input,.field input) {border:1px solid var(--border-strong);padding:11px 13px;}
.sr-account-area .crypto-row input {flex:1 1 220px;min-width:0;}
.sr-account-area :is(.lbl,.label,.section-title,.panel-head,.ttl,.tokens-head,.meta-grid,.device-detail,.counts) {font-family:var(--font-sans);letter-spacing:0;}
.sr-account-area :is(.tbl,.audit-table,table) {font-family:var(--font-sans);}
.sr-account-area :is(td,th) {padding:13px 12px;line-height:1.6;}
.sr-account-area :is(.num,.right,.value) {font-variant-numeric:tabular-nums;}
.sr-account-area .device-icon {border-radius:8px;background:var(--bg-elevated-2);}
.sr-account-area .device-card {border-bottom-style:solid;}
.sr-account-area .device-token .token {font-family:var(--font-mono);}
.sr-account-area .modal-backdrop {padding:20px;overflow-y:auto;}
.sr-account-area .modal {max-width:560px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:28px;}
.sr-account-area :is(.modal-actions,.secret-row,.limits-row,.token-row,.tokens-head) {flex-wrap:wrap;gap:10px;}
.sr-account-area :is(.secret-block,.token-prefix,.prefix,.howto code) {overflow-wrap:anywhere;}
.sr-account-area .snippet-wrap {min-width:0;}
.sr-account-area .usage-panel pre {padding:20px;margin-block:16px;}
.sr-account-area .bd-layout {min-width:0;}
.sr-account-area .bd-tablewrap {min-width:0;max-width:100%;overflow-x:auto;}
.sr-auth.sr-account-area main {max-width:544px!important;}
.sr-auth.sr-account-area .hero h1 {font-size:40px!important;line-height:1.16;}
.sr-auth.sr-account-area .hero .preline {display:none;}
.sr-auth.sr-account-area header.hero {margin-bottom:28px;}
.sr-auth.sr-account-area .hero p {font-size:15px;line-height:1.7;}
.sr-auth.sr-account-area form.term-form {padding:30px;}
.sr-auth.sr-account-area .field {margin-bottom:20px;}
.sr-auth.sr-account-area label {font-size:13px;font-weight:500;color:var(--fg);}
.sr-auth.sr-account-area .submit {width:100%;min-height:48px;margin-top:8px;font-weight:500;}
.sr-auth.sr-account-area .alt {font-family:var(--font-sans);font-size:13px;color:var(--fg-muted);line-height:1.7;}
.sr-auth.sr-account-area .forgot-link {font-family:var(--font-sans);font-size:13px;}
.sr-auth.sr-account-area .term-input {width:100%;min-height:48px;}
.sr-auth.sr-account-area .oauth-btn {background:var(--panel-bg);border-color:var(--border);}
.sr-providers main {max-width:1120px;}
.sr-providers .hero h1 {font-size:clamp(34px,4.5vw,56px);max-width:780px;}
.sr-providers .hero .sub {max-width:68ch;}
.sr-providers :is(.pill,.step,.step-card,.feature-card) {border-radius:8px;}
@media(max-width:1000px){.sr-account-area main.acct-shell{grid-template-columns:160px minmax(0,1fr);gap:28px;}.sr-account-area .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:860px){.sr-account-area main.acct-shell{grid-template-columns:minmax(0,1fr);padding-top:28px;gap:24px;}.sr-account-area .acct-side-title{display:none;}.sr-account-area .acct-side{gap:4px;padding-bottom:14px;}.sr-account-area .acct-side-link{padding:9px 12px;}.sr-account-area .acct-body header.hero{margin-bottom:24px;}}
@media(max-width:600px){.sr-account-area .acct-body :is(h1,.hero h1){font-size:29px;}.sr-account-area :is(.panel,.balance-card,.topup-card,.keys-card,.usage-card,.analytics,.usage-panel,.tokens-panel){padding:20px;}.sr-account-area .balance-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}.sr-account-area .balance-card .stat.primary{grid-column:1/-1;}.sr-account-area .balance-card .stat.primary .value{font-size:38px;}.sr-account-area .balance-card .stat.secondary .value{font-size:19px;}.sr-account-area :is(.stats,.stat-strip){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.sr-account-area :is(.stats,.stat-strip) .stat{padding:14px;}.sr-account-area .stat .v{font-size:22px;}.sr-account-area .channel-grid{grid-template-columns:minmax(0,1fr);}.sr-account-area .bd-layout{display:flex;flex-direction:column;}.sr-account-area .device-card{flex-wrap:wrap;}.sr-account-area .device-actions{width:100%;}.sr-account-area .modal{padding:20px;}.sr-auth.sr-account-area .hero h1{font-size:34px!important;}.sr-auth.sr-account-area form.term-form{padding:22px;}.sr-account-area .linkbox .row{flex-wrap:wrap;}.sr-account-area .linkbox code{overflow-wrap:anywhere;min-width:0;}.sr-account-area .howto code{white-space:normal;}.sr-account-area .controls{gap:16px;}.sr-account-area .seg button{padding-inline:10px;}}
/* Plain semantic card titles replace historical pseudo-element notches. */
.sr-account-area.sr-credits :is(.balance-card,.topup-card,.keys-card,.usage-card) {padding-top:26px!important;}
.sr-account-area .account-card-title {font-size:16px;font-weight:550;letter-spacing:-.02em;color:var(--fg);margin:0 0 18px;}
.sr-account-area.sr-usage .stat-strip {grid-template-columns:repeat(4,minmax(0,1fr));}
.sr-account-area .crypto-form .hint {color:var(--fg-muted);font-size:12px;line-height:1.65;}
.sr-account-area :is(.ocard,.err,.gate,.empty-state) {border-radius:8px;}
@media(max-width:1000px){.sr-account-area.sr-usage .stat-strip{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.sr-account-area.sr-credits :is(.balance-card,.topup-card,.keys-card,.usage-card){padding-top:20px!important;}.sr-account-area .account-card-title{font-size:15px;}}
.sr-account-area .connect-head {display:block;font:500 13px var(--font-sans);color:var(--fg);text-transform:none;letter-spacing:0;margin-bottom:8px;}
.sr-account-area .connect-input {font-family:var(--font-sans);}
.sr-account-area .term-btn {text-transform:none;font-weight:500;}
.sr-account-area #password-form {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:440px;}
.sr-account-area #password-form input {width:100%;margin:0 0 8px;}
.sr-account-area .account-field-label {font-size:12px;color:var(--fg-muted);}
.sr-account-area #pw-submit {justify-self:start;margin-top:4px;}
@media(max-width:600px){.sr-account-area :is(#ep-name,#ep-email){width:100%;max-width:none;margin-bottom:8px;}.sr-account-area :is(#ep-name-submit,#ep-email-submit){margin-bottom:4px;}}
.sr-auth.sr-account-area .hex-banner {display:none;}
