/* Baakee Update 5 | Nov 4 | Finance subsection appearance audit.
   QA ONLY. Theme neutral UI chrome, never card artwork, monetary positive/negative
   semantics, bank colors, risk/warning indicators, or Rewind story design.
   Loaded after all Rufiyaa and previous U5 theme patches. */
html[data-baakee-theme] body:not(.rufiyaa-admin-mode) #app .finance-full-shell,
html[data-baakee-theme] body:not(.rufiyaa-admin-mode) #app .finance-full-body,
html[data-baakee-theme] body:not(.rufiyaa-admin-mode) #modal-root :is(.u4sg-detail,.u4sb-detail-modal,.u4lo-detail-modal,.u4p-sheet){
  --u4a-tint:var(--baakee-active-fill);
  --u4a-line:var(--baakee-glass-border);
  --u4a-panel:var(--baakee-card-fill);
  --u4sg-green:var(--baakee-ink);
  --u4sg-mint:var(--baakee-card-fill);
  --u4sb-mint:var(--baakee-card-fill);
  --u4sb-line:var(--baakee-glass-border);
  --u4p-accent:var(--baakee-ink);
  --u4p-mint:var(--baakee-soft);
}
/* Common finance page add actions: same glass treatment and typography,
   preserving the existing mobile '+' and large-screen label behavior. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app :is(
  .finance-full-top .finance-page-add,.finance-full-top .u4acct-add-top,
  .finance-full-top .u4sg-add-button,.finance-full-top .u4sb-add,
  .finance-full-top .u4lo-add-button,.finance-full-top .u4p-add-top,
  .finance-full-top .u4fw-wallet-add,.finance-full-top .u2w-add,
  .u4acct-overview-page .u4acct-add-top
){
  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 7px 22px color-mix(in srgb,var(--baakee-ink) 9%,transparent)!important;
}
html[data-baakee-theme] #app :is(.u4sg-add-button,.u4lo-add-button,.u4sb-add,.u4acct-add-top,.u4p-add-top) :is(span,b,svg,i){
  color:var(--baakee-ink)!important;
  -webkit-text-fill-color:var(--baakee-ink)!important;
}
/* Accounts: preserve the centered balance and premium U4 hybrid layout. */
html[data-baakee-theme] #app .finance-full-body.u4acct-overview-page :is(.accounts-overview-v12971>div,.account-v12-card:focus-visible){
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .finance-full-body.u4acct-overview-page .accounts-overview-v12971>div:first-child{
  background:linear-gradient(125deg,var(--baakee-active-fill),var(--baakee-card-fill))!important;
}
html[data-baakee-theme] #app .finance-full-body.u4acct-overview-page :is(.u4acct-row-icon,.account-v12-card:active){
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app .finance-full-body.u4acct-detail-page :is(
  .account-health-v12971,.account-reconcile-v12971,.u4acct-activity-panel,
  .u4acct-advanced,.account-trend-card-v12971,.u4acct-linked-panel,.u4acct-consistent-panel
){
  border-color:var(--baakee-glass-border)!important;
  background-color:var(--baakee-card-fill)!important;
}
html[data-baakee-theme] #app .finance-full-body.u4acct-detail-page :is(
  .account-health-grid-v12971>div,.account-flow-grid-v12971>div,.u4acct-availability>div,
  .account-month-strip button,.laari-account-insight-v12971
){
  border-color:var(--baakee-glass-border)!important;
  background:var(--baakee-active-fill)!important;
}
html[data-baakee-theme] #app .finance-full-body.u4acct-detail-page :is(
  .account-reconcile-v12971>button,.u4acct-advanced button,.u4acct-linked-panel button,
  .linked-debit-cards-v12813>button.account-linked-debit-v12813
):not(.danger){
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-ink)!important;
}
/* Account Transfer button: keep circular glass icon, never the legacy
   square/maroon background around the whole control. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .finance-full-body.u4acct-detail-page .account-full-actions .finance-round-action{
  background:transparent!important;border:0!important;box-shadow:none!important;
  border-radius:999px!important;padding:0!important;min-width:0;
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .finance-full-body.u4acct-detail-page .account-full-actions .finance-round-action>span{
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}
html[data-baakee-theme] #app .finance-full-body.u4acct-detail-page .account-full-actions .finance-round-action b{
  color:var(--baakee-ink)!important;
}
/* Savings: the hero, progress track, goal cards and Aavi details use one theme.
   Goal-completed status text remains semantic. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .u4sg-page :is(.u4sg-overview,.u4sg-card,.u4sg-insight){
  background:var(--baakee-card-fill)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u4sg-page :is(.u4sg-kicker,.u4sg-kicker-star,.u4sg-insight b,.u4sg-overall-progress>b,.u4sg-card-chevron){
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app .u4sg-page :is(.u4sg-insight-icon,.u4sg-card-symbol,.u4sg-type-pill:not(.is-reached)){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app .u4sg-page .u4sg-track{background:var(--baakee-tint-quiet)!important}
html[data-baakee-theme] #app .u4sg-page .u4sg-track>i{background:var(--baakee-progress)!important}
html[data-baakee-theme] #modal-root .modal.u4sg-detail :is(
  .u4sg-detail-hero,.u4sg-linked-account,.savings-health-grid-v74>div,
  .u4sg-detail-insight,.savings-health-v74,.savings-history-v74
){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root .modal.u4sg-detail :is(.u4sg-detail-insight b,.u4sg-detail-insight strong){color:var(--baakee-ink)!important}
html[data-baakee-theme] #modal-root .modal.u4sg-detail .savings-actions-v74 button.primary,
html[data-baakee-theme] #modal-root .modal.u4sg-detail .u4sg-detail-footer button.primary{
  background:var(--baakee-action-fill)!important;color:var(--baakee-action-text)!important;
  -webkit-text-fill-color:var(--baakee-action-text)!important;
}
html[data-baakee-theme] #modal-root .modal.u4sg-detail :is(.savings-history-row-v74 .undo,.savings-activity-row-v74 .undo){color:var(--baakee-ink)!important}
/* Subscriptions: summary, rows, detail content and payment buttons. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .u4sb-page :is(.u4sb-overview,.u4sb-row){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u4sb-page .u4sb-overview>.eyebrow,
html[data-baakee-theme] #app .u4sb-page .u4sb-overview>.eyebrow::before{color:var(--baakee-ink)!important}
html[data-baakee-theme] #app .u4sb-page .subscription-overview-grid-v75>div{
  background:var(--baakee-pane)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root .modal.u4sb-detail-modal :is(
 .u4sb-hero,.u4sb-insight,.subscription-health-grid-v75>div,.u4sb-health,.u4sb-setup,.u4sb-history,
 .u4sb-setup-modern .detail-line.u4sb-setup-tile
){background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important}
html[data-baakee-theme] #modal-root .modal.u4sb-detail-modal .u4sb-insight b{color:var(--baakee-ink)!important}
html[data-baakee-theme] #modal-root .modal.u4sb-detail-modal .u4sb-detail-footer .u4sb-pay:not(:disabled){
 background:var(--baakee-action-fill)!important;color:var(--baakee-action-text)!important;
 -webkit-text-fill-color:var(--baakee-action-text)!important;
}
/* Loans: loan progress is a neutral plan progress indicator, not an alert. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .u4lo-page :is(.u4lo-overview,.u4lo-payment-row){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u4lo-page :is(.u4lo-overview-eyebrow,.u4lo-next,.u4lo-overview .eyebrow){color:var(--baakee-ink)!important}
html[data-baakee-theme] #app .u4lo-page :is(.u4lo-overview-metrics>div,.u4lo-overview .loan-summary-tile){
  background:var(--baakee-pane)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u4lo-page :is(.loan-progress-v75 i,.u4lo-progress-fill,.loan-progress-v75 span){background:var(--baakee-progress)!important}
html[data-baakee-theme] #modal-root .modal.u4lo-detail-modal :is(.u4lo-hero,.u4lo-insight,.u4lo-detail-metrics>div,.u4lo-history){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root .modal.u4lo-detail-modal .u4lo-insight b{color:var(--baakee-ink)!important}
html[data-baakee-theme] #modal-root .modal.u4lo-detail-modal .u4lo-detail-footer button.primary{
  background:var(--baakee-action-fill)!important;color:var(--baakee-action-text)!important;
}
/* People/Lent & Borrowed: re-theme neutral summaries/avatars/filters/actions,
   but don't recolor financial owing/overdue semantic status amounts. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .u4p-page :is(.u4p-glass,.u4p-person-row){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u4p-page :is(.u4p-kicker,.u4p-mark,.u4p-chevron,.u4p-search>span){color:var(--baakee-ink)!important}
html[data-baakee-theme] #app .u4p-page :is(.u4p-avatar,.u4p-filter button.active){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root .modal-wrap:has(.u4p-sheet)>.modal{
  background:var(--baakee-panel-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root .u4p-sheet :is(.u4p-glass,.u4p-insight,.u4p-record,.u4p-activity,.u4p-allocation){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root .u4p-sheet :is(
  .u4p-avatar,.u4p-record-icon,.u4p-segment button.active,.u4p-mini-grid>div
){background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important}
html[data-baakee-theme] #modal-root .u4p-sheet :is(.u4p-kicker,.u4p-insight>b,.u4p-settled summary){color:var(--baakee-ink)!important}
html[data-baakee-theme] #modal-root .u4p-sheet .u4p-progress{background:var(--baakee-tint-quiet)!important}
html[data-baakee-theme] #modal-root .u4p-sheet .u4p-progress i{background:var(--baakee-progress)!important}
/* Don't impose theme accents on real success, negative balance, payment risk or late alerts. */
/* Cross-page floating Aavi launch control, always the chosen theme (not default
   emerald for the initial animation frame). Wallet art is intentionally excluded. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app #u2w-aavi-trigger,
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .u2-aavi-dock-star:not(.u2-real-card),
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .u2-aavi-dock-close{
 background:var(--baakee-action-fill)!important;
 color:var(--baakee-action-text)!important;
 border:1px solid var(--baakee-glass-border)!important;
 box-shadow:0 8px 24px color-mix(in srgb,var(--baakee-ink) 14%,transparent)!important;
}
/* Wallet, credit, debit, prepaid: UI chrome only; exclude .u2-real-card. */
html[data-baakee-theme] #app #u2w-root,
html[data-baakee-theme] #app #u2w-root :is(.u2w-head h2,.u2w-focus-header b,.u2w-section-head b){
 color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] #app #u2w-root :is(.u2w-add,.u2w-focus-header>button,.u2w-appearance-manage){
 color:var(--baakee-ink)!important;
 -webkit-text-fill-color:var(--baakee-ink)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app #u2w-root .u2w-add,
