@charset "UTF-8";
/* ==========================================================================
   PROMED OVERRIDES - Tema Moderno Verde Médico
   Este archivo sobreescribe los estilos de main.css de forma segura
   ========================================================================== */

/* 1. Cambio de paleta (De Cyan a Verde Médico) */
.theme-cyan .navbar { 
    background-color: #ffffff !important; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.theme-cyan .navbar-brand { 
    color: #2E7D32 !important; 
    font-weight: 700;
}
.theme-cyan .bars { 
    color: #2E7D32 !important; 
}
.theme-cyan .navbar .nav > li > a i { 
    color: #555 !important; 
}

/* La barra de color superior de fondo */
.theme-cyan .color-bg { 
    background: linear-gradient(45deg, #2E7D32, #4CAF50) !important; 
}

/* Menú lateral activo */
.theme-cyan .sidebar .menu .list li.active { 
    background-color: rgba(76, 175, 80, 0.08) !important; 
    border-left: 4px solid #4CAF50;
}
.theme-cyan .sidebar .menu .list li.active > :first-child i, 
.theme-cyan .sidebar .menu .list li.active > :first-child span { 
    color: #4CAF50 !important; 
}

/* 2. Fondo del usuario en el sidebar (Imagen médica con filtro verde) */
.theme-cyan .sidebar .user-info {
    background: linear-gradient(rgba(46, 125, 50, 0.9), rgba(27, 94, 32, 0.9)), 
                url('https://images.unsplash.com/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=400&q=80') center/cover !important;
}

.theme-cyan .sidebar .user-info .admin-image img {
    border: 3px solid rgba(255,255,255,0.4);
}

/* 3. Modernización de componentes (Bordes y sombras suaves) */
.card {
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border: none !important;
}

.card .header {
    /*border-bottom: 1px solid #f0f0f0;*/
}

.btn {
    border-radius: 6px !important;
}

/* Botones con clase 'g-bg-cyan' ahora serán verdes */
.g-bg-cyan {
    background: linear-gradient(45deg, #2E7D32, #4CAF50) !important;
    color: #fff !important;
}

/* Corrección para el texto de búsqueda (placeholder) en la barra superior */
.morphsearch-input::placeholder {
    color: #777777 !important;
    opacity: 1 !important; /* Evita que los navegadores le apliquen transparencia extra */
}

/* Soporte para navegadores específicos */
.morphsearch-input::-webkit-input-placeholder {
    color: #777777 !important;
}
.morphsearch-input::-moz-placeholder {
    color: #777777 !important;
}
.morphsearch-input:-ms-input-placeholder {
    color: #777777 !important;
}