/* ── Trade station overlay ───────────────────────
   The station is the kit's bay (UI-REDESIGN.md §1.2 #8, `bay()` in
   views/ui.js): a bracketed panel with the purse on the left and the stock,
   grouped by shelf, on the right. Every row is a kit `row()` whose body is the
   shared `catalogDetailHtml` block, so the panel, the rows, the prices and the
   blocked reasons all come from css/ui.css — this file holds only the host the
   layer mounts into.

   The host is the box map.js sizes over the galaxy canvas; trade.js adds
   `.is-bay` while the station is open.

   It carries no reflow of its own (UI-REDESIGN.md §4 Phase 7): the host is
   `inset:0` over a box its caller already sizes to the viewport, and everything
   inside it is the kit's bay (css/ui.css) wearing the bay furniture in
   css/bays.css, both of which reflow there. */

.trade-overlay{
  position:absolute;
  inset:0;
  z-index:var(--z-bay);
}
/* Open: the map still reads through the backdrop, which is also the surface a
   click closes the station on. */
.trade-overlay.is-bay{background:var(--u-ink)}