/* Institutional data-table system. Scoped to rendered production table components. */
:where(.scr-table, .mk-table, .table-card table, .tablecard table, .fa-main > .wrap > table) {
  border-collapse: separate;
  border-spacing: 0;
  background: var(--bg-1, #17181B);
}
:where(.scr-table, .mk-table, .table-card table, .tablecard table, .fa-main > .wrap > table) thead th {
  height: 38px;
  padding: 9px 12px;
  background: var(--bg-2, #1D1F23);
  color: var(--text-secondary, #D6DCE4);
  font: 500 var(--fa-type-table-head, 12px)/1.3 var(--fa-ui, sans-serif);
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  border-bottom: 1px solid var(--border-ink, #26282C);
}
:where(.scr-table, .mk-table, .table-card table, .tablecard table, .fa-main > .wrap > table) tbody td {
  min-height: 42px;
  padding: 10px 12px;
  color: var(--text-secondary, #D6DCE4);
  font-size: var(--fa-type-table, 13px);
  line-height: 1.3;
  border-bottom: 1px solid var(--border-ink, #26282C);
  vertical-align: middle;
}
:where(.scr-table, .mk-table, .table-card table, .tablecard table) tbody tr {
  transition: background-color .12s ease;
}
:where(.scr-table, .mk-table, .table-card table, .tablecard table) tbody tr:hover td {
  background: rgba(255, 122, 26, .055);
}
:where(.scr-table, .mk-table, .table-card table, .tablecard table) td.num,
:where(.scr-table, .mk-table, .table-card table, .tablecard table) th.num {
  font-family: var(--fa-data, monospace);
  font-variant-numeric: tabular-nums;
  text-align: right;
}
:where(.scr-table, .mk-table, .table-card table, .tablecard table) .sym,
:where(.scr-table, .mk-table, .table-card table, .tablecard table) .ticker {
  font-family: var(--fa-ui, sans-serif);
  font-weight: 600;
  color: var(--text-primary, #ECEFF6);
}
:where(.scr-table, .mk-table, .table-card table, .tablecard table) .meta,
:where(.scr-table, .mk-table, .table-card table, .tablecard table) .exchange,
:where(.scr-table, .mk-table, .table-card table, .tablecard table) .timestamp {
  color: var(--text-meta, #A9B2C2);
}
@media (max-width: 700px) {
  :where(.scr-table, .mk-table, .table-card table, .tablecard table) thead th { height: 36px; padding: 8px 10px; }
  :where(.scr-table, .mk-table, .table-card table, .tablecard table) tbody td { min-height: 40px; padding: 9px 10px; }
}