/* V141: the project selector grows with its contents and uses the empty space
   below the curve. Keep scrolling on the page rather than inside this list. */
body #production-dashboard-section #project-dashboard-container {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  overscroll-behavior: auto;
  min-width: 0;
  align-content: start;
  grid-auto-rows: max-content;
  padding-right: 0;
}

body #production-dashboard-section .dashboard-charts > div:last-child,
body #production-dashboard-section .dashboard-charts > div:last-child > div {
  min-width: 0;
  min-height: 0;
  max-height: none;
  overflow: visible;
}

body #project-dashboard-container > button > .flex {
  flex-wrap: wrap;
  gap: 5px 10px;
}

body #project-dashboard-container > button > .flex > span {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* A narrow right-hand selector cannot accommodate three budget columns.
   Restrict this to the selector: wide graph/report summaries keep their grid. */
body #project-dashboard-container .ps140-plan-summary.is-compact .ps140-plan-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

body #project-dashboard-container .ps140-plan-summary.is-compact .ps140-plan-item {
  padding: 10px 12px;
}

body #project-dashboard-container .ps140-plan-summary.is-compact .ps140-plan-item :is(span, small),
body #project-dashboard-container .ps140-plan-note {
  font-size: 12px;
  line-height: 1.65;
  white-space: normal;
  overflow-wrap: anywhere;
}

body #project-dashboard-container .ps140-plan-summary.is-compact .ps140-plan-item strong {
  font-size: 17px;
  line-height: 1.5;
}