/* Baakee Update 5 — November 3 iPad visual QA: theme-complete control surfaces.
   Applied AFTER the legacy Rufiyaa component sheets, without recoloring
   credit/debit card art, Rewind stories, or semantic financial warnings. */
html[data-baakee-theme]{
  --u5-themed-control:color-mix(in srgb,var(--baakee-soft) 72%,var(--baakee-surface));
  --u5-themed-control-selected:color-mix(in srgb,var(--baakee-ink) 18%,var(--baakee-surface));
  --u5-themed-control-border:var(--baakee-glass-border);
  --u5-themed-control-text:var(--baakee-body-ink);
}
/* Transactions: override the old highly specific mandatory-emerald chip rule. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .tx-toolbar-v129621 ~ .chips > .chip.active,
html[data-baakee-theme][data-theme=light] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .tx-toolbar-v129621 ~ .chips > .chip.active,
html[data-baakee-theme][data-theme=dark] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .tx-toolbar-v129621 ~ .chips > .chip.active,
html[data-baakee-theme] #app :is(.chip.active,.tx-filter-chip.active,.transaction-filter.active,.merchant-filter.active){
  background:var(--u5-themed-control-selected)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--u5-themed-control-border)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--baakee-surface) 48%,transparent)!important;
}
html[data-baakee-theme] #app :is(.tx-toolbar-v129621,.tx-active-range-v1251,.tx-inline-search-v1251,.chips > .chip:not(.active)){
  border-color:var(--u5-themed-control-border)!important;
  color:var(--u5-themed-control-text)!important;
}
/* Finance and its subordinate tools: leave status semantics and bank artwork alone. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app :is(
  .fin12-section,.fin12-widget,.fin12-list,.u4-finance-preview,.u4-finance-tool,
  .u4-finance-row,.u4-health-dashboard,.u4-health-tiles>div,.v12432-health-tile,
  .finance-full-shell .finance-tile,.finance-reports-shell .card,.finance-forecast-shell .card,
  .u4-finance-utility,.finance-summary-card
):not(.u3-rewind-home):not([class*=credit-card]):not([class*=wallet-card]):not([class*=card-art]){
  background:var(--baakee-record-card)!important;
  border-color:var(--u5-themed-control-border)!important;
  color:var(--u5-themed-control-text)!important;
}
html[data-baakee-theme] #app :is(
  .u4-finance-utility button,.u4-finance-tool button,.u4-finance-tools button,
  .v12432-health-tools button,.fin12-section button:not(.fin12-head),.finance-reports-shell .seg button.active,
  .finance-forecast-shell .seg button.active
):not(.danger):not(.negative):not(.positive):not([class*=bank-]){
  background:var(--u5-themed-control)!important;
  border-color:var(--u5-themed-control-border)!important;
  color:var(--u5-themed-control-text)!important;
}
/* Aavi: replace the old mint/green within neutral assistant chrome. */
html[data-baakee-theme] #app :is(
  .laari8-header,.laari8-tabs,.laari8-empty-insight,.laari8-insights,
  .u2-inline-smart-brief,.u2-brief-body,.u2-brief-important,
  .laari-focus-card-v1262:not(.positive):not(.negative):not(.danger)
){border-color:var(--u5-themed-control-border)!important;color:var(--u5-themed-control-text)!important;}
html[data-baakee-theme] #app :is(.laari8-tab.active,.laari8-filter .active,.laari8-tabs button.active,.u2-brief-actions button:not(.danger)){
  background:var(--u5-themed-control-selected)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--u5-themed-control-border)!important;
}
html[data-baakee-theme] #app :is(.u2-aavi-dock-star,.u2-aavi-dock-close,.u3-aavi-icon,.aavi-chip){
  background:var(--u5-themed-control)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--u5-themed-control-border)!important;
}
/* Budget, planning and what-if surfaces. Respect positive/negative meaning. */
html[data-baakee-theme] #app :is(
  .u2-budget-entry,.u2-planning-options,.u2-planner-card-fields,.u2-whatif,
  .budget-plan-card,.budget-planning-card,.budget-v14-card,.u2-budget-section,
  .u2-unbudgeted-breakdown,.u2-budget-create,.v12515-budget-tools,
  .v12515-budget-tool-row,.u4sb-card
):not(.positive):not(.negative):not(.danger){
  border-color:var(--u5-themed-control-border)!important;
}
html[data-baakee-theme] #app :is(
  .u2-planning-options button,.u2-planner-card-fields button,.u2-whatif button,
  .v12515-budget-tools button,.budget-plan-card button,.budget-planning-card button,
  .v1322-budget-suite-entry,.u2-add-budget-mini
):not(.danger):not(.negative):not(.positive){
  background:var(--u5-themed-control)!important;
  color:var(--u5-themed-control-text)!important;
  border-color:var(--u5-themed-control-border)!important;
}
html[data-baakee-theme] #app :is(
  .u2-planning-options .active,.u2-whatif .active,.budget-plan-card .active,
  .v12515-budget-tools .active,.u2-planning-options [aria-pressed=true]
){
  background:var(--u5-themed-control-selected)!important;
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app :is(
  .u2-budget-cycle-progress i,.u4-health-progress i,.fin12-progress i,
  .budget-allocation-progress i,.u2g-progress i
){background:var(--baakee-progress)!important;}
/* Savings selectors and category tools. */
html[data-baakee-theme] #app :is(
  .u4-savings-filter,.u4-savings-filters,.savings-filter,.savings-filters,
  .savings-selector,.savings-toolbar,.u4-savings-tabs,
  .savings-goal-card,.savings-overview-card
):not(.positive):not(.negative):not(.danger){
  border-color:var(--u5-themed-control-border)!important;
}
html[data-baakee-theme] #app :is(
  .savings-filter.active,.savings-filters .active,.savings-selector .active,
  .savings-toolbar .active,.u4-savings-tabs .active
){
  background:var(--u5-themed-control-selected)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--u5-themed-control-border)!important;
}
/* Appearance chooser: the chooser itself must react to the current theme. */
html[data-baakee-theme] :is(#app,#modal-root) :is(.baakee-theme-choice,.baakee-mode-row button,.baakee-appearance-preview){
  border-color:var(--u5-themed-control-border)!important;
  color:var(--u5-themed-control-text)!important;
}
html[data-baakee-theme] :is(#app,#modal-root) :is(.baakee-theme-choice.selected,.baakee-mode-row button.selected){
  background:var(--u5-themed-control-selected)!important;
  color:var(--baakee-ink)!important;
  outline-color:var(--baakee-ink)!important;
}
html[data-baakee-theme] :is(#app,#modal-root) :is(input[type=range],progress){accent-color:var(--baakee-ink)!important;}