/* packages/ui/table.css
   Примитив таблицы для будущих разделов. Данными не наполняется — это делает
   раздел, который регистрируется через packages/ui/shell.js (см. README §Шов).
*/

.tbl {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums; /* сквозное правило block-4 §4.3 */
}
/* Внутренние отступы ячеек. Без них соседние колонки слипались буквально в
   одно слово («2—» вместо «2 · Активен»), и таблица читалась как каша. */
.tbl th {
  text-align: left;
  color: var(--ink-3);
  border-bottom: 1px solid var(--border);
  padding: .5rem .7rem;
  font-size: .8rem;
  font-weight: 600;
  white-space: nowrap;
}
.tbl td {
  border-bottom: 1px solid var(--divider);
  padding: .5rem .7rem;
  vertical-align: top;
}
.tbl tbody tr:nth-child(even) {
  background: var(--surface-3);
}
/* Числовая колонка выравнивается по правому краю ЦЕЛИКОМ — и значения, и её
   заголовок. Пока по правому краю стояли только значения, а заголовок — по
   левому, в широкой таблице они расходились на всю ширину колонки, и глаз
   связывал число с соседним заголовком: «Средний балл» стоял над пустотой, а
   под ним справа — цифра из другого столбца. Читалось это как съехавшая
   шапка, а не как разное выравнивание. */
.tbl td.num,
.tbl th.num {
  text-align: right;
}