html[data-baakee-theme] #app #u2w-root .u2w-focus-header>button{
 background:var(--baakee-active-fill)!important;
}
html[data-baakee-theme] #app #u2w-root :is(.u2w-info,.u2w-activity,.u2w-empty,.u2w-empty-activity){
 background:var(--baakee-card-fill)!important;
 color:var(--baakee-body-ink)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app #u2w-root :is(.u2w-info p,.u2w-info small,.u2w-activity .u2w-section-head span,.u2w-hint,.u2w-focus-header small){
 color:var(--baakee-secondary)!important;
}
html[data-baakee-theme] #app #u2w-root .u2w-dots i:not(.active){background:var(--baakee-tint-quiet)!important}
html[data-baakee-theme] #app #u2w-root .u2w-dots i.active{background:var(--baakee-ink)!important}
html[data-baakee-theme] #app #u2w-root :is(.u2w-filter,.u2w-activity-filters) button:not(.active){
 background:var(--baakee-card-fill)!important;
 color:var(--baakee-secondary)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app #u2w-root :is(.u2w-filter,.u2w-activity-filters) button.active{
 background:var(--baakee-active-fill)!important;
 color:var(--baakee-ink)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app #u2w-root .u2w-activity-row{
 color:var(--baakee-body-ink)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app #u2w-root .u2w-actions button:not(.danger),
