@media screen {
  body :where(.table-card, .table-wrap, .table-scroll) { border-radius: var(--card-radius); }
  body :where(table, .data-table, .mk-table) {
    color: var(--color-text);
    font-family: var(--font-primary);
    font-size: var(--text-sm);
    line-height: 18px;
  }
  body :where(table th, .data-table th, .mk-table th) {
    height: 40px;
    background: var(--color-surface-muted);
    color: var(--color-text-secondary);
    padding: 10px 12px;
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    line-height: 16px;
    letter-spacing: .02em;
  }
  body :where(table td, .data-table td, .mk-table td) {
    border-color: var(--color-border);
    padding: 10px 12px;
    font-size: var(--text-sm);
    font-weight: var(--weight-regular);
    line-height: 18px;
  }
  body :where(tbody tr):hover > td { background: var(--color-primary-soft); }
  body :where(.numeric, .amount, [data-type="number"]) { text-align: right; font-variant-numeric: tabular-nums; }
  body :where(.pager, .pagination) { color: var(--color-muted); font-size: var(--text-sm); }
  body :where(.pager button, .pagination button) {
    min-height: var(--control-height-compact);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    padding: 8px 12px;
    font-size: var(--text-sm);
    font-weight: var(--weight-semibold);
  }
}