/**
 * WhatsApp Monitor - Custom Filament Branding
 *
 * Brand Colors:
 * - Primary (Dark Blue): #0d415b
 * - Background (Light): #E6EEF2
 */

:root {
    --wm-primary: #0d415b;
    --wm-primary-light: #0f5273;
    --wm-primary-dark: #0a3349;
    --wm-background: #E6EEF2;
    --wm-background-dark: #1a1a2e;
}

/* Login/Register page background - Light mode */
.fi-simple-layout {
    background-color: var(--wm-background) !important;
    background-image: linear-gradient(135deg, var(--wm-background) 0%, #d4e2e9 100%) !important;
}

/* Login/Register page background - Dark mode */
.dark .fi-simple-layout {
    background-color: var(--wm-primary-dark) !important;
    background-image: linear-gradient(135deg, #0a3349 0%, #0d415b 50%, #0f5273 100%) !important;
}

/* Login card styling */
.fi-simple-main {
    backdrop-filter: blur(10px);
}

/* Enhance sidebar active state contrast */
.fi-sidebar-item-active {
    font-weight: 600;
}

/* Custom scrollbar for brand consistency */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--wm-background);
}

::-webkit-scrollbar-thumb {
    background: var(--wm-primary);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--wm-primary-light);
}

.dark ::-webkit-scrollbar-track {
    background: #1f2937;
}

.dark ::-webkit-scrollbar-thumb {
    background: #4b5563;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

/* Fix intl-tel-input search icon overlapping placeholder text */
.iti__search-input {
    padding-left: 30px !important;
}
[dir=rtl] .iti__search-input {
    padding-left: inherit !important;
    padding-right: 30px !important;
}