/* static/tour.css */
.tour-backdrop {
  position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 9990;
}
.tour-spotlight {
  position: fixed; border: 2px solid white; box-shadow: 0 0 0 9999px rgba(0,0,0,.5);
  border-radius: 12px; transition: all .2s ease; z-index: 9991; pointer-events:none;
}
.tour-tooltip {
  position: fixed; max-width: 360px; background: #111; color: #fff; padding: 14px 16px;
  border-radius: 10px; box-shadow: 0 10px 30px rgba(0,0,0,.4); z-index: 9992;
  font: 14px/1.4 system-ui, sans-serif;
}
.tour-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; }
.tour-counter { font-size: 12px; color: rgba(255,255,255,.5); white-space: nowrap; }
.tour-actions { display: flex; gap: 8px; margin-top: 10px; }
.tour-btn { background:#fff; color:#111; border:0; padding:6px 10px; border-radius:8px; cursor:pointer; }
.tour-btn.secondary { background:transparent; color:#fff; outline:1px solid #fff; }
.tour-btn:disabled { opacity:.3; cursor:default; }