/* ============================================
   FORCE DARK MODE - HIDE THEME TOGGLE
   ============================================ */

html {
    color-scheme: dark !important;
}

/* Hide theme toggle button */
[data-testid="theme-toggle-button"],
.fi-topbar-item.dark\:block,
button[aria-label*="theme"],
button[aria-label*="dark"],
button[aria-label*="light"] {
    display: none !important;
}

/* ============================================
   CUSTOM FILAMENT - SIDEBAR TEXT FIX
   ============================================ */

/* CRITICAL FIX: Filament sidebar item labels */
.fi-sidebar-item-label {
    color: #1f2937 !important;
}

.dark .fi-sidebar-item-label {
    color: #e5e7eb !important;
}

/* Sidebar group labels */
.fi-sidebar-group-label {
    color: #374151 !important;
}

.dark .fi-sidebar-group-label {
    color: #d1d5db !important;
}

/* Icon colors */
.fi-sidebar-item-btn > .fi-icon,
.fi-sidebar-group-btn > .fi-icon {
    color: #6b7280 !important;
}

.dark .fi-sidebar-item-btn > .fi-icon,
.dark .fi-sidebar-group-btn > .fi-icon {
    color: #9ca3af !important;
}

/* ============================================
   BUTTONS
   ============================================ */

button,
.fi-btn {
    color: #ffffff !important;
}

button *,
.fi-btn * {
    color: #ffffff !important;
}

button span,
.fi-btn span {
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   TABLES & GENERAL
   ============================================ */

.fi-table {
    color: var(--gray-700);
}

.dark .fi-table {
    color: var(--gray-300);
}

a {
    color: var(--primary-600);
}

.dark a {
    color: var(--primary-400);
}

/* ============================================
   NOTIFICATIONS
   ============================================ */

.notification-sidebar {
    backdrop-filter: blur(10px);
}

.notification-item {
    transition: all 0.2s ease;
}

.notification-item:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.notification-unread {
    background: rgba(59, 130, 246, 0.05);
    border-left: 4px solid #3b82f6;
}

.notification-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    background: #ef4444;
    color: white;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
}

.notification-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.notification-dot-unread {
    background-color: #3b82f6;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}