/* Bereich auth – ergänzt site.css. Keine Inline-Styles (CSP). */

.auth-card h1 { font-size: 1.35rem; text-align: center; }
.auth-card .lead { color: var(--c-muted); text-align: center; margin-bottom: 1.25rem; }
.auth-card .brand-block .brand-name { display: block; margin-top: .35rem; font-size: 1.05rem; color: #102a43; }
.auth-links { display: flex; justify-content: space-between; gap: .75rem; flex-wrap: wrap; margin-top: 1rem; font-size: .9rem; }
.auth-footer { color: rgb(255 255 255 / 70%); font-size: .82rem; margin-top: 1.25rem; text-align: center; }

.steps-indicator { display: flex; gap: .4rem; justify-content: center; list-style: none; padding: 0; margin: 0 0 1.25rem; }
.steps-indicator li { font-size: .8rem; padding: .2rem .6rem; border-radius: 999px; background: #eef2f6; color: var(--c-muted); }
.steps-indicator li.current { background: var(--c-primary); color: #fff; }
.steps-indicator li.done { background: var(--c-success-soft); color: var(--c-success); }

.mfa-option { border: 1px solid var(--c-border); border-radius: var(--radius); padding: 1rem; margin-bottom: 1rem; }
.mfa-option h2 { font-size: 1.05rem; margin-bottom: .5rem; }
.mfa-option .badge { margin-left: .35rem; vertical-align: middle; }
.manual-key { font-family: var(--mono); text-align: center; letter-spacing: .08em; background: #f8fafc; border: 1px dashed var(--c-border); padding: .4rem; border-radius: var(--radius-sm); overflow-wrap: anywhere; }

.session-list .current-session { background: var(--c-primary-soft); }
.session-agent { max-width: 38rem; overflow-wrap: anywhere; color: var(--c-muted); font-size: .85rem; }
.method-list { list-style: none; margin: 0; padding: 0; }
.method-list li { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .6rem 0; border-bottom: 1px solid var(--c-border); flex-wrap: wrap; }
.method-list li:last-child { border-bottom: 0; }
.rename-form { display: flex; gap: .4rem; align-items: center; }
.rename-form .input { width: 14rem; }