:root,
        html[data-theme="theme-default"] {
            --bs-primary: #001F45 !important;
            --bs-primary-rgb: 0, 31, 69 !important;
        }
       
        .btn-primary {
            background-color: #001F45 !important;
            border-color: #001F45 !important;
            color: #ffffff !important;
        }

        .btn-primary:hover,
        .btn-primary:focus,
        .btn-primary:active,
        .btn-primary.active {
            background-color: #00122e !important;
            border-color: #00122e !important;
            box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 31, 69, 0.4) !important;
        }

        .btn-primary:disabled,
        .btn-primary.disabled {
            background-color: #001F45 !important;
            border-color: #001F45 !important;
            color: #ffffff !important;
            opacity: 0.7 !important; 
            background-image: none !important; 
            box-shadow: none !important;
        }

        .menu-vertical .menu-inner>.menu-item.active>.menu-link {
            background-color: #001F45 !important;
            background-image: none !important;
            color: #ffffff !important;
            box-shadow: 0px 2px 6px 0px rgba(0, 31, 69, 0.4) !important;
        }

        .menu-vertical .menu-inner>.menu-item.active>.menu-link i,
        .menu-vertical .menu-inner>.menu-item.active>.menu-link div {
            color: #ffffff !important;
        }

        .bg-label-primary {
            background-color: rgba(0, 31, 69, 0.1) !important;
            color: #001F45 !important;
        }

        .avatar-initial.bg-primary {
            background-color: #001F45 !important;
            color: #ffffff !important;
        }

        .text-primary {
            color: #001F45 !important;
        }
        a, .btn-link {
                color: #001F45 !important;
                transition: color 0.2s ease-in-out; /* Biar efek transisinya mulus */
            }

            /* Saat di-hover, ubah ke biru yang lebih pekat */
            a:hover, a:focus, 
            .btn-link:hover, .btn-link:focus {
                color: #00122e !important;
            }

            /* Target paksa khusus link yang menggunakan class text-primary */
            a.text-primary {
                color: #001F45 !important;
            }
            a.text-primary:hover, a.text-primary:focus {
                color: #00122e !important;
            }

           .menu-vertical .menu-item:not(.active) > .menu-link:hover,
            .menu-vertical .menu-item:not(.active) > .menu-link:focus {
                background-color: rgba(0, 31, 69, 0.06) !important; /* Efek kotak biru pudar transparant */
                color: #001F45 !important; /* Teks berubah biru gelap */
            }

            /* 2. Memaksa Ikon dan Teks di dalamnya ikut berubah jadi biru gelap */
            .menu-vertical .menu-item:not(.active) > .menu-link:hover .menu-icon,
            .menu-vertical .menu-item:not(.active) > .menu-link:hover div,
            .menu-vertical .menu-item:not(.active) > .menu-link:focus .menu-icon,
            .menu-vertical .menu-item:not(.active) > .menu-link:focus div {
                color: #001F45 !important;
            }

        /* 6. FORM INPUTS BORDER FOCUS (Garis biru saat mengetik) */
        .form-control:focus,
        .form-select:focus {
            border-color: #001F45 !important;
            box-shadow: 0 0 0 0.15rem rgba(0, 31, 69, 0.2) !important;
        }

        /* Khusus untuk form password (input-group-merge) di Vuexy */
        .input-group:focus-within .form-control,
        .input-group:focus-within .input-group-text {
            border-color: #001F45 !important;
        }

        .divider-primary .divider-text::before,
        .divider-primary .divider-text::after {
            border-color: #001F45 !important;
        }

/* ==========================================================
   FIX PERBAIKAN: MENGHAPUS TOTAL UNGU & MENERAPKAN BIRU KORPORAT
   ========================================================== */

/* 1. MENGATUR DASAR WRAPPER (Sama seperti sebelumnya, memastikan background bersih) */
.authentication-wrapper {
    position: relative !important;
    overflow: hidden !important;
    background-color: #f8f9fa !important; /* Latar belakang abu muda korporat bersih */
}

/* 2. ORNAMEN A: GEOMETRIC CUBE GRID (Pojok Kiri Bawah) - AGRESSIF FIX */
.authentication-wrapper::before {
    content: '' !important;
    
    /* === LANGKAH KRUSIAL: HAPUS GAMBAR SVG UNGU BAWAAN VUEXY === */
    background-image: none !important; 
    background-color: transparent !important;

    /* Pengaturan Posisi & Ukuran (Sama seperti sebelumnya) */
    position: absolute !important;
    bottom: -50px !important;
    left: -50px !important;
    width: 300px !important;
    height: 300px !important;
    z-index: -1 !important; /* Paling belakang */
    display: block !important;
    border-radius: 50% !important;
    transform: rotate(15deg) !important;

    /* === TERAPKAN POLA GRID BARU DENGAN BIRU KORPORAT (#001F45) === */
    /* Opaksitas sangat rendah agar elegan (0.03) */
    background-image: 
        linear-gradient(rgba(0, 31, 69, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 31, 69, 0.03) 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
}

/* 3. ORNAMEN B: ABSTRACT WAVE SHAPE (Pojok Kanan Atas) - AGRESSIF FIX */
.authentication-wrapper::after {
    content: '' !important;
    
    /* === LANGKAH KRUSIAL: HAPUS GAMBAR SVG UNGU BAWAAN VUEXY === */
    background-image: none !important;

    /* Pengaturan Posisi & Ukuran (Sama seperti sebelumnya) */
    position: absolute !important;
    top: -100px !important;
    right: -100px !important;
    width: 400px !important;
    height: 400px !important;
    z-index: -1 !important; /* Paling belakang */
    display: block !important;

    /* === TERAPKAN BENTUK & WARNA BARU DENGAN BIRU KORPORAT (#001F45) === */
    /* Opaksitas sangat rendah (0.02) */
    border-radius: 43% 57% 70% 30% / 30% 30% 70% 70% !important;
    background-color: rgba(0, 31, 69, 0.02) !important;
}

/* 4. PENYESUAIAN PADA TAMPILAN MOBILE (Sama seperti sebelumnya) */
@media (max-width: 576px) {
    .authentication-wrapper::before {
        width: 150px !important;
        height: 150px !important;
        bottom: -20px !important;
        left: -20px !important;
    }
    .authentication-wrapper::after {
        width: 200px !important;
        height: 200px !important;
        top: -50px !important;
        right: -50px !important;
    }
}