/* Baakee Update 5: Nov 5 budget and transaction QA follow-up.
   Pure presentation: budget math, payment classification, account data,
   category ordering and saved transaction behavior remain unchanged. */

/* Budget edit/add: this is a planning calculation, not a green success banner. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-allocation {
  background:linear-gradient(125deg, color-mix(in srgb,var(--baakee-active-fill) 58%,var(--baakee-card-fill)),var(--baakee-card-fill))!important;
  border:1px solid var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
  box-shadow:none!important;
  border-radius:17px!important;
  padding:14px 15px!important;
  gap:9px!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-allocation > div {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:baseline!important;
  gap:8px 12px!important;
  font-size:13px!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-allocation b {
  color:var(--baakee-ink)!important;font-weight:750!important;
  white-space:normal!important;text-align:right!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-allocation small {
  color:var(--baakee-secondary)!important;font-size:12px!important;line-height:1.4!important;
}
/* Only a genuinely negative projected amount gets a warning; avoid green. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-over-allocation {
  border-color:color-mix(in srgb,#D6944B 42%,var(--baakee-glass-border))!important;
  background:color-mix(in srgb,#D6944B 10%,var(--baakee-card-fill))!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-over-allocation > div:last-of-type b,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-over-allocation p {
  color:#AD6A32!important;
}

/* Budget planning row: consistent quiet glass, tinted chevron. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .budget-tools-v1262 {
  background:var(--baakee-card-fill)!important;
  background-image:none!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 #app .budget-tools-v1262 em,
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .budget-tools-v1262 :is(svg,.rufiyaa-line-icon){
  color:var(--baakee-ink)!important;stroke:currentColor!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .budget-tools-v1262:is(:hover,:active,:focus-visible) {
  background:var(--baakee-active-fill)!important;
}

/* Rollover: keep category/name and selector in separate layout tracks.
   The original inline flex allowed the native select to overrun Entertainment. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row {
  min-width:0!important;box-sizing:border-box!important;
  background:var(--baakee-card-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  margin:0 0 9px!important;
  padding:13px!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row > div:first-child {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(120px,43%)!important;
  align-items:center!important;gap:12px!important;min-width:0!important;
  justify-content:initial!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row > div:first-child > div {
  min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row > div:first-child > div b {display:block!important;line-height:1.25!important;}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row > div:first-child > div span {display:block!important;line-height:1.35!important;margin-top:4px!important;}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row select {
  min-width:0!important;max-width:100%!important;width:100%!important;
  box-sizing:border-box!important;
  background:var(--baakee-panel-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  border-radius:13px!important;color:var(--baakee-body-ink)!important;
  font:inherit!important;font-size:14px!important;padding:11px 26px 11px 12px!important;
}

/* Sinking-fund records have their own visual section, not a stray form footer. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-head {
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:2px 1px 11px;margin:24px 0 0;
  border-top:1px solid var(--baakee-glass-border);
  padding-top:19px;color:var(--baakee-body-ink);
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-head strong {font-size:15px;font-weight:750}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-head small {color:var(--baakee-secondary)}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-list {
  margin:0!important;display:grid!important;gap:9px!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-list > .row {
  min-width:0!important;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;
  padding:14px 15px!important;
  border:1px solid var(--baakee-glass-border)!important;
  border-radius:17px!important;background:var(--baakee-card-fill)!important;
  box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-list .row-main {min-width:0!important;overflow-wrap:anywhere!important;}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-list .row-main b {display:block;font-size:15px}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-list .row-main span {display:block;color:var(--baakee-secondary);font-size:12px;margin-top:4px;line-height:1.4}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-sinking-existing-list .row > button {
  width:36px!important;height:36px!important;min-width:36px!important;
  border-radius:50%!important;padding:0!important;
  border:1px solid var(--baakee-glass-border)!important;
  background:var(--baakee-active-fill)!important;color:var(--baakee-ink)!important;
  box-shadow:none!important;
}

/* Future-month: a clear selected pill and tidy, editable category values. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v1322-segment {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;padding:5px!important;
  background:var(--baakee-panel-fill)!important;
  border:1px solid var(--baakee-glass-border)!important;
  border-radius:17px!important;
  overflow:visible!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v1322-segment button {
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;
  padding:11px 6px!important;font-size:13px!important;border-radius:13px!important;
  background:transparent!important;color:var(--baakee-secondary)!important;
  border:1px solid transparent!important;box-shadow:none!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v1322-segment button:is(.active,[aria-pressed="true"]) {
  background:var(--baakee-active-fill)!important;
  color:var(--baakee-ink)!important;
  border:1px solid var(--baakee-glass-border)!important;
  font-weight:800!important;
  box-shadow:0 2px 9px color-mix(in srgb,var(--baakee-ink) 7%,transparent)!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v1322-inline-amount {
  width:112px!important;max-width:42%!important;min-width:0!important;
  border:1px solid var(--baakee-glass-border)!important;
  border-radius:12px!important;
  background:var(--baakee-card-fill)!important;
  color:var(--baakee-body-ink)!important;
  padding:10px 12px!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v1322-segment button:focus-visible,
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row select:focus-visible {
  outline:2px solid var(--baakee-ink)!important;outline-offset:2px!important;
}

/* Transaction tap: remove old green :active/pressed color without changing
   semantic green/red financial amounts or selected transaction behavior. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .tx-date-group :is(.tx-row,.tx-row-v128,.swipe-content):is(:active,:hover,:focus,:focus-visible),
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .tx-date-group .swipe-shell:has(.tx-row:active) > .swipe-content,
html[data-baakee-theme] body.rufiyaa-liquid-glass #app :is(.tx-row,.tx-row-v128):is(:active,:focus) {
  background:var(--baakee-active-fill)!important;
  border-color:var(--baakee-glass-border)!important;
  color:var(--baakee-body-ink)!important;
  -webkit-tap-highlight-color:transparent!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .tx-date-group :is(.tx-row,.tx-row-v128,.swipe-content) {
  -webkit-tap-highlight-color:transparent!important;
}
html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root :is(.transaction-detail,.u1-transaction-detail,.tx-detail):is(:active,:focus-within) {
  border-color:var(--baakee-glass-border)!important;
}
@media(max-width:390px){
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .u5-budget-rollover-row > div:first-child {
   grid-template-columns:minmax(0,1fr) minmax(110px,43%)!important;gap:8px!important;
 }
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-allocation > div {
   grid-template-columns:1fr!important;gap:3px!important;
 }
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root #u2r3-allocation.u2r3-allocation b {text-align:left!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-baakee-theme] body.rufiyaa-liquid-glass #modal-root .v1322-segment button{transition:none!important}
}

/* Safari keeps focus on a tapped row after closing its details sheet. */
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .swipe-shell:focus-within > .swipe-content,
html[data-baakee-theme] body.rufiyaa-liquid-glass #app .swipe-content:has(.tx-row:is(:active,:focus)) {
  background:var(--baakee-active-fill)!important;
  border-color:var(--baakee-glass-border)!important;
}