/* siom-custom.css - Estilos maestros para SIOM */

/* Estilo para las tablas de detalle en vistas View */
.siom-detail-table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #d2d6de;
    border-collapse: collapse;
    background-color: #ffffff;
}

.siom-detail-table th {
    background-color: #f4f7f9;
    color: #333;
    font-weight: 600;
    padding: 12px;
    border: 1px solid #d2d6de;
    width: 25%;
}

.siom-detail-table td {
    padding: 12px;
    border: 1px solid #d2d6de;
    color: #555;
}

/* Efecto hover profesional para tablas de detalle */
.siom-detail-table tr:hover td {
    background-color: #f9f9f9;
}

/* Contenedor de formulario con sombra sutil para interfaz moderna */
.siom-box-shadow {
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-radius: 4px;
    border-top: 3px solid #3c8dbc; /* Color institucional */
}

/* ==========================================================================
   ESTILOS GLOBALES PARA DATATABLES - PROYECTO SIOM
   ========================================================================== */

/* Separa los botones de exportación entre sí */
.dt-buttons .btn {
    margin-right: 6px !important;
    border-radius: 3px !important; /* Suaviza las esquinas estilo AdminLTE */
}

/* Evita que el último botón (Print) tenga margen innecesario a la derecha */
.dt-buttons .btn:last-child {
    margin-right: 0px !important;
}

/* Alinea la barra de botones para que respire respecto a la tabla inferior */
.dt-buttons {
    margin-bottom: 5px;
}

/* ==========================================================================
   SOLUCCIÓN MAESTRA DE HOVER GLOBAL (SIOM)
   ========================================================================== */

/* 1. Color base para filas impares (Rosado sutil) */
table.table-bordered.dataTable tbody tr.odd td {
    background-color: #fff5f5 !important;
}

/* 2. Color base para filas pares (Blanco) */
table.table-bordered.dataTable tbody tr.even td {
    background-color: #ffffff !important;
}

/* 3. HOVER ABSOLUTO GLOBAL: Aplica a todas las DataTables del sistema */
body table.table-bordered.dataTable tbody tr:hover td,
body table.table-bordered.dataTable tbody tr.odd:hover td,
body table.table-bordered.dataTable tbody tr.even:hover td {
    background-color: #e8f0fe !important; /* Gris de selección interactiva */
    color: #000000 !important;            /* Texto con máximo contraste */
}

/* 4. Forzar el cursor de mano interactiva en todas las DataTables */
body table.table-bordered.dataTable tbody tr {
    cursor: pointer !important;
}