/*
 * SKND brand restyle for Filament's auth pages (login, password reset).
 *
 * Scoped to .fi-simple-layout, which Filament only ever uses for those
 * "simple" pages — the main dashboard/resource screens use a different
 * layout entirely — so this can't leak onto the rest of the admin panel.
 *
 * Loaded via PanelsRenderHook::STYLES_AFTER in AdminPanelProvider, after
 * Filament's own compiled Tailwind CSS, so these rules win the cascade on
 * equal specificity without needing !important everywhere. The background
 * override is the one exception: it's !important on purpose, as a
 * belt-and-braces against Tailwind's dark: variants (this is one fixed
 * brand look, not something that should flip with the visitor's system
 * dark-mode preference).
 *
 * This file is a plain static asset (not run through Vite) — same
 * convention as Filament's own published public/css/filament/*, and
 * consistent with how this project's actual site styling (resources/css/
 * app.css) is hand-written CSS rather than Tailwind utilities.
 */

.fi-simple-layout {
    background: radial-gradient(1100px 700px at 6% 0%, rgba(79, 70, 229, 0.25), transparent 60%) #14213D !important;
    min-height: 100vh;
}

/* The login card itself. */
.fi-simple-main {
    border-radius: 16px !important;
    box-shadow:
        0 20px 50px -12px rgba(16, 21, 43, 0.45),
        0 4px 12px rgba(16, 21, 43, 0.12) !important;
}

/* Filament's own <x-filament-panels::logo /> component (see
   AdminPanelProvider's ->brandLogo()) already renders the same logo file
   used in the public site's navbar — this just keeps it from crowding the
   "Sign in" heading right below it. */
.fi-simple-header .fi-logo {
    margin-inline: auto;
    margin-bottom: 1.25rem;
}

/* Sign-in button: brand indigo, darker on hover, with a soft indigo glow.
   The panel's color is already configured to this same indigo (see
   AdminPanelProvider's ->colors()), so this mostly pins the exact values
   the brief asked for rather than overriding a mismatched default. */
.fi-simple-main .fi-btn.fi-color-primary {
    background-color: #4F46E5;
    border-radius: 9px;
    box-shadow: 0 8px 20px -4px rgba(79, 70, 229, 0.45);
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.fi-simple-main .fi-btn.fi-color-primary:hover {
    background-color: #4338CA;
    box-shadow: 0 10px 24px -4px rgba(79, 70, 229, 0.55);
}

/* Email/password/remember-me fields: the rounded-corners-plus-light-border
   look here is the border-radius (the gray tone itself is Filament's own
   default ring color already) — pinning the exact radius the brief asked
   for, on the wrapper that actually carries it (not the bare <input>,
   which Filament deliberately leaves borderless/transparent). */
.fi-simple-main .fi-input-wrp {
    border-radius: 8px;
}