/* Baakee Update 5 | Nov 5 | isolated UI QA — no ledger or sync changes.
   Palette: always dynamic active appearance; actual positive/negative financial
   meaning and user-designed card artwork remain independent of the colorway. */

/* Finance Home: Wallet/Accounts/Savings/Bills/Loans/People form ONE continuous
   document. No separate framed section cards and no pink tiles around previews.
   Keep actual links, real rows and card-carousel interaction unchanged. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-finance-overview-list {
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-finance-overview-list > :is(.fin12-section,.u4-finance-overview-section) {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  padding:20px 0 21px!important;
  margin:0!important;
  overflow:visible!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-glass-border) 78%,transparent)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-finance-overview-list > :is(.fin12-section,.u4-finance-overview-section):last-child {
  border-bottom:0!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-finance-overview-list > :is(.fin12-section,.u4-finance-overview-section) :is(.fin12-head,.finance-clean-head) {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 2px 12px!important;
  min-height:42px!important;
  margin:0!important;
}
html[data-baakee-theme] #app main.u4-finance-home .u4-finance-overview-list :is(.fin12-rows,.finance-min-rows,.finance-clean-content) {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-finance-overview-list :is(.fin12-rows > .fin12-row,.finance-min-rows > .finance-min-row) {
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-glass-border) 55%,transparent)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:13px 4px!important;
  margin:0!important;
  min-height:65px!important;
}
html[data-baakee-theme] #app main.u4-finance-home .u4-finance-overview-list :is(.fin12-rows > .fin12-row,.finance-min-rows > .finance-min-row):last-child {
  border-bottom:0!important;
}
html[data-baakee-theme] #app main.u4-finance-home .u4-finance-overview-list :is(.fin12-empty,.finance-clean-empty,.fin12-swipe) {
  background:transparent!important;border:0!important;box-shadow:none!important;
}
/* Reports & Trends and Estimated Salary retain their small two-up accent tiles,
   but every element — including the tiny icon chip — uses the selected scheme. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4fw-utility-pair :is(.u4-finance-reports,.u4-salary-banner),
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-health-dashboard {
  background:linear-gradient(124deg,
    color-mix(in srgb,var(--baakee-active-fill) 64%,var(--baakee-card-fill)),
    color-mix(in srgb,var(--baakee-active-fill) 30%,var(--baakee-card-fill)))!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:0 7px 20px color-mix(in srgb,var(--baakee-ink) 5%,transparent)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button > span:first-child,
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home :is(.u4-salary-icon,.u4-utility-icon,.u4-health-icon,.u4-finance-health-icon),
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-health-dashboard .v12432-health-head .eyebrow::before {
  background:var(--baakee-active-fill)!important;
  background-image:none!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app main.u4-finance-home .u4fw-utility-pair .u4-finance-reports > button > span:first-child :is(svg,path),
html[data-baakee-theme] #app main.u4-finance-home :is(.u4-salary-icon,.u4-utility-icon,.u4-health-icon,.u4-finance-health-icon) :is(svg,path){
  color:var(--baakee-ink)!important;stroke:currentColor!important;
}
/* Don't theme the standalone visual of a VISA/Mastercard/other saved card. */

