/* ── Login background ─────────────────────────────────────────────────────
   Scoped to Filament's simple (auth) pages only, so it styles the sign-in /
   password-reset screens without touching the rest of the app. Works in both
   light and dark themes (keyed on Filament's `.dark` class, which follows the
   system preference and any manual choice). Loaded via a <link> in each panel
   provider's HEAD_END render hook. */

.fi-simple-layout {
    min-height: 100vh;
    background:
        url('../images/login-lineart.svg') left top / 340px 340px repeat,
        radial-gradient(1100px 620px at 12% -12%, rgba(66, 99, 235, .28), transparent 60%),
        radial-gradient(880px 520px at 112% 114%, rgba(245, 197, 66, .20), transparent 55%),
        linear-gradient(160deg, #eef2ff 0%, #f6f8ff 45%, #e8eeff 100%);
}

.dark .fi-simple-layout {
    background:
        url('../images/login-lineart-dark.svg') left top / 340px 340px repeat,
        radial-gradient(1100px 620px at 12% -12%, rgba(66, 99, 235, .30), transparent 60%),
        radial-gradient(880px 520px at 112% 114%, rgba(47, 73, 196, .24), transparent 55%),
        linear-gradient(160deg, #0a1024 0%, #0b1330 45%, #0a1024 100%);
}

/* Lift the card off the background a little. */
.fi-simple-layout .fi-simple-main {
    box-shadow: 0 24px 60px -24px rgba(23, 37, 84, .45);
    border-radius: 1rem;
}
.dark .fi-simple-layout .fi-simple-main {
    box-shadow: 0 24px 60px -24px rgba(0, 0, 0, .6);
}

/* enlarge the sign-in logo */
.fi-simple-header img,
.fi-simple-header .fi-logo,
.fi-simple-header .fi-logo img {
    height: 12rem !important;
    max-height: 12rem !important;
    width: auto !important;
    margin-inline: auto !important;
}