/* ============ Walkthrough + Help module (Settings → Information) ============ */
.wt-panel{position:fixed;background:rgba(4,6,10,.72);z-index:8500}
/* GET STARTED guided mode (2026-08-17): free steps leave the whole screen usable — no tint,
   nothing blocked — while the ring, arrow and bubble still say what to do. And while a
   Get-Started tour is driving, the blocking steps use a LIGHTER tint than the classic tours
   (Ian: "the screen will darken slightly"). */
.wt-panel.wt-free{background:transparent!important;pointer-events:none}
/* A step with no target element has no hole to click through, so panel[0] used to cover the
   whole screen AND eat every click on it. The first-run intro's step 1 is exactly that, and it
   drops over the app ~1.5s after boot — long after the UI looks ready — so a new user's first
   press of Metrics / Businesses / Select silently did nothing, with no hint that a tour was
   holding the screen. Blind testers read it as "the app is frozen". Keep the tint (it still
   says "something is talking to you"), drop the blocking: the bubble is z-index 8503, above
   this, so Next / Back / ✕ Exit are unaffected. (Ian 2026-08-20) */
.wt-panel.wt-nohole{pointer-events:none}
body.gs-tour .wt-panel:not(.wt-free){background:rgba(4,6,10,.45)}
.wt-ring{position:fixed;z-index:8501;pointer-events:none;border:3px solid var(--accent);border-radius:12px;
  box-shadow:0 0 0 2px rgba(0,0,0,.35),var(--glow-accent);transition:left .12s,top .12s,width .12s,height .12s}
.wt-arrow{position:fixed;z-index:8502;pointer-events:none;font-size:30px;line-height:1;color:var(--accent);
  text-shadow:0 2px 8px rgba(0,0,0,.8);animation:wtBounce 1s ease-in-out infinite}
@keyframes wtBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
.wt-arrow-top{animation-name:wtBounceUp}
@keyframes wtBounceUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.wt-ring-pulse{animation:wtRingPulse .4s ease 2}
@keyframes wtRingPulse{50%{transform:scale(1.05);filter:brightness(1.7)}}
.wt-bubble{position:fixed;z-index:8503;width:min(390px,88vw);max-height:72vh;overflow-y:auto;background:var(--panel2);
  border:1px solid var(--accent);border-radius:14px;padding:13px 15px;box-shadow:var(--shadow);color:var(--txt);font-size:14px}
.wt-b-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.wt-b-step{font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.4px}
.wt-b-exit{background:none;border:1px solid var(--line2);color:var(--muted);border-radius:8px;padding:3px 8px;
  font-size:11px;cursor:pointer}
.wt-b-exit:hover{color:var(--red);border-color:var(--red)}
.wt-b-title{font-weight:800;font-size:15px;margin-bottom:4px;color:var(--accent)}
.wt-b-text{line-height:1.5;color:var(--txt)}
.wt-b-text b{color:var(--accent)}
.wt-b-list{list-style:none;margin:0;padding:0}
.wt-b-list li{position:relative;padding-left:15px;margin-bottom:5px;line-height:1.45}
.wt-b-list li:before{content:"–";position:absolute;left:0;color:var(--accent);font-weight:800}
.wt-b-list li:last-child{margin-bottom:0}
.wt-b-more{margin-top:9px;padding-top:8px;border-top:1px solid var(--line2);font-size:12.5px;
  line-height:1.55;color:var(--muted)}
.wt-b-more b{color:var(--txt)}
.wt-b-more .wt-uc{color:var(--accent2);font-weight:800}
.wt-b-foot{display:flex;align-items:center;gap:8px;margin-top:10px}
.wt-b-hint{flex:1;font-size:12px;color:var(--accent2);font-weight:700}
.wt-b-back{visibility:hidden}
/* ---------- Information tab ---------- */
#wt_info .wt-seg{display:flex;gap:8px;margin-bottom:14px}
/* flex:1 1 0 + min-width:0 (was flex:1): with THREE sub-tabs since 2026-08-13 the widest
   label was forcing the row past the panel on a phone. Equal shares, ellipsis over overflow. */
#wt_info .wt-seg button{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 6px;border-radius:10px;border:1px solid var(--line2);
  background:var(--panel);color:var(--muted);font-weight:800;cursor:pointer;font-size:13px}
#wt_info .wt-seg button.active{border-color:var(--accent);color:var(--txt);box-shadow:var(--glow-accent)}
@media(max-width:520px){#wt_info .wt-seg button{font-size:12px;padding:9px 3px}}
.wt-tourhero{border:1px solid var(--accent);border-radius:14px;padding:14px;margin-bottom:12px;background:var(--panel)}
.wt-tourgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.wt-tourcard{border:1px solid var(--line2);border-radius:12px;padding:12px;background:var(--panel)}
.wt-tourcard b{display:block;margin-bottom:3px}
.wt-tourcard .muted{font-size:12px;display:block;margin-bottom:8px;line-height:1.4}
.wt-startbtn{width:100%;padding:7px;border-radius:9px;border:1px solid var(--accent2);background:none;
  color:var(--accent2);font-weight:800;cursor:pointer}
.wt-startbtn:hover{box-shadow:var(--glow-blue)}
.wt-faq-wrap{position:relative;margin-bottom:12px}
#wt_faq_search{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);
  background:var(--panel);color:var(--txt);font-size:15px}
#wt_faq_search:focus{outline:none;border-color:var(--accent2);box-shadow:var(--glow-blue)}
.wt-sugg{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--panel2);border:1px solid var(--line2);
  border-radius:12px;overflow:hidden;z-index:20;box-shadow:var(--shadow)}
.wt-sugg button{display:block;width:100%;text-align:left;padding:9px 14px;background:none;border:0;
  border-bottom:1px solid var(--line);color:var(--txt);cursor:pointer;font-size:13px}
.wt-sugg button:hover{background:var(--panel)}
.wt-sugg button:last-child{border-bottom:0}
.wt-res{border:1px solid var(--line2);border-radius:12px;padding:11px 14px;margin-bottom:9px;background:var(--panel);cursor:pointer}
.wt-res:hover{border-color:var(--accent2)}
.wt-res b{color:var(--accent)}
.wt-res .muted{font-size:12px;display:block;margin-top:3px;line-height:1.45}
.wt-article{line-height:1.6;font-size:14px}
.wt-article h2{color:var(--accent);font-size:19px;margin:0 0 10px}
.wt-article p{margin:0 0 10px}
.wt-article b{color:var(--accent)}
.wt-article a{color:var(--accent2);cursor:pointer;text-decoration:underline}
.wt-article img{max-width:100%;border-radius:10px;border:1px solid var(--line2);margin:4px 0 12px;display:block}
.wt-noresult{text-align:center;padding:26px 10px;color:var(--muted)}
.wt-suggestbtn{margin-top:12px;padding:10px 18px;border-radius:10px;border:1px solid var(--accent);
  background:none;color:var(--accent);font-weight:800;cursor:pointer;font-size:14px}
.wt-suggestbtn:hover{box-shadow:var(--glow-accent)}
.wt-backbtn{margin-bottom:12px;padding:6px 12px;border-radius:9px;border:1px solid var(--line2);
  background:none;color:var(--muted);cursor:pointer;font-weight:700}
.wt-popular{font-size:12px;color:var(--muted);margin:10px 0 8px;font-weight:700;letter-spacing:.4px}