/* Outreach pipeline
   The admin-only dashboard: a wider stat row, alert states on the panels that
   carry overdue work, and the overdue date treatment in the feeds. */

.stats-wide { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 26px; }
.stats-wide .stat { border-right: 1px solid var(--line); padding-inline: 14px; }
.stats-wide .stat:nth-child(odd) { padding-right: 14px; }
.stats-wide .stat:nth-child(even) { padding-left: 14px; }
.stats-wide .stat:nth-child(3n) { border-right: 0; }
.stats-wide .stat:nth-child(3n+1) { padding-left: 0; }

/* Overdue is the one number on this page worth colouring. */
.stat-alert .stat-num { color: var(--danger); }
.stat-alert:hover .stat-label { color: var(--danger); }

.panel-alert { border-left: 3px solid var(--danger); }
.feed-overdue { color: var(--danger); font-weight: 600; }

/* The pill sits next to a record button in these feeds, so keep them on one
   line with the name rather than wrapping under it. */
.feed-main .pill { margin-left: 6px; vertical-align: 1px; }
.feed-main .tag { margin-left: 6px; }

@media (max-width: 760px) {
  .stats-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .stats-wide .stat:nth-child(3n) { border-right: 1px solid var(--line); }
  .stats-wide .stat:nth-child(2n) { border-right: 0; padding-left: 14px; }
  .stats-wide .stat:nth-child(2n+1) { padding-left: 0; }
}