/*
 * P08-6A (AUD-072 · A4-2c): Der statische Inhalt des <style>-Elements aus
 * `resources/views/portal/login.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 (13.09.2026): Die <h1> IST das Lockup — der Produktname steht
   im Asset und wird ueber sein alt-Attribut genau einmal angesagt. Deshalb traegt die
   Ueberschrift hier keine Schriftregel mehr, sondern nur noch den Abstand; die frueheren
   19 px Petrol galten dem Textnamen, den es an dieser Stelle nicht mehr gibt.
   34 px Iconhoehe (Mindestgroesse 32 px) ergeben 183 px in einer 400 px breiten Box mit
   40 px Innenabstand — 320 px verfuegbar. */
.box img { height:34px; width:auto; max-width:100%; display:block; margin:0; }
h1 { margin:0 0 12px; }
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; }
