/* ============================================================
   _table.css — Tables (Bulma-style)
   ============================================================ */

.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: var(--fs-sm);
  color: var(--color-light);
}
.table th,
.table td {
  padding: var(--space-3) var(--space-4);
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid var(--color-neutral-700);
}
.table thead th {
  font-weight: 700;
  font-size: var(--fs-xs);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--color-muted);
  border-bottom: 2px solid var(--color-neutral-600);
}
.table tfoot td,
.table tfoot th {
  border-top: 2px solid var(--color-neutral-600);
  border-bottom: none;
  font-weight: 600;
}

/* ── Variants ── */
.table.is-striped tbody tr:nth-child(even) {
  background: rgba(255,255,255,0.03);
}
.table.is-hoverable tbody tr:hover {
  background: rgba(255,255,255,0.05);
  cursor: pointer;
}
.table.is-bordered th,
.table.is-bordered td {
  border: 1px solid var(--color-neutral-700);
}
.table.is-narrow th,
.table.is-narrow td {
  padding: var(--space-1) var(--space-3);
}
.table.is-fullwidth {
  width: 100%;
}

/* ── Colored rows ── */
.table tr.is-selected { background: var(--color-primary-900); color: var(--color-primary-200); }
.table tr.is-success  { background: var(--color-success-800); }
.table tr.is-danger   { background: var(--color-error-800); }
.table tr.is-warning  { background: rgba(255,221,0,0.08); }

/* ── Table wrapper (scroll) ── */
.table-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-neutral-700);
}