/* Savings amounts share one color across themes, screens and editors. */
:root { --kama-savings-amount: #62edbd; }

html body .savings-color,
html body .savings-color :is(.amount-input,.amount-currency-symbol),
html body .savings-card :is(.amount-input,.amount-currency-symbol,.total-badge,.table-total),
html body #dashboard .tracker-grid .savings-card .total-badge,
html.kama-ocean-ui #dashboard.neon-home-dashboard .tracker-grid .finance-card.savings-card .card-heading .neon-card-summary .total-badge,
html body #dashboard .summary-card .summary-number.savings-color,
html body #dashboard .neon-stat-savings .neon-stat-value,
html body #dashboard .neon-hero[data-view="savings"] .neon-hero-amount,
html.kama-ocean-ui #dashboard.neon-home-dashboard .neon-hero[data-view="savings"] .neon-hero-amount,
html body [data-detail-type="savings"] :is(.variable-transaction-amount,.variable-transaction-amount-input,.amount-history-value),
html body .mobile-details-modal[data-detail-type="savings"] .variable-expense-modal-title-line p,
html body .new-transaction-dialog[data-detail-type="savings"] input[name="amount"],
html body .quick-add-dialog[data-entry-type="savings"] :is(.quick-add-current-amount,.variable-expense-form-input:not(select)),
html body .savings-withdraw-dialog :is(.savings-withdraw-field input,.savings-withdraw-calculation b,.savings-withdraw-summary b) {
  color: var(--kama-savings-amount) !important;
}

.quick-add-current-amount { direction: ltr; unicode-bidi: isolate; }