/* Campate Admin Premium Theme Customization */

/* Sidebar glassmorphism & micro-animations */
.fi-sidebar {
    backdrop-filter: blur(12px) saturate(180%);
    background-color: rgba(255, 255, 255, 0.75) !important;
    border-right: 1px solid rgba(228, 232, 240, 0.8) !important;
}

.dark .fi-sidebar {
    background-color: rgba(15, 18, 34, 0.8) !important; /* using ink-950 color */
    border-right: 1px solid rgba(47, 51, 80, 0.4) !important;
}

.fi-sidebar-item {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.fi-sidebar-item:hover {
    transform: translateX(4px);
}

/* Re-style cards, tables, and sections with modern shadows & rounding */
.fi-section, 
.fi-ta-ctn {
    border-radius: 0.75rem !important;
    box-shadow: 0 10px 15px -3px rgba(27, 31, 59, 0.03), 0 4px 6px -4px rgba(27, 31, 59, 0.03) !important;
    border: 1px solid rgba(200, 206, 224, 0.4) !important;
    overflow: hidden;
}

.dark .fi-section, 
.dark .fi-ta-ctn {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.2) !important;
    border: 1px solid rgba(47, 51, 80, 0.6) !important;
}

/* Modals glassmorphic backing overlay */
.fi-modal-window {
    border-radius: 1rem !important;
    border: 1px solid rgba(200, 206, 224, 0.5) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}

.dark .fi-modal-window {
    border: 1px solid rgba(47, 51, 80, 0.8) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

/* Refine form fields focus ring and input borders */
.fi-fo-text-input input,
.fi-fo-select select,
.fi-fo-textarea textarea {
    border-radius: 0.5rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Premium College Switcher badge look */
.college-switcher button {
    transition: transform 0.2s ease, filter 0.2s ease;
}

.college-switcher button:hover {
    transform: scale(1.02);
    filter: brightness(1.05);
}

.college-switcher .fi-badge {
    padding: 0.375rem 0.75rem !important;
    font-size: 0.875rem !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
}