/* Baakee U5 / Nov 5 — Screenshot-led follow-up in isolated QA only.
   No state, budget arithmetic, bank-card artwork or meaningful financial-status
   indicators are changed. This file is intentionally last in index.html. */

/* HOME: Mini Aavi is a single, quiet glass surface. Legacy .positive/.info
   styles were adding green or pink outlines and a second luminous ring. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .home-widgets :is(.mini-laari,.mini-aavi) {
  --laari-tone:var(--baakee-ink)!important;
  background:var(--baakee-card-fill)!important;
  background-image:none!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:0 9px 24px color-mix(in srgb,var(--baakee-ink) 5%,transparent)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .home-widgets :is(.mini-laari,.mini-aavi) :is(.mini-laari-mark,.mini-aavi-mark) {
  background:var(--baakee-active-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-ink)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .home-widgets :is(.mini-laari,.mini-aavi) :is(.mini-laari-head b,.mini-laari-alert b,.mini-laari-arrow,.mini-aavi-head b){
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .home-widgets :is(.mini-laari,.mini-aavi) .mini-laari-alert {
  background:color-mix(in srgb,var(--baakee-active-fill) 29%,var(--baakee-card-fill))!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .home-widgets > .smart-home-item-v1295c:has(> :is(.mini-laari,.mini-aavi)) {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* WHAT-IF: This is a simulation, NOT a positive financial-status card.
   Replace the old u2-preview mint/gray background and divider colors. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2p2-scenario-result.u2-preview,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2p2-preview-holder > .u2-preview,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2p2-combined.u2-preview {
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--baakee-active-fill) 42%,var(--baakee-card-fill)),
    var(--baakee-card-fill))!important;
  border:1px solid var(--baakee-glass-border)!important;
  box-shadow:none!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2p2-scenario-result.u2-preview > strong,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2p2-combined.u2-preview > strong {
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2p2-scenario-result.u2-preview > div,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2p2-combined.u2-preview > div {
  border-bottom-color:color-mix(in srgb,var(--baakee-glass-border) 55%,transparent)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2p2-scenario-result .u2p2-aavi-feedback {
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
}

/* SMART BUDGETER: both completed/current AND upcoming progress segments use
   the active appearance. The previous CSS only themed .active, so the four
   inactive ones stayed mint-green even in Berry Wine. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2g-progress > span:not(.active) {
  background:color-mix(in srgb,var(--baakee-soft) 70%,var(--baakee-surface))!important;
  border:0!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2g-progress > span.active {
  background:var(--baakee-progress)!important;
  border:0!important;
  box-shadow:none!important;
}
/* Money source is a radio choice, not an emerald status. Style both options
   and the selected outline without changing its native input interaction. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2g-mode > label {
  background:var(--baakee-card-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
  box-shadow:none!important;
  transition:border-color .18s ease,background-color .18s ease!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2g-mode > label:has(input:checked) {
  background:var(--baakee-active-fill)!important;
  border-color:var(--baakee-ink)!important;
  color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2g-mode > label input[type="radio"] {
  accent-color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2g-mode > label:focus-within {
  outline:2px solid var(--baakee-ink)!important;
  outline-offset:2px;
}
@media(prefers-reduced-motion:reduce){
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u2g-mode > label{transition:none!important}
}