/* Quiet accents for the monitoring page, using the existing site surfaces. */
.monitoring-page {
  --monitor-blue: #315f85;
  --monitor-teal: #23756e;
  --monitor-violet: #70607f;
}
.monitoring-page #monitoring-workflow article { --monitor-accent: var(--monitor-blue); }
.monitoring-page #monitoring-workflow article:nth-child(2) { --monitor-accent: var(--monitor-teal); }
.monitoring-page #monitoring-workflow article:nth-child(3) { --monitor-accent: var(--monitor-violet); }
.monitoring-page #monitoring-workflow article > .bi {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: .75rem;
  color: var(--monitor-accent);
  background: color-mix(in srgb, var(--monitor-accent) 10%, var(--site-surface));
}
.monitoring-page .itt-preview-head {
  background: color-mix(in srgb, var(--monitor-blue) 6%, var(--site-surface));
}
.monitoring-page [data-screener] header {
  padding-top: .75rem;
  border-top: 3px solid var(--monitor-teal);
}
.monitoring-page [data-screener="insider_sales"] header { border-top-color: #a45567; }
[data-bs-theme="dark"] .monitoring-page {
  --monitor-blue: #91b9dc;
  --monitor-teal: #80c8bb;
  --monitor-violet: #b8a8cf;
}