/*
 * tour.css
 * Light Driver.js theming for the product tour.
 *
 * Tour entry points live in the user-avatar (profile) dropdown as
 * `[data-tour-action]` items and reuse the existing `.dropdown-item` styles,
 * so there is no dedicated on-screen button to style here.
 */

/* Minor Driver.js popover polish to match the CRM's accent colour. */
.driver-popover.driverjs-theme {
  border-radius: 12px;
}
.driver-popover .driver-popover-progress-text {
  font-weight: 600;
  opacity: 0.85;
}
.driver-popover .driver-popover-next-btn {
  background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%);
  color: #fff;
  border: none;
  text-shadow: none;
}
.driver-popover .driver-popover-next-btn:hover { filter: brightness(1.05); }

/*
 * Let a tour step force the profile dropdown open for highlighting. The menu
 * normally only shows on :hover / :focus-within, which Driver's focus handling
 * would immediately break, so steps add `.tour-open` on the wrapper instead
 * (see TourManager `addClass` action). Higher specificity + loaded after
 * common-ui.css, so this wins over the hidden base state.
 */
.user-avatar-wrapper.tour-open .user-avatar-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}