/* DanceGrove — one-tap actions (f-onetap). Uses the Terracotta Atelier tokens. */
.onetap{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  margin:18px 0;padding:0;position:relative;
}
.onetap-btn{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--dg-font-body);font-weight:600;font-size:13px;letter-spacing:.02em;
  border:1.5px solid var(--dg-line-2,var(--dg-line));color:var(--dg-ink);
  background:var(--dg-paper);padding:9px 16px;border-radius:var(--dg-radius-pill,999px);
  cursor:pointer;transition:.25s;text-decoration:none;line-height:1;
}
.onetap-btn:hover{border-color:var(--dg-clay);color:var(--dg-clay-2,var(--dg-clay));background:var(--dg-linen,var(--dg-paper))}
.onetap-btn:focus-visible{outline:2px solid var(--dg-clay);outline-offset:2px}
.onetap-ico{font-size:15px;line-height:1}
.onetap-label{white-space:nowrap}

.onetap-toast{
  font-size:12.5px;color:var(--dg-sage,var(--dg-ink-soft));font-weight:600;
  padding-left:4px;
}

.onetap-qr-panel{
  margin:4px 0 20px;padding:18px;display:inline-flex;flex-direction:column;align-items:center;gap:8px;
  background:var(--dg-paper);border:1px solid var(--dg-line);border-radius:18px;
}
.onetap-qr-frame{
  width:176px;height:176px;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:12px;overflow:hidden;
}
.onetap-qr-img{width:100%;height:100%;display:block}
.onetap-qr-hint{font-size:12.5px;margin:0;text-align:center;max-width:200px}

@media (max-width:520px){
  .onetap{gap:8px}
  .onetap-btn{padding:8px 13px;font-size:12px}
}