/* Baakee U5 Nov 4 — screenshot-driven Settings, Transactions, Budget and Finance polish.
   Palette/layout only; preserve real debit/credit semantic colors, wallet card art, Rewind.
   Loaded last. */
/* Finance overview is a group of rounded independent glass cards, not square pink strips.
   Correct both legacy fin12 and U4 preview wrappers, respecting original preview handlers. */
html[data-baakee-theme] body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app main.u4-finance-home :is(.fin12-section,.u4-finance-overview-list>.fin12-section):not(.u4-finance-overview-section){
  border:1px solid var(--baakee-glass-border)!important;
  border-radius:22px!important;
  background:var(--baakee-card-fill)!important;
  padding:18px!important;
  margin:0 0 14px!important;
  overflow:hidden!important;
  box-shadow:0 7px 22px color-mix(in srgb,var(--baakee-ink) 4%,transparent)!important;
}
html[data-baakee-theme] #app main.u4-finance-home .fin12-section:not(.u4-finance-overview-section) .fin12-head{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  padding:0 0 11px!important;min-height:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] #app main.u4-finance-home .fin12-section .fin12-head :is(b,em){color:var(--baakee-ink)!important}
html[data-baakee-theme] #app main.u4-finance-home .fin12-section .fin12-rows{
  display:grid!important;gap:8px!important;padding:0!important;min-width:0;
}
html[data-baakee-theme] #app main.u4-finance-home .fin12-section .fin12-row{
  min-height:67px!important;padding:12px 14px!important;margin:0!important;
  width:100%!important;box-sizing:border-box!important;min-width:0;
  border:1px solid color-mix(in srgb,var(--baakee-glass-border) 55%,transparent)!important;
  border-radius:14px!important;background:var(--baakee-tint-quiet)!important;
  box-shadow:none!important;color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] #app main.u4-finance-home .fin12-section .fin12-row :is(b,strong){color:var(--baakee-body-ink)!important}
html[data-baakee-theme] #app main.u4-finance-home .fin12-section .fin12-row :is(span,small){color:var(--baakee-secondary)!important}
html[data-baakee-theme] #app main.u4-finance-home .fin12-row.u4-preview-open:is(:hover,:focus-visible){
  background:var(--baakee-active-fill)!important;
}
html[data-baakee-theme] #app main.u4-finance-home .fin12-section .fin12-empty{
  padding:11px 0 2px!important;color:var(--baakee-secondary)!important;
}
@media(max-width:520px){
 html[data-baakee-theme] #app main.u4-finance-home .fin12-section .fin12-row{gap:8px!important;padding:10px 11px!important}
 html[data-baakee-theme] #app main.u4-finance-home .fin12-row strong{font-size:12px!important;overflow-wrap:anywhere;white-space:normal!important;text-align:right}
}
/* Transaction Review is informational navigation, not a green success status. */
html[data-baakee-theme] body #app .tx63-review-banner{
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body #app .tx63-review-banner strong,
html[data-baakee-theme] body #modal-root :is(.tx63-review-item-side span,.tx63-review-heading){color:var(--baakee-ink)!important}
html[data-baakee-theme] #app .budget-v14-card .budget-v14-top :is(.rufiyaa-line-icon,.avatar,svg),
html[data-baakee-theme] #app .u2-budget-entry :is(.rufiyaa-line-icon,.avatar,svg):not(.semantic-alert-icon){
  color:var(--baakee-ink)!important;stroke:currentColor!important;
}
/* What-if planning and budget display are interactive controls, not financial status. */
html[data-baakee-theme] body #modal-root .u2p2-scenario-entry,
html[data-baakee-theme] body #modal-root :is(.u2p2-entry,.u2p2-rec-group,.u2p2-compare){
  background:var(--baakee-card-fill)!important;border-color:var(--baakee-glass-border)!important;color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body #modal-root .u2p2-scenario-entry :is(label,small),
html[data-baakee-theme] body #modal-root .u2p2-rec-group :is(strong,small),
html[data-baakee-theme] body #modal-root .u2p2-entry :is(b,small),
html[data-baakee-theme] body #modal-root .u2p2-aavi-feedback{color:var(--baakee-body-ink)!important}
html[data-baakee-theme] body #modal-root .u2p2-scenario-choices .u2p2-choice:not(.selected){
  background:var(--baakee-surface)!important;border-color:var(--baakee-glass-border)!important;color:var(--baakee-body-ink)!important;
}
html[data-baakee-theme] body #modal-root .u2p2-scenario-choices .u2p2-choice.selected{
  background:var(--baakee-active-fill)!important;border-color:var(--baakee-glass-border)!important;color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root :is(.u2p2-scenario-entry input[type=range],.u2p2-rec-row input,.u2-display-settings input[type=checkbox],.u2-display-setting input[type=checkbox]){
  accent-color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root :is(.u2p2-aavi-feedback,.u2p2-limits,.u2p2-section-head,.u2p2-choice,.u2p2-scenario-entry>label){
 color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .u2p2-aavi-feedback{background:var(--baakee-tint-quiet)!important}
html[data-baakee-theme] body #modal-root .u2p2-scenario-entry input[type=number]{
 background:var(--baakee-surface)!important;border-color:var(--baakee-glass-border)!important;color:var(--baakee-body-ink)!important;
}
/* A payment movement is neither income nor an earnings badge; this is neutral theme chrome. */
html[data-baakee-theme] body #modal-root .u4p-transaction-sheet :is(.u4p-review-hero,.u4p-record-hero){
 background:var(--baakee-tint-quiet)!important;border:1px solid var(--baakee-glass-border)!important;
}
html[data-baakee-theme] body #modal-root .u4p-transaction-sheet .u4p-review-hero :is(small,strong,span),
html[data-baakee-theme] body #modal-root .u4p-transaction-sheet .u4p-activity .u4p-history-row strong{
 color:var(--baakee-ink)!important;
}
html[data-baakee-theme] body #modal-root .u4p-sheet .u4p-radio input{accent-color:var(--baakee-ink)!important}
/* State colors for true warnings/overspending remain semantically meaningful. */

/* Lending/repayment category icons in Transactions are navigation glyphs,
   not success status badges. Respect the current theme. */
html[data-baakee-theme] #app .u4p-ledger-row .u4p-ledger-icon{
 background:var(--baakee-active-fill)!important;
 color:var(--baakee-ink)!important;
 border-color:var(--baakee-glass-border)!important;
}
html[data-baakee-theme] #app .u4p-ledger-row .u4p-ledger-kind{
 color:var(--baakee-ink)!important;
}