/* Estilos personalizados para el sistema de gestión documental */

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.content-wrapper {
    min-height: calc(100vh - 101px);
}

/* Estilos para formularios */
.form-group {
    margin-bottom: 15px;
}

/* Estilos para tablas */
.table-responsive {
    border: none;
}

/* Estilos para botones personalizados */
.btn-custom {
    border-radius: 3px;
    font-weight: 600;
}

/* Estilos para alertas */
.alert {
    border-radius: 4px;
}

/* ===============================================
   ESTILOS PARA NOTIFICACIONES DE WORKFLOW
   =============================================== */

/* Notificación de workflow pendiente */
.notificacion-workflow {
    border-left: 3px solid #f39c12 !important;
    background-color: #fff8e1 !important;
}

.notificacion-workflow:hover {
    background-color: #fff3c4 !important;
}

/* Link de notificación de workflow */
.workflow-notification-link {
    color: #f39c12 !important;
    font-weight: 600;
}

.workflow-notification-link:hover {
    color: #e67e22 !important;
    text-decoration: none;
}

/* Badge de notificaciones con animación */
.notifications-menu .label-warning {
    animation: pulse-notification 2s infinite;
}

@keyframes pulse-notification {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Notificaciones no leídas destacadas */
.notificacion-no-leida {
    background-color: #f8f9fa !important;
    border-left: 3px solid #3c8dbc !important;
}

/* Iconos de notificaciones */
.notifications-menu .fa-sitemap {
    color: #f39c12 !important;
}

.notifications-menu .fa-bell-o {
    font-size: 16px;
}

/* Responsive para notificaciones en móviles */
@media (max-width: 768px) {
    .notifications-menu .dropdown-menu {
        width: 280px;
        left: -250px;
    }
    
    .notificacion-workflow a {
        font-size: 12px;
        padding: 8px 12px;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .content-wrapper {
        margin-left: 0;
    }
}