/* Nov 5 screenshot fixes. Presentation only: no financial classification,
   currency/account calculations, network, or database mutations. These rules
   are intentionally loaded after every older Rufiyaa component stylesheet. */

/* Expense: split payment / split with people are CHOICES, not green success. */
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)!important;
  border:1px solid var(--baakee-glass-border)!important;
  outline:0!important;
  color:var(--baakee-body-ink)!important;
  -webkit-text-fill-color:var(--baakee-body-ink)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u1-regular-expense-splitting button.active,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u1-regular-expense-splitting button[aria-expanded="true"] {
  background:var(--baakee-active-fill)!important;
  border:1px solid var(--baakee-ink)!important;
  outline:0!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) 11%,transparent)!important;
}
html[data-baakee-theme] body #modal-root .qa-split-shell :is(.qa-split-group,.qa-split-pay-row,.qa-split-totals) {
  background:var(--baakee-card-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body #modal-root .qa-split-shell :is(button.secondary,select,input):focus-visible,
html[data-baakee-theme] body #modal-root .u1-regular-expense-splitting button:focus-visible {
  outline:2px solid var(--baakee-ink)!important;outline-offset:2px!important;
}
/* External transfer direction should never imply green success. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u2-transfer-directions {
  background:var(--baakee-panel-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u2-transfer-directions button {
  background:transparent!important;
  border:1px solid transparent!important;
  color:var(--baakee-body-ink)!important;
  -webkit-text-fill-color:var(--baakee-body-ink)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u2-transfer-directions button.active,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .modal .u2-transfer-directions button[aria-pressed="true"] {
  background:var(--baakee-active-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-ink)!important;
  -webkit-text-fill-color:var(--baakee-ink)!important;
  box-shadow:0 2px 7px color-mix(in srgb,var(--baakee-ink) 7%,transparent)!important;
}
/* Finance header utilities (Reports, Salary, Health) are one family. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home :is(.u3-reports-only.u4-finance-reports,.estimated-salary-card-v127.u4-salary-banner,.u4-health-dashboard),
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4fw-utility-pair > * {
  background:linear-gradient(125deg,color-mix(in srgb,var(--baakee-active-fill) 70%,var(--baakee-card-fill)),color-mix(in srgb,var(--baakee-active-fill) 37%,var(--baakee-card-fill)))!important;
  background-image:linear-gradient(125deg,color-mix(in srgb,var(--baakee-active-fill) 70%,var(--baakee-card-fill)),color-mix(in srgb,var(--baakee-active-fill) 37%,var(--baakee-card-fill)))!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:0 7px 18px color-mix(in srgb,var(--baakee-ink) 5%,transparent)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home :is(.u4-finance-reports,.u4-salary-banner,.u4-health-dashboard) :is(.u4-salary-icon,.u4-utility-icon,.u4-health-icon,.u4-finance-health-icon,.u3-reports-icon,.u4-finance-report-icon),
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-reports > button > span:first-child {
  background:var(--baakee-active-fill)!important;
  background-image:none!important;
  color:var(--baakee-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home :is(.u4-finance-reports,.u4-salary-banner,.u4-health-dashboard) :is(.u4-salary-icon,.u4-utility-icon,.u4-health-icon,.u4-finance-health-icon,.u3-reports-icon) svg {
  color:var(--baakee-ink)!important;stroke:currentColor!important;
}
/* All Finance sections are sections of ONE page, with inline previews. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home :is(.finance-v141-list,.u4-finance-overview-list) {
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > .fin12-section {
  background:transparent!important;background-image:none!important;
  border:0!important;border-bottom:1px solid var(--baakee-glass-border)!important;
  border-radius:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  margin:0!important;padding:20px 0 22px!important;overflow:visible!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > .fin12-section:last-child {border-bottom:0!important;}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > .fin12-section :is(.fin12-head,.fin12-rows,.finance-clean-content,.finance-min-rows,.fin12-row) {
  background:transparent!important;background-image:none!important;
  box-shadow:none!important;border-radius:0!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > .fin12-section :is(.fin12-rows,.finance-clean-content,.finance-min-rows) {
  padding:0!important;border:0!important;margin:0!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > .fin12-section :is(.fin12-row,.finance-min-row) {
  background:transparent!important;border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--baakee-glass-border) 59%,transparent)!important;
  border-radius:0!important;padding:13px 3px!important;margin:0!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > .fin12-section :is(.fin12-row,.finance-min-row):last-child {border-bottom:0!important;}
/* Preserve genuine Wallet plastic artwork and carousel behavior. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .fin12-carousel,
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .fin12-slide {background:transparent!important;border:0!important;box-shadow:none!important;}

/* One coherent semantic transaction icon system: shapes distinguish type,
   user-selected appearance colors ALL tile chrome, while amount text still
   uses income-positive/expense-negative red/green as meaningful data. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .tx-date-group .qa-minimal-row[data-baakee-tx-kind] :is(.qa-tx-icon,.tx-row-icon-inline-v128),
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .tx-date-group .qa-minimal-row[data-baakee-tx-kind] .qa-tx-icon.qa-in,
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .u2-transfer-row[data-baakee-tx-kind] .qa-tx-icon {
  color:var(--baakee-ink)!important;
  background:var(--baakee-active-fill)!important;
  border:1px solid color-mix(in srgb,var(--baakee-glass-border) 75%,transparent)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .tx-date-group .qa-minimal-row[data-baakee-tx-kind] .qa-tx-icon svg {
  width:21px!important;height:21px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
  shape-rendering:geometricPrecision!important;
  overflow:visible!important;
}
/* Cash and Bank selection and source rows retain functional native values. */
html[data-baakee-theme] body .u5-bill-source-overlay .u5-bill-bank-art svg {
  width:23px;height:23px;display:block;fill:none;stroke:currentColor;
}
/* Official Wallet renderer owns the appearance of saved cards. Scale only its
   thumbnail geometry, not the bank product styling/colors. */
