/**
 * Estilos CSS para Sección 4: Extracción de Texto Manuscrito
 * Archivo centralizado para mantener los estilos organizados
 */

/* Modal de edición */
.modal-manuscrito .modal-content,
.modal-manuscrito .modal-body {
    max-height: 90vh;
    overflow-y: auto;
}

/* Badges de estado */
.manuscrito-badge-revisar,
.manuscrito-badge-descargar {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

/* Contenedor de progreso */
.progress-container {
    background-color: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid #dee2e6;
}

/* Iconos de acción */
.iconos-accion {
    display: flex;
    gap: 0.5rem;
}

.icono-accion {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem;
    cursor: pointer;
    opacity: 0.4;
    transition: all 0.2s ease;
    font-size: 14px;
}

/* Icono habilitado */
.icono-accion.habilitado {
    opacity: 1;
    cursor: pointer;
}

/* Iconos específicos con colores */
.icono-descargar.habilitado {
    background-color: #28a745;
    color: white;
}

.icono-descargar.habilitado:hover {
    background-color: #218838;
    transform: scale(1.1);
}

.icono-editar.habilitado {
    background-color: #17a2b8;
    color: white;
}

.icono-editar.habilitado:hover {
    background-color: #138496;
    transform: scale(1.1);
}

.icono-reprocesar.habilitado {
    background-color: #ff8c00;
    color: white;
}

.icono-reprocesar.habilitado:hover {
    background-color: #e67e00;
    transform: scale(1.1);
}

/* Icono de error */
.icono-accion.error {
    background-color: #dc3545;
    color: white;
}

.icono-accion.error:hover {
    background-color: #c82333;
    transform: scale(1.1);
}

/* Tamaño de archivo */
.tamano-archivo {
    font-size: 0.875rem;
    color: #6c757d;
}