/* Intro.js — стилизация под GoFlow */
.introjs-skipbutton { display: none !important; }
.introjs-tooltip { min-width: 280px; max-width: 360px; border-radius: 0.5rem !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; }
.introjs-tooltip-header { padding: 10px 14px 0 14px !important; }
.introjs-tooltip-title { font-size: 15px !important; font-weight: 600 !important; color: #1e293b !important; }
.introjs-tooltiptext { font-size: 13px !important; color: #64748b !important; padding: 8px 14px !important; }
.introjs-bullets { display: none !important; }
.introjs-progress { margin: 0 14px 4px 14px !important; }
.introjs-progressbar { background: #6366f1 !important; }
.introjs-tooltipbuttons { padding: 8px 14px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; border-top: 1px solid #e2e8f0 !important; }
.introjs-button {
  font-size: 0.75rem !important;
  height: 1.5rem !important;
  padding: 0.15rem 0.5rem !important;
  line-height: 1 !important;
  border-radius: 0.375rem !important;
  text-shadow: none !important;
  font-weight: 500 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
}
.introjs-nextbutton, .introjs-donebutton {
  background: #10b981 !important;
  color: #fff !important;
  border-color: #10b981 !important;
}
.introjs-nextbutton:hover, .introjs-donebutton:hover {
  background: #059669 !important;
  border-color: #059669 !important;
  color: #fff !important;
}
.introjs-prevbutton {
  background: transparent !important;
  color: #6c757d !important;
  border-color: #dee2e6 !important;
}
.introjs-prevbutton:hover {
  background: #f8f9fa !important;
  color: #495057 !important;
  border-color: #adb5bd !important;
}
.introjs-prevbutton.introjs-disabled { display: none !important; }
.tour-skip-btn {
  font-size: 0.75rem !important;
  padding: 0.15rem 0.4rem !important;
  color: #64748b !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
}
.tour-skip-btn:hover { color: #1e293b !important; text-decoration: underline !important; }
.introjs-overlay { background: #000 !important; opacity: 0.5 !important; }
.introjs-helperLayer { box-shadow: rgba(0,0,0,0.5) 0 0 0 5000px !important; border-radius: 4px !important; }