/* Haushalt 2.4.1 r2 · Presentation only. No financial selectors hidden globally. */
:root{--bg:#f6f8fa;--card:#fff;--ink:#1c2e3a;--muted:#536775;--nav:#155e65;--accent:#106a71;--line:#dce3e8;--good:#116543;--bad:#ad3434;--ui-rail:216px;--ui-header:62px;--ui-gutter:24px;--ui-content-max:1600px;--ui-gap:16px}
html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;background:var(--bg);color:var(--ink);scroll-padding-top:12px;scroll-padding-bottom:12px}
body{margin:0;line-height:1.5}
/* Reserve one menu column. Only the navigation is fixed; the document scrolls. */
body.ui-auth{display:grid;grid-template-columns:var(--ui-rail) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"menu header" "menu main";min-height:100vh;min-height:100dvh;align-content:start}*,*::before,*::after{box-sizing:border-box} [hidden]{display:none!important}
button,input,select,textarea{font:inherit}a{color:var(--accent);text-underline-offset:3px}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}
:focus-visible{outline:3px solid #1f8695!important;outline-offset:3px!important}
.ui-icon{width:22px;height:22px;flex:none;vertical-align:middle}.ui-sr-only,.skip-link:not(:focus){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link:focus{position:fixed;z-index:200;top:8px;left:8px;background:#fff;padding:12px;border:2px solid var(--accent)}
.ui-sidebar{position:fixed;inset:0 auto 0 0;width:var(--ui-rail);background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:22px 14px;overflow-y:auto;overscroll-behavior:contain}
.ui-brand{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 8px 30px;text-decoration:none;color:var(--ink)}.ui-brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--nav);color:#fff;font-size:27px;font-weight:800;line-height:1}.ui-brandtext{font-size:22px;font-weight:800;letter-spacing:-.8px}.ui-brandtext>span{display:block;font-size:11px;font-weight:500;letter-spacing:0;color:var(--muted)}
.ui-primary{flex-shrink:0;display:grid;gap:7px}.ui-primary a{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 14px;border-radius:6px;text-decoration:none;color:var(--muted);font-weight:600}.ui-primary a:hover{background:#f1f5f7}.ui-primary a.active{background:#e7f1f1;color:#104f55;box-shadow:inset 3px 0 #155e65}.ui-sidebar-bottom{flex-shrink:0;margin-top:auto;display:grid;gap:14px;padding:12px 8px}.ui-sidebar-bottom a{display:flex;align-items:center;gap:10px;color:var(--muted);text-decoration:none;min-height:40px;font-size:13px}.ui-sidebar-bottom small{font-size:11px;color:var(--muted)}
.ui-topbar{grid-area:header;position:static;inset:auto;margin:0;height:auto;min-height:var(--ui-header);min-width:0;width:auto;background:var(--bg);border-bottom:1px solid var(--line);display:block;padding:0;z-index:auto}
.ui-header-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:var(--ui-header);width:100%;max-width:calc(var(--ui-content-max) + 2 * var(--ui-gutter));margin-inline:auto;padding:10px var(--ui-gutter)}
.ui-header-content>*{min-width:0}.ui-header-content .ui-top-actions{justify-self:end;max-width:100%;flex-wrap:wrap;justify-content:flex-end}.ui-area-label{font-size:14px;font-weight:650;color:var(--muted)}.ui-top-actions{display:flex;gap:12px;align-items:center}.ui-info-toggle{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--muted);padding:8px;min-height:40px;cursor:pointer}.ui-info-toggle[aria-pressed=true]{color:var(--accent);background:#e6f0f1;border-radius:6px}.ui-add{display:flex;align-items:center;gap:6px;background:var(--nav);color:#fff;text-decoration:none;font-weight:650;min-height:40px;padding:8px 12px;border-radius:6px}.ui-user{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ccd9df;background:#eaf0f3;color:#264551;text-decoration:none;font-weight:700;border-radius:50%}.ui-mobile-brand{display:none}.ui-bottom{display:none}
.ui-auth .shell.ui-main{grid-area:main;min-width:0;align-self:start;margin:0;width:auto;max-width:none;padding:20px var(--ui-gutter) 48px}.ui-content{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;width:100%;max-width:var(--ui-content-max);margin-inline:auto;min-width:0}.ui-content>*{min-width:0}.ui-main:focus{outline:none}.ui-guest .ui-main{max-width:640px;padding:24px;min-height:100dvh}
.ui-subnav{display:flex;gap:18px;align-items:center;overflow-x:auto;white-space:nowrap;border-bottom:1px solid var(--line);margin-top:-10px;margin-bottom:22px;min-height:43px;scrollbar-width:thin}.ui-subnav a{padding:10px 0;text-decoration:none;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;min-height:42px;flex:none}.ui-subnav a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}
.ui-main .pagehead{margin-top:0;margin-bottom:18px;gap:12px}.ui-main .pagehead small{font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--muted)}.ui-main h1{font-size:28px;font-weight:730;letter-spacing:-.7px;line-height:1.25;margin:3px 0 0}.ui-main h2{font-size:17px;line-height:1.35;margin-top:0;letter-spacing:-.2px}.ui-main h3{font-size:15px}.ui-main p{overflow-wrap:anywhere}.ui-main .section-title{margin:20px 0 12px;gap:12px}.ui-main .section-title h2{margin:0}.ui-main .section-title a{font-size:13px}.ui-main small{letter-spacing:0;font-weight:400;line-height:1.45;color:var(--muted)}
.ui-main .card,.ui-main .kpis>div{border:1px solid var(--line);border-radius:8px;box-shadow:none;padding:16px;background:#fff}.ui-main .card .card{box-shadow:none;border-radius:5px}.ui-main .card>p:first-child{margin-top:0}.ui-main .card>p:last-child{margin-bottom:0}.ui-main .list.card{padding:0 16px}.ui-main .hero{border-radius:8px;box-shadow:none;background:#eaf2f3;color:var(--ink);border:1px solid #d3e4e5}.ui-main .hero span,.ui-main .hero small{color:#435e64}.ui-main .hero>strong{font-size:32px;margin:8px 0 16px}
.ui-main .round{border-radius:6px;width:40px;height:40px;font-size:24px}.ui-main .monthnav{max-width:420px;margin:0 0 14px;grid-template-columns:40px 1fr 40px}.ui-main .monthnav>a{border-radius:6px;height:40px}.ui-main .monthnav>strong{text-align:center;font-size:14px}
.ui-main button,.ui-main .secondary,.ui-main .miniwide{border:1px solid var(--nav);background:var(--nav);color:#fff;border-radius:6px;padding:9px 14px;line-height:1.35;min-height:40px;font-size:14px;font-weight:650;cursor:pointer;box-shadow:none}.ui-main .secondary,.ui-main button.secondary,.ui-main .miniwide{background:#fff;color:var(--nav);border:1px solid #bacbd1}.ui-main button:hover{filter:brightness(.97)}.ui-main button:disabled{cursor:not-allowed;opacity:.55}.ui-main .danger{color:var(--bad);background:#fff;border-color:#d8aaaa}.ui-main .mini,.ui-main .trash{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;width:auto;height:auto;padding:5px 9px;background:#f4f7f8;border:1px solid var(--line);color:var(--muted);text-decoration:none;border-radius:5px}
.ui-main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.ui-main select,.ui-main textarea{box-sizing:border-box;min-width:0;max-width:100%;min-height:42px;padding:10px 12px;border:1px solid #aebfc9;border-radius:6px;color:var(--ink);background:#fff;font-size:16px;line-height:1.35;outline:none;box-shadow:none}.ui-main textarea{resize:vertical;min-height:80px}.ui-main input:focus,.ui-main select:focus,.ui-main textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #155e651a}.ui-main input[type=checkbox],.ui-main input[type=radio]{appearance:auto;min-height:0;width:18px;height:18px;accent-color:var(--nav);flex:none;vertical-align:middle}
.ui-main .form{gap:14px;max-width:960px;margin-left:0}.ui-main label{font-size:13px;font-weight:650;line-height:1.45}.ui-main .form label{font-size:13px;gap:6px}.ui-main .form .check{gap:9px;align-items:flex-start}.ui-main .form button{font-size:14px}.ui-main .form>details{grid-column:1/-1}.ui-main .seg{gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.ui-main .seg label{position:relative}.ui-main .seg input{display:block;position:absolute;width:1px;height:1px;opacity:0}.ui-main .seg span{border:1px solid #ced9df;border-radius:6px;background:#f5f8f9;padding:11px 3px;font-size:13px}.ui-main .seg input:checked+span{background:var(--nav);border-color:var(--nav);color:#fff}.ui-main .seg input:focus-visible+span{outline:3px solid #1f8695;outline-offset:2px}
.ui-main .ui-entry-form{display:grid;grid-template-columns:1fr 1fr;max-width:940px}.ui-entry-form>.seg,.ui-entry-form>.ui-wide,.ui-entry-form>.ui-amount-field,.ui-entry-form>.check,.ui-entry-form>p{grid-column:1/-1}.ui-entry-form .money{font-size:32px!important;max-width:340px!important;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.ui-entry-form label:has(textarea){grid-column:1/-1}.ui-entry-form #saveAndSplit{background:#fff;color:var(--nav);border-color:#bacbd1}
.ui-main .quickfilters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.ui-main .quickfilters a{display:inline-flex;align-items:center;background:#fff;border:1px solid #ced9df;border-radius:5px;min-height:34px;padding:6px 10px;text-decoration:none;font-size:12px;font-weight:600;color:var(--accent)}
.ui-main details>summary{font-size:14px;font-weight:650;line-height:1.4;cursor:pointer;padding:5px 0;min-height:34px}.ui-main details[open]>summary{margin-bottom:12px}.ui-main details.ui-help{background:#eef3f6;border:1px solid var(--line);border-radius:6px;padding:10px 14px;margin-top:12px;margin-bottom:12px;font-size:13px;color:var(--muted)}.ui-ready:not(.ui-show-help) .ui-main .ui-help{display:none!important}.ui-main .ui-help>summary{min-height:28px;padding:0}.ui-main .ui-help p{font-size:13px}.ui-main .ui-help .split-hint,.ui-main .ui-help .funding-note{padding:0;border:0;background:none}
.ui-main .flash,.ui-main .alert{border-radius:6px;line-height:1.5}.ui-main .flash.err,.ui-main .flash.error{background:#fff0ec;color:#982d22;border-left:3px solid #ad3434}.ui-main .flash.ok{background:#e7f4ed;color:#115d3f;border-left:3px solid #267953}.ui-main .badge,.ui-main .transfer-badge{font-size:12px;border-radius:4px;line-height:1.5}.ui-main .info p{color:var(--muted)}
.ui-main .kpis,.ui-main .threecol,.ui-main .account-summary{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;margin:14px 0}.ui-main .kpis>div,.ui-main .threecol>.card,.ui-main .account-summary>.card{border:0;border-radius:0;border-right:1px solid var(--line);background:transparent;margin:0;padding:14px}.ui-main .threecol strong{font-size:19px;white-space:normal;overflow-wrap:anywhere}.ui-main .account-grid{display:block;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.ui-main .account-grid .account-card{display:grid;grid-template-columns:1fr auto;gap:2px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 18px;margin:0}.ui-main .account-grid .account-card:last-child{border-bottom:0}.account-grid .account-card>small{grid-column:1;font-size:11px}.account-grid .account-card>b{grid-column:1;grid-row:2}.account-grid .account-card>strong{grid-column:2;grid-row:1/3;align-self:center;font-size:20px;font-variant-numeric:tabular-nums}.account-grid .account-card>span{font-size:12px}.account-grid .account-card>.funding-bank-note{grid-column:1/-1}.ui-main .funding-goal{border:1px solid var(--line);border-radius:8px;background:#fff;padding:16px;margin:14px 0;box-shadow:none}.ui-main .funding-goal .funding-summary{border:0;padding:10px 0;background:transparent}.ui-main .funding .card{border-radius:8px;box-shadow:none}
.ui-main .account-filters{display:grid;grid-template-columns:1fr 1fr minmax(180px,1.5fr) auto;align-items:end;gap:12px;margin-bottom:12px}.ui-main .account-filters label{display:grid;gap:6px}.ui-main .account-list-summary{font-size:13px;color:var(--muted)}.ui-main .ui-list-search{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:12px}.ui-list-search label{grid-column:1/-1}.ui-list-search input{width:100%;max-width:600px}.ui-list-search [role=status]{align-self:center;font-size:12px;color:var(--muted)}
.ui-main .txrow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;padding:15px 0;align-items:start}.ui-main .txrow>.right{grid-column:3;grid-row:1;display:flex;align-items:flex-start;gap:8px}.ui-main .txrow>.right strong{font-size:16px;white-space:nowrap;font-variant-numeric:tabular-nums}.ui-main .txgrow{grid-column:2;min-width:0}.ui-main .txmain{display:block;font-weight:500}.ui-main .txmain b{font-size:14px;line-height:1.4}.ui-main .txmain small{font-size:12px;margin-top:4px;overflow-wrap:anywhere}.ui-main .txcheck{margin-top:4px}.ui-main .txmain,.ui-main .rowlink{color:var(--ink)}
.ui-main .ui-account-tools{border:0;padding:0;margin-top:4px}.ui-main .ui-account-tools>summary{display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:12px;font-weight:400;min-height:32px;color:var(--muted);list-style:none}.ui-account-tools>summary::-webkit-details-marker{display:none}.ui-edit-word{color:var(--accent);font-weight:600;white-space:nowrap}.ui-main .ui-account-tools[open]>summary{margin-bottom:4px}.ui-main .accountquick{padding:12px;background:#f6f9fa;border-radius:6px}.ui-main .accountquick form:first-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.ui-main .accountquick select{min-width:0;width:100%;max-width:none;font-size:16px}.ui-main .accountquick label{font-size:12px}.ui-main .accountquick .similar{font-size:12px;min-height:36px;background:#fff;border:1px solid var(--line);color:var(--accent)}.ui-main .split-small-link{display:inline-block;padding:6px 0;font-size:12px;min-height:30px}.ui-main .bulkbar{display:flex;flex-wrap:wrap;align-items:center;padding:12px 0 0;gap:12px}.ui-main .bulkbar select{flex:1 1 240px}.ui-main .bulkbar .selectall{font-size:13px;gap:8px}.ui-main .bulk-tools{padding:10px 16px;margin-bottom:12px}
.ui-overview{display:grid;grid-template-columns:minmax(280px,1fr) 1.2fr;gap:30px;padding:24px;background:#eaf2f3;border:1px solid #d4e4e6;border-radius:8px}.ui-overview-main{display:flex;flex-direction:column;justify-content:center;gap:6px}.ui-overview-main>span:first-child{font-size:14px;color:#3f6067;font-weight:600}.ui-overview-main>strong{font-size:40px;font-weight:740;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;line-height:1.25}.ui-caption{display:block;font-size:11px!important;color:var(--muted);font-weight:400!important}.ui-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:0;border-left:1px solid #c9dadc;padding-left:26px}.ui-metrics div{min-width:0}.ui-metrics dt{font-size:12px;color:#45626b;margin-bottom:4px}.ui-metrics dd{margin:0;font-size:19px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ui-workflows{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:8px;background:#fff;margin:16px auto 24px}.ui-workflows a{padding:14px 16px;border-right:1px solid var(--line);text-decoration:none;color:var(--ink)}.ui-workflows a:last-child{border:0}.ui-workflows b{display:block;font-size:14px}.ui-workflows span{display:block;font-size:12px;color:var(--accent);margin-top:3px}.ui-workflows a:hover{background:#f1f6f6}
.ui-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px}.ui-panel{padding:18px;background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0}.ui-main .ui-panel>.section-title{margin:0 0 12px}.ui-main .ui-panel .row{gap:12px;padding:12px 0;align-items:flex-start}.ui-main .ui-panel .row>div{min-width:0}.ui-main .ui-panel .row b{font-size:14px;font-weight:600;overflow-wrap:anywhere}.ui-main .ui-panel .row small{font-size:12px}.ui-main .ui-panel .row strong{font-size:14px;white-space:nowrap}.ui-empty{padding:15px 0;color:var(--muted);font-size:14px}.ui-category{margin:14px 0}.ui-category>div,.ui-goal>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.ui-category b,.ui-goal>div>span{white-space:nowrap;font-variant-numeric:tabular-nums}.ui-category meter,.ui-goal meter{width:100%;height:6px;display:block;margin:6px 0;background:#e5ecee;border:0;border-radius:2px;appearance:none}.ui-category meter::-webkit-meter-bar,.ui-goal meter::-webkit-meter-bar{background:#e5ecee;border:0;border-radius:2px}.ui-category meter::-webkit-meter-optimum-value,.ui-goal meter::-webkit-meter-optimum-value{background:#40898c;border-radius:2px}.ui-category meter::-moz-meter-bar,.ui-goal meter::-moz-meter-bar{background:#40898c}
.ui-balance-list{margin:0}.ui-balance-list>div{display:flex;gap:16px;justify-content:space-between;padding:9px 0}.ui-balance-list dt{font-size:13px;color:var(--muted)}.ui-balance-list dd{margin:0;font-size:16px;font-weight:650;font-variant-numeric:tabular-nums}.ui-personal-debt{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.ui-personal-debt b{font-size:13px;display:block}.ui-personal-debt small{display:block;font-size:11px}.ui-personal-debt strong{font-size:19px;white-space:nowrap}.ui-goal{display:block;text-decoration:none;color:var(--ink);padding:12px 0;border-bottom:1px solid var(--line)}.ui-goal:last-child{border:0}.ui-goal small{font-size:11px}.ui-month-controls{display:flex;gap:6px}.ui-month-controls a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #c4d2d9;border-radius:6px;background:#fff;text-decoration:none;font-size:25px}
.ui-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.ui-menu-group{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.ui-menu-group h2{margin:0 0 6px}.ui-main .ui-menu-group .menu{margin:0;padding:0}.ui-menu-group .menu a{padding:11px 0;font-size:14px;font-weight:500;min-height:44px;gap:12px}.ui-settings-details{padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}.ui-settings-details .form{border:0!important;padding:8px 0!important}.ui-main .logout button{width:auto;min-width:150px;font-size:14px;background:#fff;color:var(--bad);border-color:#cfa8a8}
.ui-main .mb-entry,.ui-main .mc-entry{border-radius:6px;box-shadow:none}.ui-main .mb-equation,.ui-main .mc-equation{font-size:14px;gap:7px 20px}.ui-main .mb-equation dd,.ui-main .mc-equation dd{font-variant-numeric:tabular-nums}.ui-main .mb-entry-head{gap:14px}.ui-main .mb-details>summary{font-size:14px}.ui-main .mb-context{font-size:12px}.ui-edit-details{border-top:1px solid var(--line);margin-top:10px;padding-top:5px}.ui-main .mb-inline{gap:12px}.ui-main .import-row{border-radius:8px}.ui-main .import-row.duplicate,.ui-main .import-row.transfer{opacity:1}.ui-main .import-grid label{font-size:12px}.ui-main .sticky-submit{position:static;padding:12px 0;box-shadow:none}.ui-main .sticky-submit button{box-shadow:none;border-radius:6px}.ui-main .tablewrap{overflow-x:auto;max-width:100%}.ui-main table{width:100%;border-collapse:collapse}.ui-main th,.ui-main td{padding:10px 8px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line);font-size:13px}.ui-main th{color:var(--muted);font-weight:650}.ui-main .chartbox{height:320px}
@media(min-width:761px) and (max-width:1199px){:root{--ui-rail:72px;--ui-gutter:20px}.ui-sidebar{padding:22px 9px}.ui-brand{padding:0 8px 30px}.ui-brandtext,.ui-primary a>span,.ui-sidebar-bottom span,.ui-sidebar-bottom small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.ui-primary a{justify-content:center;padding:11px}.ui-sidebar-bottom{padding:8px}.ui-overview{grid-template-columns:1fr;gap:18px}.ui-metrics{border-left:0;border-top:1px solid #c9dadc;padding:16px 0 0;grid-template-columns:repeat(4,1fr)}.ui-dashboard-grid{grid-template-columns:1fr 1fr}.ui-workflows b{font-size:12px}.ui-workflows a{padding:12px}}
@media(max-width:760px){:root{--ui-rail:0px;--ui-header:60px;--ui-gutter:14px}body.ui-auth{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "main"}html{font-size:15px}.ui-sidebar{display:none}.ui-header-content{padding-top:calc(10px + env(safe-area-inset-top));min-height:calc(var(--ui-header) + env(safe-area-inset-top))}.ui-mobile-brand{display:block;text-decoration:none;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:-.8px}.ui-mobile-brand span{color:var(--accent)}.ui-area-label{display:none}.ui-top-actions{gap:8px}.ui-topbar .ui-icon{width:20px;height:20px}.ui-info-toggle{min-width:40px;padding:8px 3px}.ui-info-toggle span{font-size:12px}.ui-add{padding:8px 10px;min-height:40px;font-size:13px}.ui-user{width:30px;height:30px;font-size:12px}
.ui-auth .shell.ui-main{padding:16px var(--ui-gutter) calc(90px + env(safe-area-inset-bottom))}.ui-content{max-width:100%}.ui-main h1{font-size:25px}.ui-main h2{font-size:16px}.ui-main .pagehead{margin-bottom:16px}.ui-subnav{margin-top:-8px;margin-bottom:18px;gap:18px}.ui-subnav a{font-size:13px;min-height:44px}.ui-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));bottom:0;left:0;right:0;height:calc(65px + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;z-index:30}.ui-bottom a{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;color:#5d7180;text-decoration:none;font-size:11px;min-height:52px;border-radius:5px}.ui-bottom a.active{color:var(--accent);background:#edf5f5;font-weight:700}.ui-bottom .ui-icon{width:21px;height:21px}
.ui-overview{grid-template-columns:1fr;gap:17px;padding:18px 16px}.ui-overview-main>strong{font-size:37px}.ui-metrics{border:0;border-top:1px solid #cfdee1;padding:14px 0 0;grid-template-columns:1fr 1fr;gap:14px}.ui-metrics dd{font-size:18px}.ui-metrics dt{font-size:11px}.ui-workflows{grid-template-columns:1fr 1fr;margin:14px 0 18px}.ui-workflows a{padding:12px}.ui-workflows a:nth-child(2){border-right:0}.ui-workflows a:nth-child(-n+2){border-bottom:1px solid var(--line)}.ui-workflows b{font-size:13px}.ui-workflows span{font-size:11px}.ui-dashboard-grid{grid-template-columns:1fr;gap:16px}.ui-panel{padding:14px}.ui-panel .section-title h2{font-size:15px}.ui-main .section-title a{font-size:12px}
.ui-main .form{padding:14px;gap:13px}.ui-main .form .form{padding:0}.ui-main .ui-entry-form{grid-template-columns:1fr 1fr}.ui-entry-form label{grid-column:1/-1}.ui-entry-form .seg{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1}.ui-entry-form>button{grid-column:1/-1}.ui-main .seg span{padding:12px 4px}.ui-entry-form .money{font-size:31px!important;max-width:none!important}.ui-main button,.ui-main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.ui-main select{min-height:44px}.ui-main .ui-amount-field{margin-bottom:2px}.ui-main .card{padding:14px}.ui-main .list.card{padding:0 12px}.ui-main .account-filters{grid-template-columns:1fr 1fr;padding:12px}.account-filters .missing-filter{grid-column:1/-1}.ui-main .account-filters>button{grid-column:1/-1}.ui-main .ui-list-search{grid-template-columns:1fr}.ui-main .ui-list-search [role=status]{font-size:12px}.ui-main .txrow{grid-template-columns:20px minmax(0,1fr);gap:5px 8px;padding:14px 0}.ui-main .txrow>.right{grid-column:2;grid-row:1;justify-content:flex-end;padding-left:6px;align-self:start}.ui-main .txgrow{grid-column:2;grid-row:2;min-width:0}.ui-main .txrow>.txcheck{grid-row:1;align-self:center;margin:0}.ui-main .txrow>.right .mini{width:30px;min-width:30px;min-height:30px;height:30px}.ui-main .txrow>.right strong{font-size:16px}.ui-main .txmain b{font-size:15px}.ui-main .txmain small{font-size:12px}.ui-main .ui-account-tools>summary{min-height:36px;font-size:12px;line-height:1.4}.ui-main .accountquick{padding:10px}.ui-main .accountquick form:first-child{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.ui-main .bulkbar{display:grid;grid-template-columns:1fr}.ui-main .bulkbar>*{grid-column:auto!important}.ui-main .quickfilters a{min-height:36px;font-size:12px}.ui-main .row{gap:10px}.ui-main .rowlink b{font-size:14px}.ui-main .rowlink strong{font-size:14px}.ui-menu-grid{grid-template-columns:1fr;gap:16px}.ui-menu-group{padding:14px}.ui-menu-group .menu a{font-size:14px;min-height:46px}.ui-main .account-grid .account-card{padding:13px 14px;gap:3px 10px}.ui-main .account-grid .account-card>strong{font-size:18px}.ui-main .threecol,.ui-main .account-summary{grid-template-columns:1fr}.ui-main .threecol>.card,.ui-main .account-summary>.card{grid-column:auto!important;display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:0;border-bottom:1px solid var(--line);padding:12px}.ui-main .threecol strong{margin:0;font-size:18px}.ui-main .kpis.four{grid-template-columns:1fr 1fr}.ui-main .kpis small{font-size:12px}.ui-main .mb-entry-head{align-items:flex-start;flex-wrap:wrap;gap:6px}.ui-main .mb-equation,.ui-main .mc-equation{gap:8px 12px;font-size:13px}.ui-main .mb-equation dd,.ui-main .mc-equation dd{min-width:88px}.ui-main .import-grid{grid-template-columns:1fr}.ui-main .import-grid>.wide{grid-column:auto}.ui-main .import-top{flex-direction:column;gap:4px}.ui-main .sticky-submit{position:static}.ui-main .chartbox{height:290px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{body.ui-auth{display:block;min-height:0}.ui-sidebar,.ui-topbar,.ui-bottom,.ui-subnav,.ui-add,.skip-link{display:none!important}.ui-auth .shell.ui-main{margin:0;padding:0}.ui-main .card{break-inside:avoid;box-shadow:none}.ui-ready:not(.ui-show-help) .ui-help{display:none!important}}
.ui-main .ui-chart-legend{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0 10px;font-size:12px;color:var(--muted)}.ui-chart-legend span{display:flex;align-items:center;gap:6px}.ui-chart-legend i{width:11px;height:11px;display:block}.ui-chart-actual{background:#27777c}.ui-chart-plan{background:#c5d1d7}.ui-main .monthpick{align-items:end}.ui-main .monthpick label{display:grid;gap:4px}
.ui-main .mc-panel,.ui-main .mc-info,.ui-main .mc-status,.ui-main .mc-warning{border-radius:8px;box-shadow:none}.ui-main .mc-panel>.mc-summary{border:0;background:none;padding:0}
/* Compact transaction reading mode; selection mode is explicit. */
.ui-main .ui-filter-tools{margin:0 0 12px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px 12px}.ui-filter-tools>summary{display:flex;justify-content:space-between;gap:12px;align-items:center}.ui-filter-tools>summary span{font-size:12px;color:var(--muted);font-weight:400}.ui-main .ui-filter-tools .account-filters{border:0;padding:10px 0 0;margin:0}
.ui-main .txrow{grid-template-columns:20px minmax(0,1fr) auto;gap:6px 10px}.ui-main .txrow .txgrow{display:contents}.ui-main .txrow .txmain{grid-column:2;grid-row:1}.ui-main .txrow>.right{grid-column:3;grid-row:1;align-items:center}.ui-main .txrow .ui-account-tools,.ui-main .txrow .transfer-badge,.ui-main .txrow .split-list-details{grid-column:2/-1;grid-row:2;margin:0}.ui-main .txrow .split-small-link{grid-column:2/-1;grid-row:3;justify-self:start}.ui-ready:not(.ui-selecting) .ui-main .txrow{grid-template-columns:minmax(0,1fr) auto}.ui-ready:not(.ui-selecting) .ui-main .txcheck{display:none}.ui-ready:not(.ui-selecting) .ui-main .txrow .txmain{grid-column:1}.ui-ready:not(.ui-selecting) .ui-main .txrow>.right{grid-column:2}.ui-ready:not(.ui-selecting) .ui-main .txrow .ui-account-tools,.ui-ready:not(.ui-selecting) .ui-main .txrow .transfer-badge,.ui-ready:not(.ui-selecting) .ui-main .txrow .split-list-details,.ui-ready:not(.ui-selecting) .ui-main .txrow .split-small-link{grid-column:1/-1}.ui-main .txrow .ui-account-tools>summary{justify-content:flex-start;gap:12px}.ui-main .split-small-link{padding:3px 0;min-height:24px}.ui-main .txrow>.right .mini{flex:none}
@media(max-width:760px){.ui-main .ui-list-search label{font-size:12px}.ui-main .txrow{padding:12px 0}.ui-main .txrow>.right .mini{display:none}.ui-main .txrow .txmain b{font-size:14px}.ui-main .txrow .txmain small{font-size:11px}.ui-main .txrow>.right strong{font-size:14px}.ui-main .ui-account-tools>summary{min-height:32px}.ui-main .split-small-link{min-height:30px}.ui-main .bulk-tools{padding:8px 12px}}

/* Transaction kinds stay a compact group, not five full-width rows. */
.ui-main .ui-entry-form>.seg>label{grid-column:auto;min-width:0}
.ui-main .mb-result{padding:18px 20px;border-radius:8px}.ui-main .mb-result strong{font-size:30px;margin:8px 0}.ui-main .mb-result .ui-result-note{display:block;font-size:12px;color:inherit;opacity:.92}
@media(max-width:760px){.ui-main .ui-entry-form>.seg{grid-template-columns:repeat(3,minmax(0,1fr))}.ui-main .ui-entry-form>.seg>label{grid-column:auto}.ui-main .mb-result{padding:16px}}

.ui-dash-col{display:grid;align-content:start;gap:18px;min-width:0}.ui-dashboard-grid{align-items:start}

/* 2.4.1: one content edge, legible density, and dedicated desktop ledger layout. */
/* Shared header/main gutter is defined once above. */
.ui-main .pagehead>div>small{display:none}.ui-main .pagehead{margin-bottom:16px}.ui-main h1{font-size:28px}
.ui-primary a{font-size:16px}.ui-subnav a{font-size:14px}.ui-area-label{font-size:15px}
.ui-main .section-title h2,.ui-panel .section-title h2{font-size:18px}.ui-main .section-title a{font-size:14px}
.ui-main .rowlink b{font-size:16px}.ui-main .rowlink small{font-size:13px}.ui-main .rowlink strong{font-size:16px}
.ui-main .rowlink{padding-block:11px}.ui-main .ui-caption{font-size:13px}.ui-main .ui-empty{padding:12px 0;margin:0}
.ui-main .ui-panel-empty{padding:14px 18px}.ui-panel-empty>.section-title{margin:0}
.ui-result-breakdown{min-width:0;border-left:1px solid #c9dadc;padding-left:24px}
.ui-result-breakdown .ui-metrics{border:0;padding:0;grid-template-columns:1fr 1fr;gap:20px}
.ui-result-breakdown .ui-metrics dt{font-size:14px}.ui-result-breakdown .ui-metrics dd{font-size:24px}
.ui-included{margin:14px 0 0;display:flex;align-items:baseline;gap:8px 20px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.ui-included span{display:inline-flex;gap:8px}.ui-included b{color:var(--ink);font-variant-numeric:tabular-nums}
.ui-workflows a{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;gap:10px}.ui-workflows b{font-size:15px}.ui-workflows span{font-size:18px}
.ui-main .ui-balance-list div{padding:9px 0}.ui-balance-list dt{font-size:15px}.ui-balance-list dd{font-size:19px}
.ui-main .ui-personal-debt{margin-top:12px;padding-top:12px}.ui-personal-debt b{font-size:14px}
.ui-category-caption{font-size:13px;color:var(--muted);margin:-4px 0 12px}
.ui-category>div{display:grid;grid-template-columns:minmax(0,1fr) auto 4.3rem;gap:12px;align-items:baseline;font-size:15px}
.ui-category-share{color:var(--muted);text-align:right;font-size:13px;font-variant-numeric:tabular-nums}.ui-category b{font-size:15px}
.ui-main .ui-ledger-title{align-items:center;margin-bottom:10px}.ui-ledger-title .account-list-summary{margin:0;font-size:14px}
.ui-transactions-toolbar{display:grid;grid-template-columns:auto minmax(200px,1fr) auto auto;gap:12px;align-items:end;margin:0 0 16px}
.ui-main .ui-transactions-toolbar .monthnav{margin:0;max-width:none;width:18rem;grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}
.ui-main .ui-transactions-toolbar .monthnav>strong{font-size:16px}.ui-all-periods{padding:10px 0}
.ui-main .ui-transactions-toolbar .ui-list-search{display:flex;flex-direction:column;gap:4px;margin:0;position:relative;min-width:0}
.ui-main .ui-transactions-toolbar .ui-list-search label{font-size:13px}.ui-transactions-toolbar [data-ui-search-count]:empty{display:none}
.ui-transactions-toolbar [data-ui-search-count]{position:absolute;inset:auto 0 -20px auto;min-height:18px;font-size:12px}
.ui-main .ui-transactions-toolbar .ui-list-search input{width:100%;max-width:none;min-height:42px}
.ui-ready .ui-toolbar-detail:not([open]){display:none}.ui-main .ui-toolbar-detail{margin:0 0 14px}
.ui-toolbar-toggle[aria-expanded=true]{background:#e7f1f1!important;border-color:var(--accent)!important}
.ui-main .ui-toolbar-detail>summary{font-size:15px}.ui-main .account-filters label{font-size:14px}
/* Same columns are used by each row and the visible header. No nested forms. */
body.ui-auth .ui-main .ui-ledger{padding:0 14px;overflow:visible}
body.ui-auth .ui-main .ui-ledger .ui-ledger-head,body.ui-auth .ui-main .ui-ledger .txrow{
 display:grid;grid-template-columns:24px minmax(5.6rem,.65fr) minmax(10rem,2fr) minmax(8rem,1fr) minmax(9rem,1.4fr) minmax(8.5rem,.85fr) 5.2rem;column-gap:12px;align-items:start;
}
body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .ui-ledger-head,body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .txrow{grid-template-columns:0 minmax(5.6rem,.65fr) minmax(10rem,2fr) minmax(8rem,1fr) minmax(9rem,1.4fr) minmax(8.5rem,.85fr) 5.2rem}
body.ui-auth .ui-main .ui-ledger .ui-ledger-head{font-size:13px;color:var(--muted);font-weight:650;padding:13px 0;border-bottom:1px solid var(--line)}
body.ui-auth .ui-main .ui-ledger .txrow{padding:12px 0;row-gap:6px;min-height:74px;border-bottom:1px solid var(--line)}
body.ui-auth .ui-main .ui-ledger .txrow:last-child{border-bottom:0}.ui-align-right{text-align:right}
body.ui-auth .ui-main .ui-ledger .txcheck{grid-column:1;grid-row:1;align-self:start;margin-top:10px}
body.ui-auth .ui-main .ui-ledger .ui-tx-date{grid-column:2;grid-row:1;font-size:14px;color:var(--muted);padding-top:8px;white-space:nowrap}
body.ui-auth .ui-main .ui-ledger .ui-tx-description{grid-column:3;grid-row:1;min-width:0;padding-top:3px}
body.ui-auth .ui-main .ui-ledger .ui-tx-category{grid-column:4;grid-row:1;min-width:0;padding-top:8px;font-size:14px;overflow-wrap:anywhere}
body.ui-auth .ui-main .ui-ledger .ui-tx-account{grid-column:5;grid-row:1;min-width:0;padding-top:2px}
body.ui-auth .ui-main .ui-ledger .txrow>.right{grid-column:6;grid-row:1;flex-direction:column;gap:0;align-items:flex-end;justify-content:start;padding:7px 0 0;min-width:0}
body.ui-auth .ui-main .ui-ledger .txrow>.right strong{font-size:16px;line-height:1.45;white-space:nowrap}
body.ui-auth .ui-main .ui-ledger .ui-tx-actions{grid-column:7;grid-row:1;display:flex;align-items:center;justify-content:end;gap:6px}
body.ui-auth .ui-main .ui-ledger .ui-tx-actions .mini{display:inline-flex;min-width:36px;width:36px;min-height:36px;height:36px;padding:7px;margin:0;border-radius:4px}
.ui-tx-actions .ui-icon{width:18px;height:18px}.ui-tx-mobile-meta{display:none}
body.ui-auth .ui-main .ui-ledger .txmain b{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
body.ui-auth .ui-main .ui-ledger .txmain small{font-size:13px;margin-top:3px}
.ui-tx-status{display:block;font-size:12px;color:var(--muted);margin-top:4px}
body.ui-auth .ui-main .ui-ledger .ui-account-tools>summary{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2px 9px;min-height:34px;font-size:14px;line-height:1.4;padding:4px 0}
.ui-tx-account-label{display:block;font-size:14px;color:var(--muted);padding-top:6px;overflow-wrap:anywhere}
body.ui-auth .ui-main .ui-ledger .accountquick{padding:10px;margin-top:6px}
body.ui-auth .ui-main .ui-ledger .accountquick form:first-child{display:flex;flex-direction:column;min-width:0}
body.ui-auth .ui-main .ui-ledger .accountquick label{font-size:13px;min-width:0;display:grid;gap:4px}
body.ui-auth .ui-main .ui-ledger .accountquick select{font-size:16px;min-width:0;width:100%}
body.ui-auth .ui-main .ui-ledger .split-list-details{font-size:13px;margin-top:5px}
body.ui-auth .ui-main .ui-ledger .split-list-details>summary{font-size:13px;padding:4px 0;min-height:30px}
.ui-main .ui-plan-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.ui-plan-title .mb-tabs{margin:0;gap:6px}
.ui-main .ui-plan-month{display:flex;align-items:end;gap:8px;max-width:30rem;margin:0 0 10px}
.ui-main .ui-plan-month label{flex:1;min-width:0;font-size:13px;display:grid;gap:4px}.ui-plan-month input{width:100%}
.ui-main .ui-plan-month>a{display:grid;place-items:center;flex:none;width:40px;min-height:42px;border:1px solid var(--line);background:white;border-radius:6px;text-decoration:none}
.ui-main .mb-context{font-size:13px;margin:8px 0 12px}
.ui-plan-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;margin:14px 0 18px;align-items:start}
.ui-main .ui-plan-overview .mb-result{margin:0;padding:18px 20px}.ui-main .ui-plan-overview .mb-result>span:first-child{font-size:15px}
.ui-main .ui-plan-overview .mb-result strong{font-size:32px;margin:6px 0;line-height:1.2}.ui-plan-audit{display:grid;gap:10px;min-width:0}
.ui-main .ui-plan-audit .mb-details{margin:0;padding:9px 14px}.ui-main .ui-plan-audit details>summary{min-height:32px;font-size:14px}
.ui-plan-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.ui-plan-column{min-width:0}.ui-main .ui-plan-column>.section-title{margin:0 0 12px}.ui-main .ui-plan-column .mb-details{margin:10px 0;padding:9px 14px}
.ui-main .ui-plan-column .mb-entry{margin:0 0 12px;padding:14px}.ui-main .ui-plan-column .mb-entry-head{font-size:16px}
.ui-main .ui-plan-column .mb-equation{font-size:14px;gap:5px 12px;margin:10px 0}.ui-main .ui-plan-column .mb-equation dd{font-size:15px}
.ui-main .ui-plan-column .mb-entry p{font-size:14px;margin:8px 0}.ui-main .ui-plan-column .form{padding:0;max-width:none}
.ui-main .ui-plan-column .mb-inline{gap:10px;margin:10px 0;flex-wrap:wrap}.ui-main .ui-plan-column .mb-inline>label{min-width:0;flex:1 1 12rem}
.ui-main .ui-plan-column>.mb-list>.muted{margin:0 0 12px;padding:12px 0;font-size:15px}
.ui-plan-history{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin:16px 0}
.ui-main .ui-plan-history .mb-details{margin:0;padding:10px 14px}.ui-main .mb-details>summary{font-size:15px}
@media(max-width:1199px){
 .ui-transactions-toolbar{grid-template-columns:minmax(0,1fr) auto auto}.ui-transactions-toolbar .monthnav{grid-column:1/-1;width:19rem!important}.ui-transactions-toolbar .ui-all-periods{grid-column:1/-1}
 .ui-plan-columns{gap:16px}.ui-main .ui-plan-column .mb-entry-head{flex-wrap:wrap}
 body.ui-auth .ui-main .ui-ledger .ui-ledger-head{display:none}
 body.ui-auth .ui-main .ui-ledger .txrow,body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .txrow{grid-template-columns:22px minmax(0,1fr) auto;column-gap:10px;row-gap:6px;padding:12px 0}
 body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .txrow{grid-template-columns:0 minmax(0,1fr) auto;column-gap:8px}
 body.ui-auth .ui-main .ui-ledger .ui-tx-date,body.ui-auth .ui-main .ui-ledger .ui-tx-category{display:none}.ui-tx-mobile-meta{display:inline}
 body.ui-auth .ui-main .ui-ledger .ui-tx-description{grid-column:2;grid-row:1;padding:0}
 body.ui-auth .ui-main .ui-ledger .ui-tx-account{grid-column:2;grid-row:2;padding:0}
 body.ui-auth .ui-main .ui-ledger .txrow>.right{grid-column:3;grid-row:1;padding:0}
 body.ui-auth .ui-main .ui-ledger .ui-tx-actions{grid-column:3;grid-row:2;align-self:end}
 .ui-result-breakdown{padding:0;border:0}.ui-result-breakdown .ui-metrics{grid-template-columns:1fr 1fr}.ui-workflows b{font-size:14px}
}
@media(max-width:760px){
 html{font-size:16px;scroll-padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .ui-main h1{font-size:26px}.ui-main .pagehead{margin-bottom:12px}.ui-main .ui-ledger-title{align-items:start;flex-direction:column;gap:3px}.ui-ledger-title .account-list-summary{font-size:13px}
 .ui-main .ui-transactions-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:20px}
 .ui-main .ui-transactions-toolbar .monthnav{width:100%!important;grid-column:1/-1}.ui-main .ui-transactions-toolbar .ui-list-search{grid-column:1/-1}
 .ui-main .ui-toolbar-toggle{padding:8px 12px;min-height:44px;font-size:14px}.ui-transactions-toolbar [data-ui-search-count]{position:static}
 body.ui-auth .ui-main .ui-ledger{padding:0 10px}
 body.ui-auth .ui-main .ui-ledger .txrow,body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .txrow{column-gap:6px;grid-template-columns:20px minmax(0,1fr) auto}
 body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .txrow{grid-template-columns:0 minmax(0,1fr) auto;column-gap:4px}
 body.ui-auth .ui-main .ui-ledger .txmain b{font-size:15px}.ui-main .ui-ledger .txmain small{font-size:13px}
 body.ui-auth .ui-main .ui-ledger .txrow>.right strong{font-size:15px}
 body.ui-auth .ui-main .ui-ledger .ui-tx-actions .mini{width:40px;min-width:40px;height:44px;min-height:44px;padding:8px}
 body.ui-auth .ui-main .ui-ledger .ui-account-tools>summary{font-size:13px;min-height:44px}
 .ui-tx-account-label{font-size:13px;min-height:40px;padding-top:9px}
 .ui-result-breakdown .ui-metrics dt{font-size:13px}.ui-result-breakdown .ui-metrics dd{font-size:20px}.ui-included{font-size:13px;gap:6px 12px}
 .ui-main .ui-workflows b{font-size:13px}.ui-workflows a{min-height:48px;padding:10px 12px}
 .ui-category>div{font-size:14px;column-gap:8px;grid-template-columns:minmax(0,1fr) auto 3.9rem}.ui-category b{font-size:14px}
 .ui-main .ui-plan-title{flex-wrap:wrap}.ui-plan-title .mb-tabs{margin:0}.ui-main .ui-plan-month{max-width:100%;gap:6px}.ui-main .ui-plan-month input{padding:10px 6px;min-width:0}
 .ui-main .ui-plan-month>a{min-height:44px;width:32px}.ui-main .ui-plan-month button{padding:8px 10px}
 .ui-plan-overview,.ui-plan-columns,.ui-plan-history{grid-template-columns:minmax(0,1fr);gap:14px}
 .ui-main .ui-plan-audit details>summary{min-height:40px}.ui-main .ui-plan-column>.section-title h2{font-size:18px}
 .ui-main .ui-panel-empty{padding:12px 14px}.ui-main .ui-panel-empty>.section-title{gap:8px}
}

/* Long amounts may wrap at narrow cell widths, never overlap adjacent data. */
body.ui-auth .ui-main .ui-ledger .txrow>.right strong{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.ui-main .ui-transactions-toolbar .ui-list-search [data-ui-search-count]{position:static;align-self:flex-end;font-size:12px}
@media(min-width:1200px){body.ui-auth .ui-main .ui-ledger .ui-ledger-head,body.ui-auth .ui-main .ui-ledger .txrow{grid-template-columns:var(--ui-ledger-columns)}body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .ui-ledger-head,body.ui-auth.ui-ready:not(.ui-selecting) .ui-main .ui-ledger .txrow{grid-template-columns:var(--ui-ledger-columns)}}

/* A common track definition keeps row values aligned with the column headers. */
@media(min-width:1200px){
 .ui-ledger{--ui-select-track:24px;--ui-ledger-columns:var(--ui-select-track) minmax(90px,.65fr) minmax(160px,2fr) minmax(128px,1fr) minmax(144px,1.4fr) minmax(136px,.85fr) 84px}
 .ui-ready:not(.ui-selecting) .ui-ledger{--ui-select-track:0px}
}
/* Nested content grids use the same spacing, not individual centred boxes. */
.ui-dashboard-grid,.ui-dash-col,.ui-plan-overview,.ui-plan-columns,.ui-plan-history{gap:var(--ui-gap)}
.ui-tx-link-state{color:var(--muted)}
@media(max-width:760px){:root{--ui-gap:14px}}
/* Very narrow/zoomed viewports: grow header height instead of clipping actions. */
@media(max-width:360px){.ui-header-content{grid-template-columns:minmax(0,1fr);gap:6px}.ui-header-content .ui-top-actions{justify-self:stretch}.ui-mobile-brand{justify-self:start}}