/* brush.css — the shared linked-brushing bar + the "brushed" ring.
   Scoped to .brush-bar and the .brushed utility so it sits cleanly on any
   instrument page. Paper palette, with fallbacks. */
.brush-bar{
  position:fixed;left:50%;bottom:14px;transform:translateX(-50%);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;max-width:min(960px,94vw);
  background:#1a3a5c;color:#fff8ef;border:1px solid #102a44;border-radius:99px;
  padding:9px 16px;box-shadow:0 8px 30px rgba(20,20,16,.28);z-index:7000;
  font-family:"JetBrains Mono",ui-monospace,monospace;font-size:12px}
.brush-bar[hidden]{display:none}
.brush-bar .bb-dot{opacity:.8}
.brush-bar .bb-count{font-weight:500;white-space:nowrap}
.brush-bar .bb-label{opacity:.8;font-style:italic;font-family:"Newsreader",Georgia,serif;font-size:13px}
.brush-bar .bb-chips{display:flex;gap:5px;flex-wrap:wrap;align-items:center;max-width:560px;overflow:hidden}
.brush-bar .bchip{font-size:10.5px;color:#fff8ef;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  border-radius:99px;padding:2px 8px;cursor:pointer;text-decoration:none;white-space:nowrap}
.brush-bar .bchip:hover{background:rgba(255,255,255,.25)}
.brush-bar .bb-more{opacity:.7;font-size:10.5px}
.brush-bar .bb-btn{appearance:none;background:transparent;color:#fff8ef;border:1px solid rgba(255,255,255,.4);
  border-radius:99px;padding:4px 11px;font-family:inherit;font-size:11px;cursor:pointer;margin-left:auto;white-space:nowrap}
.brush-bar .bb-btn:hover{background:rgba(255,255,255,.16)}

/* the brushed ring — generic for DOM chips/cards. SVG nodes (e.g. the Backbone
   constellation) style circle.brushed in their own sheet since SVG can't take
   box-shadow. */
.brushed{outline:2px solid #b8553a !important;outline-offset:1px;border-radius:4px}
a.pin.brushed,.bchip.brushed{outline-offset:2px}

/* a small "brush these" affordance the instruments drop into their trays */
.brush-add{appearance:none;background:transparent;border:1px solid #1a3a5c;color:#1a3a5c;
  border-radius:99px;padding:4px 11px;font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;cursor:pointer}
.brush-add:hover{background:#1a3a5c;color:#fff8ef}