/* Baakee Update 5 — November 4 iPad QA: deep theme + layer correction.
   Loaded AFTER ALL U1–U5 overrides. Visual-only; never alters data, calculations,
   native form values, Rewind art, or bank/payment card artwork. */
html[data-baakee-theme]{
  --baakee-primary:var(--baakee-ink);
  --baakee-mint:var(--baakee-soft);
  --baakee-card-bg:var(--baakee-card-fill);
  --baakee-border:var(--baakee-glass-border);
  --baakee-tint-quiet:color-mix(in srgb,var(--baakee-soft) 42%,var(--baakee-surface));
  --baakee-tint-selected:color-mix(in srgb,var(--baakee-soft) 80%,var(--baakee-surface));
  --baakee-tint-line:var(--baakee-glass-border);
}
/* Shared selector lives at document.body, NOT inside #app/#modal-root. The
   original fixed emerald rules are intentionally replaced at their source DOM.
   Card thumbnail previews are exempt and keep their own design/artwork. */
html[data-baakee-theme] body .u2-choice-overlay{
  background:color-mix(in srgb,#141f21 48%,transparent)!important;
}
html[data-baakee-theme] body .u2-choice-sheet{
  background:var(--baakee-panel-fill)!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
  box-shadow:0 24px 60px color-mix(in srgb,#141f21 28%,transparent)!important;
}
html[data-baakee-theme] body .u2-choice-head h2,
html[data-baakee-theme] body .u2-choice-eyebrow,
html[data-baakee-theme] body .u2-choice-group,
html[data-baakee-theme] body .u2-choice-option-check,
html[data-baakee-theme] body .u2-choice-selected-icon:not(.u2-choice-card-visual){color:var(--baakee-ink)!important}
html[data-baakee-theme] body .u2-choice-trigger{
  background:var(--baakee-panel-fill)!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
  box-shadow:0 2px 11px color-mix(in srgb,var(--baakee-ink) 4%,transparent)!important;
}
html[data-baakee-theme] body .u2-choice-trigger :is(.u2-choice-selected-label,.u2-choice-chevron){color:inherit!important}
html[data-baakee-theme] body .u2-choice-trigger.u2-choice-placeholder .u2-choice-selected-label,
html[data-baakee-theme] body .u2-choice-empty,
html[data-baakee-theme] body .u2-choice-context{color:var(--baakee-secondary)!important}
html[data-baakee-theme] body .u2-choice-close{
  background:var(--baakee-tint-quiet)!important;color:var(--baakee-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body .u2-choice-search{
  background:var(--baakee-surface)!important;color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body .u2-choice-option:not(.is-selected){
  background:transparent!important;color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body .u2-choice-option.is-selected{
  background:var(--baakee-tint-selected)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body .u2-choice-option-icon:not(.u2-choice-card-visual){
  background:var(--baakee-tint-quiet)!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body .u2-choice-option.is-selected .u2-choice-option-icon:not(.u2-choice-card-visual){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body :is(.u2-choice-search,.u2-choice-option,.u2-choice-close,.u2-choice-trigger):focus-visible{
  outline:2px solid var(--baakee-ink)!important;outline-offset:2px!important;
}
/* Drop-down stacking: header layer must outrank Rewind/widgets. Do not touch
   the z-index of modal root, lock, sync toast or standalone overlays. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .header{
  position:relative!important;z-index:1500!important;overflow:visible!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .header .header-actions{
  position:relative!important;z-index:1501!important;overflow:visible!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .header-actions #u2-header-menu{
  position:absolute!important;z-index:1502!important;
  background:var(--baakee-panel-fill)!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
  box-shadow:0 20px 55px color-mix(in srgb,#1d2023 24%,transparent)!important;
}
html[data-baakee-theme] #app .header-actions #u2-header-menu :is(.u3-more-action,.u2-sync-footer):is(:hover,:focus-visible){
  background:var(--baakee-tint-quiet)!important;
}
html[data-baakee-theme] #app .header-actions #u2-header-menu :is(.u3-more-count,.u2-sync-indicator:not(.warning)){
  background:var(--baakee-tint-quiet)!important;color:var(--baakee-ink)!important;
}
/* Aavi motion: source, moving element, and destination must share the theme
   from the very first animation frame; moving sparkle is appended to BODY. */
html[data-baakee-theme] body .u2-moving-spark,
html[data-baakee-theme] body .u2-aavi-dock-star,
html[data-baakee-theme] body .u2-aavi-dock-close{
  background:var(--baakee-tint-selected)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
  box-shadow:0 6px 18px color-mix(in srgb,var(--baakee-ink) 11%,transparent)!important;
}
html[data-baakee-theme] #app .u2-aavi-dock-word{color:var(--baakee-ink)!important}
html[data-baakee-theme] #app .u2-inline-smart-brief{
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] #app .u2-brief-section,
html[data-baakee-theme] #app .u2-brief-more{color:var(--baakee-ink)!important}
html[data-baakee-theme] #app .u2-brief-important,
html[data-baakee-theme] #app .u2-brief-more-list{
  background:var(--baakee-tint-quiet)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u2-brief-actions button:not(.danger):not(.warning){
  background:var(--baakee-tint-quiet)!important;color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
/* Navigation: unselected tabs are neutral rather than default-green. Active
   and extra-action buttons reflect the actual chosen appearance. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .nav-main-pill-v13019 .tab:not(.active),
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .nav-main-pill-v13019 .nav-tab-v13023:not(.active){
  background:transparent!important;
  color:var(--baakee-secondary)!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .nav-main-pill-v13019 :is(.tab:not(.active),.nav-tab-v13023:not(.active)) :is(.nav-label-v13022,.nav-icon-v13022,svg,span){
  color:var(--baakee-secondary)!important;stroke:currentColor;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .nav-main-pill-v13019 :is(.tab.active,.nav-tab-v13023.active){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
/* The original primary FAB, including Aavi as a selected middle action. */
html[data-baakee-theme] #app :is(#u2-plus-fab,.u2-plus-trigger){
  background:var(--baakee-action-fill)!important;color:var(--baakee-action-text)!important;
  border-color:var(--baakee-glass-border)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--baakee-ink) 19%,transparent)!important;
}
/* Transaction filters / merchants / batch selectors: remove emerald retained
   by old Rufiyaa user-review rules and apply colors consistently to active chips. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app :is(
  .tx-toolbar-v129621 button,.tx-toolbar-v129621 .active,.tx-toolbar-v129621 .is-active,
  .u2-merchant-tabs button,.u2-merchant-tabs .selected,.transactions-filters button,
  .transactions-filters .active,.tx-filter-chip,.tx-filter-chip.active,.chip.active,
  .u2-your-budgets button,.u2-display-gear
):not(.danger):not(.negative):not(.positive){
  color:var(--baakee-ink)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app :is(
  .tx-toolbar-v129621 .active,.tx-toolbar-v129621 .is-active,
  .u2-merchant-tabs .selected,.transactions-filters .active,.tx-filter-chip.active,.chip.active,
  .u2-your-budgets button,.u2-display-gear
):not(.danger):not(.negative):not(.positive){
  background:var(--baakee-active-fill)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] #app .tx-toolbar-v129621 button:not(.active):not(.is-active){
  background:var(--baakee-panel-fill)!important;color:var(--baakee-secondary)!important;
}
/* Wallet filters, savings, lending and recurring bills. Preserve selected
   credit/debit card previews, bank photo skins, money-positive/danger meaning. */
html[data-baakee-theme] #app :is(.u2w-filter,.u2w-activity-filters) button,
html[data-baakee-theme] #app :is(.u4sg-filter,.u4p-filter button,.subscription-filter-v75 button){
  background:var(--baakee-panel-fill)!important;
  color:var(--baakee-secondary)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.u2w-filter,.u2w-activity-filters) button.active,
html[data-baakee-theme] #app :is(.u4sg-filter.is-active,.u4p-filter button.active,.subscription-filter-v75 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 .finance-full-shell.u4sg-page,
html[data-baakee-theme] #app .u4sg-page{--u4sg-green:var(--baakee-ink);--u4sg-mint:var(--baakee-tint-quiet);}
html[data-baakee-theme] #app .u4sg-page :is(.u4sg-card,.u4sg-insight,.u4sg-insight-icon,.u4sg-card-symbol,.u4sg-type-pill){
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u4sg-page :is(.u4sg-insight-icon,.u4sg-card-symbol,.u4sg-type-pill):not(.is-reached){
  background:var(--baakee-tint-quiet)!important;color:var(--baakee-ink)!important;
}
/* Smart Budgeter: the bottom sheet is in #modal-root, and its Aavi fund
   children use default-green vars with names that were never defined. */
html[data-baakee-theme] #modal-root :is(.u2g-shell,.u2g-top,.u2g-content,.u5-aavi-funds,.u5-aavi-fund-card,.u5-aavi-comfort-control){
  --baakee-primary:var(--baakee-ink);--baakee-mint:var(--baakee-soft);
  --baakee-card-bg:var(--baakee-card-fill);--baakee-border:var(--baakee-glass-border);
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] #modal-root :is(
  .u5-aavi-funds,.u2g-card-option,.u2g-advice-group,.u2g-category-card,
  .u2g-review,.u2g-mini,.u2-precision-track,.u2p2-entry,.u2p2-rec-group
){background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;}
html[data-baakee-theme] #modal-root :is(
  .u5-aavi-fund-card,.u5-aavi-comfort-control,.u5-aavi-spending-left,
  .u2g-category-actions,.u2g-capacity,.u2g-status
){background:var(--baakee-panel-fill)!important;border-color:var(--baakee-glass-border)!important;}
html[data-baakee-theme] #modal-root :is(.u5-aavi-sparkle,.u2g-mini-icon){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #modal-root :is(.u5-aavi-fund-card>strong,.u2g-top small,.u2g-advice-label,.u2-precision-track){color:var(--baakee-ink)!important;}
html[data-baakee-theme] #modal-root :is(.u5-aavi-comfort-control input,.u2g-content input,.u2g-content select){
  background:var(--baakee-surface)!important;color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root :is(.u2-precision-steps button[aria-pressed=true],.u2g-progress .active,.u2g-tabs .active,.u2g-steps .active){
  background:var(--baakee-ink)!important;color:var(--baakee-action-text)!important;
  border-color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #modal-root :is(.u2-precision-steps button:not([aria-pressed=true]),.u2g-tabs button:not(.active),.u2g-steps button:not(.active)){
  background:var(--baakee-tint-quiet)!important;color:var(--baakee-secondary)!important;
  border-color:var(--baakee-glass-border)!important;
}
/* Finance subsections. Theme the neutral header chrome instead of coloring
   their title STRIPS pink, and cover nested overview and detail screens. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app :is(
  .fin12-section,.finance-v141-list .fin12-section,.finance-full-shell .card,
  .finance-v141-section,.u4-finance-overview-section,.u4-finance-preview,
  .u4-finance-utility,.u4-health-dashboard,.finance-reports-shell .card,
  .finance-forecast-shell .card,.finance-calendar-shell .card,
  .finance-summary-card,.u4-finance-tiles>*,.u4-finance-tools>*,.v12432-health-tile
):not(.u3-rewind-home):not(.u2-real-card):not([class*="u2-card"]):not([class*="credit-card"]):not([class*="wallet-card"]):not([class*="card-art"]){
  background-color:var(--baakee-card-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4-finance-overview-list>.u4-finance-overview-section{
  background:transparent!important;border:0!important;border-bottom:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.fin12-head,.finance-clean-head,.fin12-section>.fin12-head,
  .u4-finance-overview-section .finance-clean-head){
  background:transparent!important;
  background-image:none!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] #app :is(.fin12-head,.finance-clean-head) :is(b,strong,em,h2,h3,svg){
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app :is(.fin12-head,.finance-clean-head) :is(small,.note){color:var(--baakee-secondary)!important}
html[data-baakee-theme] #app :is(.fin12-rows,.finance-min-rows,.finance-clean-content,.u4-finance-row,.u4-finance-preview){
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(
  .fin12-section button:not(.fin12-head),.u4-finance-utility button,.u4-finance-tools button,
  .finance-forecast-shell button:not(.danger),.finance-reports-shell button:not(.danger),
  .v12432-health-tools button,.v12432-health-segment button
):not(.positive):not(.negative):not(.danger):not([class*="bank-"]){
  background:var(--baakee-tint-quiet)!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.u4-finance-reports,.u4-estimated-salary,.v12432-health-head,.v12432-health-segment){
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.u4-finance-reports,.u4-estimated-salary){
  background:var(--baakee-active-fill)!important;
}
/* Modal content across Finance, Savings, Loans and Settings should not regain
   emerald from the original standalone Rufiyaa modal styles. */
html[data-baakee-theme] #modal-root :is(
  .modal:not(.u3-rewind-story),.settings-group-card-v13021,.u4sg-detail,
  .u4acct-detail,.u4lo-detail,.u4sb-page,.finance-full-shell
):not(.u3-rewind-share-studio){
  color:var(--baakee-body-ink);
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root .modal :is(.u4sg-detail-hero,.savings-health-v74,.savings-history-v74):not([style*="--u3-bg"]){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
}
/* Reduce motion is a first-class choice. Accessibility outlines remain. */
@media(prefers-reduced-motion:reduce){
 html[data-baakee-theme] #app .header :is(.u2-aavi-dock,.baakee-u5-header-search-shell){animation:none!important;transition:none!important}
}
/* Later legacy specificity fixes found in the complete 114-sheet CSS cascade. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .header .u2-aavi-dock-star,
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .header .u2-aavi-dock-close,
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) .u2-moving-spark{
  background:var(--baakee-tint-selected)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .fin12-section > button.fin12-head,
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-v141-list .fin12-section > button.fin12-head{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .fin12-section > button.fin12-head :is(b,strong,em,svg){
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .fin12-section > button.fin12-head small{color:var(--baakee-secondary)!important}
/* Neutral reading text should not remain Rufiyaa's dark green inside Berry,
   Sapphire or Monochrome. Secondary ink is a muted version of chosen theme. */
html[data-baakee-theme][data-theme="light"]{
  --baakee-body-ink:#26282B;
  --baakee-secondary:color-mix(in srgb,var(--baakee-ink) 25%,#66686B);
}
html[data-baakee-theme][data-theme="dark"]{
  --baakee-body-ink:#F4F4F2;
  --baakee-secondary:color-mix(in srgb,var(--baakee-ink) 35%,#BFC3C8);
}
/* The salary tile has its own legacy class and high-specificity green gradient;
   pair it with Reports & Trends using the exact same theme tokens. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner,
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home.u4q-paired-utilities > .u4fw-utility-pair > .u4-salary-banner{
  background:var(--baakee-active-fill)!important;
  background-image:none!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner :is(.u4-salary-icon,svg){
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app main.u4-finance-home .u4fw-utility-pair .u4-salary-banner :is(small,span:not(.u4-salary-icon)){
  color:var(--baakee-secondary)!important;
}
/* Rufiyaa's green unallocated-budget pill is regular state, not a success alert. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u2-budget-entry .u2-budget-status:not(.warn):not(.danger):not(.negative){
  background:var(--baakee-tint-selected)!important;
  color:var(--baakee-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u2-budget-entry .u2-smart-toggle>span:last-child{
  color:var(--baakee-ink)!important;
}
/* Progress tracks and non-semantic planning indicators follow the palette. */
html[data-baakee-theme] #app :is(.u4sg-overall-progress,.u4sg-goal-progress,.u2-budget-cycle-progress,.budget-allocation-progress,.progress){
  accent-color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app :is(.u4sg-overall-progress,.u4sg-goal-progress,.u2-budget-cycle-progress,.budget-allocation-progress,.progress) :is(i,span.progress-fill){
  background-color:var(--baakee-ink)!important;
}

html[data-baakee-theme] #app :is(.u4sg-track,.u4sg-goal-rail) > i{background:var(--baakee-ink)!important;}
html[data-baakee-theme]{--u2-emerald:var(--baakee-ink)}