/* LeadFlow Tour Layout Editor */
.lf-tour-highlight-inset{
  outline:none!important;
  box-shadow:
    inset 0 0 0 4px #ff7a00,
    inset 0 0 18px rgba(255,122,0,.18),
    0 0 18px rgba(255,122,0,.24)!important;
}
.lf-tour-editing .lf-local-guide,
.lf-tour-editing .lf-guide-v21{
  cursor:move;
}
.lf-tour-editor-panel{
  position:fixed;
  z-index:9000;
  right:12px;
  top:12px;
  width:286px;
  padding:14px;
  border:2px solid #202833;
  border-radius:12px;
  background:rgba(255,255,255,.98);
  color:#27313b;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
  font:13px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.lf-tour-editor-title{
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:7px;
}
.lf-tour-editor-row{
  overflow-wrap:anywhere;
  margin-bottom:3px;
}
.lf-tour-editor-meta{
  color:#687480;
  font-size:12px;
  text-transform:capitalize;
}
.lf-tour-editor-help{
  margin:10px 0;
  padding:8px;
  border-radius:8px;
  background:#f3f5f7;
  color:#596570;
  font-size:12px;
}
.lf-tour-editor-field{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:8px 0;
  font-weight:700;
}
.lf-tour-editor-field select{
  min-height:34px;
  border:1px solid #cfd5da;
  border-radius:7px;
  padding:4px 8px;
  background:#fff;
}
.lf-tour-editor-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  margin-top:7px;
}
.lf-tour-editor-nav button{
  min-height:36px;
  border:1px solid #cfd5da;
  border-radius:7px;
  background:#fff;
  color:#2d3740;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.lf-tour-editor-nav button:hover{background:#f4f6f8}
.lf-tour-editor-note{
  margin-top:9px;
  color:#76818a;
  font-size:11px;
}
.lf-tour-editor-handle{
  position:fixed;
  z-index:8995;
  width:18px;
  height:18px;
  margin:-9px 0 0 -9px;
  border:3px solid #fff;
  border-radius:50%;
  box-shadow:0 1px 8px rgba(0,0,0,.35);
  cursor:grab;
  touch-action:none;
}
.lf-tour-editor-handle:active{cursor:grabbing}
.lf-tour-editor-handle-start{background:#177ddc}
.lf-tour-editor-handle-end{background:#19a463}
.lf-tour-editor-handle-curve{background:#8b5cf6}
@media(max-width:759px){
  .lf-tour-editor-panel{
    width:250px;
    right:6px;
    top:6px;
    padding:10px;
    font-size:12px;
  }
}

/* v2.8 editor endpoint visibility */
.lf-tour-editor-handle-end{
  width:22px;
  height:22px;
  margin:-11px 0 0 -11px;
  outline:2px solid rgba(25,164,99,.22);
  outline-offset:3px;
}
.lf-tour-editing .lf-tour-highlight-inset{
  overflow:visible!important;
}