/* Baakee Update 5 — shared, non-destructive appearance bridge. Isolated QA only.
   Loaded AFTER U1–U4 patch sheets so the appearance chosen in Settings reaches
   Home, Transactions, Budget, Finance, Savings, Loans, Wallet chrome and modals.
   Deliberately does not recolor bank cards, status semantics, or Rewind art. */
html[data-baakee-theme]{
  --baakee-pane:color-mix(in srgb,var(--baakee-surface) 92%,var(--baakee-page));
  --baakee-pane-strong:color-mix(in srgb,var(--baakee-surface) 98%,var(--baakee-soft));
  --baakee-neutral-border:var(--baakee-glass-border);
  --baakee-neutral-shadow:0 10px 30px #080e1710;
}
html[data-baakee-theme] body{
  --bg:var(--baakee-page)!important;
  --card:var(--baakee-surface)!important;
  --text:var(--baakee-body-ink)!important;
  --muted:var(--baakee-secondary)!important;
  --border:var(--baakee-glass-border)!important;
  --blue:var(--baakee-ink)!important;
  --purple:var(--baakee-ink)!important;
  --accent:var(--baakee-ink)!important;
  --accent-soft:var(--baakee-soft)!important;
  --bm-bg:var(--baakee-page)!important;
  --bm-card:var(--baakee-surface)!important;
  --bm-border:var(--baakee-glass-border)!important;
  --bm-text:var(--baakee-body-ink)!important;
  --bm-muted:var(--baakee-secondary)!important;
  --glass-bg:var(--baakee-surface)!important;
  --glass-bg-strong:var(--baakee-pane-strong)!important;
  --glass-border:var(--baakee-glass-border)!important;
  --lg-surface:var(--baakee-surface)!important;
  --lg-surface-strong:var(--baakee-pane-strong)!important;
  --lg-surface-soft:var(--baakee-soft)!important;
  --lg-line:var(--baakee-glass-border)!important;
  background:var(--baakee-page)!important;
  background-image:var(--baakee-ambient-gradient)!important;
  background-attachment:fixed!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body:before,
html[data-baakee-theme] body:after{
  background-image:none!important;
  box-shadow:none!important;
  pointer-events:none;
}
html[data-baakee-theme] #app,
html[data-baakee-theme] #app .shell,
html[data-baakee-theme] #app main.shell{
  background:transparent!important;
  color:var(--baakee-body-ink);
}
/* Ordinary surfaces only: don't touch account/card artwork or storytelling. */
html[data-baakee-theme] #app :is(.card,.list,.finance-tile,.home-widget,.settings-group-card-v13021):not([style*="background"]):not(.u3-rewind-home),
html[data-baakee-theme] #modal-root :is(.modal,.card,.list,.field input,.field select,.field textarea){
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.list,.finance-tile,.home-widget):not([style*="background"]):not(.u3-rewind-home):not([class*="credit-card"]):not([class*="wallet-card"]){
  background-color:var(--baakee-pane)!important;
}
html[data-baakee-theme] #modal-root .modal:not(.u3-story-immersive){
  background-color:var(--baakee-page)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] #modal-root :is(.field input,.field select,.field textarea){
  background-color:var(--baakee-pane-strong)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] #app :is(.bottom-v13019,.nav-main-pill-v13019,.u2-header-menu,.u2-h-menu,.settings-group-card-v13021),
html[data-baakee-theme] #modal-root :is(.settings-section-v1286,.settings-toggle-row){
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.bottom-v13019,.nav-main-pill-v13019){
  background:var(--baakee-pane)!important;
  backdrop-filter:blur(22px) saturate(140%);
  -webkit-backdrop-filter:blur(22px) saturate(140%);
}
html[data-baakee-theme] #app :is(.header-search,.header-settings,.header-lock,.icon-btn,.tab.active),
html[data-baakee-theme] #modal-root :is(.modal-head h2,.settings-subtitle){
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] :is(.chip.active,.seg button.active,.baakee-mode-row button.selected,.baakee-theme-choice.selected){
  border-color:var(--baakee-ink)!important;
}
/* U4 Finance summary uses several fixed mint panels: bridge the neutral chrome. */
html[data-baakee-theme] body{
  --u4-overview-mint:var(--baakee-pane)!important;
  --u4-overview-border:var(--baakee-glass-border)!important;
  --u4-overview-icon-bg:var(--baakee-soft)!important;
  --u4-overview-icon-border:var(--baakee-glass-border)!important;
  --u4-fin-mint-bg:var(--baakee-pane)!important;
  --u4-fin-soft-border:var(--baakee-glass-border)!important;
  --u4-fin-tile:var(--baakee-surface)!important;
}
html[data-baakee-theme] #app main.u4-finance-home :is(.u4-health-dashboard,.u4-finance-utility):not(.danger){
  border-color:var(--baakee-glass-border)!important;
}
/* Rewind's monthly/yearly art, payment risk colors and wallet card colors stay deliberate. */
html[data-baakee-theme] #app :is(.positive,.negative,.danger,.success),
html[data-baakee-theme] #modal-root :is(.positive,.negative,.danger,.success){
  --baakee-semantic-colors-preserved:1;
}
@media(prefers-reduced-transparency:reduce){
  html[data-baakee-theme] #app :is(.bottom-v13019,.nav-main-pill-v13019){backdrop-filter:none;-webkit-backdrop-filter:none}
}