/* ext-outreach (13 Oct): the few things the outreach views need beyond .opp-* */
.ou-sum { margin: 0; font: 500 15px/1.5 var(--body, inherit); color: var(--ink); font-variant-numeric: tabular-nums; }
.ou-zero td { opacity: .55; }
.ou-draft { min-width: 260px; max-width: 520px; white-space: normal; }
.ou-gift { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.ou-gift input { flex: 1 1 220px; min-width: 0; }
.ou-switch { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.ou-two { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 14px; align-items: start; }
.ou-bar { display: inline-block; width: 90px; margin-left: 8px; vertical-align: middle; }
/* two tables side by side: tighter cells so the last heading is not pressed against the edge */
#tab-opportunities .ou-two .opp-table th, #tab-opportunities .ou-two .opp-table td { padding-left: 12px; padding-right: 12px; }
.ou-two .ou-bar { width: 72px; }
@media (max-width: 760px) {
  .ou-draft { min-width: 220px; }
  .ou-gift input { flex-basis: 100%; }
  #opp-body .opp-filters select { width: 100%; max-width: 100%; }
  /* the exclusions read down the page on a phone: count and name on one line, what it means under them */
  #tab-opportunities .ou-excl tr { display: grid; grid-template-columns: 2.4em minmax(0, 1fr); gap: 0 8px; padding: 10px 12px; border-bottom: 1px solid var(--rule); }
  #tab-opportunities .ou-excl td { padding: 0; border: 0; white-space: normal; }
  #tab-opportunities .ou-excl td:nth-child(3) { grid-column: 2; }
}