.driver-overlay {
  z-index: 30000 !important;
}

.driver-popover {
  z-index: 30010 !important;
}

.driver-active-element {
  z-index: 30005 !important;
}

.visiona-driver-popover {
  max-width: min(420px, calc(100vw - 2rem));
  border-radius: 12px;
  box-shadow: 0 22px 55px rgba(15, 23, 42, 0.28);
  font-family: inherit;
}

.visiona-driver-popover .driver-popover-title {
  color: #111827;
  font-size: 1rem;
  line-height: 1.3;
}

.visiona-driver-popover .driver-popover-description {
  color: #4b5563;
  font-size: 0.92rem;
  line-height: 1.45;
}

.visiona-driver-popover .driver-popover-progress-text {
  color: #6b7280;
  font-size: 0.82rem;
}

.visiona-driver-popover .driver-popover-prev-btn,
.visiona-driver-popover .driver-popover-next-btn {
  border-radius: 6px;
  font-size: 0.88rem;
  line-height: 1.2;
  text-shadow: none;
}

.visiona-driver-popover .driver-popover-next-btn {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #ffffff;
}

.visiona-driver-popover .driver-popover-prev-btn {
  background: #ffffff;
  border-color: #ced4da;
  color: #374151;
}

.visiona-driver-popover .driver-popover-close-btn {
  color: #374151;
}

body.driver-active .driver-active-element {
  outline: 3px solid rgba(13, 110, 253, 0.85) !important;
  outline-offset: 4px !important;
}

@media (max-width: 768px) {
  .visiona-driver-popover {
    max-width: calc(100vw - 1rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .driver-overlay-animated,
  .driver-fade .driver-popover {
    transition: none !important;
    animation: none !important;
  }
}