/* Filament Admin Panel Premium Theme */

/* Override Filament's default colors with our theme */
:root {
    --primary-50: 238 242 255;
    --primary-100: 224 231 255;
    --primary-200: 199 210 254;
    --primary-300: 165 180 252;
    --primary-400: 129 140 248;
    --primary-500: 99 102 241;
    --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;
}

/* Apply theme colors to Filament */
.fi-sidebar {
    --tw-primary-50: rgb(var(--primary-50));
    --tw-primary-100: rgb(var(--primary-100));
    --tw-primary-500: rgb(var(--primary-500));
    --tw-primary-600: rgb(var(--primary-600));
    --tw-primary-700: rgb(var(--primary-700));
}

/* Dark mode support */
.dark .fi-sidebar {
    background: var(--theme-surface) !important;
}

.dark .fi-main {
    background: var(--theme-darker) !important;
}

/* Enhanced navigation */
.fi-sidebar-nav-item {
    position: relative;
    overflow: hidden;
}

.fi-sidebar-nav-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-secondary) 100%);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.fi-sidebar-nav-item:hover::before,
.fi-sidebar-nav-item.active::before {
    transform: scaleY(1);
}

/* Premium buttons */
.fi-btn {
    position: relative;
    overflow: hidden;
}

.fi-btn::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.fi-btn:hover::after {
    width: 300px;
    height: 300px;
}