/**
 * Web4Data Auth-Skin — Betriebskonsole (Plattform-Mitarbeitende).
 *
 * 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: Hier melden sich Betreiber-Mitarbeitende an — sachlich-technisch,
 * ohne Produkt-Anmutung: neutrales Nachtschwarz, ein feines Punktraster statt
 * Deko, Monospace-Details im Fuß und eine Umgebungs-Kennung oben links (die
 * Seite trägt bewusst keinen Logo-Block; der Footer nennt die Marke). Das
 * Plattform-Violett (#581C87) bleibt schmaler Akzent: Statuskante + Hauptaktion.
 */

body {
    background: #0b0d11 !important;
}

/* Keine Farbwolken, keine Fach-Icons — Konsole statt Bühne */
.bg-canvas, .bg-icons { display: none !important; }

/* Punktraster wie Lochblech / Terminal-Matrix */
.bg-grid {
    background-image: radial-gradient(rgba(148, 163, 184, 0.10) 1px, transparent 1px) !important;
    background-size: 26px 26px !important;
}

/* Umgebungs-Kennung oben links — sachlich, versal, Monospace */
@media (min-width: 700px) {
    body::before {
        content: "web4data · betriebszugang";
        position: fixed;
        top: 26px;
        left: 30px;
        color: #8b98ab;
        font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
        font-size: 11px;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        z-index: 1;
        pointer-events: none;
    }
}

/* Karte: kompakt-nüchtern mit Violett-Statuskante */
.auth-card {
    border-radius: 12px !important;
    border-top: 3px solid var(--primary);
    box-shadow:
        0 0 0 1px rgba(148, 163, 184, 0.10),
        0 24px 56px -20px rgba(0, 0, 0, 0.7) !important;
}

/* Fußzeile im Konsolen-Ton */
.security-badge, .legal-links {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    font-size: 11px !important;
    letter-spacing: 0.3px;
}
.legal-links, .legal-links a { color: #8b98ab !important; }
.legal-links a:hover { color: #e2e8f0 !important; }