/* Walkthrough — пошаговый тур в стиле WalkMe */
.tour-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
  pointer-events: none;
}
.tour-overlay .tour-spotlight {
  position: absolute;
  border: 3px solid #0d9488;
  border-radius: 8px;
  box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
  pointer-events: auto;
  transition: all 0.2s ease;
}
.tour-tooltip {
  position: fixed;
  z-index: 9999;
  max-width: 320px;
  padding: 1rem 1.25rem;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.2);
  pointer-events: auto;
}
.tour-tooltip h3 { margin: 0 0 0.5rem; font-size: 1rem; }
.tour-tooltip p { margin: 0; font-size: 0.9rem; color: #444; line-height: 1.4; }
.tour-tooltip .tour-actions { margin-top: 1rem; display: flex; gap: 0.5rem; justify-content: flex-end; }
.tour-tooltip button { padding: 0.4rem 0.8rem; border-radius: 6px; cursor: pointer; font-size: 0.9rem; }
.tour-tooltip .tour-next { background: #0d9488; color: #fff; border: none; }
.tour-tooltip .tour-skip { background: transparent; color: #666; border: 1px solid #ccc; }
.tour-trigger { font-size: 0.85rem; color: #0d9488; cursor: pointer; margin-left: auto; }
.tour-trigger:hover { color: #0f766e; }