/* Account pages use the shared Subspace tokens and keep their layout scoped here. */
.ss-konto-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.ss-konto-page>.ss-footer{width:100%;margin-top:auto;padding-block:var(--space-8)}
.ss-konto-page>main{flex:1 0 auto;width:100%;padding:var(--space-14) var(--gutter)}
.ss-konto-page .ss-header__inner{min-height:68px}
.ss-konto-page .ss-konto{width:min(100%,880px);margin-inline:auto}
.ss-konto-page h1,.ss-konto-page h2,.ss-konto-page h3{color:var(--text-primary);text-wrap:balance}
.ss-konto-page h1{margin:0 0 var(--space-8);font-size:clamp(34px,6vw,56px);line-height:1;letter-spacing:-.04em;font-weight:600}
.ss-konto-page h2{margin:var(--space-12) 0 var(--space-7);font-size:var(--type-h3-size);line-height:1.2;letter-spacing:var(--type-h3-ls);font-weight:600}
.ss-konto-page h3{margin:0 0 var(--space-5);font-size:var(--type-body-size);font-weight:600}
.ss-konto-page .karte h2{margin:0}
.ss-konto-page p{margin:0 0 var(--space-7)}
.ss-konto-page .augenbraue{margin:0 0 var(--space-5);font-family:var(--font-mono);font-size:var(--type-eyebrow-size);letter-spacing:var(--type-eyebrow-ls);color:var(--accent);text-transform:uppercase}
.ss-konto-page .lead{max-width:46em;color:var(--text-lead);font-size:var(--type-lead-size)}
.ss-konto-page .karte{display:flex;flex-direction:column;gap:var(--space-7);padding:var(--space-10);border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--surface-card)}
.ss-konto-page .karte>:first-child{margin-top:0}
.ss-konto-page .karte .metadaten{margin-top:0}
.ss-konto-page .konto__formular{display:grid;gap:var(--space-7);margin-top:var(--space-9)}
.ss-konto-page label{color:var(--text-primary);font-weight:600}
.ss-konto-page .konto__schalter{display:flex;align-items:center;gap:var(--space-6);padding-bottom:var(--space-7)}
.ss-konto-page .konto__schalter input{width:20px;height:20px;accent-color:var(--accent)}
.ss-konto-page input:not([type=checkbox]),.ss-konto-page select,.ss-konto-page textarea{width:100%;min-height:48px;padding:var(--space-5) var(--space-7);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-page);color:var(--text-primary);font:inherit}
.ss-konto-page textarea{min-height:250px;overflow-wrap:anywhere;white-space:pre-wrap;overflow-y:hidden;resize:vertical}
.ss-konto-page input::placeholder,.ss-konto-page textarea::placeholder{color:var(--text-label)}
.ss-konto-page input:focus-visible,.ss-konto-page select:focus-visible,.ss-konto-page textarea:focus-visible,.ss-konto-page button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ss-konto-page button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);width:max-content;max-width:100%;min-height:46px;padding:var(--space-5) var(--space-8);border:0;border-radius:var(--radius-md);background:var(--accent);color:var(--text-on-accent);font:inherit;font-weight:600;cursor:pointer;transition:color var(--dur-hover),background-color var(--dur-hover),border-color var(--dur-hover)}
.ss-konto-page button:hover{background:var(--accent-hover);color:var(--text-on-accent)}
.ss-konto-page button:disabled{opacity:.55;cursor:not-allowed}
.ss-konto-page .ss-btn--primary{background:var(--accent);color:var(--text-on-accent)}
.ss-konto-page .ss-btn--secondary,.ss-konto-page button.sekundaer{border:1px solid var(--border-default);background:transparent;color:var(--text-primary)}
.ss-konto-page .ss-btn--secondary:hover,.ss-konto-page button.sekundaer:hover{border-color:var(--accent);background:transparent;color:var(--text-primary)}
.ss-konto-page main .ss-konto a:not(.ss-btn):not(.profil-reiter a){color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.ss-konto-page main .ss-konto a:not(.ss-btn):not(.profil-reiter a):hover{color:var(--accent-hover)}
.ss-konto-page main .ss-konto a:not(.ss-btn):not(.profil-reiter a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.ss-konto-page .hinweis,.ss-konto-page [role=alert]{margin:var(--space-7) 0;padding:var(--space-7) var(--space-8);border:1px solid var(--border-accent);border-radius:var(--radius-xl);background:var(--ss-signal-tint);color:var(--text-lead)}
.ss-konto-page .konto__privacy{margin:var(--space-12) 0 0;color:var(--text-label);font-size:var(--type-caption-size)}
.ss-konto-page .konto__fehler{margin:0;color:var(--accent);overflow-wrap:anywhere}
.ss-konto-page .konto__fehler:empty,.ss-konto-page .konto__fehler[hidden]{display:none}
.ss-konto-page [data-fehler]:empty{display:none}
.ss-konto-page code{overflow-wrap:anywhere}
.ss-konto-page .metadaten{display:grid;grid-template-columns:minmax(150px,.65fr) 2fr;gap:0;margin:var(--space-9) 0 0;border-top:1px solid var(--border-subtle)}
.ss-konto-page .metadaten dt,.ss-konto-page .metadaten dd{margin:0;padding:var(--space-7) 0;border-bottom:1px solid var(--border-subtle)}
.ss-konto-page .metadaten dt{color:var(--text-secondary)}
.ss-konto-page .metadaten dd{color:var(--text-lead)}
.ss-konto-page .profil-reiter{display:flex;flex-wrap:wrap;gap:var(--space-4);max-width:100%;margin:var(--space-9) 0 var(--space-10);padding-bottom:var(--space-2)}
.ss-konto-page .profil-reiter a{flex:0 0 auto;padding:var(--space-5) var(--space-7);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary)}
.ss-konto-page .profil-reiter a[aria-current=page]{border-color:var(--border-accent);background:var(--ss-signal-tint);color:var(--text-primary)}
.ss-konto-page .konto__agenten{display:grid;gap:var(--space-7);margin:var(--space-9) 0;padding:0;list-style:none}
.ss-konto-page .konto__agenten~.karte,.ss-konto-page .konto__agenten~.konto__gefahr{margin-top:var(--space-9)}
.ss-konto-page .konto__agenten .metadaten{grid-template-columns:minmax(150px,.65fr) 2fr}
.ss-konto-page .agenten-verkehr{margin-top:var(--space-9);min-width:0}
.ss-konto-page .agenten-verkehr__hinweis,.ss-konto-page .agenten-verkehr__gegenstellen{color:var(--text-secondary);font-size:var(--type-caption-size)}
.ss-konto-page .agenten-verkehr__gegenstellen{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-9);margin:0 0 var(--space-7);padding:0;list-style:none}
.ss-konto-page .agenten-verkehr__gegenstellen li{overflow-wrap:anywhere}
.ss-konto-page .agenten-verkehr__liste{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}
.ss-konto-page .agenten-verkehr__liste li{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(70px,.6fr) minmax(90px,.8fr) minmax(65px,.5fr) minmax(100px,.8fr);gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-lead);font-size:var(--type-caption-size);min-width:0}
.ss-konto-page .agenten-verkehr__liste span,.ss-konto-page .agenten-verkehr__liste time{overflow-wrap:anywhere}
.ss-konto-page .konto__gefahr{margin-top:var(--space-10);border-color:var(--border-accent)}
.ss-konto-page .konto__gefahr form,.ss-konto-page [data-connect-content]{display:grid;gap:var(--space-7);min-width:0}
.ss-konto-page [data-connect-content]{margin-top:var(--space-7)}
.ss-konto-page [data-agent-connect] noscript{margin-top:calc(-1 * var(--space-7))}
.ss-konto-page .connect__status{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--text-secondary);font-size:var(--type-caption-size)}
.ss-konto-page .connect__cancel{width:auto;min-height:0;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}
.ss-konto-page .connect__cancel:hover{background:transparent;color:var(--accent-hover)}
.ss-konto-page .konto__legacy{margin:0}
.ss-konto-page section+section{margin-top:var(--space-9)}
.ss-konto-page .ss-konto>form{margin-top:var(--space-9)}
.ss-konto-page .konto__agenten form{margin-top:var(--space-9)}
.ss-konto-page .welcome-steps{display:flex;justify-content:flex-start;gap:var(--space-7);margin:var(--space-9) 0;padding:0;list-style:none;color:var(--text-label);font-family:var(--font-mono);font-size:var(--type-caption-size)}
.ss-konto-page .welcome-steps li[aria-current=step]{color:var(--accent)}
.ss-konto-page .startseite,.ss-konto-page .auftakt{width:100%;max-width:none;margin:0;padding:0;background:transparent}
.ss-konto-page .auftakt{border:0}
.ss-konto-page .auftakt .status{margin:0 0 var(--space-7);color:var(--accent);font-family:var(--font-mono);font-size:var(--type-label-size);letter-spacing:var(--type-label-ls)}
.ss-konto-page .auftakt .glitch{color:var(--text-primary)}
.ss-konto-page .welcome-steps+ h2{margin-top:var(--space-10)}
.ss-konto-page .welcome-frame{max-width:1180px}
@media(max-width:680px){
 .ss-konto-page>main{padding-block:var(--space-11)}
 .ss-konto-page .karte{padding:var(--space-8)}
 .ss-konto-page .metadaten,.ss-konto-page .konto__agenten .metadaten{grid-template-columns:1fr}
 .ss-konto-page .metadaten dd{padding-top:var(--space-2)}
 .ss-konto-page .metadaten dt{padding-bottom:var(--space-2);border-bottom:0}
}
@media(max-width:520px){
 .ss-konto-page .agenten-verkehr__liste li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3) var(--space-5)}
 .ss-konto-page .agenten-verkehr__liste time{grid-column:1/-1}
 .ss-konto-page .profil-reiter{margin-inline:calc(-1 * var(--space-1))}
 .ss-konto-page .welcome-steps{flex-wrap:wrap;gap:var(--space-4) var(--space-6)}
}

