/* Fix for Apps Dropdown Button Turning White */
.navbar .dropdown-toggle {
    background-color: rgba(255, 255, 255, 0.1) !important; /* Keeps it dark */
    border: none !important;
    color: white !important; /* Ensures text stays visible */
}

.navbar .dropdown-toggle:hover,
.navbar .dropdown-toggle:focus,
.navbar .dropdown-toggle:active {
    background-color: rgba(255, 255, 255, 0.2) !important; /* Slight change */
    color: white !important;
}

/* Fix for Logout Button Hover */
.btn-danger {
    background-color: #e74c3c !important; /* Original Red */
    border: none !important;
    color: white !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background-color: #c0392b !important; /* Slightly darker red */
    color: white !important;
}

/* Fix Dropdown Items Hover Background */
.dropdown-menu-dark .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1) !important; /* Lighter hover */
}

.toast.bg-warning {
    background-color: #f1c40f !important; /* brighter yellow */
    color: #000 !important;               /* black text for contrast */
}

.toast.bg-warning .toast-body {
    color: #000 !important;
}

.toast.bg-warning .btn-close {
    filter: invert(1); /* makes close button visible on light background */
}