/* The outreach trial on the retention worklist, and the marketer id screen. */
.outreach-doctor { display: inline-flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.outreach-holdout { display: inline-block; padding: 1px 7px; border-radius: 10px; background: #fbeee6; color: #8a3b1f; border: 1px solid #e3b59c; font-size: .78rem; font-weight: 600; white-space: nowrap; }
.outreach-notice { border-left: 4px solid #c9774f; }
.outreach-body > * + * { margin-top: 10px; }
.outreach-bars { display: grid; gap: 6px; margin: 8px 0; }
.outreach-bar { display: grid; grid-template-columns: minmax(130px, 1fr) minmax(120px, 2fr) minmax(160px, 1.4fr); align-items: center; gap: 14px; padding: 4px 6px; }
.outreach-name { font-size: .88rem; overflow-wrap: anywhere; }
.outreach-track { position: relative; display: block; height: 14px; background: #eef2f0; border-radius: 3px; overflow: hidden; }
.outreach-fill { display: block; height: 100%; border-radius: 3px; }
.outreach-fill.outreach-side-contact { background: #137f72; }
.outreach-fill.outreach-side-holdout { background: #8d9a95; }
.outreach-range { position: absolute; top: 5px; height: 4px; background: #163040; border-radius: 2px; opacity: .7; }
.outreach-amount { font-size: .84rem; font-weight: 400; font-variant-numeric: tabular-nums; }
.marketer-id-actions { display: inline-flex; gap: 6px; flex-wrap: wrap; }
@media (max-width: 640px) {
  .outreach-bar { grid-template-columns: 1fr; gap: 4px; }
}