/* Status is informational until a real error occurs, in either theme. */
#view-trade #tradeAmountError[data-state="info"],
#tradeReviewDialog #tradeReviewStatus[data-state="info"] {
  color:var(--ink);
  background:var(--surface-2);
}
#tradeReviewDialog #tradeReviewStatus[data-state] {
  padding:12px;border-radius:12px;font-size:12px;line-height:1.65;
}
#tradeReviewDialog #tradeReviewStatus[data-state="error"] {
  color:var(--crit);background:color-mix(in srgb,var(--crit) 7%,var(--surface));
}
.trade-transaction-link {color:inherit;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
/* The light theme's slate accent needs a light foreground. */
html[data-theme="light"] #view-scan #tokenHead .th-trade {
  color:var(--bg,#fff);
}
html[data-theme="light"] #view-scan #tokenHead .th-trade svg {
  color:inherit;stroke:currentColor;
}