/* =========================
   Dash DataTable — Pulse Light Soft
   ========================= */

.dash-table-container {
  --dt-bg: #f6f4fb;          /* fond clair */
  --dt-bg-2: #f1eef9;        /* zebra très léger */
  --dt-border: #e0daf2;
  --dt-text: #2e2a3f;
  --dt-muted: #6f6a8a;
  --dt-accent: #7b5cff;      /* violet Pulse doux */
  --dt-hover: rgba(123, 92, 255, 0.06);
  --dt-select: rgba(123, 92, 255, 0.10);
  color: var(--dt-text);
}

/* Conteneur */
.dash-table-container .dash-spreadsheet-container {
  background: var(--dt-bg) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: 10px;

  overflow-x: auto !important;     /* autorise le scroll horizontal */
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;
}

.dash-table-container .dash-spreadsheet {
  background: var(--dt-bg) !important;
  overflow: hidden;               /* garde les coins propres */
  width: max-content !important;  /* laisse la table prendre sa vraie largeur */
  min-width: 100%;
}
/* Cellules */
.dash-table-container .dash-spreadsheet-inner td,
.dash-table-container .dash-spreadsheet-inner th {
  background: var(--dt-bg) !important;
  color: var(--dt-text) !important;
  border-color: var(--dt-border) !important;
  font-size: 0.95rem;
  padding: 0.45rem 0.6rem !important;
}

/* En-têtes */
.dash-table-container .dash-spreadsheet-inner th {
  background: #ebe6f7 !important;
  font-weight: 600;
  border-bottom: 1px solid var(--dt-border) !important;
}

/* Tri */
.dash-table-container .column-header--sort,
.dash-table-container .column-header--sortable:hover {
  color: var(--dt-accent) !important;
}

/* Zebra très léger */
.dash-table-container .dash-spreadsheet-inner tr:nth-child(even) td {
  background: var(--dt-bg-2) !important;
}

/* Hover doux */
.dash-table-container .dash-spreadsheet-inner tr:hover td {
  background: var(--dt-hover) !important;
}

/* Sélection douce */
.dash-table-container .dash-cell.focused,
.dash-table-container .dash-cell.cell--selected,
.dash-table-container .dash-cell.selected,
.dash-table-container .dash-spreadsheet-inner tr.focused td,
.dash-table-container .dash-spreadsheet-inner tr.selected td {
  background: var(--dt-select) !important;
  outline: 1px solid rgba(123, 92, 255, 0.4) !important;
  outline-offset: -1px;
}

/* Filtres */
.dash-table-container input,
.dash-table-container select {
  background: #ebe6f7 !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: 6px !important;
}
.dash-table-container input::placeholder {
  color: var(--dt-muted) !important;
}

/* Boutons pagination */
.dash-table-container button {
  background: #ebe6f7 !important;
  color: var(--dt-text) !important;
  border: 1px solid var(--dt-border) !important;
  border-radius: 6px !important;
}
.dash-table-container button:hover {
  color: var(--dt-accent) !important;
  border-color: var(--dt-accent) !important;
}

/* Scrollbar */
.dash-table-container ::-webkit-scrollbar-thumb {
  background: #d8d0f0;
}
.dash-table-container ::-webkit-scrollbar-thumb:hover {
  background: #c9bff0;
}

/* Utilitaires jeu */
.prono-win { color: #4f9d69; font-weight: 600; }
.prono-lose { color: #c84c4c; text-decoration: line-through; }
.badge-leader {
  background: var(--dt-accent);
  color: white;
  font-weight: 700;
}

.navbar h1 {
  color: #f8f9fa !important;
}