.u5-bill-card-visual{width:88px;height:56px;flex:0 0 88px;display:block;overflow:hidden;border-radius:9px;box-shadow:0 4px 13px #0002;pointer-events:none;}
.u5-bill-card-visual .u2-real-card{
  width:88px!important;height:56px!important;max-width:none!important;aspect-ratio:auto!important;
  min-height:0!important;margin:0!important;padding:6px 7px!important;
  border-radius:9px!important;box-shadow:none!important;
}
.u5-bill-card-visual .u2-real-top{font-size:6.5px!important;letter-spacing:0!important;gap:2px!important;}
.u5-bill-card-visual .u2-real-top small{font-size:5.5px!important;}
.u5-bill-card-visual .u2-card-chip{width:13px!important;height:10px!important;min-height:0!important;margin:0!important;border-radius:2px!important;}
.u5-bill-card-visual .u2-card-chip:before{inset:1px 4px!important;}.u5-bill-card-visual .u2-card-chip:after{top:4px!important;}
.u5-bill-card-visual .u2-real-digits{font-size:6.5px!important;letter-spacing:.2px!important;}
.u5-bill-card-visual .u2-real-network{font-size:6px!important;min-width:0!important;}
.u5-bill-card-visual .u2-glass-v{font-size:60px!important;}
.u5-bill-card-visual .u2-glass-ring{top:5%!important;}
.u5-bill-source-trigger>.u5-bill-card-visual{height:38px;flex-basis:64px;width:64px;}
.u5-bill-source-trigger>.u5-bill-card-visual>.u2-real-card{transform:scale(.72);transform-origin:top left;}
html[data-baakee-theme] body .u5-bill-source-overlay .u5-bill-source-panel {
  background:var(--baakee-panel-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body .u5-bill-source-overlay .u5-bill-source-group h3,
html[data-baakee-theme] body .u5-bill-source-overlay .u5-bill-source-head h2,
html[data-baakee-theme] body .u5-bill-source-overlay .u5-bill-source-info b {
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body .u5-bill-source-overlay .u5-bill-source-choice.chosen {
  background:var(--baakee-active-fill)!important;
  border-color:var(--baakee-glass-border)!important;
}
@media (max-width:520px){
 .u5-bill-card-visual{width:74px;height:48px;flex-basis:74px;}
 .u5-bill-card-visual .u2-real-card{transform:scale(.84);transform-origin:top left;}
 html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home .u4-finance-overview-list > .fin12-section{padding:18px 0!important;}
}