#bottomNav{transition:transform .24s ease,opacity .20s ease!important}
#bottomNav::before{display:none!important;content:none!important}
#bottomNav.navAutoHidden{transform:translate(-50%,calc(100% + 56px))!important;opacity:0!important;pointer-events:none!important}
#navRecallButton{position:fixed!important;left:50%!important;transform:translateX(-50%)!important;bottom:max(10px,env(safe-area-inset-bottom))!important;z-index:10001!important;width:auto!important;min-width:116px!important;min-height:42px!important;margin:0!important;padding:10px 18px!important;border-radius:999px!important;border:1px solid #66a8ff!important;background:#2f80ed!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.2px!important;box-shadow:0 8px 24px rgba(47,128,237,.42),0 0 0 1px rgba(102,168,255,.18)!important;cursor:pointer!important}
#navRecallButton:hover{background:#3b8bf4!important}
#navRecallButton.hidden{display:none!important}
body.recordEditorOpen #navRecallButton{display:none!important}
#betaSessionBar{display:none!important}
.accountSettingsBox{margin-top:14px!important;padding:15px!important;border-radius:14px!important;background:#0f1826!important;border:1px solid #35445c!important}
.accountSettingsBox h3{margin:0 0 7px!important;text-align:left!important}
.accountSettingsEmail{color:#aeb8c8!important;font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
#settingsSignOutButton{width:100%!important;margin:12px 0 0!important;background:#24344b!important;border:1px solid #40516c!important;color:#fff!important}

/* Button color language: blue = selected/navigation, teal = add/create. */
.budgetAddToggle,
.billingslyAddAction,
#forecastGoalAddButton,
#forecastGoalSaveButton{
  width:100%!important;
  background:linear-gradient(135deg,#0f8f70 0%,#12a57e 100%)!important;
  border:1px solid #29c9a0!important;
  color:#ffffff!important;
  font-weight:900!important;
  box-shadow:0 7px 18px rgba(15,143,112,.26)!important;
}
.budgetAddToggle{margin:0 0 10px!important}
.billingslyAddAction:hover,
.budgetAddToggle:hover,
#forecastGoalAddButton:hover,
#forecastGoalSaveButton:hover{
  background:linear-gradient(135deg,#12a57e 0%,#16b98e 100%)!important;
  border-color:#42d9b4!important;
}
#forecastGoalSaveButton{margin-top:12px!important}
.budgetEntryCollapsed{display:none!important}
.budgetSeeAllButton{width:100%!important;margin:10px 0 0!important;background:#1f5fba!important;border:1px solid #347bd7!important;color:#fff!important;font-weight:850!important}
.assetDataStore.budgetShowAll{display:grid!important}
#budget .budgetHubNav{grid-template-columns:repeat(3,minmax(0,1fr))!important}

#budgetSnapshot{margin:12px 0 16px!important;padding:0!important;border:0!important;background:transparent!important}
#budgetSnapshot>.budgetPanelHead{margin-bottom:8px!important}
#budgetSnapshot>.card{margin:10px 0!important}
#budgetSnapshot .budgetPanelHead h2{font-size:24px!important;margin-bottom:4px!important}
#budgetSnapshot .budgetPanelHead span{font-size:14px!important}
#budgetSnapshot .bigline{padding:9px 0!important}
#budgetSnapshot .bigline span{font-size:14px!important}
#budgetSnapshot .bigline b{font-size:17px!important}

#budgetPanel-income .incomeSummaryCard{margin-top:10px!important}
#budgetPanel-income .incomeMonthlyHero{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border-radius:14px;background:#101a29;border:1px solid #31425c;margin-top:12px}
#budgetPanel-income .incomeMonthlyHero span{color:#aeb8c8;font-size:13px;line-height:1.35}
#budgetPanel-income .incomeMonthlyHero b{font-size:24px;color:#fff}

#budgetPanel-bills .currentBillsSummaryCard{margin-top:8px!important}
#mergedEverydayExpenses{margin-top:22px!important;padding-top:20px!important;border-top:1px solid #314057!important}
#mergedEverydayExpenses .budgetPanelHead{margin-bottom:10px!important}
#mergedEverydayExpenses .spendingOverviewCard{margin-top:8px!important}
#mergedEverydayExpenses .everydayExpenseEntry{margin-bottom:12px!important}

#forecastGoalsCard .forecastGoalList{display:grid;gap:9px;margin-top:12px}
#forecastGoalsCard .forecastGoalRow{padding:12px;border:1px solid #314057;border-radius:13px;background:#0f1826}
#forecastGoalsCard .forecastGoalTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#forecastGoalsCard .forecastGoalTop b{font-size:16px}
#forecastGoalsCard .forecastGoalMeta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
#forecastGoalsCard .forecastGoalMeta>div{padding:8px;border-radius:10px;background:#111d2d;border:1px solid #2d3b50}
#forecastGoalsCard .forecastGoalMeta span,#forecastGoalsCard .forecastGoalMeta b{display:block}
#forecastGoalsCard .forecastGoalMeta span{font-size:11px;color:#95a2b3}
#forecastGoalsCard .forecastGoalMeta b{font-size:13px;margin-top:3px}
#forecastGoalsCard .forecastGoalDelete{width:auto!important;margin:0!important;padding:7px 9px!important;background:#28384e!important;color:#d9e0ea!important}
#forecastGoalForm{margin-top:10px;padding:13px;border-radius:13px;background:#0f1826;border:1px solid #35445c}
#forecastGoalForm.hidden{display:none!important}
#forecastGoalAddButton{font-weight:900!important}
#forecastGoalEmpty{padding:12px;border-radius:12px;background:#101722;border:1px solid #314057;color:#aeb8c8;font-size:13px}

.onStep[data-step="0"] .tierStartButton,.onStep[data-step="0"] .coreStartButton,.onStep[data-step="0"] .paidTierStartRow .tierStartButton{background:#2f80ed!important;border:1px solid #66a8ff!important;color:#fff!important;box-shadow:0 7px 18px rgba(47,128,237,.30)!important}
.onStep[data-step="0"] .tierStartButton:hover{background:#3b8bf4!important}

@media (min-width:900px){
#navRecallButton{min-width:138px!important;min-height:46px!important;padding:11px 21px!important;font-size:14px!important}
.phone .tiny,.phone .note,.phone small,.phone .sourceMeta,.phone .visibilityNote,.phone .detailTotal,.phone .demoDataNote,.phone .returningCue,.phone .conciergeExamples,.phone .conciergeAccuracy,.phone .conciergeTierNote,.phone .budgetRequiredNote,.phone .budgetRequiredNote b,.phone .budgetHubNav small,.phone .budgetSteps small,.phone .quickResultHero span,.phone .quickResultHero small,.phone .houseSummaryCard span,.phone .houseSummaryCard small,.phone .houseVisibilityNote,.phone .shareDisclosure small,.phone .emptyShareState span,.phone .memberStatus,.phone .statusBadge,.phone .ideaPrompt span,.phone .scenarioQuestion p,.phone .savedAssetVisibility,.phone .savedAssetNumbers span,.phone .savedBillMain span,.phone .savedBillMeta span,.phone .savedBillDetail,.phone .dueSummaryGrid span,.phone .dueBillDate,.phone .dueReminderStatus,.phone .reminderDeliveryNote,.phone .allBillRow span,.phone .spendingOverviewTotals span,.phone .spendingListRow,.phone .spendingListRow small,.phone .irregularPlanText,.phone .irregularPlanNumbers span,.phone .loanOfferMeta,.phone .loanAffiliateDisclosure,.phone .planCompareTag,.phone .planComparisonNote,.phone .planPolicyBlurb,.phone .trialTerms,.phone .legalNote{font-size:12px!important;line-height:1.45!important}
.phone .sub{font-size:16px!important;line-height:1.55!important}
.phone label{font-size:13px!important}
#budget .budgetPanelHead h2{font-size:32px!important}
#budget .budgetPanelHead span{font-size:16px!important;line-height:1.5!important}
#budget .card h2{font-size:24px!important}
#budget .card .sub{font-size:16px!important}
#budget .spendingOverviewTotals span{font-size:13px!important}
#budget .spendingOverviewTotals b{font-size:22px!important}
.budgetAddToggle,.budgetSeeAllButton,.billingslyAddAction,#forecastGoalAddButton,#forecastGoalSaveButton{font-size:16px!important;min-height:48px!important}
.accountSettingsEmail{font-size:13px!important}
#forecastGoalsCard .forecastGoalMeta span{font-size:12px!important}
#forecastGoalsCard .forecastGoalMeta b{font-size:15px!important}
}