/* Guided Tour overlay + tooltip */
.ef-tour-overlay {
  position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 100000;
}
.ef-tour-highlight {
  position: fixed; z-index: 100001; border: 2px solid #AFCA0B; border-radius: 10px; box-shadow: 0 0 0 3px rgba(175,202,11,0.3);
  pointer-events: none;
}
.ef-tour-tooltip {
  position: fixed; z-index: 100002; max-width: 360px; background: #ffffff; color: #111827; border-radius: 10px; padding: 12px 14px; box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
.ef-tour-tooltip h4 { margin: 0 0 6px; font-size: 15px; font-weight: 700; }
.ef-tour-tooltip p { margin: 0 0 10px; font-size: 13px; line-height: 1.4; }
.ef-tour-actions { display:flex; gap:8px; justify-content:flex-end; }
.ef-tour-actions button { padding:6px 10px; border-radius:6px; border:1px solid #d1d5db; background:#fff; cursor:pointer; font-size:12px; }
.ef-tour-actions button.primary { background:#162148; color:#fff; border-color:#162148; }
.ef-tour-tooltip::after { content:""; position:absolute; width:10px; height:10px; background:#ffffff; transform: rotate(45deg); }
.ef-tour-tooltip[data-placement="top"]::after { bottom:-5px; left:20px; }
.ef-tour-tooltip[data-placement="bottom"]::after { top:-5px; left:20px; }
.ef-tour-tooltip[data-placement="left"]::after { right:-5px; top:20px; }
.ef-tour-tooltip[data-placement="right"]::after { left:-5px; top:20px; }

/* Dark mode tooltip variant */
.ef-wa-crm-dashboard[data-theme="dark"] .ef-tour-tooltip {
  background:#242626; color:#e9edef; border:1px solid #333335;
}
.ef-wa-crm-dashboard[data-theme="dark"] .ef-tour-tooltip::after { background:#242626; }