/* The top layer escapes the scrolling sidebar and never occupies layout space. */
#nurseryDetailPage .detail-tabs .menu-flyout {
  position: fixed !important;
  inset: auto;
  margin: 0 !important;
  padding: 12px !important;
  box-sizing: border-box;
  height: max-content !important;
  min-height: 0 !important;
  align-content: start !important;
  align-items: start !important;
  grid-auto-rows: max-content;
  overflow: auto;
  border: 1px solid #9ba8ad;
  border-radius: 20px;
  background: var(--theme-sidebar, #faf7f3);
  color: var(--theme-text, #34464c);
  box-shadow: 0 12px 36px rgb(25 40 46 / 22%);
}
#nurseryDetailPage .detail-tabs .menu-flyout:popover-open {
  display: grid !important;
  gap: 8px;
}
#nurseryDetailPage .detail-tabs .menu-flyout .report-nav-items {
  margin: 0;
  padding: 0;
  display: grid;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 8px;
}
#nurseryDetailPage .detail-tabs .menu-flyout button {
  margin: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  align-self: start !important;
  border-radius: 14px !important;
  grid-template-columns: 31px minmax(0, 1fr) auto !important;
}
#nurseryDetailPage .detail-tabs .menu-flyout button > b {
  grid-column: 3 !important;
}
html body.dark-mode #nurseryDetailPage .detail-tabs .menu-flyout {
  background: var(--theme-sidebar, #171c1e) !important;
  border-color: var(--theme-border-strong, #64747a) !important;
}