/* Kundenlogin #334: zentriertes Logo über schmaler Formularkarte. Nur auf der Loginseite geladen. */
body.public:has(.login) header .brand { visibility:hidden; }
main:has(> .login) > .error,
main:has(> .login) > .notice { max-width:420px; margin-inline:auto; }

.login { max-width:420px; margin:clamp(8px,4vh,48px) auto 0; container-type:inline-size; }

/* Schutzraum laut brand/README.md: 20 von 144 Symboleinheiten (bei 360px Breite rund 12px). */
.login-logo { display:block; width:min(100%,360px); margin:0 auto var(--ui-section-gap); padding:12px; border-radius:12px; }
.login-logo img { display:block; width:100%; height:auto; }
.login-logo-compact { display:none; }
:root[data-theme=dark] .login-logo-light,
:root:not([data-theme=dark]) .login-logo-dark { display:none; }

/* Unter der empfohlenen Mindestbreite der Sloganfassung (330px) die kompakte Wortmarke verwenden. */
@container (max-width:359px) {
  .login-logo { width:min(100%,244px); }
  .login-logo-full { display:none; }
  .login-logo-compact { display:block; }
}

.login-card { margin:0; }
.login-card h1 { font-size:1.5rem; letter-spacing:-.02em; margin-bottom:4px; }
.login-hint { color:var(--muted); margin-bottom:0; }