/* ============================================================
   RevealLab — shell + exemplar-panel styles
   (topbar widgets, stat strip, watchlist). Parallel panels
   add their own css/panels/<name>.css following this house style.
   ============================================================ */

/* ---- topbar widgets ---- */
.topbar__navbtn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;
  background:transparent;color:var(--text-2);font-size:13px;font-weight:600;
  padding:8px 13px;border-radius:var(--r);transition:all .14s}
.topbar__navbtn:hover{background:var(--surface-2);color:var(--text)}
.topbar__navbtn.is-active{background:var(--brand-tint);color:var(--brand-dark)}
.topbar__navbtn svg{opacity:.85}
.runs{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05}
.runs__n{font-size:16px;font-weight:800;color:var(--brand-dark)}
.runs__l{font-size:9.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
  border:1px solid var(--border);background:var(--surface);border-radius:var(--r);color:var(--text-2);cursor:pointer;transition:all .14s}
.iconbtn:hover{background:var(--surface-2);color:var(--text)}
.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--purple));
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}

/* ---- stat strip ---- */
.stat{display:flex;flex-direction:column;justify-content:center;gap:3px;
  padding:0 22px;min-width:118px;border-right:1px solid var(--border);position:relative}
.stat:last-child{border-right:0}
.stat__label{font-size:11px;color:var(--text-3);font-weight:600}
.stat__value{font-size:21px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.stat__sub{font-size:11px;font-weight:600}

/* ---- watchlist ---- */
.wl-head{display:flex;flex-direction:column;gap:9px;padding:12px 12px 10px}
.wl-actions{display:flex;gap:7px}
.wl-actions .btn{flex:1}
.wl-sym{display:flex;align-items:center;gap:8px;font-weight:700}
.wl-name{font-size:10.5px;color:var(--text-3);font-weight:500}
.wl-foot{display:flex;gap:14px;flex-wrap:wrap}
.wl-foot b{color:var(--text-2)}