/* 06-components/_tables.css — the THREE distinct table modules + the journal/log.
   They share a monospace grid but have different jobs/alignment (see page-inventory coverage test). */

/* shared base — aligned monospace rows, ruled by box-drawing-thin lines */
.c-table { width: 100%; border-collapse: collapse; font-size: var(--text-sm); }
.c-table th, .c-table td { padding: var(--space-2xs) var(--space-sm); text-align: left; vertical-align: top; }
.c-table thead th {
  color: var(--text-dim); font-weight: var(--fw-regular);
  text-transform: uppercase; letter-spacing: var(--tracking-label); font-size: var(--text-xs);
  border-bottom: var(--bw) solid var(--line);
}
.c-table tbody tr + tr td { border-top: var(--bw) solid var(--surface-hi); }
.c-table tbody tr:hover td { background: var(--surface-raised); }

/* c-fieldtable — KEY → VALUE config/env rows. Key column amber-dim, value bright, note muted. */
.c-fieldtable td:first-child { color: var(--accent); white-space: nowrap; font-weight: var(--fw-medium); }
.c-fieldtable td:nth-child(2) { color: var(--text-bright); white-space: nowrap; }
.c-fieldtable td:last-child  { color: var(--text-muted); }

/* c-cmdtable — command · args · what-it-does. The command monospace-bright, prefixed by ▸. */
.c-cmdtable td:first-child { color: var(--text-bright); white-space: nowrap; }
.c-cmdtable td:first-child::before { content: "▸ "; color: var(--accent); }
.c-cmdtable td:nth-child(2) { color: var(--text-dim); white-space: nowrap; }
.c-cmdtable td:last-child { color: var(--text); }

/* c-comparetable — grid comparison (harnesses). First col is the row label; cells centered-ish. */
.c-comparetable th:first-child, .c-comparetable td:first-child { color: var(--text-bright); border-right: var(--bw) solid var(--line); }
.c-comparetable td { color: var(--text-muted); }
.c-comparetable td.is-default { color: var(--accent); }

/* c-log — dated journal lines, like loom's history.jsonl */
.c-log { font-size: var(--text-sm); line-height: var(--lh-code); display: flex; flex-direction: column; }
.c-log__line { display: grid; grid-template-columns: 22ch 2ch 1fr; gap: 1ch; padding: var(--space-3xs) 0; align-items: baseline; }
.c-log__ts { color: var(--text-dim); white-space: nowrap; }
.c-log__glyph { color: var(--accent); }
.c-log__glyph--good { color: var(--good); }
.c-log__glyph--bad  { color: var(--bad); }
.c-log__text { color: var(--text); }
.c-log__text b { color: var(--text-bright); font-weight: var(--fw-medium); }
@media (max-width: 40rem) { .c-log__line { grid-template-columns: 1fr; } .c-log__ts { font-size: var(--text-xs); } }