/* V77 isolated polish · appearance-consistent transaction composer.
   No financial calculation, event handler, ledger or Supabase changes. */

/* Split payment / with people: remove the old hard-coded success green in all
   appearance themes. Preserve selected/unselected and keyboard focus states. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u1-regular-expense-splitting > button,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u1-regular-expense-splitting > button.secondary {
  background:var(--baakee-card-fill,var(--baakee-surface))!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink,var(--baakee-ink))!important;
  -webkit-text-fill-color:var(--baakee-body-ink,var(--baakee-ink))!important;
  box-shadow:none!important;
  outline-color:transparent!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u1-regular-expense-splitting > button:is(.active,[aria-expanded="true"],[aria-pressed="true"]),
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u1-regular-expense-splitting > button:is(.active,[aria-expanded="true"],[aria-pressed="true"]):is(:hover,:active) {
  background:var(--baakee-active-fill,var(--baakee-soft))!important;
  border-color:var(--baakee-ink)!important;
  color:var(--baakee-ink)!important;
  -webkit-text-fill-color:var(--baakee-ink)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--baakee-ink) 12%,transparent)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u1-regular-expense-splitting > button:focus-visible {
  outline:2px solid var(--baakee-ink)!important;
  outline-offset:2px!important;
}

/* ATM is a fourth tab in Add Transaction, not a second padded, narrow
   dialog inside the first one. Give ATM the same usable content width. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.v1323-atm-active .v1323-atm-choice {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0 0 12px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.v1323-atm-active .v1323-atm-form,
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.v1323-atm-active .v1323-atm-mode {
  box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}

/* Delete/Undo toasts: both transaction-delete and action-undo variants use
   the saved appearance rather than the original emerald fallback. */
html[data-baakee-theme] body.rufiyaa-liquid-glass :is(#undo-toast,#action-undo-toast,#card-undo-v125).undo-toast {
  color:var(--baakee-body-ink,var(--baakee-ink))!important;
  background:var(--baakee-surface)!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:0 12px 34px color-mix(in srgb,var(--baakee-ink) 12%,transparent)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass :is(#undo-toast,#action-undo-toast,#card-undo-v125).undo-toast > button {
  color:var(--baakee-ink)!important;
  -webkit-text-fill-color:var(--baakee-ink)!important;
  background:var(--baakee-active-fill,var(--baakee-soft))!important;
  border:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass :is(#undo-toast,#action-undo-toast,#card-undo-v125).undo-toast > button:focus-visible {
  outline:2px solid var(--baakee-ink)!important;
  outline-offset:2px!important;
}