/* ============================================================================
   PIN-DOCK — float-host mechanics (single source of truth). Pairs with
   _pindock.js. The `.pindock-float` host is the fixed element the controller
   moves the bar INTO when pinned; it must live OUTSIDE any container-type /
   contain ancestor so it resolves against the viewport. The controller sets its
   left/width/top/bottom inline. pointer-events pass THROUGH the transparent host
   (so the page behind a floating bar stays interactive at its margins) but not
   through the bar itself. Import after the host's own layout CSS.
   ============================================================================ */
.pindock-float {
  position: fixed;
  z-index: 6;
  pointer-events: none;   /* the transparent host doesn't catch clicks … */
  display: none;          /* shown only while the controller has pinned the bar */
}
.pindock-float.is-active { display: block; }
.pindock-float > * { pointer-events: auto; }   /* … but the bar inside does */