/* Layered important declarations override the legacy page-specific Add colors,
   including hover rules with repeated IDs. Keep all Add actions consistent. */
@layer desktop-add-colors {
  @media (min-width: 761px) {
    html:not([data-appearance="light"]) body button:is(
      .add-btn,
      .floating-add-btn,
      #add-row-btn,
      #add-deposit-btn,
      #add-withdrawal-btn,
      #add-dividend-btn,
      #add-stock-gain-btn
    ) {
      background: #23dee6 !important;
      border-color: #23dee6 !important;
      /* Same desktop typography as Add dividend. */
      font-family: inherit !important;
      font-size: 13px !important;
      font-weight: 750 !important;
      font-style: normal !important;
      line-height: 1 !important;
      letter-spacing: 0 !important;
      text-transform: none !important;
      color: #082B33 !important;
      -webkit-text-fill-color: #082B33 !important;
    }
  }
}


/* High-contrast text on teal primary actions, limited to desktop dark mode. */
@media (min-width: 761px) {
  html:not([data-appearance="light"]) body button:is(
    .add-btn,
    .floating-add-btn,
    .deposits-primary-btn,
    .withdrawal-primary-btn,
    .stocks-action-btn--primary,
    .dividends-action-btn--primary,
    .login-btn.primary,
    .cookie-btn.primary,
    .settings-primary-action,
    .settings-primary-btn,
    .settings-save-btn,
    .settings-action-btn.save,
    .settings-action-btn.edit,
    .account-btn.save,
    .billing-btn.primary,
    .download-data-primary,
    .download-primary-btn,
    .my-plan-primary-action,
    .dividend-import-confirm,
    .contact-submit-btn,
    .btn--primary,
    #add-row-btn,
    #add-stock-gain-btn,
    #add-dividend-btn,
    #login-submit,
    #register-submit,
    #settings-primary-action,
    #settings-platform-save-btn,
    #settings-platform-edit-btn,
    #account-save-btn,
    #billing-subscribe-btn,
    #download-data-trigger,
    #contact-submit-btn,
    #admin-settings-save-trial,
    #admin-settings-save-flags
  ) {
    color: #082B33 !important;
    -webkit-text-fill-color: #082B33 !important;
  }

  html:not([data-appearance="light"]) body button:is(
    .add-btn,
    .floating-add-btn,
    .deposits-primary-btn,
    .withdrawal-primary-btn,
    .stocks-action-btn--primary,
    .dividends-action-btn--primary,
    .login-btn.primary,
    .cookie-btn.primary,
    .settings-primary-action,
    .settings-primary-btn,
    .settings-save-btn,
    .settings-action-btn.save,
    .settings-action-btn.edit,
    .account-btn.save,
    .billing-btn.primary,
    .download-data-primary,
    .download-primary-btn,
    .my-plan-primary-action,
    .dividend-import-confirm,
    .contact-submit-btn,
    .btn--primary,
    #add-row-btn,
    #add-stock-gain-btn,
    #add-dividend-btn,
    #login-submit,
    #register-submit,
    #settings-primary-action,
    #settings-platform-save-btn,
    #settings-platform-edit-btn,
    #account-save-btn,
    #billing-subscribe-btn,
    #download-data-trigger,
    #contact-submit-btn,
    #admin-settings-save-trial,
    #admin-settings-save-flags
  ) > :not(svg) {
    color: #082B33 !important;
    -webkit-text-fill-color: #082B33 !important;
  }

  html:not([data-appearance="light"]) body button:is(
    .add-btn,
    .floating-add-btn,
    .deposits-primary-btn,
    .withdrawal-primary-btn,
    .stocks-action-btn--primary,
    .dividends-action-btn--primary,
    .login-btn.primary,
    .cookie-btn.primary,
    .settings-primary-action,
    .settings-primary-btn,
    .settings-save-btn,
    .settings-action-btn.save,
    .settings-action-btn.edit,
    .account-btn.save,
    .billing-btn.primary,
    .download-data-primary,
    .download-primary-btn,
    .my-plan-primary-action,
    .dividend-import-confirm,
    .contact-submit-btn,
    .btn--primary,
    #add-row-btn,
    #add-stock-gain-btn,
    #add-dividend-btn,
    #login-submit,
    #register-submit,
    #settings-primary-action,
    #settings-platform-save-btn,
    #settings-platform-edit-btn,
    #account-save-btn,
    #billing-subscribe-btn,
    #download-data-trigger,
    #contact-submit-btn,
    #admin-settings-save-trial,
    #admin-settings-save-flags
  ) svg {
    color: #f4f7f9 !important;
    -webkit-text-fill-color: currentColor !important;
  }
}