.portal-engagement { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin-block:.4rem; min-width:0; }
.portal-engagement__badge { display:inline-block; border:1px solid #dbe2ec; border-radius:999px; padding:.2rem .55rem; background:#f1f5f9; color:#475569; font-size:.75rem; line-height:1.5; overflow-wrap:anywhere; }
.portal-engagement__badge--active { background:#ecfdf5; border-color:#a7e4c7; color:#166534; }
.portal-engagement__badge--viewed { background:#eff6ff; border-color:#bfdbfe; color:#1e40af; }
.portal-engagement small { display:block; flex-basis:100%; color:#475569; font-size:.75rem; }
/* Table cells otherwise inherit nowrap/ellipsis; status text must remain readable. */
.portal-engagement, .portal-engagement__badge { white-space: normal; }
.portal-engagement__badge { max-width: 100%; box-sizing: border-box; }
.jans-table-cell:is(.customer-col-portal, .offer-col-portal, .order-col-portal) { min-width: 11rem; white-space: normal; }