/* AiB Platform — data tables. Every table.data lives inside a .table-scroll:
   wide tables scroll in their own box and never push the page sideways. */

.table-card { overflow: hidden; }
.table-scroll { overflow-x: auto; }
table.data { width: 100%; border-collapse: collapse; }
table.data th {
  padding: 13px 18px;
  text-align: left;
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--grey);
  background: var(--paper);
  border-bottom: 1px solid var(--hairline);
  white-space: nowrap;
}
table.data td {
  padding: 14px 18px;
  border-bottom: 1px solid var(--hairline);
  font-size: 14px;
  vertical-align: middle;
}
table.data tr:last-child td { border-bottom: 0; }
table.data tr:hover td { background: color-mix(in srgb, var(--paper) 55%, transparent); }
table.data .primary { font-weight: 500; }
table.data .mono-cell {
  font-family: var(--font-mono);
  font-size: 11.5px;
  letter-spacing: 0.04em;
  color: var(--grey);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
table.data .num { text-align: right; font-variant-numeric: tabular-nums; }
table.data .with-avatar { display: flex; align-items: center; gap: 10px; }
.cell-sub { display: block; color: var(--grey); font-size: 12.5px; margin-top: 2px; }