/* The signals table (signals.js), on the dashboard and the signals page; colours are the page's tokens. */
table.signals th, table.signals td { white-space: nowrap; }
table.signals thead th { position: sticky; top: 0; z-index: 1; background: var(--surface); }
table.signals .grp { border-left: 1px solid var(--axis); }
table.signals .sw { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 6px; vertical-align: -1px; }
table.signals th.out { text-align: left; }
table.signals td.out { text-align: left; max-width: 280px; overflow: hidden; text-overflow: ellipsis; }
table.signals td.out.bought { font-weight: 600; }
table.signals td.out.not-traded, table.signals td.out.ignored { color: var(--muted); }
table.signals .worse { color: var(--bad); }
table.signals .better { color: var(--good); }
table.signals td.unknown { color: var(--muted); }
table.signals tr.sig { cursor: pointer; }
table.signals tr.sig:hover > td { background: var(--grid); }
table.signals tr.sig.open > td { background: var(--sel); }
table.signals tr.sig:focus-visible { outline: 2px solid var(--s-twap); outline-offset: -2px; }
table.signals tr.sigdetail > td { text-align: left; white-space: normal; padding: 10px 8px 16px; background: var(--bg); }
table.signals tr.sigdetail > td.err { color: var(--bad); }

/* an opened signal */
.sigd { display: grid; gap: 12px; justify-items: start; }
.sigd .note { color: var(--text-2); font-size: 12px; white-space: normal; }
.sigd table { width: auto; font-size: 12px; }
.sigd th, .sigd td { padding: 2px 8px; }
.sigd th { position: static; background: none; }
.sigd td.mine { font-weight: 600; }
.sigd .ladders { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.sigd .ladders h3 { font-size: 12px; font-weight: 600; color: var(--muted); margin: 0 0 4px; }