/* ===== TABLA VERDE - TEMA PERSONALIZADO ===== */
/* Cambio de colores azules a verdes para mejor coherencia con el branding */

/* Tabla clara - Filas alternadas */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #e8f5e8 !important; /* Verde claro suave */
}

.table-hover tbody tr:hover {
    background-color: #d4edda !important; /* Verde más intenso al hacer hover */
}

/* Tabla oscura - Filas alternadas */
.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: #2d4a2d !important; /* Verde oscuro suave */
}

.table-dark.table-hover tbody tr:hover {
    background-color: #3a5a3a !important; /* Verde oscuro más intenso al hacer hover */
}

/* Colores primarios de tabla - Cambio de azul a verde */
.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #d4edda !important; /* Verde claro para elementos primarios */
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #28a745 !important; /* Verde para bordes */
}

.table-hover .table-primary:hover {
    background-color: #c3e6cb !important; /* Verde más intenso al hacer hover */
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #c3e6cb !important;
}

/* Colores de éxito - Mantener verde pero mejorar */
.table-success,
.table-success > th,
.table-success > td {
    background-color: #d4edda !important; /* Verde claro consistente */
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    border-color: #28a745 !important; /* Verde para bordes */
}

.table-hover .table-success:hover {
    background-color: #c3e6cb !important; /* Verde más intenso al hacer hover */
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #c3e6cb !important;
}

/* Colores de información - Cambio de azul a verde */
.table-info,
.table-info > th,
.table-info > td {
    background-color: #d1ecf1 !important; /* Verde azulado claro */
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
    border-color: #17a2b8 !important; /* Verde azulado para bordes */
}

.table-hover .table-info:hover {
    background-color: #bee5eb !important; /* Verde azulado más intenso al hacer hover */
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #bee5eb !important;
}

/* Bordes generales de tabla - Cambio a verde */
.table th,
.table td {
    border-color: #e8f5e8 !important; /* Verde claro para bordes */
}

.table thead th {
    border-bottom-color: #28a745 !important; /* Verde para borde inferior del encabezado */
}

/* DataTables específico */
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #28a745 !important; /* Verde para elementos de DataTables */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-color: #28a745 !important; /* Verde para página actual */
    border-color: #28a745 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background-color: #218838 !important; /* Verde más oscuro al hacer hover */
    border-color: #1e7e34 !important;
}