/* A very long message in the thread (web/src/components/sheet/MessageText.tsx): folded at two
   screens (its height inline, from the window's, as the fold measures it), its end fading out above
   "Show all", a pill like the board's own message actions (.out-actions). A message the thread's
   budget cut says so in a quiet line under it. */
.msg .md.folded { overflow: hidden; mask-image: linear-gradient(to bottom, #000 calc(100% - 72px), transparent); }
.msg .unfold { display: block; min-height: 24px; margin-top: 6px; padding: 3px 10px; border: 0; border-radius: 999px; background: var(--fill); color: var(--accent); font: 500 12px/1.3 var(--font); transition: transform 100ms ease-out, background 120ms ease; }
.msg .unfold:hover { background: color-mix(in srgb, var(--accent) 16%, transparent); }
.msg .unfold:active { transform: scale(0.96); }
.msg.user .unfold { background: rgba(255, 255, 255, 0.2); color: #fff; }
.msg.user .unfold:hover { background: rgba(255, 255, 255, 0.3); }
.msg .msg-cut { margin: 4px 0 0; font-size: 11.5px; font-style: italic; opacity: 0.7; }