html[data-baakee-theme] #app #u2w-root .u2w-credit-primary-tools button:not(.danger){
 background:var(--baakee-active-fill)!important;
 border:1px solid var(--baakee-glass-border)!important;
 color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app #u2w-root .u2w-credit-pay,
html[data-baakee-theme] #app #u2w-root .u2w-credit-pay strong{
 background:var(--baakee-action-fill)!important;
 color:var(--baakee-action-text)!important;
}
html[data-baakee-theme] #modal-root :is(.u2w-add-menu button,.u2w-review-item){
 background:var(--baakee-card-fill)!important;
 border-color:var(--baakee-glass-border)!important;
 color:var(--baakee-body-ink)!important;
}
/* Finance overview visual affordances: the utility badges, health card and
   collapsed/expanded views must share the palette. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app main.u4-finance-home :is(
  .u4fw-utility-pair .u4-salary-banner,.u4-finance-utility,.u4-health-dashboard,
  .u4-finance-overview-section,.u4-finance-overview-list>.fin12-section
){border-color:var(--baakee-glass-border)!important}
html[data-baakee-theme] #app main.u4-finance-home :is(
  .u4fw-utility-pair .u4-salary-banner,.u4-finance-utility,.u4-health-dashboard
){background:var(--baakee-card-fill)!important}
html[data-baakee-theme] #app main.u4-finance-home :is(
  .u4-salary-icon,.u4fw-utility-pair .u4-salary-icon,.u4-finance-utility .u4-utility-icon,
  .u4-health-dashboard .u4-health-icon,.u4-health-dashboard .u4-finance-health-icon
){
 background:var(--baakee-active-fill)!important;
 border-color:var(--baakee-glass-border)!important;
 color:var(--baakee-ink)!important;
}
/* Aavi-generated transaction/what-if panels are chrome, not financial green status. */
html[data-baakee-theme] #modal-root :is(.u2p2-entry,.u2p2-rec-group,.u2p2-scenario-entry,.u2p2-compare,.u2p2-aavi-feedback){
 background:var(--baakee-card-fill)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root :is(.u2p2-aavi-feedback,.u2p2-section-head){color:var(--baakee-ink)!important}
html[data-baakee-theme] #modal-root :is(.u4p-transaction-sheet .u4p-review-hero,.u4p-transaction-sheet .u4p-record-hero,.u4p-transaction-sheet .u4p-insight){
 background:var(--baakee-card-fill)!important;
 border-color:var(--baakee-glass-border)!important;
}
/* Search chrome: one continuous pill; remove the inherited rectangular
   input edge while retaining the existing working close and focus behavior. */
html[data-baakee-theme] #app .baakee-header-search-open :is(input,.u5-search-input),
html[data-baakee-theme] #app .u5-header-search :is(input,.u5-search-input){
 background:transparent!important;
 border:0!important;
 border-radius:inherit!important;
 box-shadow:none!important;
 outline-offset:2px!important;
}