/* ==========================================================================
   AnimeRadar - Dialog "Passwort aendern"
   V2.4.287 angelegt, V2.4.299 in die schwarze Modalfamilie ueberfuehrt.

   Der Dialog traegt seit V2.4.299 exakt dieselbe Klassenliste wie der
   Dialog "Konto loeschen", der als visuelle Vorlage dient:

     dialog.app-dialog.ar-confirm-dialog.ld-modal.ld-confirm
       form.ar-confirm-panel
         .ar-confirm-head  (eyebrow, h2, .ar-confirm-x)
         .ar-confirm-body  (label.ar-input-field > span + input, .ar-input-error)
         .ar-confirm-actions  (.ghost-action, .solid-action)

   Panel, Rahmen, Schein, Radius, Innenabstand, Eyebrow, Titel,
   Schliesskreuz, Beschriftungen, Eingabefelder samt Fokus, Fehlerzeile,
   Schaltflaechen und die Telefonbreiten kommen damit vollstaendig aus
   material-list-modals-v2-4-237.css - derselben Datei, die auch den
   Vorlagendialog gestaltet. Hier steht nur noch, was dort nicht vorkommt.

   Warum es davor roetlich aussah: bis V2.4.298 fehlte die Variante
   'ld-modal ld-confirm'. Ohne sie greifen die aelteren Regeln fuer
   .ar-confirm-* aus styles-v2-4-141.css und material-redesign-v2-4-194.css,
   und die sind burgunderfarben. Es lag also nicht an fehlenden Overrides,
   sondern an der falschen Modalfamilie.

   Diese Datei aendert kein Verhalten.
   ========================================================================== */

/* Das Feld fuer den Bestaetigungscode erscheint erst, wenn Supabase eine
   frische Bestaetigung verlangt. Die Familie setzt .ar-input-field auf
   display: block, deshalb hier eine Klasse mehr. */
dialog.ld-modal.ld-confirm .ar-password-nonce.is-hidden {
  display: none;
}

/* --------------------------------------------------------------------------
   Statuszeile
   --------------------------------------------------------------------------
   Sie sitzt auf .ar-input-error und erbt von dort Platz, Groesse und
   Zeilenhoehe. Anders als ein reiner Fehlertext hat sie drei Zustaende:
   Hinweis vor der Eingabe, Fehler und Erfolg. Nur die Farbe unterscheidet
   sie.

   Gleiche Spezifitaet wie die Regel der Familie und dieselbe Gewichtung -
   dieses Blatt laedt spaeter und gewinnt dadurch. Absichtlich kein
   zusaetzlicher Selektorballast. */
dialog.ld-modal.ld-confirm .ar-password-status {
  color: var(--ld-muted) !important;
}

dialog.ld-modal.ld-confirm .ar-password-status[data-art="err"] {
  color: var(--ld-red-soft) !important;
}

dialog.ld-modal.ld-confirm .ar-password-status[data-art="ok"] {
  color: #6fd08c !important;
}
