/**
 * Obsidian Lux — tablas (Fase 2)
 */

html[data-theme="obsidian-lux"] .table {
  --bs-table-color: var(--text-secondary);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--border-primary);
  --bs-table-striped-color: var(--text-secondary);
  --bs-table-hover-color: var(--text-secondary);
  --bs-table-active-color: var(--text-primary);
  color: var(--text-secondary);
}

html[data-theme="obsidian-lux"] .table thead,
html[data-theme="obsidian-lux"] .table-card .table thead {
  background-color: var(--bg-elevated);
  color: var(--text-primary);
}

html[data-theme="obsidian-lux"] .table thead th {
  background-color: transparent;
  color: var(--text-primary);
  border-color: var(--border-primary);
  font-weight: 600;
}

html[data-theme="obsidian-lux"] .table tbody td,
html[data-theme="obsidian-lux"] .table tbody th {
  color: var(--text-secondary);
  border-color: var(--border-primary);
  background-color: transparent;
}

html[data-theme="obsidian-lux"] .table tbody td strong,
html[data-theme="obsidian-lux"] .table tbody td .fw-semibold,
html[data-theme="obsidian-lux"] .table tbody td .fw-bold {
  color: var(--text-primary);
  font-weight: 600;
}

html[data-theme="obsidian-lux"] .table tbody tr:hover,
html[data-theme="obsidian-lux"] .table tbody tr:hover > td,
html[data-theme="obsidian-lux"] .table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: color-mix(in srgb, var(--text-primary) 2.5%, transparent);
  background-color: color-mix(in srgb, var(--text-primary) 2.5%, transparent);
  color: var(--text-secondary);
}

html[data-theme="obsidian-lux"] .table tbody tr.active td,
html[data-theme="obsidian-lux"] .table tbody tr.table-active td,
html[data-theme="obsidian-lux"] .table > tbody > tr.table-active > * {
  --bs-table-accent-bg: var(--bg-elevated);
  background-color: var(--bg-elevated);
  color: var(--text-primary);
}

html[data-theme="obsidian-lux"] .table .text-muted,
html[data-theme="obsidian-lux"] .table tbody small {
  color: var(--text-muted);
}

html[data-theme="obsidian-lux"] .table .badge {
  font-weight: 600;
  letter-spacing: 0.01em;
}

html[data-theme="obsidian-lux"] .table .btn-group .btn,
html[data-theme="obsidian-lux"] .table .btn-sm {
  border-color: var(--border-strong);
}

html[data-theme="obsidian-lux"] .table-responsive {
  border-color: var(--border-primary);
}

/* SaaS / CRUD */
html[data-theme="obsidian-lux"] .saas-table {
  --saas-comp-text: var(--text-secondary);
  --saas-comp-border: var(--border-primary);
  --saas-comp-border-strong: var(--border-strong);
}

html[data-theme="obsidian-lux"] .saas-table thead th,
html[data-theme="obsidian-lux"] .crud-admin-saas .table.saas-table thead th,
html[data-theme="obsidian-lux"] .table-standard.saas-table thead th,
html[data-theme="obsidian-lux"] .table-admin-standard.saas-table thead th {
  background-color: var(--bg-elevated);
  color: var(--text-primary);
  border-bottom-color: var(--border-primary);
}

html[data-theme="obsidian-lux"] .saas-table tbody td,
html[data-theme="obsidian-lux"] .crud-admin-saas .table.saas-table tbody td {
  color: var(--text-secondary);
  border-bottom-color: var(--border-primary);
}

html[data-theme="obsidian-lux"] .saas-table tbody tr:hover td,
html[data-theme="obsidian-lux"] .crud-admin-saas .table.saas-table tbody tr:hover td {
  background-color: color-mix(in srgb, var(--text-primary) 2.5%, transparent);
  color: var(--text-secondary);
}

html[data-theme="obsidian-lux"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: color-mix(in srgb, var(--text-primary) 2%, transparent);
  color: var(--text-secondary);
}

html[data-theme="obsidian-lux"] .table-card .table thead th {
  color: var(--text-primary);
  border-color: var(--border-primary);
}

html[data-theme="obsidian-lux"] .table-card .table tbody td {
  color: var(--text-secondary);
}

html[data-theme="obsidian-lux"] .table-bordered > :not(caption) > * {
  border-color: var(--border-primary);
}

/* admin-unified-saas.css (legacy claro con !important) */
html[data-theme="obsidian-lux"] .table-standard thead th,
html[data-theme="obsidian-lux"] .table-admin-standard thead th,
html[data-theme="obsidian-lux"] .card-panel .table thead th,
html[data-theme="obsidian-lux"] .card-standard .table thead th,
html[data-theme="obsidian-lux"] .card.shadow-sm.border-0 .table thead th,
html[data-theme="obsidian-lux"] .clientes-admin-saas .table-clientes thead th,
html[data-theme="obsidian-lux"] .productos-admin-saas .table-productos thead th {
  background: var(--olx-surface) !important;
  border-bottom-color: var(--olx-border) !important;
  color: var(--olx-text);
}

html[data-theme="obsidian-lux"] .table-standard tbody td,
html[data-theme="obsidian-lux"] .table-admin-standard tbody td,
html[data-theme="obsidian-lux"] .card-panel .table tbody td,
html[data-theme="obsidian-lux"] .card-standard .table tbody td {
  border-color: var(--olx-border);
  color: var(--olx-text-secondary);
}

html[data-theme="obsidian-lux"] .table-standard tbody tr:hover td,
html[data-theme="obsidian-lux"] .table-admin-standard tbody tr:hover td,
html[data-theme="obsidian-lux"] .card-panel .table tbody tr:hover td,
html[data-theme="obsidian-lux"] .card-standard .table tbody tr:hover td,
html[data-theme="obsidian-lux"] .card.shadow-sm.border-0 .table tbody tr:hover td {
  background: color-mix(in srgb, var(--olx-text) 2.5%, transparent) !important;
  color: var(--olx-text-secondary);
}

html[data-theme="obsidian-lux"] .empty-state,
html[data-theme="obsidian-lux"] .empty-state-text {
  color: var(--olx-muted);
}

/* Historial pagos */
html[data-theme="obsidian-lux"] body.historial-pagos-saas .table-admin-standard tbody tr td {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom-color: var(--olx-border);
  color: var(--olx-text-secondary);
}

html[data-theme="obsidian-lux"] body.historial-pagos-saas .table-admin-standard tbody tr:hover td {
  background: color-mix(in srgb, var(--olx-text) 2.5%, transparent) !important;
  color: var(--olx-text-secondary);
}

html[data-theme="obsidian-lux"] body.historial-pagos-saas .historial-col-low {
  color: var(--olx-muted);
  font-size: 0.86rem;
}

html[data-theme="obsidian-lux"] body.historial-pagos-saas .historial-col-total {
  font-weight: 800;
  font-size: 1rem;
  color: var(--olx-text);
  text-align: right;
}

html[data-theme="obsidian-lux"] body.historial-pagos-saas .historial-col-ganancia {
  font-weight: 800;
  color: color-mix(in srgb, var(--success) 55%, var(--olx-text));
  text-align: right;
}

html[data-theme="obsidian-lux"] body.historial-pagos-saas .historial-col-num {
  color: var(--olx-text-secondary);
  text-align: right;
}

html[data-theme="obsidian-lux"] body.historial-pagos-saas tr.row-zero td {
  background: color-mix(in srgb, var(--danger) 14%, var(--olx-card)) !important;
  color: color-mix(in srgb, var(--danger) 50%, var(--olx-text));
}