/**
 * PatData Auth-Skin — technische Präzision (Patent- und Markenrecht).
 *
 * 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: Zielgruppe sind Patent- und Markenanwältinnen — exakte Materie,
 * harte Fristen, technische Zeichnungen. Deshalb: tiefes Marken-Navy (#1B2A4A),
 * ein feines Millimeter-Raster in zwei Maßstäben statt weicher Farbwolken,
 * ein Zeichnungsblatt-Rahmen um die Bühne und eine Karte mit präziser
 * Marken-Oberkante. Ruhig, exakt, ohne Dekor-Rauschen.
 */

body {
    background:
        radial-gradient(900px 640px at 50% -10%, rgba(45, 71, 125, 0.28) 0%, rgba(27, 42, 74, 0.06) 46%, rgba(7, 10, 16, 0) 70%),
        linear-gradient(180deg, #0a101e 0%, #0c1424 55%, #080d18 100%) !important;
}

/* Keine schwebenden Farbwolken — Präzision statt Atmosphäre-Nebel */
.bg-canvas { display: none !important; }

/* Millimeter-Raster in zwei Maßstäben (fein 24px, Hauptlinie 120px) */
.bg-grid {
    background-image:
        linear-gradient(rgba(127, 163, 212, 0.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(127, 163, 212, 0.028) 1px, transparent 1px),
        linear-gradient(rgba(127, 163, 212, 0.065) 1px, transparent 1px),
        linear-gradient(90deg, rgba(127, 163, 212, 0.065) 1px, transparent 1px) !important;
    background-size: 24px 24px, 24px 24px, 120px 120px, 120px 120px !important;
}

/* Fach-Icons (Schutzrechte, Waage, Amt) nur als leiser Unterton */
.bg-icons i { color: #7fa3d4 !important; opacity: .045 !important; }

/* Zeichnungsblatt-Rahmen um die Bühne */
body::before {
    content: "";
    position: fixed;
    inset: 18px;
    border: 1px solid rgba(127, 163, 212, 0.16);
    pointer-events: none;
    z-index: 0;
}

/* Titelzeile des Blatts — klein, versal, wie ein Schriftfeld */
@media (min-width: 1100px) {
    body::after {
        content: "Schutzrechte · Fristen · Präzision";
        position: fixed;
        left: 40px;
        bottom: 34px;
        color: #9fb6d9;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
        z-index: 1;
        pointer-events: none;
    }
}

/* Kopf-Wortmarke: klare Fläche statt Verlaufstext */
.logo-text { color: #f1f5f9 !important; }
.logo-text em {
    background: none !important;
    -webkit-background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    background-clip: initial !important;
    color: #8fb3e8 !important;
}
.logo-sub { color: #94a3b8 !important; letter-spacing: 0.6px !important; }

/* Karte: präzise Kante, Marken-Oberkante als Registerlinie */
.auth-card {
    border-radius: 12px !important;
    border-top: 3px solid var(--primary);
    box-shadow:
        0 0 0 1px rgba(127, 163, 212, 0.10),
        0 24px 60px -18px rgba(0, 0, 0, 0.65) !important;
}

/* Schärfere Radien für Eingaben und Aktionen — einheitlich für ALLE Buttons */
.form-input, .btn, .code-inputs input, .method-btn { border-radius: 9px !important; }