/* Shared presentation only: native IDs, forms and business handlers stay intact. */
body.finances-app,body.finances-public{color:var(--ui-text);background:var(--ui-bg);font:14px/1.5 Inter,'Segoe UI',system-ui,sans-serif}
:is(.finances-app,.finances-public) :is(h1,h2,h3,h4,strong){color:inherit}
:is(.finances-app,.finances-public) h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;font-weight:650}
:is(.finances-app,.finances-public) h2{font-size:18px;letter-spacing:-.3px;font-weight:650}
:is(.finances-app,.finances-public) h3{font-size:15px;font-weight:600}
:is(.finances-app,.finances-public) :is(input,select,textarea){color:var(--ui-text);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:9px;font:inherit;min-width:0;max-width:100%;padding:10px 12px;accent-color:var(--ui-brand)}
:is(.finances-app,.finances-public) :is(input,select){min-height:42px}
:is(.finances-app,.finances-public) input:is([type=checkbox],[type=radio]){min-height:0;flex-shrink:0;width:17px;height:17px;padding:0}
:is(.finances-app,.finances-public) label{font-size:12px;font-weight:600;color:var(--ui-muted)}
:is(.finances-app,.finances-public) button{font-family:inherit}
:is(.finances-app,.finances-public) button:not([class*="calendar-"]):not(.tab):not(.toggle){border-radius:9px;box-shadow:none}
:is(.finances-app,.finances-public) :is(button[type=submit],.auth-card button,.settings-card form>button,.goal-form-actions button:not(.secondary),#sync-button,#pluggy-sync,#goal-create-open,#search-button,#apply-period,#calendar-sync,#calendar-mobile-sync,#calendar-filter-apply,#wish-import-analyze,#wish-import-commit){background:var(--ui-brand);color:#fff;border-color:var(--ui-brand)}
:is(.finances-app,.finances-public) :is(.secondary,.secondary-button,.dialog-close,.dashboard-link){background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:none}
:is(.finances-app,.finances-public) :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ui-brand-text);outline-offset:3px}
:is(.finances-app,.finances-public) :is(button,a){touch-action:manipulation}
:is(.finances-app,.finances-public) :is(.panel,.settings-card,.auth-card,.card){background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:none}
:is(.finances-app,.finances-public) :is(.muted,.row-meta,.eyebrow,.page-eyebrow,.panel-head>span,.settings-card>p,.settings-shell>p){color:var(--ui-muted)}
.finances-app :is(.eyebrow,.page-eyebrow){font-size:10px;font-weight:600;letter-spacing:1.5px}
:is(.finances-app,.finances-public) dialog{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line);border-radius:16px;box-shadow:0 24px 80px #0004;max-width:calc(100vw - 24px)}
:is(.finances-app,.finances-public) dialog::backdrop{background:#17122380}
:is(.finances-app,.finances-public) :is(.error,.auth-error){color:var(--ui-negative)}
.finances-public .auth-card{padding:32px}.finances-public .auth-card>p{color:var(--ui-muted)}
@media(max-width:720px){:is(.finances-app,.finances-public) :is(input,select,textarea){font-size:16px}:is(.finances-app,.finances-public) :is(button,.secondary-button){min-height:44px}.finances-app :is(h1){font-size:25px}}