/* Tables -see docs/strategy/design-system/20-table.md */

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

.table th,
.table td {
  border-bottom: 1px solid var(--divider);
  padding: 9px 8px;
  text-align: left;
  vertical-align: top;
}

.table th {
  background: var(--surface-soft);
  color: var(--muted);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-label);
  font-size: var(--font-size-micro);
  white-space: nowrap;
}

.table tr:last-child td {
  border-bottom: 0;
}

.table tbody tr:hover td {
  background: var(--table-row-hover-bg);
}

.text-success { color: var(--success); font-weight: 600; }
.text-warning { color: var(--warning); font-weight: 600; }
.text-error   { color: var(--error);   font-weight: 600; }
.text-info    { color: var(--info);    font-weight: 600; }

.mono {
  font-variant-numeric: tabular-nums;
}