/* ===========================================================
   tabulator_theme.css — Surcharge dark theme Tabulator.js v6
   Mappe les variables CSS Tabulator sur la palette BigBang2 (style.css :root).
   Charge après tabulator.min.css (CDN) et style.css pour override.
   =========================================================== */

/* --- Conteneur principal --- */
.tabulator {
  background-color: var(--color-bg-panel);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
  font-family: var(--font-sans);
  font-size: 12px;
  color: var(--color-text-primary);
}

/* --- En-tête colonnes --- */
.tabulator .tabulator-header {
  background-color: var(--color-bg-panel-alt);
  border-bottom: 1px solid var(--color-border);
}

.tabulator .tabulator-header .tabulator-col {
  background-color: var(--color-bg-panel-alt);
  color: var(--color-text-secondary);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-right: 1px solid var(--color-border);
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  background-color: var(--color-bg-panel);
  cursor: pointer;
}

/* --- Lignes --- */
.tabulator .tabulator-row {
  background-color: var(--color-bg-panel);
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text-primary);
}

.tabulator .tabulator-row:nth-child(even) {
  background-color: var(--color-bg-panel-alt);
}

.tabulator .tabulator-row:hover {
  background-color: var(--color-bg-panel-alt) !important;
  cursor: pointer;
}

.tabulator .tabulator-row.tabulator-selected {
  background-color: rgba(59, 110, 245, 0.12) !important;
  border-left: 2px solid var(--color-accent);
}

/* --- Cellules --- */
.tabulator .tabulator-cell {
  border-right: 1px solid var(--color-border);
  padding: 5px 8px;
}

/* --- Filtres header --- */
.tabulator .tabulator-header .tabulator-header-filter input {
  background-color: var(--color-bg-base);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  border-radius: 3px;
  padding: 2px 5px;
  font-size: 11px;
}

/* --- Scrollbar --- */
.tabulator .tabulator-tableHolder::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.tabulator .tabulator-tableHolder::-webkit-scrollbar-track {
  background: var(--color-bg-base);
}

.tabulator .tabulator-tableHolder::-webkit-scrollbar-thumb {
  background: var(--color-border-accent);
  border-radius: 3px;
}

/* --- Overlay chargement --- */
.tabulator .tabulator-loader .tabulator-loader-msg {
  background-color: var(--color-bg-panel-alt);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius);
}

/* --- Placeholder vide --- */
.tabulator .tabulator-placeholder span {
  color: var(--color-text-muted);
  font-size: 12px;
}