/* Watchlist (mock v2 WT0 / WT1). Components come from the library + CxUI;
   this file only places them. */
/* body is a flex shell on app pages: without width:100% the page shrinks to its content. */
.wt-page { width: 100%; max-width: 640px; margin: 0 auto; }
.wt-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.wt-chip { display: inline-flex; align-items: center; gap: 6px; }
.wt-chip .cx-avatar { width: 16px; height: 16px; }
.wt-alert { grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; }
.wt-alert__ic { display: inline-flex; color: var(--text-mid); }
.wt-alert__ic.is-accent { color: var(--text-mid); }
.wt-alert .cx-row__title { font-weight: 500; }
.wt-pop { grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; }
.wt-none { grid-template-columns: 1fr; }