/* =====================================================================
   WERP · Tema WADAX para Tabulator 6 (tema claro corporativo)
   Se carga SIEMPRE después de vendor/tabulator/tabulator.min.css
   ===================================================================== */

.tabulator {
  background: transparent;
  border: none;
  font-family: var(--f-ui);
  font-size: var(--t-13);
}

/* Cabecera */
.tabulator .tabulator-header {
  background: var(--superficie-2);
  border-bottom: 1px solid var(--linea);
  color: var(--texto-suave);
}
.tabulator .tabulator-header .tabulator-col {
  background: var(--superficie-2);
  border-right: 1px solid var(--linea-suave);
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
  padding: 10px 12px;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-title {
  font-family: var(--f-datos);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--texto-mudo);
}
.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  background: #F1EEE6;
}
.tabulator .tabulator-header .tabulator-col .tabulator-col-sorter { color: var(--texto-mudo); }
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-sorter .tabulator-arrow { border-bottom-color: var(--laton-oscuro); }
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-sorter .tabulator-arrow { border-top-color: var(--laton-oscuro); }

/* Cuerpo */
.tabulator .tabulator-tableholder { background: transparent; }
.tabulator .tabulator-tableholder .tabulator-table { background: transparent; color: var(--texto); }

.tabulator-row {
  background: transparent;
  border-bottom: 1px solid var(--linea-suave);
  min-height: 40px;
}
.tabulator-row.tabulator-row-even { background: rgba(40, 34, 18, .015); }
.tabulator-row:hover { background: var(--laton-velo) !important; cursor: pointer; }
.tabulator-row .tabulator-cell {
  border-right: none;
  padding: 10px 12px;
}

/* Fila archivada (clase propia de WERP) */
.tabulator-row.fila-archivada { opacity: .55; }

/* Mensaje sin resultados */
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
  color: var(--texto-mudo);
  font-size: var(--t-13);
}

/* Pie y paginación */
.tabulator .tabulator-footer {
  background: var(--superficie-2);
  border-top: 1px solid var(--linea);
  color: var(--texto-suave);
  padding: 6px 10px;
}
.tabulator .tabulator-footer .tabulator-footer-contents { flex-wrap: wrap; gap: 6px; }
.tabulator .tabulator-footer .tabulator-page-counter { color: var(--texto-mudo); font-size: var(--t-12); }
.tabulator .tabulator-footer .tabulator-page {
  background: var(--superficie);
  border: 1px solid var(--linea);
  border-radius: 6px;
  color: var(--texto-suave);
  font-size: var(--t-12);
  margin: 0 2px;
  padding: 4px 9px;
}
.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
  background: var(--laton-velo);
  border-color: var(--linea-fuerte);
  color: var(--texto);
}
.tabulator .tabulator-footer .tabulator-page.active {
  background: var(--laton-velo);
  border-color: var(--laton-oscuro);
  color: var(--laton-texto);
  font-weight: 700;
}
.tabulator .tabulator-footer .tabulator-paginator > label { color: var(--texto-mudo); font-size: var(--t-12); }
.tabulator .tabulator-footer .tabulator-page-size {
  background: var(--superficie);
  border: 1px solid var(--linea);
  border-radius: 6px;
  color: var(--texto);
  padding: 3px 6px;
}

/* Estado de carga */
.tabulator .tabulator-loader { background: rgba(255, 255, 255, .55); }
.tabulator .tabulator-loader .tabulator-loader-msg {
  background: var(--superficie);
  border: 1px solid var(--linea);
  border-radius: var(--radio-sm);
  box-shadow: var(--sombra-1);
  color: var(--texto-suave);
  font-family: var(--f-ui);
  font-size: var(--t-13);
  padding: 10px 16px;
}

/* ——— Árbol BOM en el listado de Productos (v0.10, D-039) ———
   Las filas hijas (componentes del semielaborado) van suavemente
   atenuadas y el caret de Tabulator toma el dorado corporativo. */
.tabulator-row .tabulator-data-tree-control {
  border: 1px solid var(--laton);
  color: var(--laton-texto);
  border-radius: 4px;
  margin-right: 8px;
}
.tabulator-row .tabulator-data-tree-control .tabulator-data-tree-control-expand,
.tabulator-row .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
  background: var(--laton-texto);
}
.tabulator-row .tabulator-data-tree-control .tabulator-data-tree-control-expand:after,
.tabulator-row .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
  background: var(--laton-texto);
}
.tabulator-row.fila-linea-bom { background: var(--superficie-2); }
.tabulator-row.fila-linea-bom .tabulator-cell { font-size: var(--t-13); }