/* Filament Custom Theme for KiaiApp */

:root {
    --primary-50: 239, 246, 255;
    --primary-100: 219, 234, 254;
    --primary-200: 191, 219, 254;
    --primary-300: 147, 197, 253;
    --primary-400: 96, 165, 250;
    --primary-500: 80, 72, 229; /* #5048e5 */
    --primary-600: 79, 70, 229;
    --primary-700: 67, 56, 202;
    --primary-800: 55, 48, 163;
    --primary-900: 49, 46, 129;
    --primary-950: 30, 27, 75;
}

.fi-sidebar {
    background: #ffffff !important;
}

.dark .fi-sidebar {
    background: #121121 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.fi-main-ctn {
    background: #f6f6f8 !important;
}

.dark .fi-main-ctn {
    background: #121121 !important;
}

/* Glassmorphism Effect */
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat-ctn {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 1rem !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}

.dark .fi-section, .dark .fi-ta-ctn, .dark .fi-wi-stats-overview-stat-ctn {
    background: rgba(30, 41, 59, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Header Glassmorphism */
.fi-topbar {
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.dark .fi-topbar {
    background: rgba(18, 17, 33, 0.7) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Buttons and Inputs */
.fi-btn, .fi-input {
    border-radius: 0.75rem !important;
}

.fi-sidebar-item-button {
    border-radius: 0.75rem !important;
    margin: 0.25rem 0.75rem !important;
}

.fi-sidebar-item-active .fi-sidebar-item-button {
    background: var(--primary-500) !important;
    color: white !important;
    box-shadow: 0 10px 15px -3px rgba(80, 72, 229, 0.25) !important;
}
