/**
 * NotData Auth-Skin — amtliche Zurückhaltung (Notarinnen und Notare).
 *
 * Mechanik: reines Präsentations-Layer über dem gemeinsamen Funktionskern
 * (login.php / forgot-password.php laden public/assets/css/auth-skin-<slug>.css
 * automatisch). Formulare, Buttons, View-Transitions bleiben unberührt.
 *
 * Gestaltung: Beurkundung und Amt — bewusst das formellste Blatt der Familie.
 * Keine Animation, keine Hintergrund-Icons, keine Farbwolken: ein stilles,
 * helles Blatt, eine Urkunden-Doppellinie über der Karte, Serifen-Wortmarke
 * mit Kapitälchen-Unterzeile. Die Markenfarbe (#92400E, Amber aus dem
 * offiziellen Logo-Verlauf) trägt nur Siegel-Akzente und die Hauptaktion.
 */

body {
    background: #f6f4f1 !important;
}

/* Vollständige Ruhe: keine Bühne, kein Raster, keine schwebenden Icons */
.bg-canvas, .bg-grid, .bg-icons { display: none !important; }

/* Auch der Einblend-Effekt entfällt — die Seite steht einfach da */
.login-wrapper, .page-wrapper { animation: none !important; }

/* Wortmarke wie ein Amtsschild: Serife, Kapitälchen-Unterzeile, Doppellinie */
.logo-text {
    font-family: Georgia, 'Times New Roman', serif !important;
    color: #1c1917 !important;
    letter-spacing: 0.5px !important;
}
.logo-text em {
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    background-clip: initial !important;
    color: #92400e !important;
}
.logo-sub {
    color: #6f675d !important;
    font-variant: all-small-caps;
    letter-spacing: 1.6px !important;
    font-size: 13px !important;
}
.logo-area::after {
    content: "";
    display: block;
    width: 64px;
    margin: 12px auto 0;
    border-top: 3px double #92400e;
}

/* Karte: nüchtern, Hairline statt Schatten-Drama, formale Radien */
.auth-card {
    border-radius: 10px !important;
    border: 1px solid #ddd6cc;
    box-shadow: 0 2px 14px rgba(41, 37, 36, 0.06) !important;
}
.card-header h1 {
    font-family: Georgia, 'Times New Roman', serif !important;
    letter-spacing: 0.2px !important;
}

/* Einheitlich ruhige Radien — gilt für ALLE Buttons gleichermaßen */
.form-input, .btn, .code-inputs input, .method-btn { border-radius: 8px !important; }

/* Footer auf hellem Grund lesbar halten */
.security-badge {
    background: #edeae4 !important;
    border: 1px solid #ddd6cc !important;
    color: #57534e !important;
}
.legal-links, .legal-links a { color: #6f675d !important; }
.legal-links a:hover { color: #1c1917 !important; }
