/* SkillAlley Inspired Theme - High Contrast Violet Fix */

/* --- GENERAL UI SOFTNESS --- */
:root {
    --fi-border-radius-md: 1rem;
    --fi-border-radius-lg: 1.5rem;
}

/* Fondo Celeste Suave (Mantenido) */
.fi-body {
    background-color: #e0f2fe !important;
    /* Sky-100 */
    background-image: linear-gradient(to bottom right, #e0f2fe, #f0f9ff);
}

/* --- SIDEBAR (Barra Lateral) --- */
/* Usuario pidió tono violeta más fuerte */
.fi-sidebar {
    background-color: #e0e7ff !important;
    /* Indigo-100 - Violeta más perceptible */
    border-right: 1px solid #a5b4fc !important;
    /* Indigo-300 */
    box-shadow: 4px 0 24px rgba(79, 70, 229, 0.15);
}

.fi-sidebar-header {
    background-color: transparent !important;
}

/* Items del menu - Estado Normal */
.fi-sidebar-item {
    border-radius: 0.75rem !important;
    margin-bottom: 4px;
    margin-right: 8px;
    /* Espacio derecho */
    margin-left: 8px;
    /* Espacio izquierdo */
}

.fi-sidebar-item:hover {
    background-color: #c7d2fe !important;
    /* Indigo-200 - Hover visible */
}

/* Etiquetas e Iconos Normales */
.fi-sidebar-item-label {
    font-weight: 600;
    color: #4338ca !important;
    /* Indigo-700 - Texto oscuro legible */
}

.fi-sidebar-item-icon {
    color: #6366f1 !important;
    /* Indigo-500 */
}

/* --- CORRECCIÓN CRITICA DE SELECCIÓN --- */
/* Problema: Texto blanco sobre fondo claro. Solución: Fondo OSCURO. */

/* Selector compuesto para mayor especificidad */
.fi-sidebar-item.fi-active,
.fi-sidebar-item-button.fi-active,
/* Filament a veces usa esto para el enlace interno */
li.fi-sidebar-item.fi-active>a {
    background-color: #4f46e5 !important;
    /* Indigo-600 - Violeta Intenso */
    box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}

/* Texto e Icono Activo */
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
li.fi-sidebar-item.fi-active>a .fi-sidebar-item-label,
li.fi-sidebar-item.fi-active>a .fi-sidebar-item-icon {
    color: #ffffff !important;
    /* Blanco Absoluto */
    font-weight: 700;
}

/* --- TARJETAS Y WIDGETS --- */
/* --- TARJETAS Y WIDGETS (Tablas y Formularios) --- */
.fi-section,
.fi-widget,
.fi-ta-ctn,
.fi-ta-content,
.fi-section-content {
    border-radius: 1.5rem !important;
    border: 1px solid rgba(255, 255, 255, 0.4) !important;
    background-color: rgba(255, 255, 255, 0.5) !important;
    /* Más transparente (50%) */
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 10px 30px -5px rgba(56, 189, 248, 0.15) !important;
}

/* Asegurar que el header y contenido interno no tengan fondo blanco solido superpuesto */
.fi-ta-header,
.fi-ta-content,
.fi-section-header {
    background-color: transparent !important;
}

/* Stats Cards */
.fi-wi-stats-overview-stat {
    border-radius: 1.5rem !important;
    background: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

/* --- BOTONES --- */
.fi-btn {
    border-radius: 0.75rem !important;
    font-weight: 600;
}

.fi-btn-primary {
    background-color: #4f46e5 !important;
    /* Indigo-600 */
    box-shadow: 0 4px 14px 0 rgba(79, 70, 229, 0.4) !important;
}

.fi-btn-primary:hover {
    background-color: #4338ca !important;
    /* Indigo-700 */
}