/* v136: readable balance names, rounded analytics and signed change colors. */
/* A full balance name replaces the tiny initials badge without changing its action. */
:root:root:root:root:root .premiumTxList .premiumEditableTx > .txBody {grid-column:2 / 4!important;}
:root:root:root:root:root .premiumTxList .premiumEditableTx > .premiumTxActions {
  grid-column:1 / -1!important;grid-row:3!important;display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  gap:8px!important;width:100%!important;min-width:0!important;margin-top:6px!important;align-items:stretch!important;
}
:root:root:root:root:root .premiumTxActions > button {width:44px!important;min-width:44px!important;min-height:44px!important;height:auto!important;}
:root:root:root:root:root .premiumTxActions .txMoveWrap {min-width:0!important;width:100%!important;}
:root:root:root:root:root .premiumTxActions .txMoveBtn {
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;
  padding:8px 10px!important;border:1px solid var(--line)!important;border-radius:13px!important;
  background:var(--field)!important;color:var(--gold)!important;box-shadow:none!important;
}
:root:root:root:root:root .txMoveBtn > svg {width:19px!important;height:19px!important;flex:0 0 19px!important;}
:root:root:root:root:root .premiumTxActions .txBudgetBadge {
  position:static!important;inset:auto!important;display:block!important;
  width:auto!important;min-width:0!important;height:auto!important;padding:0!important;
  border:0!important;box-shadow:none!important;background:transparent!important;color:var(--text)!important;
  font-size:13px!important;font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;
}
:root:root:root:root:root .txInlineBudgetMenu {
  left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:min(260px,calc(100vw - 48px))!important;min-width:0!important;max-width:calc(100vw - 48px)!important;
}
:root:root:root:root:root .txInlineBudgetMenu .budgetMenuPick {white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;line-height:1.35!important;}
/* Keep the repaired chart grid; only replace the square card surfaces. */
:root:root:root:root:root .analyticsAbove .refShareCard {
  border:1px solid color-mix(in srgb,var(--analytics-expense) 30%,var(--line))!important;
  border-radius:14px!important;background:var(--card)!important;
  box-shadow:0 2px 5px #00000004!important;padding:7px 8px!important;
}
:root:root:root:root:root .analyticsAbove .refShareCard.income {border-color:color-mix(in srgb,var(--analytics-income) 30%,var(--line))!important;}
/* Light content with a darker surround, limited to detailed analytics. */
:root:root:root:root:root .overlay:has(> .analyticsModal) {background:#141b298f!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;}
:root:root:root:root:root .analyticsModal {
  --detail-surface:var(--card);
  background:var(--card)!important;
}
:root:root:root:root:root .analyticsModal :is(.flowSection,.analyticsSection,.wfBlock,.sumRow) {
  background:var(--detail-surface)!important;
  border-color:color-mix(in srgb,var(--line) 65%,transparent)!important;
  box-shadow:0 3px 12px #00000003!important;
}
:root:root:root:root:root .analyticsModal .flowSection {border:0!important;box-shadow:none!important;}
:root:root:root:root:root .analyticsModal :is(.flowSectionHead h3,.flowGroupHead,.wfBlockHead,.analyticsSection h3) {color:var(--text)!important;}
:root:root:root:root:root .analyticsModal .flowTabs {background:var(--card)!important;}
:root:root:root:root:root .analyticsModal .flowTabs button.active {background:var(--accent-soft)!important;}
/* Color compares by their actual signed amount, not by whether a change is beneficial. */
:root:root:root:root:root .compareValue.delta-positive,
:root:root:root:root:root .compareValue.delta-positive > * {color:var(--income-ink)!important;opacity:1!important;}
:root:root:root:root:root .compareValue.delta-negative,
:root:root:root:root:root .compareValue.delta-negative > * {color:var(--expense-ink)!important;opacity:1!important;}
:root:root:root:root:root .compareValue.delta-neutral,
:root:root:root:root:root .compareValue.delta-neutral > * {color:var(--muted)!important;opacity:1!important;}
:root:root:root:root:root .refCompareItem:has(.delta-positive) .compareIcon {color:var(--income-ink)!important;background:var(--income-tint)!important;}
:root:root:root:root:root .refCompareItem:has(.delta-negative) .compareIcon {color:var(--expense-ink)!important;background:var(--expense-tint)!important;}
:root:root:root:root:root .refCompareItem:has(.delta-neutral) .compareIcon {color:var(--muted)!important;}
:root:root:root:root:root .refCompareItem:has(.delta-negative) .compareIcon svg {transform:scaleY(-1)!important;}
:root:root:root:root:root .refCompareItem:has(.delta-positive) .compareIcon svg {transform:none!important;}
/* Negative monthly totals remain distinguishable from positive totals. */
:root:root:root:root:root .monthlyBar.balance:not(.negative) {background:linear-gradient(180deg,var(--analytics-income-soft),var(--analytics-income))!important;}
:root:root:root:root:root .monthlyBar.negative {background:linear-gradient(180deg,var(--analytics-expense-soft),var(--analytics-expense))!important;opacity:1!important;}
:root:root:root:root:root .monthlyBarItem:has(.monthlyBar.negative) .monthlyBarValue {color:var(--expense-ink)!important;}
:root:root:root:root:root .monthlyBarItem:has(.monthlyBar.balance:not(.negative)) .monthlyBarValue {color:var(--income-ink)!important;}
:root:root:root:root:root .monthlyLegend .balance:before {background:var(--analytics-income)!important;}
/* Neutral navigation icons must stay readable on the selected theme's surface. */
:root:root:root:root:root .nav.appNav button:not(.active):not(.navAdd):not([aria-label=Income]):not([aria-label=Expenses]) {color:var(--muted)!important;opacity:1!important;}