/* Nov 3 screenshot + 110s video regression: improve app-wide palette fidelity,
   remove white dock ghost on downward scroll, preserve card/Rewind custom art.
   This is appearance-only: never changes financial figures or state. */
html[data-baakee-theme]{
  --baakee-page-tint:color-mix(in srgb,var(--baakee-page) 90%,var(--baakee-soft));
  --baakee-record-card:color-mix(in srgb,var(--baakee-surface) 75%,var(--baakee-soft));
  --baakee-muted-panel:color-mix(in srgb,var(--baakee-surface) 85%,var(--baakee-soft));
  --baakee-interactive:color-mix(in srgb,var(--baakee-soft) 70%,var(--baakee-surface));
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode),
html[data-baakee-theme][data-theme="dark"] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode){
  background-color:var(--baakee-page)!important;
  background-image:radial-gradient(ellipse 90% 55% at 18% 15%,color-mix(in srgb,var(--baakee-soft) 42%,transparent),transparent 74%),radial-gradient(ellipse 85% 52% at 93% 78%,color-mix(in srgb,var(--baakee-soft) 36%,transparent),transparent 76%),linear-gradient(180deg,var(--baakee-page-tint),var(--baakee-page))!important;
  background-attachment:fixed!important;
}
/* The outer navigation container was retaining a filled white frosted shell
   even while the nav pill itself animated away on scroll. Only the real inner
   pill owns glass now, while original geometry and plus actions are intact. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .bottom.bottom-v13019{
  background:transparent!important;background-color:transparent!important;
  border-color:transparent!important;border-width:0!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .nav-main-pill-v13019{
  background:var(--baakee-panel-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:0 8px 26px color-mix(in srgb,var(--baakee-ink) 12%,transparent)!important;
  backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);
}
html[data-baakee-theme] body.rufiyaa-liquid-glass.nav-scroll-collapsed-v13027:not(.rufiyaa-admin-mode) #app .nav-main-pill-v13019{
  opacity:0!important;pointer-events:none!important;
}
/* Cards: theme the everyday finance surfaces, leaving bank cards, risk
   indicators and Rewind stories with their original artistic colors. */
html[data-baakee-theme] #app :is(
  .fin12-section,.u4-finance-utility,.u4-finance-tiles,.v12432-health.u4-health-dashboard,
  .u4-health-dashboard,.budget-plan-card,.budget-v14-card,.home-widget.card,
  .u4lo-overview,.u4sb-card,.finance-tile,.home-finance-summary,
  .u2-budget-entry,.finance-summary-card,.transaction-summary-card
):not(.u3-rewind-home):not(.u3-story-card):not([class*="wallet-card"]):not([class*="credit-card"]):not([class*="card-art"]){
  background:var(--baakee-record-card)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
/* The primary dashboard tiles and account list previews should not retain
   the original translucent pink/mint shell after selecting another theme. */
html[data-baakee-theme] #app :is(
 .fin12-section,.fin12-widget,.u4-finance-row,.u4-finance-preview,
 .v12432-health-tile,.v12432-health-tools,.u4-finance-tool,
 .v12432-health-tools button,.u4-health-tiles>div,
 .budget-planning-card,.u2-budget-section,.u2-planning-step
):not(.positive):not(.negative):not(.danger){
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(
 .v12432-health-tools button,.u4-finance-tools button,
 .u4-finance-health-btn,.fin12-section button:not(.fin12-head),.u4-finance-utility button,
 .budget-planning-card button,.u2-budget-section button,.u2-add-budget,
 .home-quick-add,.u3-home-quick-add
):not(.danger):not(.negative):not(.positive):not([class*="bank-"]){
  background:var(--baakee-interactive)!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(
 .u2-quick-panel,.v12432-health .seg,.budget-planning-card,.u4-health-dashboard .seg,
 .fin12-widget,.u4-finance-tools,.u4-finance-tiles
):not(.u3-rewind-home){border-color:var(--baakee-glass-border)!important}
html[data-baakee-theme] #app :is(.u2-budget-cycle-progress,.u4-health-progress,.fin12-progress,.budget-allocation-progress,.u2g-progress){
  accent-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){background:var(--baakee-progress)!important}
html[data-baakee-theme] #app :is(.bottom .nav-tab-v13023.active,.nav-main-pill-v13019 .tab.active){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app :is(.fab,.u2-plus-trigger,#u2-plus-fab){background:var(--baakee-action-fill)!important;color:var(--baakee-action-text)!important}
/* Settings modal destinations share the selected palette, including buttons
   that were still pink/grey after a theme switch. */
html[data-baakee-theme] #modal-root .baakee-u5-detail-frame{background:var(--baakee-page)!important;color:var(--baakee-body-ink)!important}
html[data-baakee-theme] #modal-root .baakee-u5-detail-content :is(.card,.list,.settings-section-v1286,.baakee-u5-ipad-account-panel,.baakee-u5-ipad-links){
  background:var(--baakee-record-card)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #modal-root :is(.baakee-u5-middle-option,.baakee-u5-detail-side-row.is-active){
  background:var(--baakee-interactive)!important;border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] #modal-root .baakee-u5-middle-option.is-selected{
  outline:1.5px solid var(--baakee-ink);outline-offset:-2px;
}
html[data-baakee-theme] :is(#app,#modal-root) :is(input[type="range"],progress){accent-color:var(--baakee-ink)!important}
@media(prefers-reduced-transparency:reduce){
  html[data-baakee-theme] #app .nav-main-pill-v13019{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
/* Aavi / Finance previews share the appearance rather than inheriting the
   old fixed mint. Do not recolor meaning-bearing positive/negative alerts. */
html[data-baakee-theme] #app :is(.laari8-header,.laari8-tabs,.laari8-empty-insight),
html[data-baakee-theme] #app .laari8-insights .laari-focus-card-v1262:not(.important):not(.positive){
  background:var(--baakee-record-card)!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .laari8-tab.active,
html[data-baakee-theme] #app .laari8-filter button.active,
html[data-baakee-theme] #app .laari8-insights .laari-focus-actions-v1262 button:not(.danger){
  background:var(--baakee-interactive)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.finance-full-shell,.finance-reports-shell,.finance-forecast-shell,.finance-calendar-shell) :is(.card,.list,.finance-tile):not([class*="wallet-card"]):not([class*="credit-card"]):not([style*="background"]){
  background:var(--baakee-record-card)!important;border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app :is(.finance-full-shell,.finance-reports-shell,.finance-forecast-shell) :is(.seg button.active,.chip.active,button.primary){
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;border-color:var(--baakee-glass-border)!important;
}