/* Tabla de artefactos (input/includes/tabla-artefactos.html). Mismo estilo que las tablas de terminologia.css,
   con los colores del tema del template. Se carga después de los estilos de DataTables, que reemplaza. */
#artifactsTable { border:1px solid rgba(0,0,0,.12) !important; border-collapse:collapse; font-size:.95em;
  --dt-row-stripe:0,0,0; --dt-row-stripe-alpha:.025; --dt-row-hover:0,0,0; --dt-row-hover-alpha:.06; }

/* Encabezado con el color del tema */
#artifactsTable thead tr:first-child th { background:var(--navbar-bg-color, #505050) !important; color:#fff;
  font-weight:600; white-space:nowrap; padding:.55em .8em; border-bottom:none !important; }
#artifactsTable thead tr:first-child th.has-filter { background:var(--navbar-bg-color, #505050) !important;
  box-shadow:inset 0 -3px 0 rgba(255,255,255,.7); }
#artifactsTable thead tr:first-child th span.dt-column-order { opacity:.9; }

/* Fila de filtros, clara bajo el encabezado */
#artifactsTable thead tr.filters th { background:rgba(0,0,0,.035) !important; border-bottom:1px solid rgba(0,0,0,.12) !important; }

/* Cuerpo */
#artifactsTable tbody td { padding:.5em .8em; vertical-align:top; border-top:1px solid rgba(0,0,0,.08); }
#artifactsTable tbody td:nth-child(3) { min-width:14em; }
#artifactsTable tbody td:nth-child(3) a { font-weight:600; }
#artifactsTable tbody td:nth-child(6) { max-width:36em; }
#artifactsTable tbody td.artifacts-id { color:#555; }

/* Encabezado de grupo, con un tono suave del color del tema */
#artifactsTable tr.dtrg-group td.artifacts-group-header,
#artifactsTable tr.dtrg-group th {
  background:color-mix(in srgb, var(--navbar-bg-color, #505050) 10%, white) !important;
  border-top:2px solid var(--navbar-bg-color, #505050); border-bottom:1px solid rgba(0,0,0,.1); }
#artifactsTable .artifacts-group-name { color:var(--navbar-bg-color, #505050); }