/* Estilos de tablas inspirados en DCT-C (adaptados a CSS plano) */

/* Buscador DataTables */
.dataTables_filter input {
  border-radius: 15px !important;
}

.dataTables_paginate .paginate_button {
  border-radius: 15px !important;
}

.dataTables_length select {
  border-radius: 17px !important;
}

/* Tabla secundaria (si aplica) */
#table_id2 {
  border: none;
}

#table_id2 thead th,
#table_id2 tbody td {
  border: none;
}

#preview-column {
  position: sticky;
  top: 20px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  margin-left: 50px;
}

/* Contenedor de la tabla principal */
#table_id {
  border: none;
}

#table_id thead th,
#table_id tbody td {
  border: none;
}

#table_id_wrapper {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 8px;
}

table th {
  font-weight: normal;
}

#table_id {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
}

/* Encabezado */
#table_id thead th {
  background-color: #f8f8f8;
  color: #333333;
  font-weight: 600;
  padding: 1rem;
  border-bottom: 2px solid #e0e0e0;
}

/* Filas impares/pares */
#table_id tbody tr.odd { background-color: #ffffffe5; }
#table_id tbody tr.even { background-color: #ffffff; }

/* Hover */
#table_id tbody tr:hover {
  background-color: #ffffffbf;
}

#table_id_filter { margin-bottom: 12px; }

#table_id a {
  color: #485fc7 !important; /* Bulma $link aprox */
  text-decoration: underline !important;
}

#table_id a:hover {
  color: #3a51bb !important; /* Bulma $link-hover aprox */
  text-decoration: underline !important;
}

/* Select "Mostrar entradas" */
.dataTables_wrapper .dataTables_length select {
  border-radius: 10px !important;
  border: 1px solid #ccc !important;
  padding: 5px !important;
}

/* Input "Buscar" */
.dataTables_wrapper .dataTables_filter input {
  border-radius: 7px !important;
  border: 1px solid #ccc !important;
  padding: 5px !important;
}


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */