/* ===== FILAMENT ADMIN PANEL - MODULAR CSS ===== */
/* 
 * Modular CSS structure for better maintainability
 * Each module handles specific UI components
 */

@import url('filament/theme.css?v=1.0.2');
@import url('filament/buttons.css?v=1.0.2');
@import url('filament/sidebar.css?v=1.0.2');
@import url('filament/dashboard.css?v=1.0.2');
@import url('filament/pages.css?v=1.0.2');

/* 
   HIGH SPECIFICITY OVERRIDES FOR USER MENU LOGOUT / KELUAR ITEM
   Targets both a.fi-dropdown-list-item and button.fi-dropdown-list-item inside form
*/

/* Default State (White background, red text/border) */
.fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"],
.fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"],
.fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item,
.fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: 1px solid #fecaca !important;
    color: #ef4444 !important;
    border-radius: 0.375rem !important;
    padding: 0.5rem 0.75rem !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
}

/* Hover State (Light red background, darker red text/border) */
.fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"]:hover,
.fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"]:hover,
.fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item:hover,
.fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"]:hover {
    background-color: #fef2f2 !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
}

/* Dark Mode Default State */
.dark .fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"],
.dark .fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"],
.dark .fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item,
.dark .fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"] {
    background-color: #1e293b !important;
    background: #1e293b !important;
    border-color: #7f1d1d !important;
    color: #ef4444 !important;
}

/* Dark Mode Hover State */
.dark .fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"]:hover,
.dark .fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"]:hover,
.dark .fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item:hover,
.dark .fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"]:hover {
    background-color: #450a0a !important;
    background: #450a0a !important;
    border-color: #991b1b !important;
    color: #dc2626 !important;
}

/* Force inner text, spans, and SVG icons to red (Default state) */
.fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"] *,
.fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"] *,
.fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item *,
.fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"] *,
.fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"] svg,
.fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"] svg,
.fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item svg,
.fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"] svg {
    color: #ef4444 !important;
}

/* Force inner text, spans, and SVG icons to darker red (Hover state) */
.fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"]:hover *,
.fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"]:hover *,
.fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item:hover *,
.fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"]:hover *,
.fi-dropdown-panel .fi-dropdown-list .fi-dropdown-list-item[href*="logout"]:hover svg,
.fi-dropdown-panel .fi-dropdown-list a.fi-dropdown-list-item[href*="logout"]:hover svg,
.fi-dropdown-panel .fi-dropdown-list form[action*="logout"] button.fi-dropdown-list-item:hover svg,
.fi-dropdown-panel .fi-dropdown-list button.fi-dropdown-list-item[type="submit"]:hover svg {
    color: #dc2626 !important;
}