/* LIFE-149: read-only, bounded Inbox preview. Reuse Today tokens; no JS. */
.t-attention { padding: .6rem .9rem; }
.t-attention .t-attention__head { align-items: flex-start; margin-bottom: 0; }
.t-attention__summary { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem .5rem; min-width: 0; }
.t-attention h2 { margin: 0; font-size: .9rem; line-height: 1.5; }
.t-attention__count { color: var(--t-dim); font-size: .78rem; font-variant-numeric: tabular-nums; }
.t-attention__inbox { flex: none; font-size: .78rem; color: var(--t-dim); white-space: nowrap; }
.t-attention__notice { margin: .3rem 0 0; color: var(--t-dim); font-size: .75rem; }
.t-attention__list { list-style: none; padding: 0; margin: .4rem 0 0; }
.t-attention__list li + li { border-top: 1px solid var(--t-line); }
.t-attention__row { display: flex; align-items: center; gap: .6rem; padding: .35rem 0; min-width: 0; }
.t-attention__title { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .85rem; }
.t-attention__fields { display: flex; align-items: center; flex: none; flex-wrap: wrap; gap: .4rem; color: var(--t-dim); font-size: .72rem; }
.t-attention a:focus-visible { outline: 2px solid var(--t-accent); outline-offset: 3px; border-radius: 3px; }
@media (max-width: 600px) {
  .t-attention__row { flex-direction: column; align-items: stretch; gap: .2rem; padding: .45rem 0; }
  .t-attention__fields { gap: .35rem; }
}