/* The Mac pop-up menu a Picker opens. Measured from the YachtForms Catalyst app's Name menu
   (2026-10-16); written in iPad points (Mac points / 0.77) and drawn at --scale like the rest.
   Mac: rows 24 high, text 31.5 in, tick 14 in, 17.5 clear on the right, 5.25 above and below. */
.MenuView { position: absolute; inset: 0; z-index: 90; }
.MenuView-panel {
  position: absolute;
  padding: 6.8px 0;
  border-radius: 13px;
  background: rgba(253, 253, 253, 0.97);
  -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px);
  box-shadow: 0 0 0 0.65px rgba(0, 0, 0, 0.29), 0 6px 22px rgba(0, 0, 0, 0.14);
}
.MenuView-item {
  position: relative;
  display: block; width: 100%;
  height: 31.2px; line-height: 31.2px;
  padding: 0 22.7px 0 40.9px;
  font-size: 17px; font-weight: 400; color: rgba(0, 0, 0, 0.88);
  text-align: left; white-space: nowrap;
  outline: none;
}
/* The highlight under the pointer, white text. A Mac uses its accent colour here; Barney's Mac
   is set to Graphite, rgb(152,152,152), which suits the app's quiet colours - so always grey. */
.MenuView-item::before {
  content: ""; position: absolute; inset: 0 6.5px; border-radius: 7px;
  background: transparent; z-index: -1;
}
.MenuView-item:hover::before, .MenuView-item:focus-visible::before { background: rgb(152, 152, 152); }
.MenuView-item:hover, .MenuView-item:focus-visible { color: #fff; }
.MenuView-panel { isolation: isolate; }
.MenuView-tick {
  position: absolute; left: 18.2px; top: 50%;
  width: 11.7px; height: 11.7px; transform: translateY(-50%);
}
/* A long crew list scrolls inside the menu; a thin scroll bar, as close to the Mac's as each
   browser allows (Windows browsers otherwise draw a wide grey one) */
.MenuView-panel { scrollbar-width: thin; overscroll-behavior: contain; }