/* Anmeldung, Zugang, Passwort-Reset und Einstellungen (js/konto.js) */
#konto-panel { margin-bottom: var(--sp-4); }
#konto-panel .btn, .konto-seite .btn { width: 100%; }
.konto-seite .btn.btn-inline, #konto-panel .btn.btn-inline { width: auto; }
.k-fehler { color: var(--color-red-600, #b3261e); font-size: var(--fs-14); margin: 0 0 var(--sp-3); }
.k-ok { color: var(--color-green-600, #1d6b3a); font-size: var(--fs-14); margin: 0 0 var(--sp-3); }
.k-link { background: none; border: 0; padding: 0; color: var(--color-ink); opacity: .8; font: inherit; font-size: var(--fs-14); cursor: pointer; text-decoration: underline; }
.k-link:hover { opacity: 1; }
.k-zeile { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-3); margin: var(--sp-3) 0 var(--sp-4); flex-wrap: wrap; }
.k-oder { text-align: center; font-size: var(--fs-12); color: var(--color-ink-faint); margin: var(--sp-4) 0; }
.k-demo-toggle { margin-top: var(--sp-5); padding-top: var(--sp-4); border-top: 1px solid var(--color-border); text-align: center; }
#konto-demo { margin-top: var(--sp-4); }
.konto-seite .card { max-width: 640px; }
.k-anm { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-3); padding: var(--sp-3) 0; border-top: 1px solid var(--color-border); }
.k-anm:first-of-type { border-top: 0; }
.k-anm strong { display: block; font-size: var(--fs-14); }
.k-anm span { font-size: var(--fs-12); color: var(--color-ink-faint); }
.k-anm .btn { width: auto; flex-shrink: 0; }