/* ═══════════════════════════════════════════════════════════════ */
/*              TLS ERP - Dropdown Fixes v7.0                      */
/*              يستهدف فقط fi-dropdown-panel                       */
/* ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════ */
/*         1. قائمة Filament الرسمية (User Menu)                   */
/* ═══════════════════════════════════════════════════════════════ */

/* الوضع النهاري */
.fi-dropdown-panel.bg-white {
    background-color: #ffffff !important;
}

.fi-dropdown-panel .fi-dropdown-header-label.text-gray-700 {
    color: #1f2937 !important;
}

.fi-dropdown-panel .fi-theme-switcher-btn {
    color: #6b7280 !important;
}

.fi-dropdown-panel .fi-theme-switcher-btn.fi-active {
    color: #e2a53e !important;
    background-color: rgba(226, 165, 62, 0.15) !important;
}

/* الوضع الليلي */
.dark .fi-dropdown-panel {
    background-color: #1f2937 !important;
}

.dark .fi-dropdown-panel .fi-dropdown-header-label {
    color: #f3f4f6 !important;
}

.dark .fi-dropdown-panel .fi-theme-switcher-btn {
    color: #9ca3af !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/*         2. أيقونات Topbar                                       */
/* ═══════════════════════════════════════════════════════════════ */

.fi-topbar button svg,
.fi-topbar .fi-icon-btn svg {
    color: #374151 !important;
}

.dark .fi-topbar button svg,
.dark .fi-topbar .fi-icon-btn svg {
    color: #e5e7eb !important;
}

/* ═══════════════════════════════════════════════════════════════ */
/*         3. إصلاح widget الإشعارات المخصص                        */
/* ═══════════════════════════════════════════════════════════════ */

/* الوضع النهاري - عناوين الإشعارات */
.text-gray-900 {
    color: #111827 !important;
}

.text-gray-500 {
    color: #6b7280 !important;
}

.text-gray-400 {
    color: #9ca3af !important;
}

/* الوضع الليلي */
.dark .dark\:text-white {
    color: #ffffff !important;
}

.dark .dark\:text-gray-400 {
    color: #9ca3af !important;
}

.dark .dark\:text-gray-500 {
    color: #6b7280 !important;
}

.dark .dark\:bg-gray-800 {
    background-color: #1f2937 !important;
}

.dark .dark\:bg-gray-700 {
    background-color: #374151 !important;
}

.dark .dark\:bg-gray-900\/50 {
    background-color: rgba(17, 24, 39, 0.5) !important;
}