/* Steel table trial. All tokens stay inside workface tables; navigation is untouched. */
.workface table {
  --cm-table-row:color-mix(in srgb,var(--cm-surface) 94%,var(--cm-blue-steel));
  --cm-table-row-alt:color-mix(in srgb,var(--cm-surface) 58%,var(--cm-blue-steel));
  --cm-table-row-hover:color-mix(in srgb,var(--cm-table-row) 78%,var(--cm-accent));
  --cm-header-metal:linear-gradient(180deg,color-mix(in srgb,var(--cm-metal-700) 60%,var(--cm-blue-steel)) 0%,var(--cm-metal-800) 20%,var(--cm-metal-900) 88%,color-mix(in srgb,var(--cm-metal-900) 80%,black) 100%);
  --cm-row-sheen:linear-gradient(180deg,rgba(255,255,255,.46) 0%,rgba(255,255,255,.17) 5%,rgba(255,255,255,.07) 32%,transparent 48%,rgba(16,38,52,.035) 76%,rgba(16,38,52,.10) 100%);
}
html[data-color-theme=dark] .workface table {
  --cm-table-row:color-mix(in srgb,var(--cm-surface) 94%,var(--cm-blue-steel));
  --cm-table-row-alt:color-mix(in srgb,var(--cm-surface) 62%,var(--cm-blue-steel));
  --cm-row-sheen:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 6%,transparent 45%,rgba(0,0,0,.14) 100%);
}
.workface .table-frame {
  border-color:color-mix(in srgb,var(--cm-border) 70%,var(--cm-blue-steel));
  border-radius:3px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 5px rgba(16,38,52,.18);
}
.workface table thead th {
  border-color:color-mix(in srgb,var(--cm-metal-700) 75%,var(--cm-blue-steel));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 0 color-mix(in srgb,var(--cm-accent) 48%,var(--cm-metal-700));
}
.workface table tbody td {
  border-color:color-mix(in srgb,var(--cm-border-weak) 75%,var(--cm-blue-steel));
  box-shadow:none;
}
.workface table tbody tr:hover,
.workface table tbody tr:focus-within {
  background-color:var(--cm-table-row-hover);
  box-shadow:inset 3px 0 0 var(--cm-accent);
}