/* Legacy credit and debit detail sheets are mounted at #modal-root, not in
   #u2w-root. Old Round2 / Round3 CSS had literal emerald values here. */
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-card {
  background:var(--baakee-card-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-card :is(h3,.u2native-card-title) {
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-card :is(p,small) {
  color:var(--baakee-secondary)!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-progress {
  background:var(--baakee-tint-quiet)!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-progress > i {
  background:var(--baakee-progress)!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit :is(.u2native-action,.u2native-action--quiet,.u2native-action--secondary) {
  background:var(--baakee-panel-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-ink)!important;
  box-shadow:none!important;
  -webkit-text-fill-color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-action :is(.u2native-action-icon,.u2native-action-chevron) {
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-action--primary {
  background:var(--baakee-action-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-action-text)!important;
  -webkit-text-fill-color:var(--baakee-action-text)!important;
}
html[data-baakee-theme] body #modal-root .u2native-credit .u2native-action--primary :is(.u2native-action-icon,.u2native-action-chevron) {
  background:transparent!important;color:var(--baakee-action-text)!important;
}
/* Some card detail dialogs are generic, outside native credit helpers. */
html[data-baakee-theme] body #modal-root :is(.u2w-detail-card,.u2w-detail-info,.u2w-card-details,.u2-card-detail-info) {
  background:var(--baakee-card-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}

/* Account/Card universal chooser is body-mounted. All neutral labels, tiles,
   selected lines and icons must use appearance colors. Miniatures of real
   physical cards keep original Wallet artwork. */
html[data-baakee-theme] body #u2universal-overlay .u2universal-panel {
  background:var(--baakee-panel-fill)!important;
  color:var(--baakee-body-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #u2universal-overlay .u2universal-head h2,
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups h3,
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups section>button :is(b,i){
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups section>button {
  color:var(--baakee-body-ink)!important;
  border-color:transparent!important;
  background:transparent!important;
}
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups section>button.active {
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
  background:var(--baakee-active-fill)!important;
}
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups section>button small{
  color:var(--baakee-secondary)!important;
}
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups .u2pick-visual:not(.u2pick-visual--card),
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups .u2universal-icon:not(.u2pick-visual--card){
  background:var(--baakee-active-fill)!important;
  background-image:none!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups .u2pick-visual--card,
html[data-baakee-theme] body #u2universal-overlay .u2universal-groups .u2pick-visual--card>.u2-real-card{
  background:transparent; /* card artwork below may supply its own image */
}
html[data-baakee-theme] body #modal-root .u2universal-trigger {
  background:var(--baakee-panel-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
/* Shared BAAKEE SELECTOR with valid transfer / cash / category icons. */
html[data-baakee-theme] body .u2-choice-sheet,
html[data-baakee-theme] body .u2-choice-option-icon:not(.u2-choice-card-visual),
html[data-baakee-theme] body .u2-choice-selected-icon:not(.u2-choice-card-visual) {
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body :is(.u2-choice-selected-icon,.u2-choice-option-icon):not(.u2-choice-card-visual) {
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .tx-add-split-v13029 :is(.tx-split-toggle-v13029,.tx-split-toggle-v13029.active),
html[data-baakee-theme] body #modal-root .tx-add-split-v13029 .tx-split-toggle-v13029 > span {
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .tx-add-split-v13029 .tx-split-toggle-v13029.active,
html[data-baakee-theme] body #modal-root .tx-add-split-v13029 :is(.tx-split-toggle-v13029.active>span,.split-category-row.active) {
  background:var(--baakee-active-fill)!important;
}
html[data-baakee-theme] body #modal-root :is(.tx-add-split-v13029,.tx-split-list,.tx-split-row,.tx-split-row-v13029,.tx-split-footer-v13029) {
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body #modal-root :is(.tx-add-split-v13029,.tx-split-list,.tx-split-row,.tx-split-row-v13029) :is(button,.field select):not(.primary):not(.danger){
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root :is(.tx-add-split-v13029,.tx-split-list,.tx-split-row,.tx-split-row-v13029) :is(.split-remaining,.tx-split-arrow,.tx-transfer-arrow) {
  color:var(--baakee-ink)!important;
}
/* Transfer from/to selectors and the direction arrow never use legacy mint. */
html[data-baakee-theme] body #modal-root .modal:has(.tx-type-seg-v128) :is(.tx-account-select,.u2universal-trigger,.u2-choice-trigger,.from-to-arrow,.transfer-direction-arrow,.transfer-arrow,.tx-transfer-arrow) {
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .modal:has(.tx-type-seg-v128) :is(.tx-account-select,.u2universal-trigger,.u2-choice-trigger) {
  background:var(--baakee-panel-fill)!important;
}
@media(max-width:520px){
 html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > :is(.fin12-section,.u4-finance-overview-section){padding:17px 0 18px!important}
 html[data-baakee-theme] #app main.u4-finance-home .u4-finance-overview-list :is(.fin12-rows,.finance-min-rows,.finance-clean-content){padding:0!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-baakee-theme] body #modal-root .u2native-credit .u2native-action{transition:none!important}
}
/* Actual Round3 debit/prepaid detail actions and category split body. */
html[data-baakee-theme] body #modal-root .u2r3-native-detail :is(.u2r3-detail-action,.u2r3-history-row){
 color:var(--baakee-ink)!important;
 border-color:var(--baakee-glass-border)!important;
 background:transparent!important;
}
html[data-baakee-theme] body #modal-root .u2r3-native-detail .u2r3-history-row small{
 color:var(--baakee-secondary)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .tx-add-split-body-v13029 {
 background:var(--baakee-card-fill)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .tx-add-split-v13029 .tx-split-toggle-v13029 > span{
 background:var(--baakee-active-fill)!important;
 color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .tx-add-split-v13029 .tx-split-toggle-v13029.active {
 border-color:var(--baakee-glass-border)!important;
 background:var(--baakee-active-fill)!important;
 color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .transfer-arrow-v128,
html[data-baakee-theme] body #modal-root .u2-external-transfer-form :is(.transfer-arrow-v128,.u2-transfer-direction-icon){
 color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root :is(.u2-transfer-choice,.u2-transfer-directions){
 background:var(--baakee-panel-fill)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u2-transfer-choice-icon{
 background:var(--baakee-active-fill)!important;
 color:var(--baakee-ink)!important;
}