/* Notes pins (T169), injected into the preview iframe by NotesHost.vue. The sheet is always white, so only the
   light tokens are used; `--zxc-inv` counter-scales the pins when the sheet is scaled down. */
.zx-notes-layer {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 2147483000;
}
.zx-note-pin {
  position: absolute;
  box-sizing: border-box;
  width: 26px;
  height: 26px;
  margin: -26px 0 0 0;
  padding: 0;
  border: 1px solid #3565eb;
  border-radius: 13px 13px 13px 3px;
  background: #ffffff;
  color: #3565eb;
  font: 600 11px/24px system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-variant-numeric: tabular-nums;
  text-align: center;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 8px 24px -8px rgba(16, 24, 40, 0.16);
  transform: scale(var(--zxc-inv, 1));
  transform-origin: 0 100%;
}
.zx-note-pin:hover {
  background: #3565eb;
  color: #ffffff;
}
.zx-note-pin:focus-visible {
  outline: 2px solid #3565eb;
  outline-offset: 2px;
}
.zx-note-pin.is-active {
  background: rgba(53, 101, 235, 0.1);
  color: #3565eb;
  box-shadow: 0 0 0 3px rgba(53, 101, 235, 0.1), 0 8px 24px -8px rgba(16, 24, 40, 0.16);
}
.zx-note-pin.is-resolved {
  border-color: #d5d9e2;
  color: #6d7684;
}
.zx-note-pin--draft {
  border-style: dashed;
}
html.zx-notes-mode #zadex-canvas-root,
html.zx-notes-mode #zadex-canvas-root * {
  cursor: crosshair !important;
}