/* Login und Passwort-Reset (Figma 02 Desktop · Login 10:4). Nur Tokens. */
.login-view:not([hidden]){min-height:100dvh;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + var(--space-24)) var(--space-16) calc(env(safe-area-inset-bottom,0px) + var(--space-24));background:var(--bg-canvas)}
.login-card{display:flex;flex-direction:column;gap:var(--space-16);width:min(440px,100%);padding:var(--space-32) var(--space-32) var(--space-32);border-radius:var(--radius-dialog);background:var(--bg-surface);box-shadow:inset 0 0 0 1px var(--border-default),var(--shadow-card)}
.login-card[hidden]{display:none}
.login-logo{display:block;align-self:flex-start;width:auto;height:38px;margin-bottom:var(--space-24)}
[data-theme="dark"] .login-logo{filter:brightness(0) invert(1)}
.login-card .sw-kicker{margin-bottom:calc(-1 * var(--space-8))}
.login-title{margin:0;font:var(--font-display);letter-spacing:var(--tracking-display);color:var(--text-primary)}
.login-copy{margin:0;font:var(--font-body);color:var(--text-secondary)}
.login-status{min-height:var(--space-18);margin:0;font:var(--font-small);color:var(--status-danger)}
.login-status:empty{min-height:0}
.login-action{width:100%}
@media (max-width:480px){.login-card{padding:var(--space-24) var(--space-20)}}