/* theme.css - Menyimpan CSS Overrides untuk Tema Neo-Brutalism */

/* Terapkan transisi halus saat berganti tema */
html, body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* === NEO-BRUTALISM THEME OVERRIDES === */
[data-theme="neo"] {
    background-color: #FFE600 !important; 
    color: #000000 !important;
}

[data-theme="neo"] body,
[data-theme="neo"] .bg-slate-950 {
    background-color: #ffffd9 !important; /* Mobile is paper yellow */
    background-image: none !important; /* Hilangkan gradient bawaan Tailwind */
}

/* Container utama (sebelumnya abu-abu transparan) menjadi putih solid */
[data-theme="neo"] .bg-slate-900\/50,
[data-theme="neo"] .bg-slate-900\/60 {
    background-color: #ffffd9 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

@media (min-width: 640px) {
    [data-theme="neo"] body,
    [data-theme="neo"] .bg-slate-950 {
        background-color: #FFE600 !important; /* Kuning neo-brutalism di layar besar */
    }
    
    [data-theme="neo"] .bg-slate-900\/50,
    [data-theme="neo"] .bg-slate-900\/60 {
        border-left: 4px solid #000000 !important;
        border-right: 4px solid #000000 !important;
        box-shadow: 8px 0px 0px #000000 !important;
    }
}

/* --- Typografi --- */
[data-theme="neo"] .text-slate-100,
[data-theme="neo"] .text-slate-200,
[data-theme="neo"] .text-slate-300,
[data-theme="neo"] .text-white {
    color: #000000 !important;
}

[data-theme="neo"] .text-slate-400,
[data-theme="neo"] .text-slate-500 {
    color: #000000 !important; 
    font-weight: 700;
}

[data-theme="neo"] .text-indigo-400 {
    color: #6366F1 !important; 
    font-weight: 700;
}

[data-theme="neo"] .text-emerald-400 { color: #00E699 !important; font-weight: 700; }
[data-theme="neo"] .text-rose-400 { color: #FF6B6B !important; font-weight: 700; }
[data-theme="neo"] .text-teal-400 { color: #00B8D9 !important; font-weight: 700; }
[data-theme="neo"] .text-amber-400 { color: #FF9E00 !important; font-weight: 700; }

/* --- Kotak & Latar Belakang (Cards) --- */
/* Override elemen yang sebelumnya glassmorphism transparan */
[data-theme="neo"] .bg-white\/\[0\.01\],
[data-theme="neo"] .bg-white\/\[0\.02\],
[data-theme="neo"] .bg-white\/\[0\.03\],
[data-theme="neo"] .bg-white\/5 {
    background-color: #ffffff !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
    backdrop-filter: none !important;
}

/* Hover effect untuk Card */
[data-theme="neo"] .hover\:bg-white\/\[0\.04\]:hover,
[data-theme="neo"] .hover\:bg-white\/\[0\.05\]:hover {
    background-color: #fff6d9 !important; /* Kuning pastel saat dihover */
    transform: translate(-2px, -2px) !important;
    box-shadow: 6px 6px 0px 0px #000000 !important;
}

/* --- Input Fields & Select Dropdowns --- */
[data-theme="neo"] input.bg-white\/\[0\.02\],
[data-theme="neo"] select.bg-white\/\[0\.02\],
[data-theme="neo"] input.bg-slate-900,
[data-theme="neo"] select.bg-slate-900,
[data-theme="neo"] .bg-slate-900 {
    background-color: #ffffff !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
    color: #000000 !important;
    font-weight: 600;
}
[data-theme="neo"] input.bg-white\/\[0\.02\]:focus,
[data-theme="neo"] select.bg-white\/\[0\.02\]:focus,
[data-theme="neo"] input.bg-slate-900:focus,
[data-theme="neo"] select.bg-slate-900:focus,
[data-theme="neo"] .bg-slate-900:focus {
    background-color: #e0f2fe !important; /* Biru terang saat fokus */
    box-shadow: 6px 6px 0px 0px #000000 !important;
    outline: none !important;
    border-color: #000000 !important;
}
/* Autocomplete & Badges & Progress Bar Bg */
[data-theme="neo"] .bg-slate-800 {
    background-color: #e2e8f0 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #000000 !important;
}
[data-theme="neo"] .no-brutal-shadow {
    box-shadow: none !important;
    border: 1px solid #000000 !important;
    transform: none !important;
}
[data-theme="neo"] option {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* --- Buttons & Icons (Solid & Gradients) --- */
/* Tombol gradient ungu/indigo kita ganti jadi Mint Green brutalism */
[data-theme="neo"] .bg-gradient-to-r.from-indigo-500.to-violet-600,
[data-theme="neo"] .bg-gradient-to-tr.from-indigo-500.to-violet-600,
[data-theme="neo"] .bg-indigo-500 {
    background: #00E699 !important; /* Mint Green */
    color: #000000 !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Laporan Icon */
[data-theme="neo"] .bg-gradient-to-tr.from-amber-500.to-orange-600 {
    background: #FF9E00 !important; /* Vibrant Orange */
    color: #000000 !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
}

/* Setelan Icon */
[data-theme="neo"] header .bg-slate-800,
[data-theme="neo"] header .bg-gradient-to-tr {
    background: #ffffff !important;
    color: #000000 !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
}

/* Logout Button */
[data-theme="neo"] .bg-white\/\[0\.04\] {
    background-color: #ffffff !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 3px 3px 0px 0px #000000 !important;
    color: #000000 !important;
}
[data-theme="neo"] a.bg-white\/\[0\.04\]:hover {
    background-color: #FF6B6B !important; /* Coral Red hover */
    color: #000000 !important;
    transform: translate(-2px, -2px) !important;
    box-shadow: 5px 5px 0px 0px #000000 !important;
}

[data-theme="neo"] button:active,
[data-theme="neo"] a.bg-gradient-to-r:active {
    transform: translate(4px, 4px) !important;
    box-shadow: 0px 0px 0px 0px #000000 !important;
}

/* Tombol sukses (Emerald/Hijau) */
[data-theme="neo"] .bg-emerald-500 {
    background: #00E699 !important; /* Mint Green */
    color: #000000 !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Tombol bahaya (Rose/Merah) */
[data-theme="neo"] .bg-rose-500 {
    background: #FF6B6B !important; /* Coral Red */
    color: #000000 !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Tombol tabungan (Teal) */
[data-theme="neo"] .bg-teal-500 {
    background: #00B8D9 !important; /* Teal */
    color: #000000 !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* Tombol Tolak Tipis */
[data-theme="neo"] .neo-btn-tolak {
    background-color: #FF6B6B !important; /* Coral Red solid */
    color: #000000 !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 2px 2px 0px 0px #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
[data-theme="neo"] .neo-btn-tolak:active {
    transform: translate(2px, 2px) !important;
    box-shadow: 0px 0px 0px 0px #000000 !important;
}

/* --- Ikon Latar Belakang (Kotak kecil warna-warni) --- */
[data-theme="neo"] .bg-emerald-500\/10 {
    background-color: #00E699 !important;
    border: 2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}
[data-theme="neo"] .bg-rose-500\/10 {
    background-color: #FF6B6B !important;
    border: 2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}
[data-theme="neo"] .bg-teal-500\/10 {
    background-color: #00B8D9 !important;
    border: 2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}
[data-theme="neo"] .bg-amber-500\/10 {
    background-color: #FF9E00 !important;
    border: 2px solid #000000 !important;
    border-radius: 0 !important;
    color: #000000 !important;
}

/* --- Info/Alert Box (Amber) --- */
[data-theme="neo"] .bg-amber-500\/5 {
    background-color: #FF9E00 !important; /* Vibrant Orange */
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 4px 4px 0px 0px #000000 !important;
}
[data-theme="neo"] .text-amber-300 {
    color: #000000 !important;
    font-weight: 700 !important;
}
[data-theme="neo"] .border-amber-500\/20 {
    border-color: #000000 !important;
}

/* --- Navigasi Bawah & Modal (Latar belakang gelap jadi terang) --- */
[data-theme="neo"] .bg-slate-900\/90,
[data-theme="neo"] .bg-slate-900\/95 {
    background-color: #ffffd9 !important;
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    box-shadow: 0px -4px 0px 0px #000000 !important;
}

/* --- Bottom Navigation Items --- */
[data-theme="neo"] nav a {
    padding: 6px 16px;
    border: 3px solid transparent; 
    border-radius: 0 !important;
    transition: all 0.2s ease-in-out;
}
[data-theme="neo"] nav a.text-indigo-400 {
    background-color: #FFE600 !important; /* Active item color */
    border-color: #000000 !important;
    box-shadow: 3px 3px 0px 0px #000000 !important;
    color: #000000 !important;
    transform: translate(-3px, -3px) !important;
}
[data-theme="neo"] nav a.text-slate-400 {
    color: #000000 !important;
}
[data-theme="neo"] nav a.text-slate-400:hover {
    background-color: #00E699 !important; /* Hover color */
    border-color: #000000 !important;
    box-shadow: 3px 3px 0px 0px #000000 !important;
    transform: translate(-3px, -3px) !important;
}

/* --- Card Saldo Utama --- */
[data-theme="neo"] .bg-gradient-to-br.from-indigo-600.to-violet-700 {
    background: #00E699 !important; /* Mint Green */
    border: 3px solid #000000 !important;
    border-radius: 0 !important;
    box-shadow: 6px 6px 0px 0px #000000 !important;
}
[data-theme="neo"] .text-indigo-100\/70,
[data-theme="neo"] .text-indigo-100\/80,
[data-theme="neo"] .text-indigo-200\/60,
[data-theme="neo"] .text-indigo-200\/80,
[data-theme="neo"] .text-emerald-300,
[data-theme="neo"] .text-rose-300,
[data-theme="neo"] .text-teal-300 {
    color: #000000 !important;
    font-weight: 800 !important;
}
[data-theme="neo"] .neo-border-black {
    background-color: #000000 !important;
    height: 2px !important;
}

/* Hilangkan Blur efek yang tersisa */
[data-theme="neo"] .backdrop-blur-xl,
[data-theme="neo"] .backdrop-blur-2xl,
[data-theme="neo"] .backdrop-blur-3xl {
    backdrop-filter: none !important;
}

/* --- Background Image Pattern (Ganti jadi polkadot neo brutalism) --- */
[data-theme="neo"] .bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/stardust\.png\'\)\] {
    background-image: radial-gradient(#000000 1px, transparent 1px) !important;
    background-size: 20px 20px !important;
    opacity: 0.1 !important;
}

/* --- Miscellaneous Overrides --- */
[data-theme="neo"] .border-white\/5,
[data-theme="neo"] .border-white\/10 {
    border-color: #000000 !important;
}
[data-theme="neo"] .rounded-xl,
[data-theme="neo"] .rounded-2xl,
[data-theme="neo"] .rounded-3xl,
[data-theme="neo"] .rounded-full,
[data-theme="neo"] .rounded-lg {
    border-radius: 0 !important;
}