/* YahaLinks landing background shared by Info Monitor and the Downloader.
   Same map grid and lavender gradients as the citizen landing page; replaces the
   logo watermark. The body stays transparent so the help-signal layer
   (yl-signals.js, fixed at z-index -1) shows between the cards. */
html:root {
  min-height: 100%;
  background-color: #f3ecff;
  background-image:
    radial-gradient(rgba(124, 58, 237, 0.13) 1px, transparent 1.5px),
    radial-gradient(circle at 14% 18%, rgba(196, 181, 253, 0.58) 0%, transparent 45%),
    radial-gradient(circle at 86% 22%, rgba(245, 208, 254, 0.52) 0%, transparent 46%),
    radial-gradient(circle at 76% 84%, rgba(199, 210, 254, 0.55) 0%, transparent 48%),
    linear-gradient(145deg, #f6f1ff 0%, #ebe1ff 50%, #f7f0ff 100%);
  background-size: 22px 22px, auto, auto, auto, auto;
  background-position: 11px 11px, center, center, center, center;
  background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  background-attachment: fixed;
}

html:root body {
  background: transparent;
}

.yl-signal-canvas {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
}

@media (forced-colors: active) {
  html:root { background-image: none; }
  .yl-signal-canvas { display: none; }
}