/* Team Taurus CRM — feature tour styles */
.ttour-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;
  justify-content:center;background:rgba(20,18,14,.62);backdrop-filter:blur(3px);padding:18px}
body.ttour-open{overflow:hidden}
.ttour-modal{position:relative;width:min(560px,96vw);background:#fff;border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.35);padding:30px 26px 22px;text-align:center;
  animation:ttpop .22s ease}
@keyframes ttpop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.ttour-x{position:absolute;top:12px;right:14px;border:0;background:#f3f0e8;width:34px;height:34px;
  border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer;color:#6b6455}
.ttour-x:hover{background:#ece7da}
.ttour-stage{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ttour-ic{font-size:3.4rem;line-height:1;margin-bottom:12px}
.ttour-step{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#c79a12;margin-bottom:8px}
.ttour-title{margin:0 0 10px;font-size:1.5rem;color:#211d16}
.ttour-desc{margin:0;color:#544f45;font-size:1rem;line-height:1.55;max-width:44ch}
.ttour-dots{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:18px 0 16px}
.ttour-dot{width:9px;height:9px;border-radius:50%;border:0;background:#e2ddce;cursor:pointer;padding:0;transition:all .15s}
.ttour-dot.on{background:#e8b923;transform:scale(1.35)}
.ttour-ctrls{display:flex;gap:10px;align-items:center;justify-content:center}
.ttour-btn{border:1px solid #e6e0d2;background:#fff;border-radius:11px;padding:11px 16px;
  font-weight:700;font-size:.92rem;cursor:pointer;color:#2c281f}
.ttour-btn:hover:not(:disabled){background:#faf7ef}
.ttour-btn:disabled{opacity:.4;cursor:default}
.ttour-play{background:#e8b923;border-color:#e8b923;color:#3a2f05;min-width:130px}
.ttour-play:hover{background:#e0af17}
.ttour-play.playing{background:#3a2f05;color:#ffd869;border-color:#3a2f05}

/* the amber "How to use" button used on the login + register + topbar */
.ttour-open-btn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;
  background:#fdf3d4;color:#8a6d06;font-weight:800;border-radius:11px;padding:10px 16px;font-size:.9rem}
.ttour-open-btn:hover{background:#fbe9b3}

@media (max-width:520px){
  .ttour-title{font-size:1.28rem}.ttour-ic{font-size:3rem}
  .ttour-ctrls{flex-wrap:wrap}.ttour-btn{flex:1 1 auto}
}
