/* v137: compact actions below the amount, legible initials and refined surfaces. */
:root:root:root:root:root:root .premiumTxList .premiumEditableTx {
  grid-template-columns:40px minmax(0,1fr) 144px!important;
  grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:8px!important;
}
:root:root:root:root:root:root .premiumTxList .premiumEditableTx > .txIcon {width:40px!important;height:40px!important;}
:root:root:root:root:root:root .premiumTxList .premiumEditableTx > .txBody {grid-column:2!important;grid-row:2!important;min-width:0!important;}
:root:root:root:root:root:root .premiumTxList .premiumEditableTx > .premiumTxActions {
  grid-column:3!important;grid-row:2!important;display:grid!important;
  grid-template-columns:repeat(3,44px)!important;gap:6px!important;width:144px!important;
  margin:0!important;align-self:start!important;justify-self:end!important;padding-bottom:8px!important;
}
:root:root:root:root:root:root .premiumTxActions > button,
:root:root:root:root:root:root .premiumTxActions .txMoveBtn {
  width:44px!important;height:44px!important;min-height:44px!important;
  padding:10px!important;display:grid!important;place-items:center!important;
}
:root:root:root:root:root:root .premiumTxActions .txMoveBtn {position:relative!important;overflow:visible!important;}
:root:root:root:root:root:root .premiumTxActions .txBudgetBadge {
  position:absolute!important;inset:auto!important;right:-3px!important;bottom:-5px!important;
  width:auto!important;min-width:24px!important;height:20px!important;padding:0 4px!important;
  display:grid!important;place-items:center!important;font-size:10px!important;font-weight:700!important;line-height:1!important;
  color:var(--text)!important;background:var(--card)!important;border:1px solid var(--line)!important;
  border-radius:7px!important;box-shadow:0 2px 5px #00000016!important;
  white-space:nowrap!important;overflow:visible!important;pointer-events:none!important;
}
:root:root:root:root:root:root .premiumEditableTx .txBody p {overflow-wrap:anywhere!important;}
:root:root:root:root:root:root .premiumEditableTx .recurrenceBadge {
  max-width:100%!important;min-height:24px!important;height:auto!important;white-space:normal!important;
  padding:3px 5px!important;line-height:1.2!important;overflow-wrap:anywhere;
}
:root:root:root:root:root:root .txInlineBudgetMenu {left:auto!important;right:0!important;transform:none!important;}
/* Red styling follows the trash symbol wherever the icon is used. */
:root:root:root:root:root:root svg[class*="trash"],
:root:root:root:root:root:root :is(.entryRemove,.budgetMenuRemove,.clearAllTransactions),
:root:root:root:root:root:root .premiumTxActions > button:last-child {
  color:var(--expense-ink,var(--red))!important;
}
:root:root:root:root:root:root :is(.entryRemove,.budgetMenuRemove,.clearAllTransactions),
:root:root:root:root:root:root .premiumTxActions > button:last-child {
  background:var(--expense-tint)!important;border-color:color-mix(in srgb,var(--analytics-expense) 38%,var(--line))!important;
}
/* Neutral grey depth, with the established gold / green / red accents retained. */
:root:root:root:root:root:root {
  --premium-shade:color-mix(in srgb,var(--card) 95%,#818b9a);
  --premium-shadow:0 2px 4px #28334706,0 12px 28px #28334710,inset 0 1px #ffffffaa;
}
:root:root:root:root:root:root[data-theme=dark],
:root:root:root:root:root:root[data-theme=platinum] {
  --premium-shade:color-mix(in srgb,var(--card) 93%,#10151c);
  --premium-shadow:0 2px 4px #0000001a,0 12px 28px #00000035,inset 0 1px #ffffff08;
}
:root:root:root:root:root:root :is(.periodPanel,.metric.glass,.refBalanceCard,.refAnalyticsCard,.forecastCard,.homeCalculatorCard,.rates.glass,.txModuleTotal,.txModuleFilters,.txBudgetFilter,.txRecurringFilter,.premiumEditableTx,.calculatorPanel,.calculatorInputs,.calcRecordItem) {
  background:linear-gradient(150deg,var(--card) 0%,var(--card) 35%,var(--premium-shade) 100%)!important;
  box-shadow:var(--premium-shadow)!important;border-color:color-mix(in srgb,var(--line) 85%,transparent)!important;
}
:root:root:root:root:root:root :is(.refCapitalRow,.refCompareItem,.forecastPick,.forecastOut,.settingsBlock,.rateEditor) {
  background:linear-gradient(160deg,var(--card),var(--premium-shade))!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--card) 85%,transparent),0 2px 5px #202b3d05!important;
}
:root:root:root:root:root:root .analyticsModal :is(.sumRow,.wfBlock,.analyticsSection) {
  background:linear-gradient(150deg,var(--card) 30%,var(--premium-shade))!important;
  box-shadow:0 4px 14px #25304408!important;
}
@media(max-width:359px) {
  /* Keep all three actions below the amount; move only wrapping metadata below them. */
  :root:root:root:root:root:root .premiumTxList .premiumEditableTx {grid-template-columns:32px minmax(0,1fr) 144px!important;}
  :root:root:root:root:root:root .premiumTxList .premiumEditableTx > .txIcon {width:32px!important;height:32px!important;}
  :root:root:root:root:root:root .premiumTxList .premiumEditableTx > .premiumTxActions {grid-column:2 / 4!important;}
  :root:root:root:root:root:root .premiumTxList .premiumEditableTx > .txBody {grid-column:2 / 4!important;grid-row:3!important;}
}
:root:root:root:root:root:root .calcTrashIcon,
:root:root:root:root:root .calcRecordDelete,
:root:root:root:root:root .calcMenuButton[data-delete] {color:var(--expense-ink,var(--red))!important;}
:root:root:root:root:root .calcRecordDelete,
:root:root:root:root:root .calcMenuButton[data-delete] {background:var(--expense-tint)!important;border-color:color-mix(in srgb,var(--analytics-expense) 38%,var(--line))!important;}