/* ==========================================================================
   AnimeRadar - Dialog "Benutzernamen festlegen"
   UI Fix Run (2026-09-25): in die schwarze Modalfamilie ueberfuehrt.

   Der Dialog traegt dieselbe Klassenliste wie "Passwort aendern" und
   "Konto loeschen":

     dialog.app-dialog.ar-confirm-dialog.ld-modal.ld-confirm
       form.ar-confirm-panel
         .ar-confirm-head  (eyebrow, h2)
         .ar-confirm-body  (p, .ar-confirm-details, label.ar-input-field,
                            Hilfezeile, Statuszeile .ar-input-error)
         .ar-confirm-actions  (.ghost-action, .solid-action)

   Panel, Rahmen, Schein, Radius, Innenabstand, Eyebrow, Titel, Text,
   Hinweisfeld, Eingabefeld samt Fokus, Statuszeile, Schaltflaechen und die
   Telefonbreiten kommen vollstaendig aus material-list-modals-v2-4-237.css.
   Hier steht nur, was dort nicht vorkommt. Kein Schliesskreuz - der Dialog
   ist ein Pflichtschritt. Diese Datei aendert kein Verhalten.
   ========================================================================== */

/* Hervorhebungen im Hinweisfeld und beim Anmeldeanbieter */
dialog.ld-modal.ld-confirm .ar-username-note strong,
dialog.ld-modal.ld-confirm .ar-username-provider strong {
  color: var(--ld-text);
  font-weight: 700;
}

/* Hilfezeile unter dem Eingabefeld: kleiner und gedaempft. Die Familie setzt
   jeden direkten Absatz im Koerper mit !important auf 15,5 px - deshalb
   hier eine Klasse mehr. */
dialog.ld-modal.ld-confirm .ar-confirm-body > p.ar-username-help {
  margin-top: 8px !important;
  color: var(--ld-muted) !important;
  font-size: 13px !important;
  line-height: 18px !important;
}

/* Statuszeile wie beim Dialog "Passwort aendern": Hinweis, Fehler, Erfolg -
   nur die Farbe unterscheidet die Zustaende (data-art aus
   setUsernameSetupStatus). */
dialog.ld-modal.ld-confirm .ar-username-status {
  color: var(--ld-muted) !important;
}

dialog.ld-modal.ld-confirm .ar-username-status[data-art="err"] {
  color: var(--ld-red-soft) !important;
}

dialog.ld-modal.ld-confirm .ar-username-status[data-art="ok"] {
  color: #6fd08c !important;
}