/*
 * P08-6A (AUD-072 · A4-2c): Der statische Inhalt des <style>-Elements aus
 * `resources/views/portal/password-forgot.blade.php`.
 *
 * Bis zum 10.09.2026 stand er als <style>-Element in der Ansicht. Er ist ZEICHENGLEICH
 * hierher gezogen; nur die Markenwerte, die die Vorlage frueher in die Regeln einsetzte,
 * sind zu var(--marke-*) geworden. Die Werte selbst stehen escaped im style-Attribut am
 * <html> derselben Seite — dasselbe Element, dieselbe Vererbung, derselbe Wert.
 *
 * Die Datei wird GENAU DORT eingebunden, wo das <style>-Element stand. Reihenfolge,
 * Selektoren, Spezifitaet, Media- und Print-Regeln sind unveraendert; und weil sie nur
 * diese eine Ansicht laedt, kann keine ihrer Regeln eine fremde Seite treffen.
 *
 * Es wird KEINE CSP eingeschaltet.
 */

body { margin:0; font-family:ui-sans-serif,system-ui,sans-serif; background:linear-gradient(150deg, var(--marke-primaer), var(--marke-sekundaer)); min-height:100vh; display:flex; align-items:center; justify-content:center; }
.box { background:#fff; border-radius:18px; padding:38px 40px; width:400px; box-shadow:0 24px 60px rgba(0,0,0,.28); }
/* PRODUKTMARKE-10-VON-10-1, Review-Nachzug (13.09.2026): Diese Flaeche ist ein
   PRODUKTZUGANG und fuehrt das Produkt-Lockup. 32 px ist die Mindest-Iconhoehe des
   Standards (Abschnitt 4); die frueheren 30 px galten der quadratischen Firmenwortmarke
   und lagen darunter. `width:auto` haelt das Seitenverhaeltnis 5,37:1, `max-width:100%`
   die Karte auf schmalen Flaechen. */
.box img { height:32px; width:auto; max-width:100%; margin-bottom:14px; }
h1 { font-size:19px; margin:0 0 2px; color:var(--marke-primaer); letter-spacing:-.3px; }
p.sub { color:#5b6570; font-size:13.5px; margin:0 0 20px; }
label { display:block; font-size:13px; color:#4a5560; margin:13px 0 5px; font-weight:500; }
input { width:100%; box-sizing:border-box; padding:11px 13px; border:1px solid #d5dde6; border-radius:9px; font-size:14.5px; }
button { width:100%; margin-top:22px; background:var(--marke-primaer); color:#fff; border:0; border-radius:9px; padding:12px; font-size:15px; font-weight:600; cursor:pointer; }
.fehler { background:#f7e2df; color:#7a2419; border-radius:9px; padding:10px 13px; font-size:13.5px; margin-bottom:6px; }
.ok { background:#e0efe4; color:#1d4a28; border-radius:9px; padding:10px 13px; font-size:13.5px; margin-bottom:6px; }
.fuss { text-align:center; color:#8a95a1; font-size:12px; margin-top:18px; }
.fuss a { color:inherit; }
