/* ============================================
   RSM THEME - BOTONES ACTIVOS SIDEBAR Y ACCIONES
   ============================================ */

/* Botón del sidebar activo - fondo azul - sobreescribiendo variables Tailwind */
.fi-sidebar-item.fi-active .fi-sidebar-item-button.bg-gray-100,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button.bg-gray-100 {
    --tw-bg-opacity: 1 !important;
    background-color: #019aa6 !important;
    background: rgb(0 149 214 / var(--tw-bg-opacity, 1)) !important;
}

/* Botón activo modo dark */
.fi-sidebar-item.fi-active .fi-sidebar-item-button.dark\:bg-white\/5,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button.dark\:bg-white\/5 {
    background-color: #019aa6 !important;
    background: #019aa6 !important;
}

/* Hover del botón activo - azul más oscuro */
.fi-sidebar-item.fi-active .fi-sidebar-item-button.bg-gray-100:hover,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button.bg-gray-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: #017a84 !important;
    background: rgb(0 120 184 / var(--tw-bg-opacity, 1)) !important;
}

/* Hover modo dark */
.fi-sidebar-item.fi-active .fi-sidebar-item-button.dark\:bg-white\/5:hover,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button.dark\:bg-white\/5:hover {
    background-color: #016268 !important;
    background: #016268 !important;
}

/* Texto e iconos del botón activo en blanco - ENFOQUE AGRESIVO GLOBAL */

/* Definir variables de color blanco a nivel del botón activo */
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button {
    --primary-600: 255 255 255 !important;
    --primary-400: 255 255 255 !important;
    --tw-text-opacity: 1 !important;
}

/* Forzar texto blanco usando todas las técnicas posibles */
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button .text-primary-600,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button .dark\:text-primary-400,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button svg,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button span,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button .fi-sidebar-item-icon,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button .fi-sidebar-item-label {
    --primary-600: 255 255 255 !important;
    --primary-400: 255 255 255 !important;
    --tw-text-opacity: 1 !important;
    color: white !important;
    background-color: transparent !important; /* Evitar que afecte al fondo */
    text-shadow: 0 0 1px rgba(0,0,0,0.5) !important; /* Sombra para legibilidad */
}

/* También para hover */
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button:hover {
    --primary-600: 255 255 255 !important;
    --primary-400: 255 255 255 !important;
    --tw-text-opacity: 1 !important;
}

.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button:hover .text-primary-600,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button:hover .dark\:text-primary-400,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button:hover svg,
.fi-sidebar-item[aria-current="page"] .fi-sidebar-item-button:hover span {
    --primary-600: 255 255 255 !important;
    --primary-400: 255 255 255 !important;
    --tw-text-opacity: 1 !important;
    color: white !important;
    background-color: transparent !important;
    text-shadow: 0 0 1px rgba(0,0,0,0.5) !important;
}

/* Último recurso - selectores específicos por elemento */
.fi-sidebar-item.fi-active .text-primary-600,
.fi-sidebar-item.fi-active .dark\:text-primary-400,
.fi-sidebar-item.fi-active svg,
.fi-sidebar-item.fi-active span {
    color: white !important;
    --primary-600: 255 255 255 !important;
    --primary-400: 255 255 255 !important;
    --tw-text-opacity: 1 !important;
}

/* ============================================
   BOTONES DE ACCIONES EN TABLAS - ESTILOS COMPACTOS
   ============================================ */

/* Contenedor de acciones - más compacto */
.fi-ta-actions {
    gap: 0.5rem !important;
}

/* Botones de acciones - estilo compacto */
.fi-ta-actions .fi-link {
    padding: 0.25rem 0.5rem !important;
    border-radius: 0.375rem !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    min-height: 1.75rem !important;
    transition: all 0.15s ease !important;
    border: 1px solid transparent !important;
}

/* Botón Edit (Primary) - azul claro */
.fi-ta-actions .fi-link.fi-color-primary {
    background-color: #e0f7ff !important;
    color: #00619c !important;
    border-color: #b3edff !important;
}

.fi-ta-actions .fi-link.fi-color-primary:hover {
    background-color: #b3edff !important;
    color: #017a84 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 1px 3px rgba(0, 149, 214, 0.2) !important;
}

/* Botón Delete (Danger) - rojo claro */
.fi-ta-actions .fi-link.fi-color-danger {
    background-color: #fee2e2 !important;
    color: #dc2626 !important;
    border-color: #fecaca !important;
}

.fi-ta-actions .fi-link.fi-color-danger:hover {
    background-color: #fecaca !important;
    color: #b91c1c !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 1px 3px rgba(220, 38, 38, 0.2) !important;
}

/* Botón Estado (Info) - azul muy claro */
.fi-ta-actions .fi-link.fi-color-info {
    background-color: #f0f9ff !important;
    color: #0369a1 !important;
    border-color: #dbeafe !important;
}

.fi-ta-actions .fi-link.fi-color-info:hover {
    background-color: #dbeafe !important;
    color: #075985 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 1px 3px rgba(3, 105, 161, 0.2) !important;
}

/* Botón View (Gray) - gris muy claro */
.fi-ta-actions .fi-link.fi-color-gray {
    background-color: #f8fafc !important;
    color: #64748b !important;
    border-color: #e2e8f0 !important;
}

.fi-ta-actions .fi-link.fi-color-gray:hover {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 1px 3px rgba(100, 116, 139, 0.2) !important;
}

/* Iconos de los botones - más pequeños */
.fi-ta-actions .fi-link-icon {
    width: 0.875rem !important;
    height: 0.875rem !important;
}

/* Textos de los botones - más compactos */
.fi-ta-actions .fi-link span {
    font-size: 0.625rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.025em !important;
}

/* Eliminar subrayado en hover */
.fi-ta-actions .fi-link.group-hover\/link .group-hover\/link\:underline {
    text-decoration: none !important;
}

.fi-simple-main-ctn.flex.w-full.flex-grow.items-center.justify-center {
    background-image: url("/images/background/bk-login-d.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
}

/* Asegurar que el formulario sea visible sobre el fondo */
.fi-simple-main-ctn.flex.w-full.flex-grow.items-center.justify-center::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255 255 255 / 0%);
    backdrop-filter: blur(1px);
    z-index: 0;
}
                    
/* Elevar el contenido sobre el fondo */
.fi-simple-main-ctn .fi-simple-page {
    position: relative;
    z-index: 1;
}