/* السطور دي مش هتشتغل إلا لو الـ body واخد كلاس light-mode */

.light-mode {
    background-color: #f3f4f6 !important;
    background-image: radial-gradient(at 0% 0%, rgba(6, 182, 212, 0.05) 0px, transparent 50%) !important;
    color: #111827 !important;
}

.light-mode .bg-zinc-900, 
.light-mode .bg-zinc-900\/40,
.light-mode .glass-card {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
}

.light-mode h1, 
.light-mode h2, 
.light-mode h3, 
.light-mode p, 
.light-mode span, 
.light-mode .text-white {
    color: #111827 !important;
}

.light-mode input {
    background-color: #f9fafb !important;
    color: #000000 !important;
    border: 1px solid #d1d5db !important;
}

.light-mode #transaction-modal .bg-zinc-900 {
    background-color: #ffffff !important;
}
.light-mode span[id^="bar"] {
    background-color: #000000 !important; /* الشرط تبقى سوداء في اللايت مود */
}

.light-mode #side-menu {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.light-mode #side-menu button {
    color: #000000 !important;
    border-color: rgba(0, 0, 0, 0.05) !important;
}