/* =============================================
   Anmeldung & Nutzerverwaltung (#213)
   ============================================= */

/* ---- Nutzerverwaltung (Admin) ---- */
.auth-nv-email   { font-size: 12px; color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth-nv-badges  { display: flex; gap: 4px; flex-wrap: wrap; justify-content: flex-end; }
.auth-nv-feld    { margin-bottom: 12px; }
.auth-nv-feld input[type="text"], .auth-nv-feld input[type="email"] { margin-bottom: 0; }
.auth-nv-label   { font-size: 12px; color: #888; margin-bottom: 5px; font-weight: 500; }
.auth-nv-rolle   { display: flex; align-items: center; gap: 10px; padding: 6px 0; cursor: pointer; }
.auth-nv-rolle input { width: 18px; height: 18px; min-width: 18px; margin: 0; padding: 0; cursor: pointer; accent-color: #185FA5; }
.auth-nv-hinweis { font-size: 13px; color: #5f6b7a; margin: 0 0 12px; }
.auth-nv-aktionen { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; }
.auth-nv-loeschen { color: #993C1D; }
.auth-nv-loeschbox { display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid #f0c9bd; background: #FAECE7; border-radius: 8px; font-size: 13px; }

/* ---- Anmeldung ---- */
.auth-schritt     { margin-top: 20px; }
.auth-schritt .form-box input { margin-bottom: 12px; }
.auth-label       { display: block; font-size: 12px; color: #888; margin-bottom: 5px; font-weight: 500; }
.auth-btn         { width: 100%; margin-top: 4px; }
.auth-link        { display: block; width: 100%; margin-top: 12px; background: none; border: 0; color: #185FA5; font-size: 14px; cursor: pointer; padding: 6px; }
.auth-links       { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin-top: 12px; }
.auth-links .auth-link { width: auto; margin-top: 0; padding: 6px 0; white-space: nowrap; }
.auth-hinweis     { font-size: 12px; color: #888; text-align: center; margin-top: 8px; }
.auth-titel       { font-size: 17px; font-weight: 600; margin-bottom: 8px; }
.auth-text        { font-size: 14px; color: #3d4753; margin-bottom: 12px; line-height: 1.45; }
.auth-liste       { padding-left: 18px; }
.auth-code-feld   { font-size: 24px; letter-spacing: 8px; text-align: center; font-family: 'Courier New', monospace; }
.auth-qr          { display: flex; justify-content: center; margin: 8px 0 12px; }
.auth-qr img      { background: #fff; padding: 8px; border: 1px solid #e3e6ea; }
.auth-geheimnis   { word-break: break-all; user-select: all; }
.auth-regeln      { list-style: none; padding: 0; margin: 0 0 12px; font-size: 13px; }
.auth-regeln li   { padding: 2px 0 2px 22px; position: relative; color: #888; }
.auth-regeln li::before { content: '•'; position: absolute; left: 6px; }
.auth-regeln li.ok { color: #3B6D11; }
.auth-regeln li.ok::before { content: '✓'; left: 4px; }
.auth-regeln li.fehler { color: #993C1D; }
.auth-regeln li.fehler::before { content: '✗'; left: 4px; }