.portfolio-outcome-table { overflow: auto; }
.portfolio-outcome-table > div,
.portfolio-outcome-table > button {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) 190px 150px 170px 160px minmax(190px, .8fr);
  gap: 14px;
  align-items: center;
  min-width: 1120px;
  padding: 14px 5px;
}
.portfolio-outcome-table > div { color: var(--muted); font-weight: 800; }
.portfolio-outcome-table > button {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--line);
  background: transparent;
  color: var(--ink);
  text-align: left;
  font: inherit;
  cursor: pointer;
}
.portfolio-outcome-table > button:hover { background: var(--soft); }
.portfolio-outcome-table strong,
.portfolio-outcome-table strong small { display: block; }
.portfolio-outcome-table strong small,
.portfolio-outcome-table > button > small { color: var(--muted); }
.portfolio-outcome-table b { width: max-content; padding: 7px 10px; border-radius: 999px; }
.portfolio-outcome-table .outcome-measured { background: #e2f2e9; color: var(--green); }
.portfolio-outcome-table .outcome-contracted_no_observation { background: #edf0ee; color: var(--muted); }
.portfolio-outcome-table .outcome-uncontracted_activity { background: #fff0ce; color: #7e5c13; }
.conversion-candidate-table { overflow: auto; }
.conversion-candidate-table > div {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(190px, 1fr) 150px 190px 190px;
  gap: 14px;
  align-items: center;
  min-width: 980px;
  padding: 14px 5px;
  border-top: 1px solid var(--line);
}
.conversion-candidate-table > div:first-child { border: 0; color: var(--muted); font-weight: 800; }
.conversion-candidate-table b { color: var(--purple); }
.conversion-candidate-table small { color: var(--muted); }
.conversion-candidate-table button { width: 100%; }