/* Deals readability tail split from ui-unification.css. */
#grid.deals-registry > thead > tr > th {
  min-width: 64px;
  font-size: var(--ui-interactive-size);
}

#grid.deals-registry > tbody > tr > td {
  height: 42px;
  font-size: var(--ui-body-size);
}

#grid.deals-registry :where(.reg-tiny, .reg-cell-sub, small),
.reg-stack-tags,
.reg-stack-status,
.reg-stack-dir,
.reg-chip,
.reg-clear-f,
.deals-pager-strip :where(.rk, .cm, .fin) {
  font-size: var(--ui-secondary-size);
}

.dc-badge,
.dc-feed-status,
.dc-feed-flag,
.dc-feed-head time,
.deal-feed-list time {
  font-size: var(--ui-secondary-size);
}

.dc-net,
.dc-feed-profit,
.reg-stack-value,
.dc-amt,
.reg-sv {
  font-size: var(--ui-financial-size);
}

.dc-leg small,
#deals-cards .dc-leg small {
  font-size: var(--ui-secondary-size);
  opacity: 1;
  color: inherit !important;
}

.dc-ccy {
  color: var(--tg-theme-text-color, #111) !important;
  background: rgba(127, 127, 127, .16);
  box-shadow: inset 0 0 0 1px rgba(127, 127, 127, .24);
}

html[data-theme="dark"] .dc-leg-in { background: rgba(72, 220, 170, .16); }
html[data-theme="dark"] .dc-leg-out { background: rgba(140, 155, 255, .16); }
html[data-theme="dark"] .dc-ccy {
  color: #f3f6fa !important;
  background: rgba(255, 255, 255, .12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
html[data-theme="dark"] .reg-stack-tag {
  background: rgba(255, 255, 255, .10);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16);
}
html[data-theme="dark"] .deal-feed-item,
html[data-theme="dark"] .reg-stack-card {
  border-color: rgba(255, 255, 255, .10);
  box-shadow: none;
}
html[data-theme="dark"] .dc-feed-status,
html[data-theme="dark"] .reg-stack-status {
  color: #c5ccd4;
}

#deal-card .dc-head-date { color: var(--ui-muted-strong); }
#deal-card .dc-head-state b,
#deal-card .dc-market { color: var(--tg-theme-text-color); }
.reg-sk { color: var(--ui-muted-strong) !important; }

#deal-card .acts :where(.act, .rk, .del),
#deal-card .dc-editbar .fbtns button,
#deals-cards .dc-acts .act {
  min-height: 36px;
  font-size: var(--ui-interactive-size);
}