.engagement-page { max-width: 980px; }
.engagement-header { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.engagement-controls { display:flex; align-items:end; gap:12px; }
.engagement-controls label { min-width:220px; }
.engagement-list { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
.engagement-item { display:grid; grid-template-columns:minmax(180px,1.15fr) minmax(205px,1fr) repeat(3,minmax(92px,.55fr)) auto; gap:16px; align-items:center; padding:18px; border:1px solid var(--silex-border); border-radius:var(--silex-radius); background:var(--silex-surface); }
.engagement-project { display:flex; min-width:0; align-items:center; gap:12px; }
.engagement-project-icon { display:grid; width:42px; height:42px; min-width:42px; min-height:42px; flex:0 0 auto; place-items:center; overflow:hidden; border:1px solid var(--silex-border); border-radius:50%; background:var(--silex-raised); }
.engagement-project-token-icon { width:100%; height:100%; object-fit:cover; }
.engagement-project strong,.engagement-project span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.engagement-project span,.engagement-label { color:var(--silex-muted); font-size:.75rem; }
.engagement-value { margin-top:4px; color:var(--silex-text); font-size:.88rem; }
.engagement-unread { border-color:rgba(85,183,232,.55); box-shadow:inset 3px 0 var(--silex-accent); }
.engagement-notification { grid-template-columns:minmax(150px,.7fr) minmax(280px,1.8fr) minmax(90px,.55fr) auto; align-items:start; }
.engagement-notification p { margin:4px 0 0; color:var(--silex-text-soft); line-height:1.5; }
.engagement-notification-project { display:grid; gap:4px; min-width:0; }
.engagement-notification-project strong,.engagement-notification-project span { overflow:hidden; text-overflow:ellipsis; }
.engagement-notification-message { display:grid; gap:8px; min-width:0; }
.engagement-notification-context { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.engagement-notification-context > strong { color:var(--silex-text); font-size:.82rem; line-height:1.45; }
.engagement-notification-values { color:var(--silex-text-soft)!important; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:.78rem; font-variant-numeric:tabular-nums; }
.engagement-notification-meta { display:grid; gap:5px; color:var(--silex-muted); font-size:.7rem; }
.engagement-notification-meta time { color:var(--silex-text-soft); white-space:nowrap; }
.engagement-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.engagement-empty { padding:42px 24px; }
.engagement-status { margin-bottom:18px; }
.watchlist-price-changes { display:flex; flex-wrap:wrap; gap:6px; margin-top:5px; }
.watchlist-price-change { display:grid; min-width:58px; gap:2px; padding:6px 7px; border:1px solid var(--silex-border); border-radius:7px; background:var(--silex-raised); font-variant-numeric:tabular-nums; }
.watchlist-price-change small { color:var(--silex-muted); font-size:.62rem; font-weight:800; text-transform:uppercase; }
.watchlist-price-change strong { font-size:.74rem; }
.watchlist-price-change.is-positive strong { color:var(--silex-positive); }
.watchlist-price-change.is-negative strong { color:var(--silex-negative); }
.watchlist-price-change.is-neutral strong,.watchlist-price-change.is-unavailable strong { color:var(--silex-muted); }
@media(max-width:760px){.engagement-header{align-items:stretch;flex-direction:column}.engagement-controls{align-items:stretch;flex-direction:column}.engagement-item,.engagement-notification{grid-template-columns:1fr}.engagement-actions{justify-content:flex-start}.engagement-project strong,.engagement-project span{white-space:normal}}