/* Force dark tooltip with light text for readability */
.introjs-tooltip {
  background: #1e1e1e !important;
  color: #ffffff !important;
}
.introjs-tooltip * {
  color: #ffffff !important;
}
.introjs-tooltip-title {
  color: #ffffff !important;
}
.introjs-tooltiptext {
  color: #ffffff !important;
}
/* Buttons */
.introjs-button {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
  color: #ffffff !important;
}
.introjs-prevbutton, .introjs-nextbutton, .introjs-donebutton, .introjs-skipbutton {
  color: #ffffff !important;
}
/* Progress bullets */
.introjs-bullets ul li a { background: #6c757d !important; }
.introjs-bullets ul li a.active { background: #0d6efd !important; }
/* Helper overlay */
.introjs-helperLayer {
  box-shadow: 0 0 0 9999px rgba(0,0,0,0.6) !important;
  border: 2px solid #ffc107 !important;
}
/* Tooltip arrows */
.introjs-arrow.top { border-bottom-color: #1e1e1e !important; }
.introjs-arrow.top-right { border-bottom-color: #1e1e1e !important; }
.introjs-arrow.top-middle { border-bottom-color: #1e1e1e !important; }
.introjs-arrow.top-left { border-bottom-color: #1e1e1e !important; }
.introjs-arrow.right { border-left-color: #1e1e1e !important; }
.introjs-arrow.left { border-right-color: #1e1e1e !important; }
.introjs-arrow.bottom { border-top-color: #1e1e1e !important; }