/*
 * GALAPPXY — Tables
 * .gx-table
 */

.gx-table {
  width: 100%;
  font-size: var(--gx-text-sm);
  border-collapse: collapse;
}

.gx-table thead {
  border-bottom: 1px solid var(--gx-border-color);
}

.gx-table th {
  padding: var(--gx-sp-3) var(--gx-sp-4);
  text-align: left;
  font-weight: var(--gx-weight-semibold);
  font-size: var(--gx-text-xs);
  color: var(--gx-text-secondary);
  text-transform: uppercase;
  letter-spacing: var(--gx-tracking-wide);
  white-space: nowrap;
}

.gx-table td {
  padding: var(--gx-sp-3) var(--gx-sp-4);
  color: var(--gx-text-primary);
  border-bottom: 1px solid var(--gx-border-light);
  vertical-align: middle;
}

.gx-table tbody tr {
  transition: background var(--gx-duration-fast) var(--gx-ease-default);
}

.gx-table tbody tr:hover {
  background: var(--gx-bg-surface-hover);
}

.gx-table tbody tr:last-child td {
  border-bottom: none;
}

/* Striped */
.gx-table--striped tbody tr:nth-child(even) {
  background: var(--gx-bg-surface-alt);
}

/* Compact */
.gx-table--compact th,
.gx-table--compact td {
  padding: var(--gx-sp-2) var(--gx-sp-3);
}

/* Inside card */
.gx-card .gx-table th:first-child,
.gx-card .gx-table td:first-child { padding-left: var(--gx-sp-4); }
.gx-card .gx-table th:last-child,
.gx-card .gx-table td:last-child { padding-right: var(--gx-sp-4); }

/* Sortable column */
.gx-table__sortable {
  cursor: pointer;
  user-select: none;
}
.gx-table__sortable:hover { color: var(--gx-primary); }


/* ─── EMPTY STATE ────────────────────────────────────────── */
.gx-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--gx-sp-12) var(--gx-sp-4);
  text-align: center;
}

.gx-empty__icon {
  font-size: 48px;
  color: var(--gx-text-disabled);
  margin-bottom: var(--gx-sp-4);
}

.gx-empty__title {
  font-size: var(--gx-text-md);
  font-weight: var(--gx-weight-semibold);
  color: var(--gx-text-primary);
  margin-bottom: var(--gx-sp-1);
}

.gx-empty__desc {
  font-size: var(--gx-text-sm);
  color: var(--gx-text-muted);
  max-width: 320px;
}