/* 🆕 Feature Spotlight — light theme. The control sits in the bottom-left operator-tools cluster
   with #gce-pr-toggle (bottom:14) and #gce-pr-rec (bottom:50); this takes bottom:86. */

#gce-fs-toggle {
  position: fixed; left: 14px; bottom: 86px; z-index: 100000;
  background: #fff; border: 1px solid #d1d5db; border-radius: 8px;
  padding: 6px 11px; font: 600 12px system-ui, -apple-system, sans-serif;
  color: #111827; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
#gce-fs-toggle:hover { background: #f8fafc; }
#gce-fs-toggle.has-new { background: #fffbeb; border-color: #f59e0b; color: #92400e; }

/* the pulsing ring around a new feature's target */
.gce-fs-ring {
  position: fixed; z-index: 99990; pointer-events: none; display: none;
  border: 2px solid #f59e0b; border-radius: 8px;
  box-shadow: 0 0 0 3px rgba(245,158,11,.28);
  animation: gce-fs-pulse 1.4s ease-in-out infinite;
}
@keyframes gce-fs-pulse {
  0%,100% { box-shadow: 0 0 0 3px rgba(245,158,11,.28); }
  50%     { box-shadow: 0 0 0 7px rgba(245,158,11,.12); }
}
/* brief flash when the operator clicks "Try it" */
.gce-fs-flash { animation: gce-fs-flash 1.4s ease-out 1; border-radius: 6px; }
@keyframes gce-fs-flash {
  0% { box-shadow: 0 0 0 0 rgba(37,99,235,.55); }
  100% { box-shadow: 0 0 0 14px rgba(37,99,235,0); }
}

/* the labelled toast with an arrow pointing at the ring */
.gce-fs-toast {
  position: fixed; z-index: 100000; display: none; width: 300px; max-width: 88vw;
  background: #fff; border: 1px solid #f59e0b; border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0,0,0,.14); padding: 10px 12px;
  font: 13px/1.4 system-ui, -apple-system, sans-serif; color: #111827;
}
.gce-fs-toast .fs-arrow {
  position: absolute; top: -8px; left: 22px; width: 14px; height: 14px;
  background: #fff; border-left: 1px solid #f59e0b; border-top: 1px solid #f59e0b;
  transform: rotate(45deg);
}
.gce-fs-toast.fs-above .fs-arrow { top: auto; bottom: -8px; transform: rotate(225deg); }
.gce-fs-toast .fs-tag {
  display: inline-block; background: #fffbeb; color: #92400e; border: 1px solid #fcd34d;
  border-radius: 999px; padding: 1px 7px; font-size: 10.5px; font-weight: 700; margin-right: 4px;
}
.gce-fs-toast .fs-note { color: #475569; font-size: 12px; margin: 5px 0 8px; }
.gce-fs-toast .fs-acts { display: flex; gap: 6px; }
.gce-fs-toast .fs-try {
  border: 1px solid #d1d5db; background: #fff; color: #111827;
  border-radius: 7px; padding: 4px 10px; cursor: pointer; font-size: 12px; font-weight: 600;
}
.gce-fs-toast .fs-try:hover { background: #f3f4f6; }
.gce-fs-toast .fs-got {
  border: 1px solid #16a34a; background: #16a34a; color: #fff;
  border-radius: 7px; padding: 4px 10px; cursor: pointer; font-size: 12px; font-weight: 700;
}
.gce-fs-toast .fs-got:hover { background: #15803d; }

@media print {
  #gce-fs-toggle, .gce-fs-ring, .gce-fs-toast { display: none !important; }
}