/* Stationary metal finish, using the existing light/dark semantic palette. */
:root {
  --cm-panel-metal:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.22) 37%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--cm-surface) 78%,white) 0%,var(--cm-surface) 24%,color-mix(in srgb,var(--cm-surface) 88%,var(--cm-blue-steel)) 70%,color-mix(in srgb,var(--cm-surface) 78%,var(--cm-blue-steel)) 100%);
  --cm-panel-metal-soft:linear-gradient(180deg,color-mix(in srgb,var(--cm-surface-soft) 78%,white) 0%,var(--cm-surface-soft) 32%,color-mix(in srgb,var(--cm-surface-soft) 82%,var(--cm-blue-steel)) 100%);
  --cm-header-metal:linear-gradient(180deg,color-mix(in srgb,var(--cm-metal-700) 76%,white) 0%,var(--cm-metal-700) 12%,var(--cm-metal-900) 58%,color-mix(in srgb,var(--cm-metal-900) 85%,black) 100%);
  --cm-row-sheen:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.05) 38%,rgba(16,38,52,.055));
}
html[data-color-theme=dark] {
  --cm-panel-metal:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.045) 37%,transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--cm-surface) 76%,var(--cm-metal-700)),var(--cm-surface) 30%,color-mix(in srgb,var(--cm-surface) 82%,black));
  --cm-panel-metal-soft:linear-gradient(180deg,color-mix(in srgb,var(--cm-surface-soft) 80%,var(--cm-metal-700)),var(--cm-surface-soft) 40%,color-mix(in srgb,var(--cm-surface-soft) 86%,black));
  --cm-row-sheen:linear-gradient(180deg,rgba(255,255,255,.07),transparent 38%,rgba(0,0,0,.14));
}
.workface{background-image:linear-gradient(120deg,transparent 12%,rgba(255,255,255,.13) 38%,transparent 62%),linear-gradient(180deg,color-mix(in srgb,var(--cm-workface) 88%,var(--cm-surface)),var(--cm-workface) 35%,color-mix(in srgb,var(--cm-workface) 82%,var(--cm-blue-steel)));background-blend-mode:normal}
.workspace-card,.summary-card,.review-card,.simulation-preview-section{background-image:var(--cm-panel-metal);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(16,38,52,.15),0 2px 4px rgba(16,38,52,.12)}
table thead th{background-image:var(--cm-header-metal);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.25)}
table tbody tr,table tbody tr:nth-child(even),table tbody tr:hover,
html[data-color-theme=dark] table tbody tr,html[data-color-theme=dark] table tbody tr:nth-child(even),html[data-color-theme=dark] table tbody tr:hover{background-image:var(--cm-row-sheen)}
table tbody td{box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}