/* Profil: Kopf, Abschnitte, Karten, Zustandsmarken (nur Tokens) */
.ss-konto-page .profil-kopf{position:relative;margin-bottom:var(--space-11)}
.ss-konto-page .profil-kopf>*:not(.ss-hero-grid){position:relative}
.ss-konto-page .profil-kopf .ss-hero-grid{inset:calc(-1 * var(--space-14)) calc(-1 * var(--gutter)) 0;z-index:0}
.ss-konto-page .profil-kopf h1{margin-bottom:var(--space-7)}
.ss-konto-page .profil-kopf .lead{margin-bottom:0;color:var(--text-secondary)}
.ss-konto-page .profil-kopf .hinweis{margin-bottom:0}
.ss-konto-page .profil-reiter{gap:var(--space-3);margin:var(--space-10) 0 0;padding:var(--space-2);width:max-content;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-card)}
.ss-konto-page .profil-reiter a{border-color:transparent;font-family:var(--font-mono);font-size:var(--type-nav-size);transition:color var(--dur-hover),border-color var(--dur-hover),background-color var(--dur-hover)}
.ss-konto-page .profil-reiter a:hover{border-color:var(--border-default);color:var(--text-primary)}
.ss-konto-page .abschnitt-kopf{margin:0 0 var(--space-9)}
.ss-konto-page .abschnitt-kopf h2{margin:0 0 var(--space-3)}
.ss-konto-page .karte__kopf{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-7);flex-wrap:wrap}
.ss-konto-page .karte__titel{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}
.ss-konto-page .karte__titel h2{overflow-wrap:anywhere}
.ss-konto-page .karte__zweck{margin:0;max-width:46em;color:var(--text-secondary);font-size:var(--type-small-size);text-wrap:pretty}
.ss-konto-page .karte>.karte__kopf+.karte__zweck{margin-top:calc(-1 * var(--space-3))}
.ss-konto-page .karte>form{display:grid;gap:var(--space-7);margin:0}
.ss-konto-page .karte+.karte,.ss-konto-page .karte+.hinweis{margin-top:var(--space-9)}
.ss-konto-page .karte--leer{border-style:dashed;background:transparent;color:var(--text-secondary)}
.ss-konto-page .konto__agenten{margin-block:var(--space-9) 0}
.ss-konto-page .konto__agenten .karte{margin-top:0}
.ss-konto-page .konto__agenten form{margin-top:0;display:grid;gap:var(--space-7);padding-top:var(--space-7);border-top:1px solid var(--border-subtle)}
.ss-konto-page .karte--agent>.karte__kopf+.karte__zweck{margin-top:calc(-1 * var(--space-3))}
.ss-konto-page .konto__schalter{padding-bottom:0}
.ss-konto-page .marke{display:inline-flex;align-items:center;gap:var(--space-3);flex:none;padding:var(--space-2) var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--type-label-size);letter-spacing:var(--type-label-ls);text-transform:uppercase;white-space:nowrap;color:var(--text-lead)}
.ss-konto-page .marke::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ss-konto-page .marke--aktiv{border-color:var(--border-accent);background:var(--ss-signal-tint-2);color:var(--accent)}
.ss-konto-page .marke--aktiv::before{box-shadow:var(--glow-dot)}
.ss-konto-page .marke--ruhig{border-color:var(--border-subtle);color:var(--text-label)}
.ss-konto-page .metadaten{margin-top:0;border-top:0}
.ss-konto-page .metadaten dt{font-family:var(--font-mono);font-size:var(--type-label-size);letter-spacing:var(--type-label-ls);text-transform:uppercase;color:var(--text-label);display:flex;align-items:center}
.ss-konto-page .metadaten dd code{font-size:var(--type-code-size);line-height:1.5}
.ss-konto-page .metadaten dt:first-of-type,.ss-konto-page .metadaten dt:first-of-type+dd{border-top:1px solid var(--border-subtle)}
.ss-konto-page .agenten-verkehr{margin-top:0;padding-top:var(--space-7)}
.ss-konto-page .agenten-verkehr h3{margin-bottom:var(--space-3)}
.ss-konto-page .agenten-verkehr p{margin-bottom:var(--space-6)}
.ss-konto-page .agenten-verkehr__leer{padding:var(--space-7);border:1px dashed var(--border-default);border-radius:var(--radius-xl);color:var(--text-secondary);font-size:var(--type-small-size)}
.ss-konto-page .agenten-verkehr__gegenstellen li{padding:var(--space-2) var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-lead)}
.ss-konto-page .agenten-verkehr__gegenstellen{gap:var(--space-3)}
.ss-konto-page .agenten-verkehr__kopf,.ss-konto-page .agenten-verkehr__liste li{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(70px,.6fr) minmax(90px,.8fr) minmax(65px,.5fr) minmax(100px,.8fr);gap:var(--space-4)}
.ss-konto-page .agenten-verkehr__kopf{padding:0 calc(var(--space-5) + 1px) var(--space-3);font-family:var(--font-mono);font-size:var(--type-label-size);letter-spacing:var(--type-label-ls);text-transform:uppercase;color:var(--text-label)}
.ss-konto-page .agenten-verkehr__liste li{padding:var(--space-4) var(--space-5);border-color:var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-page)}
.ss-konto-page .agenten-verkehr__liste li span:nth-of-type(1){text-transform:capitalize}
.ss-konto-page .agenten-verkehr__liste li time{font-family:var(--font-mono);font-size:var(--type-label-size);color:var(--text-secondary)}
.ss-konto-page .agenten-verkehr__liste{margin-bottom:var(--space-7)}
.ss-konto-page .token-box{display:grid;gap:var(--space-7);min-width:0;padding:var(--space-8);border:1px solid var(--border-accent);border-radius:var(--radius-xl);background:var(--ss-signal-tint)}
.ss-konto-page .token-box h3{margin:0}
.ss-konto-page .token-box p{margin:0}
.ss-konto-page .token-box textarea{min-height:0;background:var(--surface-page);font-family:var(--font-mono);font-size:var(--type-code-size);line-height:1.6}
.ss-konto-page .token-box__aktionen{display:flex;align-items:center;gap:var(--space-5) var(--space-8);flex-wrap:wrap}
.ss-konto-page .connect__status{padding:var(--space-5) var(--space-7);border:0;border-left:2px solid var(--accent);background:var(--ss-signal-tint)}
.ss-konto-page .einladungen,.ss-konto-page .passkeys{display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none}
.ss-konto-page .einladungen:empty{display:none}
.ss-konto-page .einladung,.ss-konto-page .passkey{display:grid;gap:var(--space-5);padding:var(--space-8);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-page);min-width:0}
.ss-konto-page .einladung__kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap}
.ss-konto-page .einladung__fuer{display:flex;align-items:baseline;gap:var(--space-4);min-width:0;overflow-wrap:anywhere}
.ss-konto-page .einladung__fuer strong{font-family:var(--font-mono);font-weight:500;color:var(--text-primary)}
.ss-konto-page .einladung__hinweis{margin:0;color:var(--text-secondary);font-size:var(--type-small-size);max-width:46em;text-wrap:pretty}
.ss-konto-page .einladung [data-invite-result]:empty{display:none}
.ss-konto-page .einladung button{margin-top:var(--space-2)}
.ss-konto-page .passkey{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.ss-konto-page .passkey__id{display:grid;gap:var(--space-2);min-width:0}
.ss-konto-page .konto__gefahr{margin-top:var(--space-9)}
@media(max-width:680px){
 .ss-konto-page .profil-reiter{width:100%}
 .ss-konto-page .profil-reiter a{flex:1 1 auto;text-align:center}
 .ss-konto-page .einladung,.ss-konto-page .passkey{padding:var(--space-7)}
 .ss-konto-page .token-box{padding:var(--space-7)}
 .ss-konto-page .passkey{grid-template-columns:1fr}
}
@media(max-width:520px){
 .ss-konto-page .agenten-verkehr__kopf{display:none}
 .ss-konto-page .karte{padding:var(--space-7)}
}
.ss-konto-page .konto__legacy{color:var(--text-secondary);font-size:var(--type-small-size);max-width:46em}
.ss-konto-page .agenten-verkehr__liste li time{font-size:var(--type-small-size)}
.ss-konto-page .einladung button{min-height:38px;padding:var(--space-3) var(--space-7);font-size:var(--type-small-size)}
@media(max-width:520px){
 .ss-konto-page .agenten-verkehr__liste li{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3) var(--space-5)}
 .ss-konto-page .agenten-verkehr__liste time{grid-column:1/-1}
}
@media(max-width:520px){
 .ss-konto-page .profil-reiter a{flex:1 1 0;padding:var(--space-5) var(--space-2);font-size:13px;min-width:0}
}