/* Usado por Components/UI/DataTable.razor */
table.tbl { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.tbl th {
  text-align: left; font-family: var(--f-mono); font-weight: 400;
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-3); padding: 8px 12px; border-bottom: 1px solid var(--line-strong);
}
.tbl td { padding: 11px 12px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.tbl tr:hover td { background: var(--surface-2); }
.tbl td.r, .tbl th.r { text-align: right; }
.tbl .strong { font-weight: 600; }
.tbl .sub { color: var(--ink-3); font-size: var(--fs-xs); display: block; }