/* Data tables: cells and sticky headers, clickable rows, and the step register's pinned ID column.
   The scroll box around a table is in layout.css. */
table{border-collapse:collapse;width:100%;font-size:var(--fs-md)}
/* Links in tables are coloured, not underlined, so dense rows stay readable; the underline returns on hover. */
table a{color:var(--accent-ink);text-decoration:none}
table a:hover,table a:focus-visible{text-decoration:underline}
th,td{text-align:left;padding:var(--pad-cell-y) var(--pad-cell-x);border-bottom:1px solid var(--table-rule);border-right:var(--cell-v);vertical-align:top}
th{position:sticky;top:0;background:var(--table-head-bg);border-bottom:var(--table-head-rule);font-size:var(--t-label);font-weight:var(--fw-strong);color:var(--ink-2);z-index:1}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}
/* Rows that open something */
tr.clickable,table.history tr[data-change]{cursor:pointer}
.register tbody tr:hover td,tr.clickable:hover td,table.history tr[data-change]:hover td{background:var(--surface-2)}
/* Register: header row and step ID column stay pinned; only the table body scrolls */
.register td:nth-child(4){min-width:220px}
.register td:first-child,.register td:nth-child(2),.register td:nth-child(10),.register td:nth-child(11){white-space:nowrap}
.register th:first-child,.register td:first-child{position:sticky;left:0;box-shadow:1px 0 0 var(--line)}
.register td:first-child{z-index:1;background:var(--surface);font-weight:var(--fw-strong)}
.register th:first-child{z-index:3}
.mode-chip{display:inline-flex;align-items:center;gap:calc(0.375rem * var(--dz));white-space:nowrap}
.count{margin:0;font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}