:root{--bg:#f5f7f5;--paper:#fff;--ink:#23382f;--muted:#6f7d75;--green:#27634b;--pale:#e9f1eb;--line:#e2e8e1;--gold:#ba842c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}svg{width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:17px;font-weight:750;line-height:1.3}.brand small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.brand-symbol{display:grid;place-items:center;background:var(--green);color:white;width:40px;height:40px;border-radius:13px;flex-shrink:0}nav{display:flex;flex-direction:column;gap:7px;margin-top:48px}nav a{display:flex;align-items:center;gap:13px;padding:12px 15px;text-decoration:none;font-size:14px;border-radius:12px;color:var(--muted)}nav a[aria-current]{background:var(--pale);color:var(--green);font-weight:700}nav a:hover{background:#f4f7f3}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:14px;font-size:12px}.sidebar-bottom a{text-decoration:none;color:var(--muted)}.private-label{border-top:1px solid var(--line);padding-top:20px;color:var(--green)}.content{margin-left:244px;width:calc(100% - 244px);padding:0 52px}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:88px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.user-pill{display:flex;align-items:center;gap:9px;max-width:60%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e7eede;color:var(--green);font-weight:700;flex-shrink:0}main{max-width:1150px;padding:43px 0 48px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--green);margin:0 0 14px}h1{font-size:clamp(32px,3.8vw,49px);line-height:1.15;letter-spacing:-.04em;margin:0 0 18px}h1 span{color:#7b8c7e}h2{font-size:22px;letter-spacing:-.02em;line-height:1.3;margin:0 0 10px}h3{font-size:23px;letter-spacing:-.02em;margin:0 0 10px}.lead{font-size:16px;color:var(--muted);max-width:700px;margin:0 0 25px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.metrics>div{background:var(--paper);border:1px solid var(--line);padding:23px;border-radius:17px;display:flex;flex-direction:column}.metrics span{font-size:12px;color:var(--muted)}.metrics strong{font-size:34px;line-height:1.5;font-weight:650}.metrics a,.metrics small{font-size:11px;color:var(--muted)}.metrics a{color:var(--green);text-decoration:none}.welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#e8efe5;border:1px solid #dde6d7;padding:30px;border-radius:20px;margin:30px 0 35px}.welcome .eyebrow{margin-bottom:8px}.welcome p:not(.eyebrow){font-size:14px;max-width:560px;color:#627362;margin:0}.welcome .button{flex-shrink:0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.section-heading h2{margin:0}.section-heading span{color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;text-decoration:none;min-width:0}.card:hover{border-color:#aabdad}.area-icon{display:grid;place-items:center;background:var(--pale);color:var(--green);width:46px;height:46px;border-radius:13px;margin-bottom:20px}.card h2{font-size:22px}.card p{color:var(--muted);font-size:14px;margin:0 0 18px}.badge{display:inline-block;border-radius:20px;background:#f0f2ef;color:var(--muted);padding:5px 10px;font-size:10px;font-weight:600}.area-card .badge{position:absolute;right:23px;top:29px}.badge.live{background:#e6f0e4;color:#436f3e}.arrow{margin-top:auto;padding-top:14px;font-size:13px;font-weight:650;color:var(--green);text-decoration:none}.tag{font-size:11px;font-weight:650;color:var(--green);margin-bottom:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 19px;font:inherit;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;text-decoration:none;min-height:44px}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button:hover{filter:brightness(.96)}.status,.notice,.reminder{padding:18px 22px;border-radius:12px;background:#e9f0e5;margin:20px 0}.status strong,.status span{display:block}.status span{font-size:14px;color:var(--muted)}.notice,.reminder{background:#fff2db;color:#855c24;font-size:13px}.reminder{display:flex;justify-content:space-between;gap:15px;text-decoration:none}.contract-tools{display:grid;grid-template-columns:1fr 220px;gap:20px;margin:28px 0 25px;align-items:end}.search-field,.field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:550}.field small{font-weight:400}.search-field input,.field input,.field select,.field textarea{width:100%;border:1px solid #d5dfd4;border-radius:9px;padding:12px;background:#fff;color:var(--ink);font:inherit;font-weight:400;min-width:0;min-height:46px}.field textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.form-section,.upcoming,.empty{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;margin:24px 0}.contract-form{max-width:850px}.form-section .badge{margin-bottom:18px}.muted,.field small{color:var(--muted);font-size:12px}.rate{border:1px solid var(--line);border-radius:12px;padding:24px;margin:23px 0;min-width:0}.rate legend{font-size:12px;color:var(--green);font-weight:600;padding:0 9px}.remove-rate{margin-top:18px;color:#8e4a35;font-weight:400;font-size:12px}.optional-details{border-top:1px solid var(--line);padding-top:18px;margin-top:25px}summary{cursor:pointer;font-size:13px;font-weight:600}.optional-details[open] summary{margin-bottom:20px}.optional-details textarea{margin-top:12px}.form-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.form-actions>a{font-size:12px;color:var(--muted)}#wizard-progress{font-size:11px;color:var(--muted);margin-left:auto}.wizard-steps{display:flex;gap:12px;margin:25px 0}.wizard-steps span{flex:1;border-bottom:3px solid var(--line);padding:10px 0;font-size:12px;color:var(--muted)}.wizard-steps .active,.wizard-steps .complete{border-color:var(--green);color:var(--green);font-weight:650}.type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}.type-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px;text-decoration:none;display:flex;flex-direction:column;align-items:start;gap:8px}.type-card:hover{border-color:var(--green);background:#fafff8}.type-card .area-icon{margin-bottom:7px}.type-card strong{font-size:15px}.type-card>span:last-child{font-size:12px;color:var(--muted)}.compact{margin:7px 0!important}.audit{padding:10px 0}.audit pre{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.upcoming{max-width:730px}.upcoming li{padding:9px 0;font-size:15px}.upcoming p{font-size:13px;color:var(--muted)}footer{max-width:1150px;margin:auto;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:24px 0;font-size:10px;color:var(--muted)}a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(min-width:1500px){.content{padding:0 75px}}@media(max-width:1000px){.sidebar{width:210px;padding:27px 15px}.content{margin-left:210px;width:calc(100% - 210px);padding:0 28px}.brand{font-size:15px}.welcome{align-items:start;flex-direction:column}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.app{display:block}.sidebar{position:relative;inset:auto;width:100%;padding:18px 20px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center}.brand{font-size:16px}.brand small{font-size:9px}.sidebar nav{position:fixed;bottom:0;left:0;right:0;margin:0;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:8px 6px max(9px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #20362b06;z-index:20}.sidebar nav a{display:flex;flex-direction:column;gap:5px;padding:7px 2px;font-size:9px;border-radius:10px}.sidebar nav svg{width:21px;height:21px}.sidebar-bottom{margin:0;flex-direction:row;gap:12px;font-size:10px}.private-label{display:none}.content{margin:0;width:100%;padding:0 20px 90px}.topbar{min-height:60px;font-size:11px}.avatar{width:26px;height:26px;font-size:11px}main{padding:30px 0}h1{font-size:36px}.lead{font-size:14px}.metrics{gap:8px;margin:24px 0}.metrics>div{padding:13px 10px;border-radius:12px}.metrics span{font-size:9px}.metrics strong{font-size:25px}.metrics small,.metrics a{font-size:9px}.welcome{padding:22px;margin:24px 0}.welcome h2{font-size:21px}.welcome p:not(.eyebrow){font-size:13px}.section-heading span{display:none}.grid{grid-template-columns:1fr;gap:14px}.card{padding:22px}.area-card{padding-left:82px;min-height:153px}.area-card .area-icon{position:absolute;top:22px;left:20px;width:42px;height:42px}.area-card .badge{position:static;align-self:start;font-size:9px;margin-bottom:12px}.area-card h2{font-size:20px}.contract-tools{grid-template-columns:1fr;gap:14px}.form-grid{grid-template-columns:1fr;gap:20px}.form-section,.upcoming,.empty{padding:22px}.rate{padding:16px}.type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.type-card{padding:19px 15px}.type-card strong{font-size:13px}.wizard-steps{gap:8px}.wizard-steps span{font-size:11px}.form-actions{gap:10px}.form-actions .button{padding:11px 15px}#wizard-progress{width:100%;margin:0}.reminder{flex-direction:column;gap:3px}footer{font-size:9px}}
.audit-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.audit-values dt{color:var(--muted)}.audit-values dd{margin:0;overflow-wrap:anywhere}

.water-bundle{grid-column:1/-1;border:1px solid var(--border,#d9e2dd);border-radius:20px;padding:20px;background:#edf3ef}.water-bundle>h2{margin-top:0}.water-bundle .card{margin:0}.advance-preview{grid-column:1/-1;font-weight:600}[hidden]{display:none!important}

.contract-edit{margin-top:18px;align-self:flex-start;min-height:48px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.base-preview,.legacy-base{grid-column:1/-1}.legacy-base p{margin-bottom:8px}.install-area{margin:14px 0}.install-help{font-size:13px;max-width:750px;background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.install-help ol{padding-left:22px}.install-help button{margin-top:10px}.sidebar-bottom .install-button{align-self:flex-start}@media(max-width:700px){.sidebar-bottom{flex-wrap:wrap;justify-content:flex-end;max-width:47%}.install-button{font-size:10px;padding:7px 9px;min-height:40px}.field input,.field select,.field textarea{font-size:16px}}

.garden-check{display:flex;gap:12px;align-items:center;margin:18px 0;font-size:14px}.garden-check input{width:20px;height:20px;flex-shrink:0}

.user-pill{text-decoration:none;color:var(--green);min-height:44px;padding:4px 0}.profile-summary dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px 20px;font-size:14px}.profile-summary dt{color:var(--muted)}.profile-summary dd{margin:0;overflow-wrap:anywhere}.profile-check{display:flex;gap:12px;align-items:flex-start;font-size:14px;margin:22px 0}.profile-check input{width:20px;height:20px;margin-top:2px;flex-shrink:0}.danger-zone{border-color:#dbbfb8}.button.danger{color:#8d392e;border-color:#dbbfb8;background:#fff6f3}.profile-delete-form{display:flex;flex-direction:column;gap:20px;max-width:650px}.profile-delete-form .profile-check{margin:0}.profile-delete-form .button{align-self:flex-start}@media(max-width:700px){.profile-summary dl{grid-template-columns:1fr;gap:3px}.profile-summary dd{margin-bottom:12px}.profile-delete-form .button{width:100%}}
/* Consumption overview: compact on the home page, detailed in its own area. */
.dashboard-costs{margin:28px 0 36px}.forecast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.forecast-card,.forecast-empty,.usage-contract,.bill-card{background:#fff;border:1px solid #dfe6df;border-radius:22px;padding:24px}.forecast-card{display:block;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}.forecast-card:hover{box-shadow:0 8px 26px #23382f12;transform:translateY(-2px)}.forecast-card>span,.forecast-card>small{display:block;color:#596a60;font-size:13px}.forecast-card h3{font-size:16px;margin:14px 0 8px}.forecast-amount{display:block;font-size:32px;letter-spacing:-1px}.due .forecast-amount,.balance-panel.due strong{color:#93522d}.positive .forecast-amount,.balance-panel.positive strong{color:#27634b}.forecast-empty{grid-column:1/-1;background:#f5f8f2}.forecast-empty h3{margin-top:0}.cost-chart{margin:16px 0 0;min-width:0}.cost-chart svg{display:block;width:100%;height:auto;max-width:440px}.cost-chart text{font-size:12px;fill:#415448}.cost-bar,.usage-bar{fill:#3b7356}.advance-bar{fill:#d6ac60}.cost-chart figcaption,.usage-chart figcaption{font-size:12px;color:#64756b;margin-top:8px}.compact-chart svg{max-height:100px}.usage-contract{margin:24px 0;padding:28px}.usage-contract .section-heading p{margin:5px 0}.usage-overview{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.balance-panel{padding:24px;background:#f4f7f1;border-radius:18px}.balance-panel>span{display:block;font-size:14px;color:#526358}.balance-panel strong{display:block;font-size:38px;line-height:1.3;margin:8px 0}.balance-panel p{margin:8px 0;color:#526358;font-size:14px}.balance-panel small{font-size:12px;color:#65756b}.usage-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.usage-kpis span{display:block;font-size:13px;color:#627369}.usage-kpis strong{display:block;font-size:20px;margin-top:6px}.usage-chart{margin:20px 0}.usage-chart svg{width:100%;height:auto;display:block}.chart-axis{stroke:#dbe3db;stroke-width:1}.usage-chart text{font-size:11px;fill:#627369}.usage-entry,.calculation-notes,.correction{border-top:1px solid #e6ebe5;padding:16px 0}.usage-entry>summary,.calculation-notes summary,.correction summary,.reminder-settings summary{font-weight:650;cursor:pointer}.usage-form,#reading-reminder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;align-items:end}.usage-form>p,.usage-form>button,.usage-form>label:has(input[type=checkbox]),.usage-actions,#push-status{grid-column:1/-1}.usage-form .field{margin:0}.usage-actions{display:flex;flex-wrap:wrap;gap:10px}.usage-form input,.usage-form select,#reading-reminder select{width:100%;box-sizing:border-box}.usage-form input[type=checkbox]{width:auto}.table-scroll{overflow:auto;max-width:100%}.usage-table{width:100%;border-collapse:collapse;font-size:14px}.usage-table th,.usage-table td{padding:12px 10px;text-align:left;border-bottom:1px solid #e5ebe3;white-space:nowrap}.usage-table th{color:#5c6e62;font-size:12px}.bill-card{margin:18px 0}.bill-card h3{margin:8px 0}.help{font-size:13px;color:#64756b;line-height:1.6}.calculation-notes p{font-size:13px;color:#5d7062;line-height:1.6}.reminder-settings{margin:24px 0}.reminder-settings summary{font-size:17px}#push-status{min-height:1.5em;font-size:13px}.usage-contract:target{scroll-margin-top:20px}.sidebar nav{overflow-y:auto}
@media(max-width:1100px){.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-card:nth-child(3){display:none}.usage-contract{padding:22px}.balance-panel strong{font-size:32px}}
@media(max-width:650px){.forecast-grid,.usage-overview{grid-template-columns:1fr}.forecast-card:nth-child(3){display:block}.forecast-card{padding:20px}.usage-contract{padding:18px;border-radius:18px}.usage-contract .section-heading{align-items:flex-start;gap:16px;flex-wrap:wrap}.usage-kpis{grid-template-columns:1fr;gap:12px}.usage-kpis>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.usage-kpis strong{font-size:18px;margin-top:0}.usage-form,#reading-reminder{grid-template-columns:1fr}.usage-form>*{grid-column:1!important}.balance-panel{padding:20px}.cost-chart svg{max-height:110px}.forecast-card .compact-chart{display:none}.usage-actions .button{width:100%}.usage-chart text{font-size:13px}.bill-card{padding:18px}.sidebar nav{overflow-x:auto;overflow-y:visible}}
@media(prefers-reduced-motion:reduce){.forecast-card{transition:none}.forecast-card:hover{transform:none}}

@media(max-width:700px){.sidebar nav{grid-template-columns:repeat(7,minmax(74px,1fr));overflow-x:auto;overflow-y:hidden}.content{padding-bottom:108px}.dashboard-costs .section-heading{flex-wrap:wrap}.forecast-grid{grid-template-columns:1fr}.forecast-card:nth-child(3){display:block}}
.usage-contract .section-heading>div{min-width:0;max-width:100%;overflow-wrap:anywhere}.usage-contract,.forecast-card,.balance-panel{overflow-wrap:anywhere}main h1{overflow-wrap:anywhere}
@media(max-width:700px){.forecast-grid:has(.forecast-card){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.forecast-card{flex:0 0 85%;scroll-snap-align:start}.forecast-card .compact-chart{display:block}.forecast-card .compact-chart svg{max-height:100px}.usage-contract .section-heading .button{max-width:100%}}

/* 0.8.5: focused contract view, cumulative comparison curves and clear entries. */
.usage-selector{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin:24px 0}.usage-selector a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:140px;max-width:100%;padding:13px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow-wrap:anywhere}.usage-selector a span{font-size:11px}.usage-selector a[aria-current]{border-color:#739784;background:#e9f1eb}.settlement-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:stretch}.settlement-details{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-content:center}.settlement-details span,.settlement-details small{display:block;color:#596a60;font-size:13px}.settlement-details strong{display:block;margin:10px 0;font-size:25px;line-height:1.3}.settlement-details small{font-size:12px}.period-note{font-size:13px;color:#596a60;margin:18px 0 6px}.settlement-explanation{margin:8px 0 25px}.forecast-total{font-size:12px!important;color:#596a60;margin:10px 0 0!important}.usage-graph{border-top:1px solid var(--line);margin-top:26px;padding-top:24px}.usage-graph h3{font-size:20px}.comparison-chart{margin:12px 0 16px}.chart-legend{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin-bottom:12px}.chart-legend span{display:inline-flex;align-items:center;gap:7px}.chart-legend span::before{content:'';width:24px;border-top:3px solid #27634b}.chart-legend .legend-previous::before{border-color:#748491;border-top-style:dashed}.chart-legend .legend-projection::before{border-color:#a9691d;border-top-style:dashed}.chart-scroll{overflow-x:auto;max-width:100%}.comparison-chart svg{width:100%;height:auto;display:block;min-width:420px;max-height:360px}.comparison-chart text{fill:#53675b;font-size:13px}.chart-grid{stroke:#e3e9e1;stroke-width:1}.curve-current,.curve-previous,.curve-projection{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.curve-current{stroke:#27634b}.curve-previous{stroke:#748491;stroke-dasharray:4 5}.curve-projection{stroke:#a9691d;stroke-dasharray:9 6}.point-current{fill:#27634b}.point-previous{fill:#fff;stroke:#748491;stroke-width:1.7}.point-projection{fill:#fff;stroke:#a9691d;stroke-width:2}.comparison-chart figcaption{color:#596a60;font-size:12px;margin-top:10px}.chart-note{background:#f5f7f2;padding:12px 15px;border-radius:10px}.chart-small .chart-legend{gap:10px;font-size:10px}.chart-small .chart-legend span::before{width:14px}.chart-small svg{min-width:0;max-height:120px}.chart-small svg text{display:none}.chart-small figcaption{font-size:10px}.usage-form{display:block}.usage-form>.form-grid{gap:20px;margin:20px 0}.usage-form>.button{margin-top:14px}.usage-entry{padding:21px 0}.usage-entry>summary{list-style:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.usage-entry>summary::after{content:'+';margin-left:auto;color:#65776a}.usage-entry[open]>summary::after{content:'−'}.usage-entry>summary small{font-weight:400;font-size:12px;color:#65776a}.entry-number{display:inline-grid;place-items:center;width:27px;height:27px;background:#e9f1eb;color:#27634b;border-radius:9px;font-size:12px}.usage-entry h4{font-size:16px;margin:24px 0 12px}.last-reading{font-size:13px;background:#f4f7f1;border-radius:10px;padding:12px 15px;margin:14px 0}.usage-form .field small{font-size:12px;line-height:1.5}.primary-entry>summary{color:#27634b}.reading-reminder{margin-top:28px}
@media(max-width:1000px){.settlement-summary{grid-template-columns:1fr}.settlement-details{padding:8px 0}.balance-panel strong{font-size:38px}}
@media(max-width:650px){.settlement-details{grid-template-columns:1fr;gap:15px}.settlement-details>div{border-bottom:1px solid var(--line);padding-bottom:14px}.settlement-details strong{font-size:23px;margin:6px 0}.usage-selector a{flex:1 1 130px}.usage-entry>summary small{flex-basis:100%;padding-left:39px}.usage-entry>summary::after{position:absolute;right:0;top:0}.usage-entry>summary{position:relative;padding-right:25px}.usage-form>.form-grid{grid-template-columns:1fr}.chart-legend{gap:10px;font-size:11px}.chart-scroll{border:1px solid #edf1eb;border-radius:8px}.chart-small .chart-scroll{border:0}.comparison-chart figcaption{font-size:11px}.chart-small svg{max-height:110px}}
@media(max-width:650px){.comparison-chart svg{min-width:0;max-height:none}.comparison-chart:not(.chart-small) svg text{font-size:20px}.comparison-chart .chart-middle{display:none}.chart-small svg{max-height:110px}}

.usage-year{font-weight:650;color:#27634b;font-size:14px}.usage-measured{background:#f3f7f1;padding:16px;border-radius:12px;line-height:1.6}.bill-history{margin:32px 0}.bill-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;cursor:pointer;list-style:none}.bill-card>summary::after{content:'+';color:#627369}.bill-card[open]>summary::after{content:'−'}.bill-card>summary span{font-size:14px;color:#27634b}.bill-card p{line-height:1.6}.bill-history:target{scroll-margin-top:24px}

/* 0.8.6: one place for readings, clear defaults, reachable complete history. */
.usage-jump-links{flex-direction:row;flex-wrap:wrap;gap:9px;margin:0 0 22px}.usage-jump-links a{font-size:12px;color:var(--green);background:#f3f7f1;padding:9px 12px;border:1px solid var(--line);border-radius:9px;min-height:44px}.meter-management{margin:28px 0 18px;padding:24px;background:#f7f9f5;border:1px solid var(--line);border-radius:17px;scroll-margin-top:20px}.meter-management .section-heading{align-items:flex-start;margin-bottom:6px}.meter-management .section-heading h3{font-size:22px}.meter-management .section-heading p{margin:8px 0}.meter-management .section-heading>span{white-space:nowrap;font-size:12px}.meter-management .new-reading{margin-bottom:14px}.new-reading .usage-form{background:#fff;padding:18px;border:1px solid var(--line);border-radius:12px}.new-reading h4{margin-top:20px}.reading-history>.help{margin:18px 0 12px}.reading-year{border-top:1px solid var(--line);padding:12px 0}.reading-year>summary{display:flex;align-items:center;gap:12px;padding:7px 0;min-height:44px;list-style:none}.reading-year>summary strong{font-size:16px}.reading-year>summary span{font-size:12px;color:var(--muted);font-weight:400}.reading-year>summary::after{content:'+';margin-left:auto;color:var(--muted)}.reading-year[open]>summary::after{content:'−'}.reading-list{display:grid;gap:9px;margin:8px 0 0}.reading-record{padding:0;background:#fff;border:1px solid var(--line);border-radius:12px;min-width:0}.reading-record>summary{display:grid;grid-template-columns:100px minmax(110px,1fr) minmax(90px,1fr) 90px;align-items:center;gap:12px;padding:14px 16px;min-height:56px;list-style:none;font-size:13px}.reading-record>summary strong{font-size:16px;font-variant-numeric:tabular-nums}.reading-date{color:#53685a}.reading-kind{color:var(--muted);font-size:12px;font-weight:400}.reading-edit-label{justify-self:end;font-size:12px;font-weight:650;color:var(--green);text-decoration:underline;text-underline-offset:3px}.reading-record[open]{padding-bottom:18px}.reading-record[open]>.help,.reading-record>.usage-form{margin:12px 18px}.reading-record[open]>summary{border-bottom:1px solid var(--line);background:#eef4ec;border-radius:11px 11px 0 0}.reading-delete{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}.reading-delete label{display:flex;align-items:flex-start;gap:9px}.reading-delete input{flex-shrink:0;margin-top:3px}.reference-override>p{margin:0}.reference-override .usage-form{margin:8px 0 0}.reference-override .button{margin-top:0}.usage-graph:target,.exceptional-settings:target{scroll-margin-top:20px}.water-reading-link{margin:25px 0;padding:22px;background:#f5f8f2;border:1px solid var(--line);border-radius:14px}.water-reading-link h3{font-size:17px}.water-reading-link p{font-size:13px;color:var(--muted)}.chart-history-picker{max-width:300px;margin:15px 0}.chart-history-status{margin:8px 0 14px}.bill-history>.section-heading{margin-bottom:8px}.bill-history .new-bill{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 22px;margin:18px 0}.reference-override a{font-weight:650}
@media(max-width:900px){.reading-record>summary{grid-template-columns:100px minmax(110px,1fr) 80px}.reading-kind{grid-column:1/3;grid-row:2}.reading-edit-label{grid-column:3;grid-row:1/3}}
@media(max-width:700px){.sidebar nav{display:flex;flex-direction:row;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#92ab98 #f4f7f3}.sidebar nav a{flex:0 0 80px;display:flex;min-height:62px}.content{padding-bottom:118px}.usage-jump-links a{flex:1 1 135px;padding:10px 12px}.meter-management{padding:16px;margin-top:24px}.meter-management .section-heading>span{display:block}.new-reading .usage-form{padding:14px}.reading-record>summary{grid-template-columns:minmax(83px,1fr) minmax(90px,1fr);gap:7px;padding:13px 12px}.reading-date{font-size:12px}.reading-record>summary strong{font-size:15px;text-align:right;overflow-wrap:anywhere}.reading-kind{grid-column:1;grid-row:2;font-size:11px}.reading-edit-label{grid-column:2;grid-row:2;font-size:11px}.reading-record[open]>.help,.reading-record>.usage-form{margin-left:12px;margin-right:12px}.reading-delete{flex-direction:column;align-items:stretch;gap:12px}.reading-delete .button{width:100%}.bill-history .new-bill{padding:16px}.chart-history-picker{max-width:none}.chart-history-picker select{min-height:48px}.usage-entry>summary small{padding-left:0}.usage-graph .section-heading p{font-size:12px}}

.usage-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.usage-story>div{background:#f5f8f2;border-radius:12px;padding:18px;min-width:0}.usage-story h3{font-size:13px;line-height:1.4;color:var(--green);margin:0 0 8px}.usage-story p{font-size:13px;line-height:1.65;margin:0;color:#526758}.usage-story>div:first-child:nth-last-child(1){grid-column:1/-1}@media(max-width:1100px){.usage-story{grid-template-columns:1fr}.usage-story>div{padding:15px 18px}}

.reading-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px;margin:20px 0}.reading-filters .button{min-height:46px}.reading-count{font-size:12px;color:var(--muted);margin:18px 0 10px}.reading-pagination{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:20px 0 6px}.reading-pagination>span{font-size:12px;color:var(--muted)}@media(max-width:700px){.reading-filters{grid-template-columns:1fr;gap:12px}.reading-filters .button{width:100%}.reading-pagination .button{flex:1 1 135px}.reading-pagination>span{flex-basis:100%;text-align:center;order:-1}}

.reading-filters{grid-template-columns:minmax(0,300px) auto;justify-content:start}.reading-filters:has(select[name$="art"]){grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;justify-content:stretch}.comparison-chart [hidden]{display:none!important}@media(max-width:700px){.reading-filters,.reading-filters:has(select[name$="art"]){grid-template-columns:1fr;justify-content:stretch}}

/* Keep the result close to the top on phones; select another contract in one row. */
@media(max-width:700px){.usage-selector{flex-wrap:nowrap;gap:8px;margin:14px 0 10px;padding:0 0 5px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#9db2a2 #f4f7f3}.usage-selector a{flex:0 0 auto;min-width:0;max-width:85%;min-height:50px;padding:9px 13px;gap:1px;scroll-snap-align:start}.usage-selector a strong{font-size:12px;line-height:1.4;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.usage-selector a span{font-size:10px;line-height:1.4;white-space:nowrap}.usage-selector a[aria-current]{order:-1}.usage-contract{margin:16px 0;padding:16px}.usage-contract>.section-heading{gap:9px;margin-bottom:12px}.usage-contract>.section-heading .eyebrow{margin:0 0 6px}.usage-contract>.section-heading h2{font-size:20px}.usage-contract>.section-heading .button{padding:9px 12px;min-height:44px;font-size:11px}.usage-jump-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}.usage-jump-links a{min-width:0;min-height:44px;padding:7px 5px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.4;overflow-wrap:anywhere;gap:0}.balance-panel{padding:18px}.balance-panel strong{margin:6px 0}.balance-panel p{margin:6px 0 0;font-size:13px}}
/* Contract meter inventory and paired replacements, including small screens. */
.contract-meters{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--line,#ded8cc);border-radius:16px;background:var(--surface,#fff)}
.meter-catalog{display:grid;gap:.65rem;margin:1rem 0}
.meter-record,.meter-change-record{border:1px solid var(--line,#ded8cc);border-radius:12px;padding:.85rem;min-width:0}
.meter-record summary,.meter-change-record summary{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-height:44px;cursor:pointer;overflow-wrap:anywhere}
.meter-record summary span,.meter-change-record summary span{font-size:.85rem;color:var(--muted,#625b52)}
.contract-meters .usage-form{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--line,#ded8cc)}
.contract-meters .usage-form>label{display:block;margin:1rem 0}
.contract-meters .field,.contract-meters select,.meter-settings{min-width:0;max-width:100%}
.meter-baselines p{overflow-wrap:anywhere}
@media(max-width:480px){.contract-meters{padding:.8rem}.meter-record,.meter-change-record{padding:.7rem}.meter-record summary,.meter-change-record summary{align-items:flex-start;flex-direction:column}.contract-meters button{white-space:normal}}

/* Selected subpages and one capture path, usable without JavaScript. */
.topbar{gap:12px}.topbar .capture-action{margin-left:auto;white-space:nowrap}.section-tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;margin:18px 0 24px;padding:6px;background:#edf2ed;border:1px solid var(--line);border-radius:14px}.section-tabs a{flex:1 1 120px;justify-content:center;min-height:46px;padding:10px 12px;text-align:center;line-height:1.4}.section-tabs a[aria-current]{background:white;color:var(--green);font-weight:750;box-shadow:0 1px 4px #23382f12}.contract-sub-links{display:flex;gap:18px;margin:12px 0;font-size:13px}.contract-sub-links a{min-height:44px;display:flex;align-items:center}.capture-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0 12px}.capture-type{flex-direction:column;justify-content:center;padding:18px 12px;min-height:92px;border:1px solid var(--line);background:white;text-align:center}.capture-type svg{width:28px;height:28px}.capture-panel{padding:26px;background:white;border:1px solid var(--line);border-radius:20px;margin:24px 0}.capture-contracts{display:grid;gap:10px}.capture-choice{display:flex;flex-direction:column;gap:2px;padding:16px 18px;min-height:60px;border:1px solid var(--line);border-radius:12px;text-decoration:none;overflow-wrap:anywhere}.capture-choice:hover{border-color:var(--green);background:var(--pale)}.capture-choice span{font-size:13px;color:var(--muted)}.capture-selected{display:flex;justify-content:space-between;gap:16px;padding:16px;margin:18px 0;background:var(--pale);border-radius:12px;overflow-wrap:anywhere}.capture-selected a{white-space:nowrap;font-size:13px}.capture-panel .usage-form{margin-top:18px}.breadcrumb{font-size:13px}.section-tabs a:focus-visible,.capture-choice:focus-visible,.capture-type:focus-visible{outline:3px solid var(--green);outline-offset:3px}.reading-kind{overflow-wrap:anywhere}.usage-contract>.section-heading p{margin:4px 0}.usage-contract .meter-management{margin-top:0}.capture-panel .meter-baselines{margin-top:12px}
@media(max-width:700px){.topbar{flex-wrap:wrap;gap:8px}.topbar .capture-action{min-height:44px;padding:9px 13px;font-size:13px}.topbar .user-pill{max-width:100%;font-size:12px}.section-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:14px 0 18px}.section-tabs a{padding:10px 6px;font-size:12px;min-width:0}.capture-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.capture-type{min-height:84px;font-size:13px}.capture-panel{padding:16px;margin-top:18px}.capture-panel .section-heading{flex-wrap:wrap;gap:8px}.capture-selected{flex-direction:column;gap:8px;padding:12px;font-size:13px}.capture-selected a{min-height:36px;display:flex;align-items:center}.capture-panel .form-grid{grid-template-columns:1fr}.reading-kind{grid-column:1/3;grid-row:2;line-height:1.5}.reading-edit-label{grid-column:2;grid-row:3}.contract-sub-links{flex-wrap:wrap}.usage-contract>.section-heading{flex-wrap:wrap}.section-heading>div{min-width:0}.capture-panel h2,.usage-contract h2{overflow-wrap:anywhere}}

.contract-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.contract-hub a{padding:16px 13px;min-width:0;min-height:100px;align-items:flex-start;border:1px solid var(--line);background:white;border-radius:13px;gap:10px}.contract-hub a span{display:flex;flex-direction:column;gap:5px;min-width:0}.contract-hub a strong{font-size:14px;color:var(--ink)}.contract-hub a small{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.contract-hub a[aria-current]{border-color:var(--green);background:var(--pale)}.compact-hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:16px 0 0}.compact-hub a{min-height:48px;padding:10px;font-size:12px;align-items:center}.compact-hub a strong{font-size:12px}.compact-hub svg{width:18px;height:18px}.gas-conversion{scroll-margin-top:20px;border:1px solid #bfd0c0;background:#f4f8f1}.gas-conversion>p{font-size:13px}.contract-history-link{font-size:12px;margin:10px 0 20px}.contract-history-link a{display:inline-flex;align-items:center;min-height:44px}.contract-hub a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
@media(max-width:900px){.contract-hub{grid-template-columns:repeat(2,minmax(0,1fr))}.contract-hub a{min-height:90px}.compact-hub a{min-height:48px}}
@media(max-width:700px){.contract-hub{gap:7px;margin:14px 0}.contract-hub a{padding:12px 10px;gap:8px;min-height:88px}.contract-hub svg{width:20px;height:20px}.contract-hub a strong{font-size:12px}.contract-hub a small{font-size:10px}.compact-hub a{min-height:48px}.compact-hub a strong{font-size:11px}.gas-conversion{padding:16px}.gas-conversion .form-grid{grid-template-columns:1fr}}
.section-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.section-actions .button{min-height:44px}.insurance-scopes{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.insurance-scopes a[aria-current]{color:#fff;background:var(--green);border-color:var(--green)}.insurance-list-heading{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin:30px 0 18px}.insurance-status{display:flex;flex-wrap:wrap;gap:16px}.insurance-status a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.insurance-status a[aria-current]{font-weight:700;text-decoration-thickness:2px}.insurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insurance-card{display:flex;flex-direction:column;min-width:0}.insurance-card p,.insurance-card h2{overflow-wrap:anywhere}.insurance-card h2{margin:8px 0}.insurance-card-top{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:22px}.insurance-card-top .badge{position:static}.insurance-monthly{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;margin:18px 0 4px}.insurance-monthly strong{font-size:30px;letter-spacing:-.7px}.insurance-monthly span{font-size:12px;color:var(--muted)}.insurance-card .compact{font-size:13px}.insurance-card>.button{margin-top:auto;align-self:flex-start}.insurance-status-label{color:var(--green);font-weight:600;font-size:13px}.insurance-appointments{padding:24px;background:var(--pale);border:1px solid var(--line);border-radius:18px;margin:24px 0}.insurance-appointments h2{margin-top:0}.insurance-appointment-list{display:grid;gap:8px}.insurance-appointment-list>a{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center;min-height:54px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);font-size:13px;overflow-wrap:anywhere}.insurance-appointment-list .badge{position:static;justify-self:start}.insurance-detail-panel{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;margin:20px 0}.insurance-detail-panel h2{margin-top:0}.insurance-cost-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.insurance-cost-panels>div{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--pale);border-radius:12px;min-width:0}.insurance-cost-panels span{font-size:12px;color:var(--muted)}.insurance-cost-panels strong{font-size:27px;overflow-wrap:anywhere}.insurance-values{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px 18px;font-size:14px;line-height:1.6}.insurance-values dt{color:var(--muted)}.insurance-values dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.insurance-form{max-width:100%}.insurance-form textarea{min-height:110px;resize:vertical}.insurance-form .field{min-width:0}.insurance-form .form-section>h2{margin-top:0}.insurance-delete{margin-top:38px;border-color:#dbbfb8}.insurance-delete summary,.insurance-history summary{cursor:pointer;font-weight:600;min-height:44px;overflow-wrap:anywhere}.insurance-delete form{display:grid;gap:16px;max-width:600px}.insurance-delete .button{justify-self:start}.insurance-metrics>div{min-width:0}.insurance-metrics strong{overflow-wrap:anywhere}
@media(max-width:900px){.insurance-metrics{grid-template-columns:1fr}.insurance-metrics strong{font-size:30px}.insurance-metrics span,.insurance-metrics small{font-size:12px}.insurance-cost-panels{grid-template-columns:1fr}.insurance-appointment-list>a{grid-template-columns:70px minmax(0,1fr)}.insurance-appointment-list>a>span:last-child{grid-column:2}.insurance-values{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:700px){.section-actions{width:100%}.section-actions .button{flex:1 1 160px;justify-content:center;text-align:center}.insurance-grid{grid-template-columns:1fr}.insurance-scopes{gap:6px}.insurance-scopes .button{font-size:12px;padding:10px 12px}.insurance-detail-panel,.insurance-appointments{padding:18px}.insurance-values{grid-template-columns:1fr;gap:3px}.insurance-values dd{margin-bottom:13px}.insurance-cost-panels strong{font-size:28px}.insurance-list-heading{gap:4px}.insurance-list-heading h2{margin-bottom:0}.insurance-grid .card{padding:22px}.insurance-form>.section-actions{margin-bottom:24px}}

.insurance-scopes,.insurance-status{flex-direction:row}.insurance-scopes .button{flex:1 1 90px;justify-content:center}.insurance-heading h1{font-size:42px;line-height:1.15}.insurance-heading>.button{flex-shrink:0}.insurance-heading .lead{max-width:560px}
@media(max-width:900px){.insurance-heading{flex-direction:column;align-items:flex-start;gap:8px}.insurance-heading h1{font-size:36px}.insurance-status{gap:8px}.insurance-status a{padding:9px 10px}}
@media(max-width:700px){.insurance-scopes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.insurance-scopes .button{width:auto;min-height:44px}.insurance-heading h1{font-size:clamp(26px,7.7vw,32px)}.insurance-list-heading{align-items:flex-start}.insurance-status{width:100%;margin:8px 0 4px;flex-wrap:wrap;justify-content:flex-start}.insurance-status a{font-size:12px;min-height:44px}}
.insurance-status{margin:0}
/* Per-device readings remain compact on phones and desktop. */
.meter-values { margin: 1rem 0; }
.meter-values-list { list-style: none; padding: 0; margin: .75rem 0; }
.meter-values-list li { display: grid; grid-template-columns: 7rem minmax(0,1fr) auto; gap: .7rem; padding: .65rem 0; border-bottom: 1px solid var(--line,#dce6e0); align-items: baseline; }
.meter-values-list small { color: var(--muted,#617575); }
.meter-latest { font-variant-numeric: tabular-nums; }
.meter-remove { margin-top: 1rem; }
@media(max-width:480px) { .meter-values-list li { grid-template-columns: 6rem minmax(0,1fr); } .meter-values-list small { grid-column: 2; } .notification-title { font-size: clamp(1.35rem,5.8vw,1.75rem); } }
/* Account email reminder: readable native time field and full-width guidance. */
.reminder-settings #reading-reminder>p{grid-column:1/-1}.reminder-settings #reading-reminder input[type=time],.reminder-settings #reading-reminder select{font-size:16px}
/* Household planning: focused subpages with native forms and accessible bars. */
.budget-context{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:22px 0}.budget-context .field{max-width:220px;flex:1;min-width:120px}.budget-context input,.budget-context select{font-size:16px}.budget-summary{background:#e9f1eb;border-radius:22px;padding:28px;margin:24px 0}.budget-main{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}.budget-main>span{font-size:17px;font-weight:650}.budget-main>strong{font-size:clamp(30px,5vw,48px);line-height:1.2;letter-spacing:-.04em}.budget-main>small{color:#52645b}.budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.budget-metric{display:flex;flex-direction:column;gap:7px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0}.budget-metric>span{font-size:13px;color:#52645b}.budget-metric>strong{font-size:24px;overflow-wrap:anywhere}.budget-metric>small{font-size:12px;color:#52645b}.budget-negative>strong{color:#9b4738}.budget-form{margin:18px 0;min-width:0}.budget-form>.button{margin-top:18px}.budget-form .field input,.budget-form .field select{font-size:16px}.budget-list{display:grid;gap:12px}.budget-row{border:1px solid var(--line);border-radius:13px;padding:16px;min-width:0;overflow-wrap:anywhere}.budget-row>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:14px;list-style:revert}.budget-row>summary>span:first-child{display:flex;flex-direction:column;gap:5px}.budget-row small{color:#52645b;display:block;font-weight:400}.budget-row-amount{color:var(--green);font-weight:650;text-align:right;flex-shrink:0}.budget-row[open]{background:#f9fbf9}.budget-delete{border-top:1px solid var(--line);padding-top:15px;margin-top:22px}.budget-delete>summary{color:#984733}.budget-bars{display:grid;gap:22px}.budget-bar{display:grid;grid-template-columns:1fr auto;gap:8px}.budget-bar progress,.budget-comparison progress{grid-column:1/-1;width:100%;height:14px;accent-color:var(--green)}.budget-comparison{display:flex;flex-direction:column;gap:7px;background:#fff}.budget-comparison p{font-size:13px;margin:0}.budget-project .budget-form{margin:10px 0}.budget-form input[type=checkbox]{width:auto;min-height:0}.budget-project-summary .budget-grid{margin-top:18px}.sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:700px){.budget-summary{padding:22px}.budget-grid{grid-template-columns:1fr}.budget-metric{padding:16px}.budget-metric>strong{font-size:24px}.budget-row>summary{align-items:flex-start;flex-direction:column;gap:7px}.budget-row-amount{text-align:left}.budget-context .button{width:100%}.budget-bar{grid-template-columns:1fr}.budget-bar strong{font-size:14px}.sidebar nav a{font-size:8px}.budget-head h1{font-size:32px}}
@media(min-width:701px) and (max-width:1000px){.budget-grid{grid-template-columns:1fr}.budget-bar{grid-template-columns:1fr}}
.budget-delete .field{min-height:44px;justify-content:center}
.budget-over progress{accent-color:#9b4738}.budget-over p{color:#9b4738}@media(max-width:700px){.sidebar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow-x:visible;overflow-y:visible}.sidebar nav a{flex:initial;min-width:0;min-height:56px;gap:4px}.sidebar nav a span{overflow-wrap:anywhere;line-height:1.25}}

.budget-scenario-add>summary{font-weight:650;min-height:44px;display:flex;align-items:center;cursor:pointer}.budget-insurance-categories{margin-top:18px;padding:16px;background:var(--pale);border-radius:12px;overflow-wrap:anywhere}.budget-year-links{display:flex;flex-wrap:wrap;gap:8px}.budget-year-links a[aria-current]{background:var(--green);color:#fff}.budget-context .field{min-width:0;flex:1 1 160px}.budget-template h2{font-size:20px}@media(max-width:700px){.budget-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.budget-context .field{max-width:none}.budget-context>.button{grid-column:1/-1}.budget-context input,.budget-context select{min-width:0;width:100%;max-width:100%}.budget-year-links .button{flex:1 1 76px}.budget-scenario-add{padding:16px}}

.budget-scope-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:6px;border:1px solid var(--line);border-radius:16px;background:#e9f1eb;margin:20px 0 10px}.budget-scope-tabs a{display:flex;justify-content:center;align-items:center;min-height:52px;padding:12px 8px;border-radius:11px;text-decoration:none;font-weight:650;color:#52645b}.budget-scope-tabs a[aria-current]{background:var(--green);color:#fff;box-shadow:0 2px 6px #23382f16}.budget-scope-tabs a:focus-visible{outline:3px solid var(--green);outline-offset:3px}.budget-total-link{display:flex;justify-content:flex-end}.budget-total-link a{min-height:44px;display:flex;align-items:center;font-size:13px}.budget-total-link a[aria-current]{font-weight:750}.budget-scope-tabs+.budget-total-link+.section-tabs{margin-top:8px}@media(max-width:700px){.budget-scope-tabs{gap:4px}.budget-scope-tabs a{font-size:14px;padding:10px 4px}.budget-total-link{justify-content:flex-start}}

.budget-cost-group{padding:20px 0;border-top:1px solid var(--line)}.budget-cost-group:first-child{border-top:0;padding-top:8px}.budget-cost-group>.section-heading{margin:0 0 8px}.budget-cost-group h3{margin:0;font-size:20px}.budget-cost-group>details+details{margin-top:12px}.budget-group-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.budget-group-totals>div{display:flex;flex-direction:column;gap:5px;border-top:1px solid var(--line);padding:12px 0}.budget-group-totals small{color:var(--muted)}@media(max-width:700px){.budget-group-totals{grid-template-columns:1fr}.budget-cost-group>.section-heading{flex-direction:column;align-items:flex-start;gap:5px}}

.budget-insurance-bundle{margin-top:12px;background:#eef4ef}.budget-insurance-bundle>.budget-row{background:#fff;margin-top:12px}.budget-insurance-bundle>.optional-details{margin-top:18px}.budget-insurance-bundle>.budget-row[open]{background:#f9fbf9}

.budget-form textarea{font:inherit;min-height:90px;resize:vertical;width:100%;max-width:100%}.budget-note{white-space:normal;overflow-wrap:anywhere;background:#eef4ef;padding:12px;border-radius:10px}.budget-comparison-card{background:white;border:1px solid var(--line);border-radius:15px;padding:18px;min-width:0}.budget-comparison-card h3{margin:0 0 16px}.budget-rest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.budget-rest-grid>div{display:flex;flex-direction:column;gap:6px}.budget-rest-grid span{font-size:12px;color:var(--muted)}.budget-rest-grid strong{font-size:20px;overflow-wrap:anywhere}.budget-comparison-card>.optional-details{margin-top:18px}.budget-compare-values{display:grid;gap:12px}.budget-compare-values>div{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:8px}.budget-compare-values dt{font-size:12px}.budget-compare-values dd{margin:0;font-weight:650}.budget-form input[type=month]{min-width:0;max-width:100%;font:inherit}

.budget-comparison-card { align-self: start; }
/* Optional item comparison: scroll the table, keep the rest of the page fixed. */
.budget-item-comparison{margin-top:24px;min-width:0}.budget-item-comparison>summary{cursor:pointer;font-weight:650}.budget-item-controls{margin:20px 0}.budget-item-controls select{width:100%;min-width:0;font:inherit}.budget-item-controls .button{margin-top:14px}.budget-item-scope{margin-top:28px;min-width:0}.budget-item-group{margin:20px 0;min-width:0}.budget-item-group h4{margin:0 0 10px;color:var(--muted)}.budget-item-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;overscroll-behavior-inline:contain}.budget-item-scroll:focus-visible{outline:2px solid var(--green);outline-offset:3px}.budget-item-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.budget-item-table caption{text-align:left;padding:10px 14px;font-size:12px;color:var(--muted);background:#f6f9f6}.budget-item-table th,.budget-item-table td{padding:14px;min-width:145px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top;background:white}.budget-item-table thead th{background:#f2f6f2;overflow-wrap:anywhere}.budget-item-table th:first-child{position:sticky;left:0;z-index:1;text-align:left;min-width:155px;max-width:220px;overflow-wrap:anywhere;box-shadow:2px 0 3px #23382f10}.budget-item-table small{display:block;margin-top:5px;font-size:11px;font-weight:400;line-height:1.5;color:var(--muted)}.budget-item-table td strong{font-variant-numeric:tabular-nums;white-space:nowrap}.budget-item-table .budget-item-reference{background:#eef5ef}.budget-item-table .budget-item-changed{background:#fff3da}.budget-item-policies{margin-top:12px}.budget-item-policies>summary{cursor:pointer;font-size:13px;color:var(--green);font-weight:650}.budget-item-policies[open] .budget-item-scroll{margin-top:12px}@media(max-width:700px){.budget-item-table th,.budget-item-table td{min-width:128px;padding:12px}.budget-item-table th:first-child{min-width:105px;max-width:140px}.budget-item-controls .button{width:100%}}

/* Compact yearly projects: one list, explicit settlement, secondary settings. */
.project-intro .project-add{padding:16px;background:var(--pale);border-radius:12px}.project-add>summary,.project-archive>summary,.project-finance-settings>summary,.project-payments>summary{cursor:pointer;font-weight:650}.project-add[open]>form{margin-top:16px}.project-list{gap:12px}.project-list .budget-project{margin:0;padding:0}.project-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:20px;list-style:none}.project-card>summary::after{content:'+';font-weight:650;color:var(--green)}.project-card[open]>summary::after{content:'−'}.project-card-name{flex:1;min-width:0}.project-card h2{margin:0;font-size:18px;overflow-wrap:anywhere}.project-card small{display:block;color:var(--muted);margin-top:4px}.project-card>summary>strong{font-size:15px;font-variant-numeric:tabular-nums}.project-card-body{padding:0 20px 20px}.project-card-body .optional-details{margin:12px 0}.project-complete>summary{color:var(--green);font-weight:700}.project-split{margin:14px 0}.project-split>summary{cursor:pointer}.project-archive>.budget-project{margin-top:12px}.project-funding .budget-row{margin-top:12px}.project-finance-settings>details{margin-top:18px}.project-payments .budget-row{margin-top:12px}@media(max-width:700px){.project-card>summary{padding:16px;gap:10px;flex-wrap:wrap}.project-card-name{flex-basis:65%}.project-card>summary>strong{margin-left:0}.project-card-body{padding:0 16px 16px}.project-card h2{font-size:17px}.project-card-body .button{max-width:100%}}

.privacy-information{max-width:760px;margin:40px auto;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.privacy-information h2{font-size:20px;margin-top:30px}@media(max-width:700px){.privacy-information{margin:16px;padding:20px}}

.project-balance .project-balance-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:12px}.project-balance-main strong{font-size:28px;color:var(--green)}.project-balance-main span{font-size:14px}.project-balance>.help{margin:4px 0 12px}

.people-list{display:grid;gap:14px;margin:24px 0}.person-card{border:1px solid var(--line);border-radius:14px;padding:18px;min-width:0;overflow-wrap:anywhere}.person-card>summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;cursor:pointer;min-height:44px}.person-card>summary>strong{font-size:17px}.person-card>summary>span{color:var(--muted);font-size:12px}.person-card[open]>summary{margin-bottom:18px}.person-form{margin:20px 0}.person-form>.button{margin-top:12px;max-width:100%;white-space:normal}.person-form .field input,.person-form .field select{font-size:16px;max-width:100%;min-width:0}.person-account{font-size:14px;overflow-wrap:anywhere}.person-account-link{font-size:13px;display:inline-block;margin-top:16px}.people-management>h2{overflow-wrap:anywhere}@media(max-width:700px){.person-card{padding:16px}.person-card>summary{flex-direction:column}.person-form .button{width:100%}.sidebar{flex-wrap:wrap;gap:12px}.sidebar-bottom{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.sidebar-bottom a{overflow-wrap:anywhere}}
.budget-scope-tabs a{min-width:0;overflow-wrap:anywhere;text-align:center}.budget-planning-summary,.budget-item-scope,.budget-comparison-card,.section-heading{overflow-wrap:anywhere}

/* Project priorities remain understandable through both colour and text. */
.budget-project.project-priority-high{border-left:5px solid #a03b32}.budget-project.project-priority-normal{border-left:5px solid #a17c1b}.budget-project.project-priority-low{border-left:5px solid #387459}
.project-card-name .project-priority{display:inline-flex;margin-top:8px;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:650;line-height:1.4}
.project-priority-high .project-priority{color:#922e27;background:#fff0ec}.project-priority-normal .project-priority{color:#715000;background:#fff5cf}.project-priority-low .project-priority{color:#24583f;background:#eaf5ef}

/* V0.8.31: compact navigation, readable controls, contextual forms. */
.sidebar-more{margin-top:auto;position:relative}.sidebar-more>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:14px;list-style:none;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.sidebar-more-panel{display:flex;flex-direction:column;gap:8px;margin-top:10px}.sidebar-more-panel>a{display:flex;align-items:center;min-height:44px;font-size:14px;padding:8px 12px;text-decoration:none;border-radius:8px}.sidebar-more-panel>a:hover{background:var(--pale)}.sidebar-more-panel .private-label{font-size:12px;padding-top:12px}.sidebar-more-panel .button{width:100%;min-height:44px;font-size:14px}
.field input,.field select,.field textarea,.search-field input{font-size:16px}.field small,.help,.muted{font-size:13px;line-height:1.55;color:#536359}.field small:empty{display:none}main summary{min-height:44px;padding-top:10px;padding-bottom:10px}.optional-details[open] details>summary{margin-bottom:0}.optional-details[open] details[open]>summary{margin-bottom:12px}.budget-project .project-card>summary{padding-top:16px;padding-bottom:16px}
.form-feedback{border:1px solid #bd624e;border-left:4px solid #a03b32;border-radius:10px;padding:16px;background:#fff3ee;color:#773d2b;margin:12px 0 20px;scroll-margin-top:20px}.form-feedback>strong{display:block}.form-feedback p{margin:8px 0}.form-feedback .button{margin-top:8px}.field-error{color:#922e27!important;font-weight:600!important}.field [aria-invalid=true]{border-color:#a03b32;box-shadow:0 0 0 1px #a03b32}form[aria-busy=true]{opacity:.8}form[aria-busy=true] button[type=submit]{cursor:wait}
.budget-context-switch{margin:12px 0}.budget-context-switch>summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}.budget-context-switch>summary span{font-weight:400;color:#536359;font-size:12px}.budget-context-switch .budget-context{margin:12px 0}.project-head .eyebrow{margin-bottom:6px}.project-head h1{margin-bottom:12px}.project-balance{margin:14px 0!important;padding:16px!important}.project-balance .section-heading{margin-bottom:4px}.project-balance h2{font-size:17px}.project-balance-main strong{font-size:25px}.project-balance-main span{font-size:13px}.project-balance .optional-details{margin-top:8px;padding-top:4px}.project-finance-hint{font-size:12px;color:#855c24;margin:4px 0 0}.project-intro{margin:16px 0 8px}.project-intro .section-heading{margin-bottom:8px;flex-wrap:wrap;gap:4px 12px}.project-intro h2{font-size:19px}.project-intro .project-count{display:inline;font-size:12px}.project-intro .project-add{padding:6px 12px}.project-filter-panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin:10px 0 14px}.project-filter-panel>summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:10px 14px}.project-filter-panel>summary span{font-weight:400;font-size:12px;color:#536359;overflow-wrap:anywhere}.project-filter-panel .project-list-controls{border:0;border-radius:0;background:transparent;padding:12px 14px;margin:0}.project-planning-help{margin:16px 0;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.project-planning-help p{font-size:13px}.budget-project,.budget-row,.person-card,.usage-contract{scroll-margin-top:20px}
.dashboard-tasks{margin:24px 0}.dashboard-tasks .reminder{margin:8px 0;padding:14px 18px}.dashboard-all-dates{border:1px solid var(--line);border-radius:12px;background:#fff;padding:4px 14px;margin-top:10px}.dashboard-budget{padding:20px;margin:20px 0}.dashboard-budget p{margin:12px 0}.forecast-card-link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.forecast-card-link>span{font-size:14px;font-weight:600}.forecast-card-link h3{font-size:17px;margin:8px 0}.forecast-details{border-top:1px solid var(--line);padding-top:6px;margin:10px 0}.forecast-details>summary{font-size:13px}.forecast-card>small{font-size:12px;color:#536359}
@media(max-width:700px){.sidebar{padding:12px 16px;gap:8px;flex-wrap:nowrap}.brand small{font-size:10px}.sidebar-more{margin:0}.sidebar-more>summary{gap:10px;min-width:78px;white-space:nowrap}.sidebar-more-panel{position:absolute;right:0;top:calc(100% + 4px);width:min(310px,calc(100vw - 32px));background:white;border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 8px 24px #23382f26;z-index:30}.sidebar nav a{font-size:11px;min-height:64px;line-height:1.2;justify-content:flex-start}.sidebar nav a span{font-size:11px;line-height:1.25;overflow-wrap:anywhere;hyphens:auto;text-align:center}.content{padding-bottom:110px}.topbar{min-height:48px}.topbar>span{max-width:55%;font-size:12px}main{padding-top:22px}.project-head h1{font-size:30px}.project-balance .section-heading>span,.project-intro .project-count{display:inline}.project-filter-panel>summary{align-items:flex-start;flex-direction:column}.project-filter-panel .project-list-controls{padding:12px}.dashboard-tasks .section-heading{flex-wrap:wrap}.dashboard-tasks .section-heading>span,.dashboard-budget .section-heading>span{display:inline}.metrics span,.metrics a,.metrics small{font-size:12px}.metrics>div{min-width:0;overflow-wrap:anywhere}.metrics strong{font-size:25px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.form-section{padding:20px}.field small,.help,.muted{font-size:13px}.reminder{flex-direction:column;gap:4px}.budget-context-switch>summary{padding:9px 12px}}
.project-list-controls{margin:24px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#f9fbf9}.project-list-controls .field{min-width:0}.project-list-controls select{min-width:0;width:100%;font-size:16px}.project-list-controls .section-actions{margin-top:16px}.project-list-controls .help{margin-bottom:0}
@media(max-width:700px){body[data-ux-section=finanzen] .topbar{display:none}nav[aria-label=Haushaltsbudget]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0}nav[aria-label=Haushaltsbudget] a{padding:8px 4px;min-height:50px;font-size:12px;line-height:1.25;text-align:center;justify-content:center;overflow-wrap:anywhere}.project-intro{margin-top:12px}.project-filter-panel>summary{padding:8px 12px}}
@media(max-width:700px){.project-list-controls{padding:16px}.project-list-controls .form-grid{grid-template-columns:1fr}.project-list-controls .section-actions .button{width:100%;flex-basis:100%}}

/* V0.8.32: manual documents, independent tax/test context. */
.document-page-head .lead{max-width:760px}.document-context{margin:14px 0}.document-context>summary,.document-filter>summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;border:1px solid var(--line);border-radius:12px;background:white;padding:12px 16px;min-height:44px}.document-context>summary span,.document-filter>summary span{font-size:12px;font-weight:400;color:#536359}.document-context>form,.document-filter>form{padding:18px;background:#fff;border:1px solid var(--line);border-top:0}.document-filter{margin:18px 0}.document-tabs{margin:16px 0 24px}.document-test-banner{padding:14px 18px;border:2px solid #ba842c;border-radius:12px;background:#fff2db;color:#715124}.document-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.document-metrics>div{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0;overflow-wrap:anywhere}.document-metrics strong{display:block;font-size:23px;line-height:1.25}.document-metrics span{font-size:12px;color:#536359;display:block;margin-top:6px}.document-list-row{display:flex;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;margin:10px 0;overflow-wrap:anywhere}.document-list-row>span{min-width:0}.document-list-row>span:last-child{text-align:right}.document-list-row small{display:block;color:#536359;font-size:12px}.document-list-row:hover{border-color:#9ab3a0}.document-editor-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.document-preview{padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8faf7;min-width:0}.document-preview img{width:100%;max-height:650px;object-fit:contain}.document-preview p{overflow-wrap:anywhere}.document-editor .form-section{padding:20px;margin:14px 0}.document-editor .form-grid{gap:16px}.document-steps{display:flex;gap:10px;margin:16px 0}.document-steps span{flex:1;padding:9px 0;border-bottom:3px solid var(--line);font-size:12px}.document-steps .active{border-color:var(--green);font-weight:700;color:var(--green)}.document-form-actions{display:flex;gap:10px;flex-wrap:wrap}.document-use-choices{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0}.document-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:14px;padding:10px 0}.document-check input{width:20px;height:20px;flex-shrink:0;margin-top:2px}.document-file{padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow-wrap:anywhere}.document-inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:16px 0}.document-payment,.document-refund{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px}.document-refund>summary,.document-payment>summary{min-height:44px}.document-form .button[type=submit]{margin-top:12px}.document-position,.refund-allocation{padding:14px;margin:12px 0;border:1px solid var(--line);border-radius:10px}.document-record,.document-record [id]{scroll-margin-top:22px}.document-record h3{font-size:20px}.document-backup{margin-top:32px}.document-form .field input,.document-form .field select,.document-form .field textarea{font-size:16px}.document-record .form-section{min-width:0}.document-record .form-section p{overflow-wrap:anywhere}
@media(max-width:1000px){.document-editor-layout{grid-template-columns:1fr}.document-preview img{max-height:400px}.document-editor-layout .form-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.document-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:14px 0}.document-tabs a{min-height:46px;font-size:12px;justify-content:center;padding:8px 4px;text-align:center;overflow-wrap:anywhere}.document-metrics{gap:6px}.document-metrics>div{padding:12px 8px}.document-metrics strong{font-size:18px}.document-metrics span{font-size:11px}.document-list-row{padding:14px;gap:10px}.document-list-row>span:last-child{max-width:38%}.document-form-actions .button{flex:1 1 140px}.document-use-choices{flex-direction:column;gap:0}.document-context>summary,.document-filter>summary{flex-direction:column}.document-inline-form{display:block}.document-inline-form .button{width:100%}.document-record .form-section{padding:18px}.document-position,.refund-allocation{padding:12px}.document-form .field small{font-size:13px}.document-record h2{overflow-wrap:anywhere}}
.document-review-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;margin:16px 0}.document-review-values dt{font-size:13px;color:#536359}.document-review-values dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}

@media(max-width:700px){body[data-ux-section=dokumente] .section-heading{flex-wrap:wrap}.document-metrics span{hyphens:auto}}
:root{--uh-ai-space:1rem}
.ai-form{margin-block:var(--uh-ai-space)}
.ai-form fieldset{min-width:0;border:1px solid var(--border,#ccd7ce);border-radius:12px;padding:var(--uh-ai-space)}
.ai-proposal-field>span{display:grid;gap:.2rem;min-width:0;overflow-wrap:anywhere}
.ai-proposal-field small{font-weight:normal}

/* Receipt library and manual AI expiry reminder (V0.8.37). */
.receipt-folders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0 10px}.receipt-folders a{min-width:0;min-height:52px;padding:12px;border:1px solid var(--line);background:#fff;justify-content:space-between;overflow-wrap:anywhere}.receipt-folders a[aria-current]{border-color:#739784;background:var(--pale)}.receipt-folders a span{flex-shrink:0;font-size:12px}.receipt-search{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:20px 0}.receipt-search .document-filter>.form-grid{padding:18px 0}.receipt-pages{flex-direction:row;flex-wrap:wrap;margin:20px 0}.receipt-month{font-size:18px;margin-top:24px}.filing-target{border-left:3px solid #b3c8b8;padding:10px 14px;background:#f8faf7;overflow-wrap:anywhere}#ki-erinnerung .form-grid{margin:18px 0}#ki-erinnerung p{overflow-wrap:anywhere}@media(max-width:700px){.receipt-folders{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-folders a{font-size:12px;padding:10px;gap:6px}.receipt-search{padding:16px}.receipt-pages .button{flex:1 1 130px}.receipt-search .section-actions{flex-wrap:wrap}}

.page-composition-row{border:1px solid var(--line,#d9e2dc);border-radius:12px;padding:16px;margin:12px 0;display:grid;gap:10px}.page-composition-row .document-check{overflow-wrap:anywhere}.page-composition-row .field input{max-width:100%}