/* Baakee Update 5 | Nov 4: finance dock & remaining finance chrome follow-up.
   Presentation-only isolated QA. Never alter payment/card artwork or semantic alerts.

   The finance Aavi dock is rendered by RUFIYAA-U2-WALLET-AAVI-QA.js as a
   direct child of document.body, not a child of #app. All previous #app-based
   #u2w-aavi-trigger theme rules therefore missed the actual visible button. */
html[data-baakee-theme] body > #u2w-dock-area #u2w-aavi-trigger,
html[data-baakee-theme] body #u2w-dock-area #u2w-aavi-trigger{
  background:var(--baakee-action-fill)!important;
  color:var(--baakee-action-text)!important;
  -webkit-text-fill-color:var(--baakee-action-text)!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:0 9px 24px color-mix(in srgb,var(--baakee-ink) 24%,transparent)!important;
}
/* Finance contextual Aavi bubble and its triangle are also attached to BODY. */
html[data-baakee-theme] body #u2w-dock-area #u2w-thought{
  background:var(--baakee-panel-fill)!important;
  color:var(--baakee-body-ink)!important;
  border-color:var(--baakee-glass-border)!important;
  box-shadow:0 15px 44px color-mix(in srgb,var(--baakee-ink) 17%,transparent)!important;
}
html[data-baakee-theme] body #u2w-dock-area #u2w-thought::after{
  background:var(--baakee-panel-fill)!important;
  border-right-color:var(--baakee-glass-border)!important;
  border-bottom-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #u2w-dock-area .u2w-thinking-head :is(span,strong){color:var(--baakee-ink)!important}
html[data-baakee-theme] body #u2w-dock-area .u2w-thinking-head small{color:var(--baakee-secondary)!important}
html[data-baakee-theme] body #u2w-dock-area #u2w-aavi-trigger:focus-visible{
  outline:2px solid var(--baakee-ink)!important;outline-offset:3px!important;
}
/* The Wallet card-detail controls share this same finance dock. Never theme
   the physical card mockups themselves (the .u2-real-card artwork). */
html[data-baakee-theme] body #app #u2w-root .u2w-progress{background:var(--baakee-tint-quiet)!important}
html[data-baakee-theme] body #app #u2w-root .u2w-progress i{background:var(--baakee-progress)!important}
html[data-baakee-theme] body #app #u2w-root :is(.u2w-actions button,.u2w-credit-primary-tools button):not(.danger):not(.negative){
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #app #u2w-root :is(.u2w-add,.u2w-appearance-manage){
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
  -webkit-text-fill-color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
/* Improve header search on Safari: no opaque or squared input layer inside the
   continuously rounded glass pill. Preserve the actual search interaction. */
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell{
  background:var(--baakee-panel-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  border-radius:999px!important;
  background-clip:padding-box!important;
}
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell input[type="search"]{
  -webkit-appearance:none!important;appearance:none!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;min-width:0!important;
}
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell input[type="search"]::-webkit-search-decoration,
html[data-baakee-theme] body #app .header .baakee-u5-header-search-shell input[type="search"]::-webkit-search-cancel-button{display:none!important}
/* Finance overview summary tiles should share selected theme fill/outline.
   Distinguish meaningful positive/negative status accents from neutral icons. */
html[data-baakee-theme] body #app main.u4-finance-home :is(.u4-finance-utility,.u4fw-utility-pair .u4-salary-banner,.u4-health-dashboard){
  background:var(--baakee-card-fill)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #app main.u4-finance-home :is(.u4-utility-icon,.u4-salary-icon,.u4-health-icon,.u4-finance-health-icon){
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
  border-color:var(--baakee-glass-border)!important;
}
/* Neutral transaction receipts and What-if result containers follow the theme.
   Don't force the positive/negative amounts to match the appearance. */
html[data-baakee-theme] body #modal-root :is(.u4p-review-hero,.u4p-record-hero,.u2p2-compare,.u2p2-scenario-entry,.u2p2-rec-group){
  background:var(--baakee-card-fill)!important;
  border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u2p2-aavi-feedback{
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
}