/* owner: admin-v2 B3 · contract: server/ADMIN-V2.md sec. 5.2, 3.4 (today.css: the היום page)
   The band's three cards (base .row3 and the card tones), then the messages beside the updates: 7fr and 5fr from 1100 up, one
   column below, messages first. The message card also sits on the call page (compact), so its rules cover .view-calls too.
   Every rule sits under a view root; cards, chips, buttons, rows, notices, .note and .fact are base.css. */

/* ---------- the band's cards: the actions sit at the foot, so the three line up ---------- */
.view-today .row3 > .card { display: flex; flex-direction: column; }
.view-today .row3 > .card > .acts { margin-top: auto; padding-top: 22px; }
.view-today .row3 :is(.headline, p) { overflow-wrap: anywhere; }

/* ---------- messages and updates ---------- */
.view-today .today-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 56px; }
/* two cards side by side only where each gets 340 px; a lone card fills the row (auto-fit), never wider than the page */
.view-today .msgs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 16px; }
.view-today .msgs > .notice { margin-top: 0; }
.view-today .upd { padding: 10px; }
.view-today .upd .row:first-child { border-top-color: transparent; }
.view-today .upd > div > .notice { margin: 4px; }

/* the message card (היום and, compact, the call page) */
:is(.view-today, .view-calls) .msg { display: grid; align-content: start; gap: 6px; scroll-margin-block: 24px; }
:is(.view-today, .view-calls) .msg > * { margin-top: 0; }
:is(.view-today, .view-calls) .msg-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
:is(.view-today, .view-calls) .msg-top .h3 { flex: 1 1 auto; min-width: 0; margin: 0; overflow-wrap: anywhere; }
:is(.view-today, .view-calls) .msg-meta { font-size: 14px; overflow-wrap: anywhere; }
:is(.view-today, .view-calls) .msg .fact { overflow-wrap: anywhere; }
:is(.view-today, .view-calls) .msg-notes { font-size: 15px; white-space: pre-line; overflow-wrap: anywhere; }
:is(.view-today, .view-calls) .msg .acts { margin-top: 12px; }

@media (min-width: 1100px) {
  .view-today .today-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 32px; align-items: start; }
}
@media (max-width: 760px) {
  .view-today .today-grid { gap: 40px; }
  .view-today .upd { padding: 6px; }
}