/* Material 3 search and compact home summaries. */
.quick-search{display:flex;align-items:center;gap:16px;width:100%;height:56px;min-width:0;padding:4px 4px 4px 16px;margin:8px 0 16px;border-radius:28px;background:var(--md-surface-container-high);color:var(--md-on-surface);position:relative}
.quick-search>svg{width:24px;height:24px;flex:0 0 24px}.quick-search input{width:100%;flex:1;min-width:0;height:48px;padding:0;border:0;outline:0;background:transparent;color:var(--md-on-surface);font:inherit;font-size:16px;line-height:24px;letter-spacing:.5px;border-radius:0}.quick-search input::placeholder{color:var(--md-on-surface-variant);opacity:1}.quick-search:focus-within{outline:2px solid var(--md-primary);outline-offset:2px}#quickSearch::-webkit-search-cancel-button,#quickSearch::-webkit-search-decoration{display:none;-webkit-appearance:none}
.quick-search-status{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-on-surface-variant);margin:0 16px 16px}
@media(max-width:839px) and (hover:none) and (pointer:coarse){#expensesPage:not(.search-revealed):not(:has(#quickSearch:not(:placeholder-shown))) .quick-search{position:absolute;visibility:hidden;pointer-events:none;height:0;min-height:0;margin:0;padding:0;opacity:0;overflow:hidden;transform:translateY(-12px)}#expensesPage.search-revealed .quick-search{position:sticky;top:8px;z-index:12;opacity:1;transform:translateY(0);transition:opacity 160ms ease,transform 160ms ease}}
#expensesPage.searching :is(#balanceCard,#monthlyOverview,#featureOverview){display:none}
.monthly-card{border:1px solid var(--md-outline-variant);border-radius:16px;padding:16px;margin:0 0 16px;background:var(--md-surface-container-low);color:var(--md-on-surface)}
.monthly-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-top:-8px}.monthly-heading h2{font-size:16px;line-height:24px;letter-spacing:.15px;font-weight:500;margin:0}.monthly-heading .icon-btn{margin-right:-8px}.monthly-total{font-size:28px;line-height:36px;letter-spacing:0;font-variant-numeric:tabular-nums;margin:0 0 4px;overflow-wrap:anywhere}.monthly-comparison{font-size:14px;line-height:20px;letter-spacing:.25px;color:var(--md-on-surface-variant);margin:0 0 16px}
.monthly-reminders{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;width:100%;padding:12px 0 0;border:0;border-top:1px solid var(--md-outline-variant);background:transparent;color:var(--md-on-surface);font:inherit;text-align:left;cursor:pointer}.monthly-reminders>span{min-width:0}.monthly-reminders strong{font-size:14px;line-height:20px;letter-spacing:.1px;font-weight:500}.monthly-reminders small{display:block;font-size:12px;line-height:16px;letter-spacing:.4px;color:var(--md-on-surface-variant)}.monthly-reminders>strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.recent-expenses{border:1px solid var(--md-outline-variant);border-radius:12px;margin:0 0 24px;padding:0 16px}.recent-expenses summary{display:flex;align-items:center;gap:16px;min-height:56px;font-size:16px;line-height:24px;letter-spacing:.15px;list-style:none;cursor:pointer}.recent-expenses summary::-webkit-details-marker{display:none}.recent-expenses summary::after{content:'';flex:0 0 8px;width:8px;height:8px;margin-left:auto;border:solid var(--md-on-surface-variant);border-width:0 2px 2px 0;transform:rotate(45deg)}.recent-expenses[open] summary::after{transform:rotate(225deg)}.recent-expenses .hint{margin:0 0 16px;font-size:14px;line-height:20px}.recent-expense{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;width:100%;padding:12px 0;background:transparent;border:0;border-top:1px solid var(--md-outline-variant);color:var(--md-on-surface);font:inherit;text-align:left;cursor:pointer}.recent-expense>span{min-width:0;font-size:16px;line-height:24px;overflow-wrap:anywhere}.recent-expense>strong{font-size:14px;line-height:20px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.recent-expense::before,.monthly-reminders::before{content:'';position:absolute;inset:0;border-radius:8px;background:currentColor;opacity:0;pointer-events:none}.recent-expense:active::before,.recent-expense:focus-visible::before,.monthly-reminders:active::before,.monthly-reminders:focus-visible::before{opacity:.12}
@media(hover:hover){.recent-expense:hover::before,.monthly-reminders:hover::before{opacity:.08}}
@media(max-width:380px){.recent-expenses{padding-inline:12px}.recent-expense{gap:8px}.recent-expense>span{font-size:14px;line-height:20px}}
.sheet.prefill-snap .tf label{transition:none}
.search-toggle svg{width:24px;height:24px;display:block}@media(hover:hover) and (pointer:fine){.search-toggle{display:none}}