/* v135 — softer surfaces and compact headings. Palette and behavior unchanged. */
:root:root:root:root {
  --surface-shadow:0 2px 4px #20252d03,0 9px 24px #20252d08;
  --modal-shadow:0 20px 64px #171b242b;
}
:root:root:root:root[data-theme=dark],
:root:root:root:root[data-theme=platinum] {
  --surface-shadow:0 2px 4px #0000000c,0 10px 28px #00000022;
  --modal-shadow:0 24px 72px #00000060;
}
/* Three related corner sizes: outer cards, nested rows, small controls. */
:root:root:root:root :is(.glass,.refBalanceCard,.refAnalyticsCard,.premiumEditableTx,.calcRecordItem) {
  border-radius:22px!important;
  border-color:color-mix(in srgb,var(--line) 65%,transparent)!important;
  box-shadow:var(--surface-shadow)!important;
}
:root:root:root:root :is(.refBalanceCard,.refAnalyticsCard,.forecastCard,.homeCalculatorCard,.periodPanel) {
  background:linear-gradient(155deg,var(--card),var(--card2))!important;
}
:root:root:root:root :is(.modal,.refAnalyticsModal,.monthModal,.premiumMonthModal,.choiceModalUnified,.serverAuthCard) {
  border-radius:26px!important;
  border-color:color-mix(in srgb,var(--line) 75%,transparent)!important;
  box-shadow:var(--modal-shadow)!important;
}
:root:root:root:root :is(.refCapitalRow,.refCompareItem,.forecastPick,.forecastOut,.capitalTotalBox,.capitalScope,.entryCard,.cryptoFormula,.cryptoPlan,.cryptoMetrics>div,.calcKpi,.wfBlock,.flowSection,.analyticsSection,.sumRow,.modalCompareGrid>div,.settingsBlock,.rateEditor,.calcSpreadsheetWrap) {
  border-radius:15px!important;
  border-color:color-mix(in srgb,var(--line) 70%,transparent)!important;
}
:root:root:root:root :is(input,select,textarea,.searchBox,.categoryValue,.recurrenceRow,.inputWithUnit,.currencyPill,.refCurrencyPill,.monthSelectButton,.analyticsCurrencyPill,.entryTitleInput) {border-radius:13px!important;}
:root:root:root:root :is(.primary,.secondary,.goldSmall,.backBtn,.iconBtn,.goldFab,.miniAdd,.moduleBtn,.calcBack,.calcPrimary,.calcSecondary,.calcMenuButton,.serverAuthPrimary,.serverAuthSecondary,.fileImport,.txActions button) {
  border-radius:13px!important;
}
:root:root:root:root :is(.periodTabs,.flowTabs,.seg,.calculatorTabs,.calcSeg,.recurringFilterChips,.catGrid button,.repeatToggle,.calcEditorTools) {border-radius:15px!important;}
:root:root:root:root :is(.periodTabs button,.flowTabs button,.seg button,.calculatorTabs button,.calcSeg button,.recurringFilterChips button,.calcSheetTabs button) {border-radius:11px!important;}
:root:root:root:root :is(.periodTabs button.active,.flowTabs button.active,.calculatorTabs button.active,.calcSeg button.active,.recurringFilterChips button.active,.calcSheetTabs button.active) {
  border-color:color-mix(in srgb,var(--gold2) 26%,var(--line))!important;
  box-shadow:0 2px 5px #00000008!important;
}
:root:root:root:root :is(.choiceMenuUnified,.budgetMenu,.recurrenceMenu) {border-radius:17px!important;}
:root:root:root:root :is(.monthListPremium button,.budgetMenuPick,.txBalanceList button) {border-radius:12px!important;}
:root:root:root:root :is(.txBudgetBadge,.recurrenceBadge) {border-radius:9px!important;}
:root:root:root:root .nav.appNav {border-radius:24px!important;}
:root:root:root:root .nav.appNav button:not(.navAdd) {border-radius:16px!important;}
/* Keep the home chart's compact summaries and the repaired close target intact. */
:root:root:root:root .refShareCard {border-radius:0!important;}
:root:root:root:root .analyticsAbove {border:0!important;box-shadow:none!important;}
:root:root:root:root .premiumTxList {border:0!important;box-shadow:none!important;}
/* Main balance title gets a reliable share of space next to the currency. */
:root:root:root:root .refBalanceHead {gap:8px!important;align-items:center!important;}
:root:root:root:root .refBalanceHead .budgetTitleBtn {width:100%!important;gap:6px!important;min-height:40px;}
:root:root:root:root .refBalanceHead .budgetTitleText {
  flex:1 1 auto!important;min-width:0!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;font-weight:600!important;
  letter-spacing:-.015em!important;line-height:1.25!important;
  white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere;
}
:root:root:root:root .refBalanceHead .refIconBadge {width:28px!important;height:28px!important;min-width:28px!important;flex:0 0 28px!important;}
:root:root:root:root .refBalanceHead .refIconBadge svg {width:16px!important;height:16px!important;}
:root:root:root:root .refBalanceHead .budgetCaret {flex:0 0 10px!important;font-size:12px!important;}
:root:root:root:root :is(.moduleHeader h2,.calcRecordsHeader h1) {font-size:24px!important;line-height:1.2!important;}
:root:root:root:root .modal h2 {font-size:23px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere;}
:root:root:root:root .analyticsModal .analyticsTitleWrap .modalHeading {font-size:21px!important;}
:root:root:root:root :is(.periodTop b,.sectionHead>b,.sectionHead h3,.settingsBlock h3,.rateEditor h3,.homeCalculatorCopy b) {font-size:14px!important;line-height:1.35!important;}
:root:root:root:root .metricBody p {font-size:13px!important;}
:root:root:root:root .metricBody span {font-size:12px!important;line-height:1.35!important;}
:root:root:root:root .metric strong {font-size:25px!important;}
:root:root:root:root .refBalanceAmount {font-size:38px!important;line-height:1.15!important;margin:12px 0 16px!important;}
@media(max-width:899px) {
  :root:root:root:root :is(.glass,.refBalanceCard,.refAnalyticsCard,.premiumEditableTx,.calcRecordItem) {border-radius:21px!important;}
  :root:root:root:root :is(.moduleHeader h2,.calcRecordsHeader h1) {font-size:22px!important;}
  :root:root:root:root .modal h2 {font-size:21px!important;}
  :root:root:root:root .refBalanceAmount {font-size:34px!important;}
  :root:root:root:root .metric strong {font-size:23px!important;}
  :root:root:root:root .summaryGrid.compact .metric {min-height:110px!important;}
}
@media(max-width:359px) {
  :root:root:root:root .refBalanceHead .budgetTitleText {font-size:16px!important;}
  :root:root:root:root .refBalanceHead .budgetTitleBtn {gap:4px!important;}
  :root:root:root:root .refBalanceHead .refIconBadge {width:24px!important;height:24px!important;min-width:24px!important;flex-basis:24px!important;}
  :root:root:root:root .refBalanceAmount {font-size:32px!important;}
}
/* Spreadsheet cells remain a continuous grid rather than individual rounded inputs. */
:root:root:root:root .calcSpreadsheet td input {border-radius:0!important;}