/* ═══════════════════════════════════════════════════════════════════
   First-login welcome tour — spotlight overlay + step cards + modals
   ═══════════════════════════════════════════════════════════════════ */
.tut-backdrop{position:fixed;inset:0;z-index:3000}
.tut-spotlight{position:absolute;border-radius:10px;border:2px solid var(--orange);
  box-shadow:0 0 0 9999px rgba(0,0,0,.72);transition:all .25s ease;pointer-events:none}
.tut-card{position:absolute;z-index:3002;background:var(--bg2);border:1px solid var(--border);
  border-radius:14px;padding:18px 20px;max-width:330px;width:calc(100% - 32px);
  box-shadow:0 16px 50px rgba(0,0,0,.6)}
.tut-card h3{margin:0 0 8px;font-size:1.05rem;color:var(--text)}
.tut-card p{margin:0 0 14px;font-size:.9rem;color:var(--muted);line-height:1.5}
.tut-row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tut-step{font-size:.78rem;color:var(--muted)}
.tut-btns{display:flex;gap:8px}
.tut-btns .btn{padding:6px 14px;font-size:.85rem}

.tut-modal{position:fixed;inset:0;z-index:3001;background:rgba(0,0,0,.72);
  display:flex;align-items:center;justify-content:center;padding:18px}
.tut-modal-box{background:var(--bg2);border:1px solid var(--border);border-radius:18px;
  padding:28px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.tut-modal-box h2{margin:0 0 10px;color:var(--text)}
.tut-modal-box p{color:var(--muted);line-height:1.55;margin:0 0 18px}
.tut-feats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}
.tut-feat{background:var(--bg3);border-radius:10px;padding:12px 10px;font-size:.84rem;color:var(--text)}
.tut-feat .ic{font-size:1.4rem;display:block;margin-bottom:4px}
.tut-modal-actions{display:flex;gap:10px;justify-content:center;margin-top:6px;flex-wrap:wrap}
@media(max-width:560px){.tut-card{max-width:none}}