/* The pool ledger lives alongside the pool's daily earnings. */
html.violet-app #mainContent .view[data-page="pool"] #poolEcosystemSummary > .eco-ledger {
  margin-top: 0;
}

html.violet-app #poolEcosystemSummary .eco-filters {
  border-color: var(--eco-line-strong);
  border-radius: 12px;
  background: var(--eco-surface-deep);
}

html.violet-app #poolEcosystemSummary .eco-filters button {
  min-height: 40px;
  border-radius: 8px;
  color: var(--eco-muted);
}

html.violet-app #poolEcosystemSummary .eco-filters button:is(.active, [aria-pressed="true"]) {
  color: #f3eaff;
  background: linear-gradient(180deg, rgba(178, 142, 235, .2), rgba(138, 163, 231, .08));
  box-shadow: inset 0 1px rgba(235, 219, 255, .18);
}

html.violet-app #poolEcosystemSummary .eco-ledger-summary {
  padding-inline: 0;
}

html.violet-app #poolEcosystemSummary .eco-ledger-info strong {
  color: #ebe7f5;
}

html.violet-app #poolEcosystemSummary .eco-ledger-info small,
html.violet-app #poolEcosystemSummary .eco-ledger-note {
  color: #a69db8 !important;
}

html.violet-app #poolEcosystemSummary .eco-ledger-icon.outgoing {
  border-color: rgba(218, 183, 221, .24);
  background: rgba(211, 166, 200, .08);
  color: #d1b8ca;
}

html.violet-app #poolEcosystemSummary .eco-ledger-value strong {
  color: #e5d4e0;
}

html.violet-app #poolEcosystemSummary .eco-ledger-value strong.incoming {
  color: #8de4c2;
}

html.violet-app #mainContent #poolSettlementCountdown {
  display: grid;
  justify-items: start;
  gap: 5px;
  margin-top: 23px;
  padding-top: 15px;
  border-top: 1px solid rgba(179, 170, 205, .18);
  width: max-content;
  max-width: 100%;
}

html.violet-app #mainContent #poolSettlementCountdown > span {
  color: #b4acc6;
  font-size: 11px;
  line-height: 1.4;
}

html.violet-app #mainContent #poolSettlementCountdown > strong {
  color: #e1d4ff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(19px, 2.2vw, 24px);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: .035em;
  line-height: 1.3;
  white-space: nowrap;
}

html.violet-app #mainContent #poolSettlementCountdown > small {
  color: #8f87a3;
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 640px) {
  html.violet-app #mainContent #poolSettlementCountdown {
    margin-top: 17px;
    padding-top: 12px;
    gap: 4px;
  }
  html.violet-app #mainContent #poolSettlementCountdown > strong {
    font-size: clamp(16px, 4.6vw, 20px);
    letter-spacing: 0;
  }
}