/* ---------- equation bar ----------
   Docked to the bottom of the pane, absent until a LaTeX field is focused, and
   collapsed to one row of group names until a group is opened. That is the
   whole of "tucked away neatly": it costs no room at rest and never appears
   while editing prose. */
#eqbar{position:fixed;right:24px;bottom:24px;z-index:60;
  width:var(--panel-w, clamp(390px,37vw,560px));
  max-width:calc(100vw - 48px);
  border-radius:16px;padding:8px;
  border:.5px solid var(--panel-line);
  background:var(--panel-bg);background-image:var(--panel-img);
  -webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);
  box-shadow:var(--panel-shadow);
  opacity:0;pointer-events:none;transform:translateY(8px);
  transition:opacity .22s ease,transform .28s cubic-bezier(.32,.72,0,1)}
#eqbar.on{opacity:1;pointer-events:auto;transform:none}

.eqtabs{display:flex;gap:3px;flex-wrap:wrap}
.eqtab{font-family:inherit;font-size:11.5px;font-weight:500;letter-spacing:.02em;
  padding:6px 11px;border-radius:999px;cursor:pointer;
  border:.5px solid transparent;background:transparent;color:var(--tx-3);
  transition:background .2s,color .2s}
.eqtab:hover{color:var(--tx-2);background:var(--hover)}
.eqtab.on{background:var(--accent);color:#fff}
.eqclose{margin-left:auto}

.eqgrid{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;
  max-height:190px;overflow-y:auto;padding-top:8px;
  border-top:.5px solid var(--rule)}
.eqgrid::-webkit-scrollbar{width:5px}
.eqgrid::-webkit-scrollbar-thumb{background:var(--chip-line);border-radius:4px}
.eqbtn{min-width:38px;height:34px;padding:0 8px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  border-radius:8px;border:.5px solid var(--chip-line);
  background:var(--chip);color:var(--tx);
  transition:background .18s,transform .18s}
.eqbtn:hover{background:var(--hover);transform:translateY(-1px)}
.eqbtn .katex{font-size:1em;color:var(--tx)}