#tradesView {
  --font-ui: 'Onest', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-family: var(--font-ui);
}

#tradesView .trades-pnl-value,
#tradesView .trades-pnl-currency,
#tradesView .trades-pnl-context,
#tradesView .trades-pnl-stat strong {
  font-family: var(--font-ui);
  font-variant-numeric: tabular-nums;
}

#tradesView .trades-pnl-value {
  font-weight: 600;
  letter-spacing: -.055em;
}

#tradesView .trades-pnl-stat strong {
  font-weight: 600;
}

#tradesView .trades-period-note {
  color: #c0ccd2;
  font-size: 11px;
  font-weight: 600;
}

#tradesView .trades-page-head p {
  color: #afbdc5;
  font-size: 14px;
}

#tradesView .trades-pnl-subline {
  color: #a9bbb9;
  font-size: 12px;
}

#tradesView .trades-pnl-stat {
  color: #b0bdc2;
  font-size: 12px;
}

#tradesView .trades-security-note {
  color: #a0afb8;
  font-size: 10px;
}

#tradesView .trades-section-caption {
  color: #a8b6bf;
  font-size: 12px;
}

#tradesView .trades-table-count {
  color: #b0bec6;
  font-size: 11px;
}

#tradesView .trades-table th {
  color: #a6b5bf;
  font-size: 11px;
}

#tradesView .trades-symbol-exchange,
#tradesView .trades-price-sub,
#tradesView .trades-pnl-percent,
#tradesView .trades-date-sub {
  color: #a8b6bf;
  font-size: 11px;
}

#tradesView .trades-status-dot {
  color: #b2bec5;
  font-size: 11px;
}

#tradesView .trades-empty-state {
  color: #aab8c0;
  font-size: 12px;
}

#tradesView .trades-table-foot {
  color: #a6b4bc;
  font-size: 11px;
}

/* Make the expanded exchange connection menu easier to scan. */
#tradesView .trades-connections-title {
  font-size: 13px;
  font-weight: 650;
}

#tradesView .trades-exchange-name {
  color: #e0e9ee;
  font-size: 13px;
  font-weight: 600;
}

#tradesView .trades-credential-label {
  color: #aab8c2;
  font-size: 11px;
  line-height: 1.3;
}

#tradesView .trades-credential-label input {
  color: #d7e0e6;
  font: 12px/1.2 var(--font-ui);
}

#tradesView .trades-credential-label input::placeholder {
  color: #8d9ca8;
  opacity: 1;
}

#tradesView .trades-security-note,
#tradesView .trades-provider-status {
  color: #aab8c2;
  font-size: 11px;
  line-height: 1.45;
}

#tradesView .trades-provider-actions button.primary {
  font-size: 12px;
}