/* First-time tour + field hints — see assets/js/guide.js */

.nxg-hint{
  font-size:11.5px;
  line-height:1.45;
  color:var(--text-muted,#64748b);
  margin-top:4px;
}

.nxg-help{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:9000;
  width:38px;
  height:38px;
  border-radius:50%;
  border:1px solid var(--border,#cbd5e1);
  background:var(--card,#fff);
  color:var(--text,#0f172a);
  font-size:17px;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 2px 10px rgba(15,23,42,.16);
}
.nxg-help:hover{ background:var(--brand-600,#0f6b60); color:#fff; border-color:var(--brand-600,#0f6b60); }
.nxg-help:focus-visible{ outline:2px solid var(--brand-600,#0f6b60); outline-offset:2px; }

.nxg-ov{
  position:fixed;
  inset:0;
  z-index:9500;
  background:rgba(15,23,42,.55);
}

.nxg-ring{
  position:fixed;
  border:2px solid #fff;
  border-radius:6px;
  box-shadow:0 0 0 9999px rgba(15,23,42,.55), 0 0 0 3px rgba(255,255,255,.35);
  pointer-events:none;
  transition:top .18s ease, left .18s ease, width .18s ease, height .18s ease;
}

.nxg-card{
  position:fixed;
  width:340px;
  max-width:calc(100vw - 24px);
  background:#fff;
  color:#0f172a;
  border:1px solid #cbd5e1;
  border-radius:3px;
  padding:14px 16px 12px;
  box-shadow:0 10px 34px rgba(15,23,42,.3);
}
.nxg-card .nxg-step{
  font-size:10.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#0f6b60;
  font-weight:700;
  margin-bottom:6px;
}
.nxg-card h4{
  margin:0 0 6px;
  font-size:15.5px;
  font-weight:700;
  line-height:1.3;
}
.nxg-card p{
  margin:0;
  font-size:13.5px;
  line-height:1.55;
  color:#334155;
}
.nxg-btns{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
}
.nxg-btns button{
  border-radius:6px;
  padding:6px 13px;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#334155;
}
.nxg-btns .nxg-next{ background:#0f6b60; border-color:#0f6b60; color:#fff; }
.nxg-btns .nxg-skip{ border-color:transparent; color:#334155; font-weight:500; }
.nxg-btns button:focus-visible{ outline:2px solid #0f6b60; outline-offset:2px; }

@media (prefers-reduced-motion: reduce){
  .nxg-ring{ transition:none; }
}