/* Estilos exclusivos para el módulo de órdenes de compra */
/* Estos estilos complementan estilos.css y no deben duplicarlo */

/* Mejoras para la tabla de detalles */
#tblOcm .item-row td {
    vertical-align: middle;
    padding: 8px;
}
#tblOcm .item-row textarea {
    resize: vertical;
    min-height: 70px;
}

/* Estilo para filas de texto */
#tblOcm tr[data-type="T"] td {
    background-color: #fef9e6;
}

/* Mejoras para select2 dentro de tabla */
.select2-container--default .select2-selection--single { height: 38px !important; border-radius: 4px !important; border: 1px solid #ced4da !important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 36px !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px !important; }

/* Tooltips en tabla de listado */
#tblOcl .dropdown-menu { min-width: 120px; }
#tblOcl .dropdown-menu li a { padding: 5px 15px; display: block; color: #333; }
#tblOcl .dropdown-menu li a:hover { background-color: #f4f4f4; color: #007bff; }

/* Animación para carga */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
#lstOcl .alert-info, #tblOcl { animation: fadeInUp 0.4s ease-out; }

/* Ajustes responsive para cards y tablas */
@media (max-width: 768px) {
    #tblOcm .item-row td { display: block; width: 100%; box-sizing: border-box; }
    #tblOcm .item-row td:before { content: attr(data-label); font-weight: bold; display: inline-block; width: 40%; }
    #tblOcm .item-row td .select2, #tblOcm .item-row td input, #tblOcm .item-row td textarea { width: 100% !important; }
    .filter-section .input-group { width: 100% !important; margin-bottom: 10px; }
    .filter-section .select2 { width: 100% !important; }
}

/* Estilos para el contenido HTML en PDF */
.pdf-obs-content {
    font-family: Arial, sans-serif;
    font-size: 7pt;
    line-height: 1.3;
}

.pdf-obs-content p {
    margin: 2px 0;
}

.pdf-obs-content ul, .pdf-obs-content ol {
    margin: 2px 0;
    padding-left: 15px;
}