/* Fala Manim / selected identity. Geometry, color and UI fonts preserved. */
.fm-readable{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.fm-wordmark{display:inline-grid;vertical-align:middle;position:relative;width:160px;max-width:100%;line-height:0;flex:none}
.fm-wordmark img{grid-area:1/1;display:block;width:100%!important;height:auto!important;max-width:100%;object-fit:contain;filter:none!important}
.fm-wordmark .fm-logo-dark{display:none}
[data-theme=dark] .fm-wordmark .fm-logo-light{display:none}
[data-theme=dark] .fm-wordmark .fm-logo-dark{display:block}
.fm-tier{display:inline-flex;padding:3px 7px;border:1px solid currentColor;border-radius:6px;font:600 10px/1.3 var(--type-body-family,Arial,Helvetica,sans-serif);letter-spacing:.03em;color:#176b4b;margin:8px 0 0;align-self:start}
[data-theme=dark] .fm-tier{color:#D2EFA0}
.sidebar>.brand{min-height:100px;margin-bottom:24px;align-items:flex-start;padding:2px 6px;text-decoration:none}
.sidebar [data-app-brand]{display:flex;flex-direction:column;align-items:start;gap:3px;width:100%;min-width:0}
.sidebar .fm-stacked{width:156px}
.assistant-view .assistant-icon{border-radius:12px;overflow:hidden;background:#176b4b;flex:none}
.assistant-view .assistant-icon>img{display:block;width:100%;height:100%;object-fit:contain}
/* Keep the white brand symbol legible over the shared app surface rules. */
html:root body .assistant-view .assistant-icon{background:var(--brand-deep,#102e25);color:#fff}
.assistant-view .chat-contact h1{display:flex;align-items:center;gap:8px;min-width:0!important;max-width:100%;line-height:1.2}
.chat-contact .fm-wordmark{width:128px}.chat-contact .fm-tier{margin:0}.chat-contact small{margin-top:6px}
#quick-start .start-emblem.fm-welcome-brand{width:170px;height:auto;min-height:0;display:block;padding:0;background:none;border:0;box-shadow:none;border-radius:0;margin:0 0 20px}
#quick-start .fm-welcome-brand>img{width:100%;height:auto;display:block;filter:none}
.fm-onboarding-mark{width:30px;height:22px;object-fit:contain;vertical-align:middle;margin-right:9px}
#quick-start .fm-onboarding-mark{filter:brightness(0) invert(1)}
.fm-public .brand{gap:0;text-decoration:none}.fm-public .brand .fm-wordmark{width:156px}
.fm-public .brand>img.fm-static-wordmark{width:156px!important;height:auto!important}
.fm-public .brand.fm-small .fm-wordmark{width:128px}
.fm-public .fm-hero-logo{display:block;width:190px;height:auto;margin:0 auto 28px;filter:none}
.fm-public .fm-theme-button{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;padding:0;border:1px solid #A6B99B;background:#ffffffb8;color:#203C32;border-radius:50%;cursor:pointer;box-shadow:inset 0 1px #fff;backdrop-filter:blur(14px)}
.fm-theme-button svg{width:21px;height:21px}.fm-theme-button:focus-visible{outline:3px solid #176B4B;outline-offset:3px}
.fm-public .header-inner{gap:16px}.fm-public .site-header .brand{min-height:44px}
.fm-public .fm-page-actions{display:flex;align-items:center;gap:12px}
.fm-public .demo-appbar .fm-wordmark{width:128px}.fm-public .demo-appbar{gap:10px}
.fm-public .share-demo .fm-wordmark{width:128px}.fm-public .share-demo-heading{min-width:0}
.fm-public .fm-auth-logo{display:block;width:150px;height:auto;margin:0 0 24px}
.fm-public .sales-login-top .fm-wordmark{width:128px}
.fm-public .fm-footer .fm-wordmark{width:156px}
.fm-public .header-inner .fm-logo-light{display:block}.fm-public .header-inner .fm-logo-dark{display:none}
html[data-theme=dark].fm-public{color-scheme:dark;--ink:#ECEEF1;--muted:#BDC3CC;--cream:#181D1A;--line:#45594D;background:#181D1A;color:#ECEEF1}
html[data-theme=dark].fm-public body{background:#181D1A;color:#ECEEF1}
html[data-theme=dark].fm-public .fm-theme-button{background:#28382F;color:#D2EFA0;border-color:#789583;box-shadow:inset 0 1px #ffffff20}
html[data-theme=dark].fm-public .header-inner,html[data-theme=dark].fm-public .site-header.is-scrolled .header-inner{background:rgba(27,44,35,.95);border-color:#617A68;color:#ECEEF1;box-shadow:inset 0 1px #ffffff20,0 8px 30px #0003}
html[data-theme=dark].fm-public .header-inner .fm-logo-light{display:none}html[data-theme=dark].fm-public .header-inner .fm-logo-dark{display:block}
html[data-theme=dark].fm-public .site-header nav.is-open{background:#1B2C23;border-color:#617A68;color:#ECEEF1}
html[data-theme=dark].fm-public :is(.section-heading h2,.section-heading p,.section-heading .eyebrow,.human-section h2,.human-section .eyebrow,.sharing-copy h2,.sharing-copy>p,.install-copy h2,.install-copy p,.faq summary,.faq p,footer,footer a){color:#ECEEF1}
html[data-theme=dark].fm-public :is(.sharing-section,.install-section,.request-ribbon,.day-section,.human-section,.trust,.faq){background:#181D1A}
html[data-theme=dark].fm-public :is(.ribbon-group li,.feature-card,.human-choices button,.day-choices button,.trust-grid>div,.install-card,.install-guidance,.faq details,.card,.auth-shell,.order-summary){background:#223128;color:#ECEEF1;border-color:#617A68}
html[data-theme=dark].fm-public :is(.ribbon-group p,.feature-card h3,.feature-card p,.human-choices strong,.human-choices small,.day-choices strong,.day-choices small,.trust-grid p,.trust-grid h3,.card p,.card label,.card h1,.card h2,.install-card p,.install-guidance p,.install-guidance li){color:#ECEEF1}
html[data-theme=dark].fm-public :is(.human-choices button[aria-pressed=true],.day-choices button[aria-pressed=true]){background:#304836;border-color:#D2EFA0}
html[data-theme=dark].fm-public :is(.human-time,.ribbon-group li>span,.trust-grid>div>span,.install-card .eyebrow){color:#D2EFA0}
html[data-theme=dark].fm-public :is(dialog,#purchase-lead,#sales-login){background:#223128;color:#ECEEF1;border-color:#617A68}
html[data-theme=dark].fm-public :is(dialog h2,dialog label,dialog p,dialog small,dialog summary,dialog button:not(.button),.lead-top){color:#ECEEF1}
html[data-theme=dark].fm-public :is(input,select,textarea){background:#18231D;color:#ECEEF1;border-color:#789583}
html[data-theme=dark].fm-public input::placeholder{color:#BCCDC1}
html[data-theme=dark].fm-public :is(.login-close,#lead-close,.text,.secondary,.menu-toggle){background:#304337;color:#ECEEF1;border-color:#789583}
html[data-theme=dark].fm-public :is(.lead-field-warning,.lead-field-warning strong,.lead-field-warning mark){color:#172D20;background:#D2EFA0}
html[data-theme=dark].fm-public :is(#lead-error,#sales-login-error,[role=alert]){color:#FFB4A8}
html[data-theme=dark].fm-public .share-demo{background:#F7F8F2;color:#203C32}
/* Product demonstrations remain light islands inside the dark editorial page. */
html[data-theme=dark].fm-public :is(.demo-device,.share-demo,.human-overlay,.money-window,.expense-app,.expense-review,.expense-confirm-visual,.expense-balance,.agenda-preview,.week-strip,.care-note,.price-card){--ink:#203C32;--muted:#52675D;--cream:#F7F8F2;--line:#DCE3D8;color:#203C32;color-scheme:light}
html[data-theme=dark].fm-public .price-card{background:#F7F8F2}
html[data-theme=dark].fm-public :is(.demo-device,.share-demo,.human-overlay,.money-window,.expense-app,.expense-review,.expense-confirm-visual,.expense-balance,.agenda-preview,.price-card) :is(p,small,span,h3,h4,h5,label){color:var(--ink)}
html[data-theme=dark].fm-public .demo-device .demo-bubble.user{color:#203C32}
html[data-theme=dark].fm-public :is(.sharing-copy,.sender-preview,.ribbon-heading,.money-dashboard-heading)> .eyebrow{color:#D2EFA0}
html[data-theme=dark].fm-public :is(.ribbon-heading>p,.sharing-copy li small,.sharing-copy li p,.sharing-copy .benefits small,.sharing-copy .benefit-copy small){color:#C6D8CA}
html[data-theme=dark].fm-public .shopping-to-expense>span{color:#D2EFA0}
html[data-theme=dark].fm-public :is(.share-demo,.demo-device,.stage-panel,.report-document-preview) .fm-logo-light{display:block}
html[data-theme=dark].fm-public :is(.share-demo,.demo-device,.stage-panel,.report-document-preview) .fm-logo-dark{display:none}
.fm-public .report-document-preview .fm-wordmark{width:128px}
@media(max-width:800px){.fm-public .header-inner{gap:8px}.fm-public .site-header .brand .fm-wordmark{width:128px}.fm-public .fm-hero-logo{width:156px;margin-bottom:20px}.fm-public .fm-theme-button{width:40px;height:40px;min-height:40px}.fm-public .menu-toggle{min-width:40px;min-height:40px}.fm-public .header-start{padding-inline:12px}.fm-public .fm-page-actions{gap:8px}}
@media(max-width:380px){.fm-public .header-inner{gap:5px}.fm-public .site-header .header-start{font-size:11px;padding:8px 10px;min-height:40px}.fm-public .site-header .header-start span{display:none}.fm-public .site-header .brand .fm-wordmark{width:128px}.fm-public .fm-theme-button{width:36px;min-width:36px}.fm-public .menu-toggle{width:36px;min-width:36px}.fm-public .fm-page-actions{gap:5px}.assistant-view .chat-header{gap:9px}.chat-contact .fm-wordmark{width:128px}.chat-contact .fm-tier{font-size:9px;padding:2px 4px}}
@media(prefers-reduced-transparency:reduce){.fm-public .header-inner{backdrop-filter:none}.fm-public .fm-theme-button{backdrop-filter:none}}
@media(max-width:800px){.fm-public .site-header .fm-theme-button{margin-left:auto;width:44px;min-width:44px;height:44px;min-height:44px}.fm-public .site-header .menu-toggle{width:44px;min-width:44px;height:44px;min-height:44px}.fm-public .site-header nav.is-open .header-start{display:flex;justify-content:center;margin-top:8px;color:#FFF;background:#176B4B;min-height:44px}.fm-public .site-header nav{order:4}}
.report-document-brand .fm-report-preview-logo{width:128px!important;height:auto!important;max-width:100%;object-fit:contain;filter:none!important}
html[data-theme=dark].fm-public .skip-link{background:#F7F8F2;color:#203C32}
html[data-theme=dark].fm-public .expense-confirm-visual :is(.expense-before,.expense-after),html[data-theme=dark].fm-public .money-window-bar span{color:#FFF}
html[data-theme=dark].fm-public .money-window{background:#F7F8F2}
html[data-theme=dark].fm-public .calendar-story>.eyebrow{color:#D2EFA0}
html[data-theme=dark].fm-public .demo-device .demo-save{color:#FFF}
html[data-theme=dark].fm-public :is(#purchase-lead,#sales-login) input{background:#18231D;color:#ECEEF1;border-color:#789583}
html[data-theme=dark].fm-public :is(#purchase-lead,#sales-login) input::placeholder{color:#BCCDC1;opacity:1}
html[data-theme=dark].fm-public #purchase-lead .lead-name-help{color:#C6D8CA}
html[data-theme=dark].fm-public #purchase-lead .lead-top{color:#D2EFA0}
@media(max-width:800px){.fm-public .site-header #sales-nav.is-open :is(.account-entry,.header-start){display:flex;box-sizing:border-box;justify-content:center;width:100%;min-height:44px;margin:6px 0 0;font-size:13px}.fm-public .site-header #sales-nav.is-open .account-entry{background:#F7F8F2;color:#203C32}.fm-public .site-header #sales-nav.is-open .header-start{color:#FFF;background:#176B4B}}
@media(max-width:800px){.fm-public .site-header #sales-nav.is-open .account-entry{display:flex!important}}
html[data-theme=dark].fm-access body>header>a:not(.brand),html[data-theme=dark].fm-access .card a{color:#D2EFA0}
html[data-theme=dark].fm-access :is(.badge,.account-fields legend,.summary-price){color:#D2EFA0}
html[data-theme=dark].fm-access .method label{background:#253C2E;color:#ECEEF1;border-color:#789583}
html[data-theme=dark].fm-access .method label:has(:checked){background:#304836;border-color:#D2EFA0}
html[data-theme=dark].fm-access .order-summary :is(p,small,span,strong){color:#ECEEF1}
html[data-theme=dark].fm-access .order-summary .summary-price{color:#D2EFA0}
html[data-theme=dark].fm-access :is(.notice,.pix-placeholder,.checkout-pix-clock,#contact-summary){background:#304337;color:#ECEEF1;border-color:#789583}
html[data-theme=dark].fm-access .checkout-pix-clock strong{color:#ECEEF1}
@media(max-width:600px){.fm-access body>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:16px;min-height:76px}.fm-access body>header .fm-wordmark{width:128px}.fm-access body>header>a:not(.brand){max-width:72px;font-size:12px;line-height:1.4}.fm-access body>header .fm-theme-button{width:40px;min-width:40px}}
html[data-theme=dark].fm-access :is(.support-shell,#messages,.quick-area,.composer-panel,.composer-inner,#support-form){background-color:#18231D!important;color:#ECEEF1;border-color:#45594D}
html[data-theme=dark].fm-access #messages .bubble{background:#283A30;color:#ECEEF1}
html[data-theme=dark].fm-access #messages .bubble.user{background:#304C3B;color:#ECEEF1}
html[data-theme=dark].fm-access .chat-note{background:#304337;color:#D2EFA0}
html[data-theme=dark].fm-access :is(.choice-prompt,#quick-questions button,.bubble button,.bubble a,.use-choices){color:#D2EFA0;background:#283A30;border-color:#617A68}
html[data-theme=dark].fm-access .bubble :is(p,small,strong){color:#ECEEF1}
html[data-theme=dark].fm-access #messages .quick-area{background:#283A30!important}
.support-shell header h1 .fm-support-wordmark{display:block;width:120px;height:auto;border-radius:0;max-width:100%;filter:none}
.support-shell header h1 .fm-support-wordmark{background:transparent!important}
html[data-theme=dark].fm-access #messages .bubble button{color:#D2EFA0!important}
html[data-theme=dark].fm-access .order-summary :is(.small,.summary-total,#summary-total){color:#C6D8CA}
html[data-theme=dark].fm-access .order-summary .guarantee-line>span{background:#D2EFA0;color:#203C32}
html[data-theme=dark].fm-public .demo-device :is(.demo-pill,.demo-check.checked){color:#FFF}
.link-brand>.fm-link-wordmark{display:block;width:128px;height:auto;filter:none}[data-theme=dark] .link-brand>.fm-link-wordmark{filter:brightness(0) invert(1)}

/* Brand ink and semantic roles from the selected kit; glass layers stay intact. */
:root{--brand-deep:#102E25;--state-error:#9c342b;--state-warning:#795712;--state-info:#285a77;--state-success:#176b4b}
html[data-theme=dark]{--state-error:#ffb4a8;--state-warning:#f2d49a;--state-info:#aad3ef;--state-success:#9bddb5;--ui-action:#28764e;--ui-action-hover:#387f59}
.assistant-view .assistant-icon{background-color:var(--brand-deep)}
html:root body :is(.form-validation-error,#fin-error){color:var(--state-error)}
html:root body :is(.field-invalid,[aria-invalid=true]){border-color:var(--state-error)}

.cash-record-review dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px 12px}.cash-record-review dt{color:var(--muted)}.cash-record-review dd{margin:0;font-weight:600;overflow-wrap:anywhere}.cash-record-review .actions{display:flex;flex-wrap:wrap;gap:8px}.cash-record-review .actions button{flex:1 1 auto;min-height:44px}.cash-form-dialog [hidden]{display:none!important}

html:root{--ui-danger:var(--state-error);--ui-warning-text:var(--state-warning)}
html:root body #cash-form-error{color:var(--state-error)}
html:root body .cash-form-dialog input{color:var(--ui-text);background-color:var(--ui-control);border-color:var(--ui-border)}
html:root body .cash-form-dialog .price-field input{color:var(--ui-text);background:transparent}

/* Compact finance filters, aligned controls and a quiet balance shortcut. */
html:root body #view .analysis-active-filter{gap:6px;margin:6px 0;padding:0;font-size:.8125rem}
html:root body #view .analysis-filter-chip{gap:6px;padding:0 3px 0 9px;border-radius:999px;min-height:32px}
html:root body #view .analysis-filter-chip strong{font-size:.8125rem;font-weight:600}
html:root body #view .analysis-filter-chip .ui-symbol{width:14px;height:14px}
html:root body #view .analysis-filter-chip button{min-width:32px;min-height:32px;font-size:18px}
html:root body #view .cash-reconcile-shortcut{display:block;width:max-content;max-width:100%;min-height:36px;padding:6px 0;margin:0 0 8px;font-size:.8125rem;font-weight:600;background:transparent;box-shadow:none;border:0;color:var(--ui-secondary)}
html:root body #view .statement-controls{align-items:end}
html:root body #view .statement-controls label{min-width:0}
html:root body #view .statement-controls :is(.form-select,.form-date){margin-top:6px}
html:root body #view .statement-controls :is(input:not(.native-form-source),.form-select-trigger){height:46px;min-height:46px;margin-top:0;font-size:.875rem;line-height:1.3;box-sizing:border-box}
html:root body #view .statement-controls input[type=search]{margin-top:6px}
html:root body #view .statement-controls .form-date-trigger{height:46px;min-height:46px;width:40px;min-width:40px;padding:8px}
html:root body #view .statement-controls .form-date-parts{gap:4px;min-width:0}
html:root body #view .statement-controls .form-date-parts input{min-width:0;width:100%;padding:8px}

@media(max-width:480px){
 html:root body #view .statement-controls>label:nth-child(n+3){grid-column:1/-1;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px}
 html:root body #view .statement-controls>label:nth-child(n+3) .form-date{margin-top:0}
}

html:root body #view .analysis-filter-chip .expense-category-icon{width:16px;height:16px;min-width:16px;background:transparent;border:0;padding:0;box-shadow:none}
html:root body #view .analysis-filter-chip .expense-category-icon svg{width:16px;height:16px}
html:root body #view .analysis-filter-chip button{height:32px!important;min-height:32px!important;min-width:32px!important;width:32px!important}

/* Stationary hover hit areas: retain material, avoid enter/leave oscillation. */
@media(hover:hover){
 html:root body :is(button,a.button,.sales-support):hover:not(:disabled){transform:none!important;translate:none!important;scale:none!important}
 html:root body #quick-start .start-footer button:hover{filter:none!important}
}
html:root body :is(button.primary,button.filter,.start-choice,a.button,.sales-support){transition-property:background-color,color,border-color,box-shadow!important;transition-duration:160ms!important}
/* Date filters retain readable input sizes and compact single-row labels. */
html:root body #view :is(.health-day-panel,.report-period-fields) .form-date-parts{gap:4px;min-width:0}
html:root body #view :is(.health-day-panel,.report-period-fields) .form-date-parts input{height:46px;min-height:46px;font-size:16px;min-width:0;width:100%;box-sizing:border-box}
html:root body #view :is(.health-day-panel,.report-period-fields) .form-date-trigger{height:46px;min-height:46px;width:40px;min-width:40px;padding:8px}
@media(max-width:600px){
 html:root body #view .report-period-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 html:root body #view .report-period-fields>div{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
 html:root body #view .report-period-fields label{margin:0}
 html:root body #view .report-period-fields .form-date{min-width:0;margin:0}
 html:root body #view .report-period-presets{gap:6px;margin-bottom:12px}
 html:root body #view .report-period-presets button{min-height:44px;padding:8px 12px}
}

html:root body .account-pick-choice{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:52px;text-align:left}
.account-pick-choice .account-kind-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;color:var(--ui-text)}
.account-pick-choice .account-kind-icon svg{width:23px;height:23px}
.account-pick-copy{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.25}
.account-pick-copy>span{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.account-pick-copy>small{font-size:12px;font-weight:400;color:var(--ui-secondary)}

html:root body .account-pick-choice .account-pick-copy{flex:1;align-items:flex-start;text-align:left}
html:root body .account-pick-choice .account-pick-copy>span{width:100%;text-align:left}

/* Sidebar links have their own material rules; keep hover paint stationary. */
html:root body .sidebar #desktop-nav .nav-item,
html:root body .sidebar #desktop-nav .nav-item:is(:hover,:active,:focus){
 transition:none!important;animation:none!important;transform:none!important;
 translate:none!important;scale:none!important;filter:none!important;
}
html:root body .sidebar #desktop-nav .nav-item:not(.active){background:transparent!important;box-shadow:none!important;border-color:transparent!important}
html:root body .sidebar #desktop-nav .nav-item:not(.active):hover{background:var(--ui-hover)!important;border-color:var(--material-line)!important;color:var(--material-ink)!important}
html:root body .sidebar #desktop-nav .nav-item.active,
html:root body .sidebar #desktop-nav .nav-item.active:is(:hover,:active,:focus){
 background:linear-gradient(155deg,#e0f5bb,#d2efa0 65%)!important;color:#173c2b!important;
 border-color:#d2efa0!important;box-shadow:inset 0 1px 0 #ffffffc9,inset 0 -1px 0 #accb7e80,0 2px 4px #2f522519!important;
}

.account-display-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;min-width:0;overflow-wrap:anywhere}
html:root body .account-scope{display:inline-flex;align-items:center;gap:4px;flex:none;width:auto!important;min-height:20px;padding:2px 6px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-hover);color:var(--ui-secondary)!important;font-size:11px!important;font-weight:500!important;line-height:1.2;white-space:nowrap}
html:root body .account-scope svg{width:12px!important;height:12px!important;flex:0 0 12px}
html:root body .select-option-label .account-scope{margin-left:6px;vertical-align:middle}
html:root body .account-pick-choice .account-display-name{width:auto;text-align:left}

html:root body #modal .account-pick-choice{height:auto!important;min-height:52px!important;padding:8px 12px!important}
html:root body #modal .account-pick-choice .account-display-name{font-size:14px!important;line-height:1.3!important;font-weight:600!important}
html:root body #modal .account-pick-choice .account-pick-copy>small{font-size:12px!important;line-height:1.3!important}
html:root body #modal .account-pick-choice{flex-shrink:0!important}

html:root body .field-length-hint{display:block;margin:3px 0 8px;text-align:right;font-size:11px;line-height:1.3;font-weight:400;color:var(--ui-secondary);overflow-wrap:anywhere}
html:root body :is(.account-display-name,.account-pick-copy,.saved-list-name,.statement-account){min-width:0;overflow-wrap:anywhere;white-space:normal}

/* Currency is a single surface; the editable input must not paint over its shell. */
html:root body :is(#modal,dialog.cash-form-dialog) .price-field{height:48px!important;min-height:48px!important;box-sizing:border-box;align-items:center;padding:0 12px!important}
html:root body :is(#modal,dialog.cash-form-dialog) .price-field>input:not(.native-form-source){background:transparent!important;background-image:none!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:8px 0!important;margin:0!important;border:0!important;box-shadow:none!important;color:var(--ui-text)!important;box-sizing:border-box;align-self:center}
html:root body :is(#modal,dialog.cash-form-dialog) .price-field>span{flex-shrink:0}
html:root body #modal .field-length-hint,html:root body .field-length-hint{position:static!important;clear:both;min-height:18px;margin:8px 0 8px!important;line-height:1.5;font-size:12px;flex-shrink:0}

/* Unselected tabs retain a visible shape without competing with the selection. */
html:root body #view .expense-section-button{border:1px solid #b8c9bc!important;background:linear-gradient(145deg,#ffffff99,#ffffff52)!important;color:var(--app-text)!important;box-shadow:inset 0 1px #ffffff80!important}
html:root body #view .expense-section-button[aria-selected=true]{background:var(--ui-action,#176b4b)!important;border-color:var(--ui-action,#176b4b)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff26,0 2px 5px #102e251a!important}
html:root[data-theme=dark] body #view .expense-section-button{background:linear-gradient(145deg,#ffffff0d,#ffffff05)!important;border-color:#61776b!important;color:#e7eee8!important;box-shadow:inset 0 1px #ffffff0a!important}
html:root[data-theme=dark] body #view .expense-section-button[aria-selected=true]{background:#28764e!important;border-color:#79ad8d!important;color:#fff!important}
/* No fade/blur interpolation or moving content behind an open modal. */
html:root body dialog,html:root body dialog::backdrop{transition:none!important;animation:none!important}
html:root body:has(dialog[open]) :is(#view,.sidebar,#mobile-nav) *,html:root body:has(dialog[open]) :is(#view,.sidebar,#mobile-nav) *::before,html:root body:has(dialog[open]) :is(#view,.sidebar,#mobile-nav) *::after{animation-play-state:paused!important}

/* Keep the report shortcut visible on the deep-green dark surface. */
html:root[data-theme=dark] body .finance-report-shortcut>svg{color:#c3dca9!important;stroke:currentColor}

/* Reflow follows the label width when the reader increases text size. */
html:root body #modal .actions{display:flex!important;flex-wrap:wrap!important;gap:8px}
html:root body #modal .actions>button{flex:1 1 8em!important;min-width:0;max-width:100%;white-space:normal;word-break:normal;overflow-wrap:normal!important}
#view .calendar-weekday .weekday-short{display:none}
@media(max-width:420px){#view .calendar-weekday .weekday-full{display:none}#view .calendar-weekday .weekday-short{display:inline}}
@media(max-width:380px){
 html:root body #modal .consumer-dialog-head{flex-wrap:wrap!important;gap:4px!important}
 html:root body #modal .consumer-dialog-head .dialog-close{position:static!important;order:0;margin-left:auto!important}
 html:root body #modal .consumer-dialog-head h2{order:1;flex:1 1 100%!important;width:100%;max-width:100%;overflow-wrap:break-word}
}
/* In short windows the footer follows the form, so it cannot cover fields. */
@media(max-height:600px){
 html:root body #modal .actions{position:static!important;bottom:auto!important;margin-top:16px!important;box-shadow:none!important}
 html:root body #modal .dialog-scroll{scroll-padding-bottom:24px}
}