/* masdemas Passwort-Maske, HELLE Fassung. NICHT aendern, nur kopieren.
   Das ist die Fassung in unseren eigenen Farben: Creme-Hintergrund, weisser
   Kasten, Brand-Orange als Knopf. Sie ist der Normalfall fuer alle hellen
   Seiten: Kurse, Uebersichten, Entwurfs-Vorschauen, Praesentationen.

   Logo dazu: masdemas-logo-dunkel.svg aus ../logo/ (dunkel).
   Dunkles Logo braucht diesen hellen Kasten.

   Die dunkle Fassung (overlay.css) nur fuer die dunklen Report- und
   Dashboard-Seiten mit weissem Logo verwenden.

   Farbwerte sind bewusst fest eingetragen, damit die Datei ohne das
   Theme des Zielprojekts funktioniert.

   Schrift ebenfalls fest (seit 14.09.2026): Systemschrift. Vorher erbte die
   Maske die Schrift der Seite, auf einer Website mit Serifen-Ueberschriften
   stand "Vertrauliche Vorschau" dadurch in Serifenschrift. h2 und p setzen
   die Schrift ausdruecklich, weil viele Seiten sie direkt auf h2 und p legen. */

#pw-overlay{position:fixed;inset:0;background:#f7f2eb;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
#pw-overlay.hidden{display:none}
#pw-box{background:#ffffff;border:1px solid #d8cdbb;border-radius:16px;padding:2.5rem;text-align:center;max-width:380px;width:100%;box-shadow:0 24px 60px -28px rgba(28,24,20,.35)}
#pw-logo{margin-bottom:.5rem;display:flex;justify-content:center}
#pw-logo img{height:28px;width:auto}
#pw-tagline{font-size:.72rem;color:#6b6255;text-transform:uppercase;letter-spacing:.08em;margin-bottom:2rem}
#pw-box h2{font-family:inherit;font-size:1.1rem;font-weight:700;line-height:1.15;color:#000000;margin:0 0 .4rem;letter-spacing:-.01em;hyphens:manual}
#pw-box p{font-family:inherit;color:#4a4238;font-size:.9rem;margin-bottom:1.75rem;line-height:1.6}
#pw-input{width:100%;padding:.7rem 1rem;border-radius:8px;border:1px solid #d8cdbb;background:#f7f2eb;color:#000000;font-size:.95rem;margin-bottom:.75rem;box-sizing:border-box;font-family:inherit;outline:none;transition:border-color .2s}
#pw-input:focus{border-color:#f59e0b}
#pw-input::placeholder{color:#8b8172}
#pw-btn{width:100%;padding:.75rem;border-radius:8px;border:none;background:#f59e0b;color:#1a1a1a;font-size:.9rem;cursor:pointer;font-weight:700;font-family:inherit;transition:opacity .15s}
#pw-btn:hover{opacity:.88}
#pw-error{color:#c0392b;font-size:.82rem;margin-top:.75rem;display:none}