@if(request()->routeIs('filament.admin.auth.login'))

<style>
    /* === BAGIAN 1: BACKGROUND === */
    html, body {
        background: url('{{ asset("images/bg-login.jpg") }}') no-repeat center center fixed !important;
        background-size: cover !important;
        background-color: transparent !important;
    }

    /* Hilangkan background bawaan HANYA saat login */
    .fi-body, .fi-layout, .fi-simple-layout, .bg-white, .bg-gray-50, .bg-gray-950 {
        background-color: transparent !important;
        background-image: none !important;
    }

    /* === BAGIAN 2: KOTAK LOGIN TRANSPARAN === */
    .fi-simple-main {
        background-color: rgba(255, 255, 255, 0.15) !important; 
        backdrop-filter: blur(3px) !important; 
        -webkit-backdrop-filter: blur(3px) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 20px !important;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1) !important;
    }

    /* === BAGIAN 3: TEXT WARNA PUTIH (Hanya di Login) === */
    h1, h2, span, label, .fi-simple-header-heading {
        color: #ffffff !important;
        text-shadow: 0px 2px 4px rgba(0,0,0, 0.8) !important;
    }
    
    input {
        background-color: rgba(255, 255, 255, 0.9) !important;
        color: black !important;
    }
    
    button[type="submit"] {
        background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
    }
</style>

@endif