/* demomode-2026-10-12: loaded only on the demo portal (Demo:Enabled=true). See js/demo-mode.js. */
[data-demo-note] {
  font-size: 0 !important;
  color: transparent !important;
  background: #eef5fd !important;
  border: 1px solid #b9d4f3 !important;
  border-left: 4px solid #3a7bd5 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  min-height: 0 !important;
  box-shadow: none !important;
}
[data-demo-note] > * { display: none !important; }
[data-demo-note]::before {
  content: attr(data-demo-note);
  display: block;
  font-size: 13px;
  line-height: 1.4;
  color: #1f3b5c;
  font-weight: 500;
  white-space: normal;
}
span[data-demo-note], small[data-demo-note], em[data-demo-note], label[data-demo-note], td[data-demo-note] { display: inline-block; }
.demo-ribbon {
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 2147483000;
  background: #1f3b5c;
  color: #fff;
  font: 500 12px/1.3 Rubik, system-ui, sans-serif;
  padding: 6px 10px;
  border-radius: 14px;
  opacity: .85;
  pointer-events: none;
}
@media (prefers-color-scheme: dark) {
  [data-demo-note] { background: #16263a !important; border-color: #2f4f75 !important; }
  [data-demo-note]::before { color: #d8e6f7; }
}