/* «Що змінилось за добу» под карточками «Огляду» (docs/web/ux.md, «Огляд»; AUDIT №452, №454):
   «Потребує дії» и «Для відома» двумя колонками на широком экране; событие — строкой:
   время, чип обленерго, фраза цветом текста, ссылка — только хвост «→ Екран». */
.ops-digest-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 10px 28px; }
.ops-digest-cols > div { display: grid; gap: 8px; align-content: start; min-width: 0; }
.ops-digest { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.ops-digest li {
  display: grid; grid-template-columns: 6.4em 7.4rem minmax(0, 1fr); align-items: baseline; gap: 4px 12px;
  padding: 8px 0; border-top: 1px solid var(--border); line-height: 1.45;
}
.ops-digest li:first-child { border-top: 0; padding-top: 2px; }
.ops-digest li > .ui-chip { justify-self: start; max-width: 100%; }
.ops-digest-time { font-size: 12.5px; color: var(--text-muted); font-variant-numeric: var(--nums); white-space: nowrap; }
.ops-digest-text { min-width: 0; color: var(--text); font-size: 13.5px; overflow-wrap: anywhere; }
.ops-digest-go { font-weight: 600; white-space: nowrap; }
.ops-digest-head { margin: 4px 0 0; color: var(--text-muted); font-size: 13px; font-weight: 600; }
.ops-digest-empty { margin: 0; }
@media (max-width: 480px) {
  .ops-digest li { grid-template-columns: max-content minmax(0, 1fr); }
  .ops-digest-text { grid-column: 1 / -1; }
}