@keyframes hoje-settle { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
.msgs-in.is-empty > .hoje { width:100%; max-width:560px; align-self:center; }
/* Hoje: what is due and what needs the owner, at the top of the conversation */
.hoje { display:flex; flex-direction:column; gap:8px; }
.hoje .sect-head { margin:0 0 0 4px; }
.hoje .rows { margin:0; }
.hoje-h { margin:0; font-size:16px; font-weight:700; }
.hoje-h .num { font-size:14px; font-weight:600; }
.hoje-sum { margin:0 4px; color:var(--text-2); font-size:13px; text-wrap:pretty; }
.hoje-none { margin:0 4px; color:var(--text-2); font-size:13px; text-wrap:pretty; }
.hoje-none:not([hidden]) { display:flex; flex-wrap:wrap; align-items:flex-start; gap:2px 8px; }
.hoje-none .none-more { flex-basis:100%; padding-left:24px; }
.hoje-none.settle { animation:hoje-settle .5s cubic-bezier(.16,1,.3,1) both; }
.hoje-none .i { flex:none; margin-top:3px; color:var(--tone-ok-fg); }
.hoje-recap { margin:0 4px; color:var(--text); font-size:13px; text-wrap:pretty; }
/* phone list screen: the same summary under the agent row */
.hoje-lista { display:none; }
@container (max-width: 719px) {
  .hoje-lista:not([hidden]) { display:flex; flex-direction:column; gap:10px; flex:1; min-height:0; overflow:auto; padding:14px 12px 12px; }
  .hoje-lista .rows { margin:0; }
  .hoje-lista .btn { align-self:flex-start; }
}
@container (min-width: 720px) and (max-width: 1099px) {
  .pa.side-over .hoje-lista:not([hidden]) { display:flex; flex-direction:column; gap:10px; flex:0 1 auto; max-height:40%; min-height:0; overflow:auto; padding:14px 12px 12px; }
  .pa.side-over .hoje-lista .rows { margin:0; }
  .pa.side-over .hoje-lista .btn { align-self:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .hoje-none.settle { animation:none; }
}