/* Tour layer over the real dashboard stylesheet: a fixed bar on top, actions shown as off. Uses the dashboard's tokens. */
body.tour{padding-top:44px}
.tourbar{position:fixed;top:0;left:0;right:0;height:44px;z-index:25;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s2);
  padding:0 var(--s4);background:var(--head);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);font-size:var(--t2)}
.tourbar a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}
.tourbar .tb-back{justify-self:start;color:var(--fg2)}
.tourbar .tb-back:hover{color:var(--fg)}
.tourbar .tb-title{justify-self:center;font-weight:650;color:var(--fg);white-space:nowrap}
.tourbar .tb-cta{justify-self:end;min-height:32px;margin:6px 0;padding:0 14px;border-radius:var(--r2);background:var(--acc);color:var(--acc-ink);font-weight:600;position:relative}
.tourbar .tb-cta::after{content:"";position:absolute;inset:-6px 0}  /* 44px tap target around a 32px button */

/* Actions are off: they keep their look, faded, and never fire. */
body.tour :is([data-quick],[data-rm],[data-con],[data-seg="tryPlan"],#start,#quit,[data-gh],[data-wire],[data-wire-yes],[data-cli],[data-login],[data-feature],[data-choose],[data-repo]:not([aria-current]),form button:not([type=button]),form input[type=submit]){opacity:.55;cursor:default}
.tour-note{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:40;padding:8px 14px;border-radius:var(--r2);background:var(--surface2);color:var(--fg2);
  border:1px solid var(--line2);box-shadow:var(--shadow);font-size:var(--t2);white-space:nowrap;pointer-events:none}
.tour-note[hidden]{display:none}

@media (max-width:760px){
  .tourbar{padding:0 var(--s4)}
  .tour-note{bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media (max-width:400px){.tourbar .tb-title{font-size:var(--t1)}}