:root{--ink:#203c32;--green:#214c3d;--muted:#536250;--line:#c9d3c8;--cream:#f6f7f0;--soft:#edf2e7;--rust:#9a452c;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--font)}[hidden]{display:none!important}a{color:var(--green);text-underline-offset:3px}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{background:var(--green);color:white;border:1px solid var(--green);border-radius:8px;padding:11px 17px;min-height:44px;font-weight:600;line-height:1.35}button:hover{filter:brightness(.94)}button:disabled{opacity:1;background:#e3e7de;color:#52604c;border-color:#c9d3c8;cursor:not-allowed;filter:none}.secondary{background:white;color:var(--green);border-color:#aebfad}.quiet{background:transparent;color:var(--green);border-color:transparent}input:not([type=checkbox]),textarea,select{width:100%;min-width:0;border:1px solid #9ba996;background:white;color:var(--ink);border-radius:7px;padding:10px 11px;min-height:44px}textarea{resize:vertical;line-height:1.5}input[type=checkbox]{width:20px;height:20px;min-width:20px;accent-color:var(--green);margin:2px 0 0}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid #a13e25}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9a6436;outline-offset:3px}label{display:block;font-size:14px;font-weight:600;margin:17px 0 6px}.optional,.required{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}.required{text-transform:uppercase;letter-spacing:.03em;font-size:10px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;margin:17px 0}.hint{font-size:12px;line-height:1.55;color:var(--muted);margin:7px 0}.skip{position:fixed;top:-100px;left:10px;z-index:50;padding:12px;background:white}.skip:focus{top:10px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 32px;background:#faf9f3;border-bottom:1px solid #dfe4d9}.site-header img{display:block;width:240px;height:64px;max-width:100%}.site-header nav{display:flex;flex-wrap:wrap;gap:9px}.site-header nav a{padding:10px 14px;border:1px solid #d5dece;border-radius:8px;text-decoration:none;font-size:14px;background:var(--soft)}.shell{max-width:1320px;margin:auto;padding:22px 32px 40px}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.hero{padding:35px 0 25px;max-width:800px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:#50634d;text-transform:uppercase;margin:0 0 10px}h1{font-family:Georgia,serif;font-size:48px;letter-spacing:-1px;font-weight:500;line-height:1.12;margin:0 0 15px}.hero>p:not(.eyebrow){font-size:18px;max-width:620px;margin:0 0 15px}.test-badge{display:inline-block;border:1px solid #d8c5a3;background:#fbf2df;border-radius:20px;padding:4px 11px;font-size:11px;color:#684d23}.workspace-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0}.workspace-toolbar>div{display:flex;gap:8px;align-items:center}.workspace-toolbar [role=status]{font-size:12px;max-width:430px}.options{position:relative}.options summary{border:1px solid #b9c7b3;border-radius:8px;padding:10px 13px;background:white;font-size:14px;min-height:44px}.options>div{position:absolute;top:100%;left:0;width:260px;background:white;z-index:10;padding:8px;border:1px solid var(--line);box-shadow:0 9px 25px #203c3220;border-radius:8px}.options button{display:block;width:100%;border:0;background:white;color:var(--green);font-size:13px;text-align:left}.restore-banner{padding:12px 16px;border:1px solid #dbcda8;background:#fff9e8;margin:0 0 16px;border-radius:8px;font-size:14px}.restore-banner span{font-size:12px;margin-left:12px}.restore-banner button{margin-left:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:24px;align-items:start}.form-card{border:1px solid var(--line);border-radius:12px;background:#fffefa;padding:24px;margin:0 0 18px}.section-heading{display:flex;gap:11px;align-items:center}.section-heading>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--soft);font-size:13px;font-weight:bold}.section-heading h2{font-size:19px;line-height:1.3;margin:0}.section-intro{font-size:13px;color:var(--muted);margin:10px 0 14px}.two-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.period-card,.method-card{min-width:0;border:1px solid #d0d8ca;background:#f7f9f3;border-radius:8px;margin:16px 0;padding:15px;position:relative}.period-card legend,.method-card legend{font-size:13px;font-weight:700;padding:0 7px}.remove-row{position:absolute;top:8px;right:8px;background:transparent;color:#8c3824;border:0;min-height:36px;padding:6px 9px;font-size:12px}.period-card>label:first-of-type,.method-card>label:first-of-type{margin-top:17px}.period-card [data-balance]{border-top:1px solid #d3dccb;margin-top:10px}.balance-result{font-size:13px;font-weight:600}.repeat-options{margin-top:15px;font-size:13px}.repeat-options summary{padding:8px 0;color:var(--green);font-weight:600;min-height:44px}.repeat-controls{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:8px;align-items:center}.repeat-controls button{grid-column:1/-1}.repeat-controls label{margin:0;font-size:13px}.allocation-status{padding:12px 14px;border-radius:8px;background:#f4eadb;color:#654a27;font-size:13px;margin:18px 0 0}.allocation-status.matched{background:#e9f2e2;color:#31552d}.confirm{padding:13px;background:var(--soft);border-radius:8px}.signature-actions{display:flex;gap:10px;margin:8px 0}#signature-canvas{width:100%;height:auto;display:block;background:white;border:1px solid #879b82;border-radius:8px;touch-action:none}#review{width:100%}#review-status{font-size:13px}.preview-panel{position:sticky;top:15px;background:#e9eee3;border:1px solid #cad5c3;border-radius:12px;padding:20px;min-width:0;max-height:calc(100vh - 30px);overflow:auto}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-top h2{font-size:21px;margin:0}.preview-top .eyebrow{margin-bottom:3px}.draft-badge{padding:3px 10px;border-radius:20px;background:white;border:1px solid #b4c4ac;font-size:11px}.draft-badge.ready{background:#214c3d;color:white}.export-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:16px 0 8px}.export-controls>div{flex:1;min-width:105px}.export-controls label{font-size:12px;margin-top:0}.export-controls select{font-size:13px}.export-controls button{padding:11px 12px;font-size:13px}#export-status{font-size:12px;margin:8px 0 15px}#paper-window{width:100%;overflow:hidden}#paper-space{position:relative;width:100%}#receipt-pages{transform-origin:top left;width:816px}.receipt-page{position:relative;width:816px;height:1056px;padding:44px 48px 62px;background:white;box-shadow:0 2px 8px #203c3220;margin:0 0 20px;color:#223b30;font:14px/1.5 Arial,Helvetica,sans-serif;overflow:hidden}.receipt-page.a4{width:794px;height:1123px}.receipt-content{height:100%;overflow:visible}.receipt-block{break-inside:avoid;margin-bottom:13px;overflow-wrap:anywhere}.receipt-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #214c3d;padding-bottom:12px;gap:20px}.receipt-head img{width:160px;height:auto}.receipt-head h2{font:30px/1.1 Georgia,serif;margin:0}.receipt-head p{font-size:11px;margin:5px 0 0;text-align:right}.draft-mark{color:#963c25;font-weight:bold;letter-spacing:.08em;text-align:center;font-size:12px;padding:7px;background:#fff2e9;border:1px solid #d9b5a3}.receipt-amount{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#edf3e8;padding:15px 18px;border-radius:6px}.receipt-amount strong{font-size:30px;line-height:1.15;display:block}.receipt-amount span{font-size:11px;display:block}.receipt-amount p{margin:0;font-size:13px;text-align:right}.receipt-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding:5px 0}.receipt-meta div{white-space:pre-wrap;overflow-wrap:anywhere}.receipt-meta strong{font-size:10px;text-transform:uppercase;letter-spacing:.06em;display:block;color:#52644c;margin-bottom:4px}.receipt-section-title{font-size:13px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;margin-top:17px;border-bottom:1px solid #cbd5c6;padding-bottom:6px}.receipt-allocation{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:5px 16px;border-bottom:1px solid #dce2d8;padding:9px 0;margin-bottom:0}.receipt-allocation .money{text-align:right;font-weight:600;white-space:nowrap}.receipt-allocation small{font-size:11px;color:#475a41;display:block;line-height:1.6}.receipt-total{font-weight:700;font-size:16px;border-bottom:2px solid #214c3d}.receipt-notes{white-space:pre-wrap;font-size:12px}.receipt-signature{border-top:1px solid #cbd5c6;margin-top:20px;padding-top:12px;min-height:90px}.receipt-signature p{margin:2px 0;font-size:12px}.signature-image{max-width:300px;max-height:72px;object-fit:contain;display:block}.signature-text{font:italic 28px/1.3 Georgia,serif;overflow-wrap:anywhere}.signature-line{margin:30px 0 5px;border-bottom:1px solid #78906d;width:300px;max-width:100%}.receipt-footer{position:absolute;bottom:21px;left:48px;right:48px;font-size:10px;color:#52624a;border-top:1px solid #d5dece;padding-top:7px;display:flex;justify-content:space-between;gap:15px}.privacy-note{font-size:12px;line-height:1.6;margin:12px 0 0;color:#4b6042}.help{margin-top:48px;padding:32px 0;border-top:1px solid var(--line);max-width:1150px}.help h2{font:30px/1.2 Georgia,serif;margin:0 0 15px}.help>p{max-width:850px}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.help h3{font-size:16px}.help p{font-size:14px}.site-footer{display:flex;flex-wrap:wrap;gap:15px 25px;border-top:1px solid var(--line);padding:25px 32px;font-size:12px}.site-footer span{margin-left:auto}.error-summary{background:#fff0e8;border:2px solid #a2442a;border-radius:8px;padding:18px;margin-bottom:20px}.error-summary h2{font-size:18px;margin:0}.error-summary ul{margin-bottom:0;padding-left:20px}.error-summary a{color:#842d18;font-size:14px}.mobile-tabs{display:none}dialog{border:1px solid #a6b69c;border-radius:12px;padding:24px;max-width:420px;width:calc(100% - 30px);color:var(--ink);background:#fffefa}dialog::backdrop{background:#132b2366}dialog h2{font-size:23px;margin-top:0}#pdf-again{font-size:13px;display:inline-block;margin:0 0 12px}
@media(max-width:900px){.shell{padding:20px}.site-header{padding:10px 20px}.site-header img{width:210px}.workspace{grid-template-columns:minmax(0,1fr)}.mobile-tabs{display:flex;gap:8px;margin-bottom:16px}.mobile-tabs button{flex:1;background:white;color:var(--green);border-color:#b4c4aa}.mobile-tabs [aria-selected=true]{background:var(--green);color:white}.workspace[data-mobile=edit] .preview-panel{display:none}.workspace[data-mobile=preview] .form-panel{display:none}.preview-panel{position:static;max-height:none}.workspace-toolbar{align-items:flex-start}.workspace-toolbar [role=status]{max-width:240px}.help-grid{grid-template-columns:1fr;gap:5px}.hero{padding-top:26px}h1{font-size:40px}.site-footer span{margin-left:0}}
@media(max-width:480px){.shell{padding:17px}.site-header{flex-direction:column;gap:7px;padding:10px 17px;align-items:flex-start}.site-header img{width:210px;height:56px}.site-header nav{width:100%;gap:6px}.site-header nav a{flex:1;text-align:center;padding:9px 5px;font-size:12px}.hero>p:not(.eyebrow){font-size:16px}h1{font-size:37px}.form-card{padding:18px 15px}.two-fields{grid-template-columns:1fr;gap:0}.workspace-toolbar{flex-direction:column;gap:9px}.workspace-toolbar [role=status]{max-width:none}.preview-panel{padding:13px}.export-controls button{flex:1}.period-card,.method-card{padding:12px}.restore-banner span{display:block;margin:8px 0 0}.restore-banner button{margin:7px 0 0}.receipt-page{box-shadow:none}}
@media print{@page{size:letter;margin:0}body{margin:0;background:white}.site-header,.hero,.breadcrumb,.workspace-toolbar,.restore-banner,.mobile-tabs,.form-panel,.preview-top,.export-controls,#export-status,#pdf-again,.privacy-note,#page-count,.help,.site-footer,.skip,dialog{display:none!important}.shell,.workspace,.preview-panel,#preview-panel,#paper-window,#paper-space{display:block!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;max-height:none!important;border:0!important;background:white!important;overflow:visible!important}#receipt-pages{transform:none!important;width:auto!important}.receipt-page{margin:0;box-shadow:none;break-after:page;page-break-after:always}.receipt-page:last-child{break-after:auto;page-break-after:auto}}
.receipt-brand{font:700 18px/1.3 Georgia,serif;color:#214c3d}

/* Document-first receipt: the paginated document is the editing surface. */
.workspace{display:block;max-width:980px;margin:0 auto}.preview-panel,#preview-panel{position:static;max-height:none;overflow:visible;border:0;background:transparent;padding:0;width:100%;display:block!important}
.workspace-toolbar{gap:14px;flex-wrap:wrap}.workspace-toolbar>div{flex-wrap:wrap}.workspace-toolbar [role=status]{max-width:420px}.document-options{border-bottom:1px solid #d4decf;margin-bottom:5px;padding-bottom:5px}.document-options>strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:8px 12px}
.export-controls{background:#eaf0e3;border:1px solid #c9d5c0;border-radius:10px;padding:13px 15px;align-items:flex-end;margin-bottom:10px}.export-controls>div{flex:0 1 145px}.export-controls #document-finish{margin-right:auto}.export-controls .zoom-control{flex-basis:175px}.preview-top{margin:8px 0 14px}.preview-top h2{font-family:Georgia,serif;font-weight:500;font-size:25px}
#paper-window{max-width:940px;margin:0 auto;overflow:auto;overscroll-behavior-x:contain;padding:4px 0 12px}#paper-space{margin:0 auto}#receipt-pages{width:816px}.receipt-page{box-shadow:0 1px 7px #203c3220;border:0}.receipt-editable{position:relative;min-width:30px;min-height:1.1em;cursor:text;outline:1px dashed #c2cfb9;outline-offset:3px;border-radius:2px;white-space:pre-wrap;overflow-wrap:anywhere}.receipt-editable:empty:before{content:attr(data-placeholder);color:#53684a;font-size:inherit;pointer-events:none}.receipt-editable:hover,.receipt-editable:focus{outline:2px solid #718968;background:#f2f6ed}.receipt-editable:focus{cursor:text}.receipt-action{cursor:pointer;outline:1px dashed #c2cfb9;outline-offset:3px;border-radius:2px}.receipt-action:hover,.receipt-action:focus-visible{outline:2px solid #718968;background:#f2f6ed}.receipt-locked .receipt-editable,.receipt-locked .receipt-action{outline-color:transparent}.receipt-locked .receipt-editable:hover,.receipt-locked .receipt-editable:focus,.receipt-locked .receipt-action:hover,.receipt-locked .receipt-action:focus-visible{outline-color:#718968}.receipt-meta .receipt-editable{display:block}.receipt-unit{display:block;margin-top:3px}.receipt-unit .receipt-editable{display:inline-block;min-width:100px}.receipt-optional{color:#52664a;font-size:12px;line-height:1.6}.document-hint{font-size:13px;text-align:center;color:#4b6042;margin:13px 0 0}
.receipt-editor{width:min(680px,calc(100% - 24px));max-width:680px;max-height:calc(100dvh - 24px);padding:0;overflow:auto}.editor-top{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#f3f6ed;padding:14px 18px;position:sticky;top:0;z-index:5;border-bottom:1px solid #c9d5c0}.editor-top h2{font-size:21px;margin:0}.editor-top>div{display:flex;gap:5px}.editor-top button{padding:8px 11px}.editor-top #editor-close{font-size:24px}.receipt-editor .form-panel{display:block!important;max-width:none;width:100%;padding:14px 18px 0}.receipt-editor .form-card{display:none;border:0;margin:0;padding:0;background:transparent}.receipt-editor .form-card.active-editor{display:block}.receipt-editor .section-heading>span{display:none}.receipt-editor .section-heading h2{display:none}.editor-bottom{padding:10px 18px 18px;display:flex;justify-content:flex-end}.receipt-editor:has(.form-card[data-editor-section="4"].active-editor) .editor-bottom{display:none}.receipt-editor .error-summary{margin-bottom:14px}.receipt-editor .two-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:900px){.workspace[data-mobile=edit] .preview-panel,.workspace[data-mobile=preview] .preview-panel{display:block!important}.mobile-tabs{display:none!important}.export-controls{gap:8px}.export-controls #document-finish{flex:1 1 100%;margin-right:0}.export-controls>div{flex:1 1 125px}.export-controls button{flex:1 1 120px}.receipt-editor .two-fields{grid-template-columns:1fr}.preview-panel{padding:0}}
@media(max-width:480px){.workspace-toolbar>div{gap:6px}.workspace-toolbar button,.workspace-toolbar summary{font-size:12px;padding:10px}.workspace-toolbar #document-add-period{flex:1 1 auto}.receipt-editor .form-panel{padding:12px}.editor-top{padding:12px}.editor-top h2{font-size:18px}.document-hint{font-size:12px}.export-controls{padding:10px}.preview-top .eyebrow{display:none}}
@media print{.document-hint,.document-only,.receipt-optional,.receipt-editor{display:none!important}.receipt-editable,.receipt-action{outline:none!important;box-shadow:none!important;background:transparent!important}.receipt-editable:empty:before{content:none}.receipt-page{border:0!important}.receipt-meta .receipt-editable{display:block}}

/* A quiet, editorial studio around the working document. */
:root{--ink:#193e34;--green:#214d40;--muted:#657568;--cream:#f7f6f0;--line:#dbe1d6;--soft:#edf2e9}
body{background:radial-gradient(ellipse at 90% 4%,#e5ecdc 0,transparent 38%),var(--cream)}
button{border-radius:11px;transition:background .15s,box-shadow .15s,transform .15s}button:not(:disabled):hover{filter:none;box-shadow:0 4px 12px #193e3410}button:not(:disabled):active{transform:translateY(1px)}
.site-header{background:#fcfcf8;border-color:#e3e7dc;padding:14px max(26px,calc((100vw - 1200px)/2));}.site-header nav a{border:0;background:transparent;font-weight:600;color:#466052}.site-header nav a:last-child{background:#eef2e8;border:1px solid #dbe3d3;border-radius:30px}
.shell{max-width:1200px;padding:26px 28px 56px}.breadcrumb{margin:0 0 25px;font-size:12px}.breadcrumb a{color:#657568;text-decoration:none}
.hero{max-width:none;display:grid;grid-template-columns:1.5fr 1fr;gap:44px;padding:38px 44px 36px;margin:0 0 26px;background:#214d40;color:#fffef6;border:1px solid #214d40;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 12px 30px #193e340a}
.hero:after{content:'';position:absolute;width:280px;height:280px;border:1px solid #ffffff12;border-radius:50%;right:-95px;top:-120px;pointer-events:none}.hero .eyebrow{color:#d0dec2;letter-spacing:.16em;font-size:10px;margin:0 0 18px}.hero h1{font-size:50px;letter-spacing:-1.8px;line-height:1.07;margin:0 0 18px}.hero h1 em{font-size:.78em;font-weight:400;color:#dce9cf}.hero-copy>p:not(.eyebrow){font-size:15px;color:#edf2e5;line-height:1.7;margin:0 0 20px}.test-badge{background:#ffffff0d;border-color:#ffffff36;color:#e7eddd;font-size:10px;padding:4px 10px}.hero-workflow{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:21px;padding:0 0 0 30px;margin:0;border-left:1px solid #ffffff2e;z-index:1}.hero-workflow li{display:flex;align-items:center;gap:16px}.hero-workflow li>span{border:1px solid #c3d4b45c;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#cfdfbf;font:italic 15px Georgia,serif;flex-shrink:0}.hero-workflow strong{font-size:14px;font-weight:600}.hero-workflow p{font-size:12px;color:#d6e0cd;margin:2px 0 0}
.workspace-toolbar{border:0;padding:2px 0 18px;gap:20px;align-items:center}.toolbar-intro{display:flex;gap:9px;align-items:center;font-size:15px;font-weight:600;margin-right:12px}.live-dot{width:8px;height:8px;background:#63805b;border-radius:50%;box-shadow:0 0 0 4px #e4eadb}.workspace-toolbar>div{flex-wrap:wrap}.workspace-toolbar #storage-status{max-width:320px;font-size:11px;color:#657568;text-align:right}#document-add-period{background:#fffef9;border:1px solid #aebda7;border-radius:24px;font-size:12px;padding:9px 15px;min-height:40px}
.receipt-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:0 0 23px;margin:0;border:0}.receipt-shortcuts>strong{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-right:9px;color:#687c68}.receipt-shortcuts button{background:transparent;color:#3e5d4b;border:1px solid #d4dfcb;border-radius:22px;padding:7px 13px;font-size:12px;min-height:38px;font-weight:500}.receipt-shortcuts button:hover{background:#e7eedd;border-color:#8ba17c}
.workspace{max-width:none;background:#ebefe5;border:1px solid #d7dfce;border-radius:22px;padding:25px 25px 15px;box-shadow:inset 0 1px 0 #fff,0 12px 30px #263e2910}.preview-top{padding:0 3px 15px;align-items:center}.preview-top .eyebrow{font-size:9px;letter-spacing:.15em;color:#687d60;margin-bottom:4px}.preview-top h2{font:29px/1.2 Georgia,serif;margin:0}.draft-badge{background:#fffdf3;border:1px solid #d7d4bb;border-radius:24px;padding:5px 13px;font-size:11px;color:#725a2f}.draft-badge.ready{background:#214d40;color:white;border-color:#214d40}
.export-controls{background:transparent;border:0;border-radius:0;padding:0;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:-61px;min-height:49px;margin-bottom:19px}.export-controls>button{font-size:12px;min-height:41px;padding:10px 16px;flex:none}.export-controls #document-finish{background:#214d40;border-color:#214d40}.export-controls #download-pdf{background:#fdfef9;color:#214d40;border-color:#b7c6aa}.export-controls #download-pdf:disabled{background:#f4f6f0;color:#697761;border-color:#cdd7c3}.export-controls #print{background:transparent;border-color:#b7c6aa}.export-controls #print:disabled{background:transparent;color:#697761}
.preference-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #d2dcc8;border-bottom:1px solid #d2dcc8}.preference-row>div{display:flex;gap:12px;align-items:center}.preference-row label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin:0;color:#556c4c;font-weight:600}.word-choices{display:flex;flex-wrap:wrap;gap:7px}.word-choice{min-height:43px;padding:10px 15px;font-size:13px;font-weight:500;background:#fffefa;border:1px solid #bdcbb4;color:#35533f;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.word-choice:before{content:'';width:12px;height:12px;flex-shrink:0;border-radius:50%;border:1px solid #8a9c7d;background:transparent}.word-choice[aria-checked=true]{background:#214d40;border-color:#214d40;color:#fffef5;box-shadow:0 3px 8px #193e3412}.word-choice[aria-checked=true]:before{background:#cfdfbb;border-color:#cfdfbb;box-shadow:inset 0 0 0 3px #214d40}.word-choice:not([aria-checked=true]):hover{background:#eff4e8;border-color:#789366}.preference-row .word-choices{gap:3px;border:1px solid #c2cdb9;background:#e1e7d9;border-radius:9px;padding:3px}.preference-row .word-choice{min-height:32px;padding:6px 11px;font-size:11px;background:transparent;border:0;border-radius:6px;color:#52664a;box-shadow:none}.preference-row .word-choice:before{display:none}.preference-row .word-choice[aria-checked=true]{background:white;color:#244730;box-shadow:0 1px 4px #223d2c16}
#export-status{font-size:11px;color:#65755c;margin:10px 3px 16px}#paper-window{padding:5px 0 12px;max-width:900px;scrollbar-width:thin;scrollbar-color:#a5b699 transparent}#paper-space{overflow:hidden}.receipt-page{box-shadow:0 4px 18px #203c3214}.document-hint{text-align:center;font-size:11px;color:#5c7152}.privacy-note{text-align:center;font-size:10px;max-width:700px;margin:12px auto 6px}#page-count{text-align:center;font-size:10px}
.save-tools{margin:27px 0 0;border:1px solid #dde4d5;border-radius:16px;background:#fcfcf7;padding:23px 25px;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:30px}.save-tools .eyebrow{font-size:9px;margin:0 0 7px;color:#6d7e61}.save-tools h2{font:25px/1.2 Georgia,serif;margin:0 0 8px}.save-tools p:not(.eyebrow){font-size:12px;margin:0;color:#6b7862}.save-actions{display:flex;flex-wrap:wrap;gap:7px}.save-actions button{min-height:37px;background:#f0f4e9;border-color:#d8e1cf;color:#3c5a43;font-size:11px;font-weight:500;padding:8px 12px}.save-actions #save-draft{background:#214d40;color:white;border-color:#214d40}.save-actions #clear-saved{color:#8a5846;background:transparent;border-color:transparent}.help{margin:40px 0 0;padding:30px 0 0;max-width:none}.help h2{font-size:29px}.help-grid{gap:28px}.help-grid>div{padding:5px 0 0}.help-grid h3{font:20px Georgia,serif}.help p{font-size:13px;color:#5f705e}.site-footer{background:#eff2e8;border-color:#dce3d3;color:#607254;padding:23px 28px}.site-footer a{text-decoration:none;color:#506747}
.receipt-editor{border:0;border-radius:20px;box-shadow:0 22px 80px #112d3150;background:#fcfcf8}.receipt-editor::backdrop{background:#122c245c;backdrop-filter:blur(5px)}.editor-top{padding:19px 23px;background:#edf2e6;border-color:#d7e1cc}.editor-top h2{font:25px/1.2 Georgia,serif}.receipt-editor .form-panel{padding:9px 23px 0}.editor-bottom{padding:15px 23px 23px}.receipt-editor label{font-size:12px;color:#3d5d45}.receipt-editor .word-choices{margin:5px 0 12px}.receipt-editor .period-card,.receipt-editor .method-card{background:#f2f5ed;border-color:#d7e0cd;border-radius:12px;padding:19px 17px}.repeat-options{background:#edf2e4;border:1px solid #d8e3cb;border-radius:12px;padding:16px;margin-top:18px}.repeat-options h3{font:19px Georgia,serif;margin:0 0 9px}.repeat-controls{display:flex;flex-wrap:wrap;align-items:end;gap:9px}.repeat-controls label{width:100%;margin:0}.repeat-controls #repeat-count{width:80px}.repeat-controls button{font-size:12px}.receipt-editor .confirm{background:#edf2e7;padding:14px;border-radius:10px;border:1px solid #d7e2cb}.receipt-editor #review{width:100%;margin-top:6px}.receipt-editor input:not([type=checkbox]),.receipt-editor textarea{border-color:#b9c8ad;background:white;border-radius:9px}.receipt-editor .hint{font-size:11px}
/* The page uses its full height; the same rules are captured in the PDF. */
.receipt-content{display:flex;flex-direction:column;justify-content:space-between}.receipt-block{flex-shrink:0;margin-bottom:12px}.receipt-head{padding-bottom:19px;border-bottom:2px solid #214d40;align-items:flex-start}.receipt-brand{font-size:20px}.receipt-head h2{font-size:34px}.receipt-amount{padding:20px 21px;border-radius:10px;background:#edf3e7;min-height:94px}.receipt-amount strong{font-size:35px}.receipt-meta{gap:18px 28px;padding:8px 0;font-size:15px}.receipt-meta strong{font-size:9px;letter-spacing:.1em;margin-bottom:7px}.receipt-meta>div{min-height:42px}.receipt-section-title{font-size:11px;letter-spacing:.13em;padding-bottom:9px;margin-top:13px}.receipt-allocation{padding:13px 0;align-items:center;min-height:54px}.receipt-allocation:not(.receipt-total) .money{font-size:16px}.receipt-allocation small{font-size:11px}.receipt-total{font-size:15px;min-height:49px}.receipt-signature{min-height:105px;padding-top:17px;margin-top:17px;margin-bottom:0}.signature-line{margin-top:40px;width:310px}.signature-text{font-size:31px}.receipt-footer{letter-spacing:.01em}.receipt-editable{outline-color:#d1dcca;outline-offset:3px}.receipt-action{outline-color:#d1dcca}.receipt-optional{font-size:11px}.receipt-unit .receipt-editable{min-width:140px}
@media(max-width:1000px){.export-controls{margin-top:0;justify-content:flex-start;margin-bottom:15px}.hero{gap:30px;padding:32px}.hero h1{font-size:44px}.hero-workflow{padding-left:25px}.workspace{padding:22px}.preview-top{padding-bottom:15px}}
@media(max-width:700px){.shell{padding:20px 17px 35px}.hero{grid-template-columns:1fr;gap:23px;padding:28px 25px;border-radius:19px}.hero h1{font-size:43px;line-height:1.12}.hero-workflow{border-left:0;border-top:1px solid #ffffff2e;padding:22px 0 0;flex-direction:row;gap:13px;justify-content:space-between}.hero-workflow li{flex:1;align-items:flex-start;gap:8px}.hero-workflow li>span{width:25px;height:25px;font-size:12px}.hero-workflow strong{font-size:11px}.hero-workflow p{display:none}.workspace-toolbar{flex-direction:column;align-items:stretch;gap:9px}.workspace-toolbar>div{justify-content:space-between}.toolbar-intro{font-size:14px}.workspace-toolbar #storage-status{text-align:left;max-width:none}.receipt-shortcuts{gap:7px;padding-bottom:20px}.receipt-shortcuts>strong{width:100%;margin:4px 0}.receipt-shortcuts button{font-size:11px;padding:7px 12px}.workspace{padding:17px 12px 12px;border-radius:17px;margin:0 -4px}.preview-top h2{font-size:27px}.export-controls{gap:6px}.export-controls>button{font-size:11px;padding:10px 12px;flex:1}.preference-row{gap:13px;flex-wrap:wrap;padding:13px 2px}.preference-row>div{flex:1;min-width:145px;flex-direction:column;align-items:flex-start;gap:6px}.preference-row .word-choice{padding:7px 10px;font-size:10px;min-height:32px}.preference-row label{font-size:9px}.save-tools{grid-template-columns:1fr;padding:21px;gap:17px}.save-tools h2{font-size:24px}.save-actions button{font-size:11px}.help{margin-top:30px}.help h2{font-size:27px}.site-header{padding:10px 17px}.receipt-editor .form-panel{padding:7px 17px 0}.editor-top{padding:16px 17px}.editor-top h2{font-size:23px}.receipt-editor .word-choice{font-size:12px;padding:9px 12px}.receipt-editor .two-fields{grid-template-columns:1fr;gap:0}.receipt-editor .period-card,.receipt-editor .method-card{padding:16px 12px}.document-hint{font-size:10px}.privacy-note{font-size:10px}}
@media print{.receipt-shortcuts,.preference-row,.save-tools{display:none!important}.workspace{padding:0!important;border:0!important;box-shadow:none!important}#paper-space{overflow:visible!important}.receipt-page{box-shadow:none!important}}
@media screen{.export-controls{margin-top:0;justify-content:flex-start;margin-bottom:16px}}


/* Receipt typography and section hierarchy shared by editor, print, and PDF. */
.receipt-page{padding:33px 42px 55px;font-size:16px;line-height:1.4;color:#203c32}
.receipt-content{justify-content:space-between;gap:0}
.receipt-block{margin-bottom:9px;flex-shrink:0}
.receipt-head{padding:0 0 13px;border-bottom:2px solid #214d40;align-items:center;min-height:55px}
.receipt-brand{font-size:20px;line-height:1.25;max-width:230px}
.receipt-head h2{font-size:37px;letter-spacing:-.8px;line-height:1.1}
.receipt-head p{font-size:12px;line-height:1.3;margin-top:6px}
.receipt-amount{border:1px solid #d4e0cb;border-left:5px solid #214d40;background:#eff4e9;border-radius:10px;padding:15px 20px;min-height:98px;gap:24px}
.receipt-amount span{font-size:11px;letter-spacing:.09em;font-weight:600;margin-bottom:4px}
.receipt-amount strong{font-size:42px;letter-spacing:-1px;line-height:1.1;font-variant-numeric:tabular-nums}
.receipt-amount p{border-left:1px solid #c8d7bf;padding-left:22px;min-width:170px;font-size:16px;line-height:1.4}
.receipt-amount p span{font-size:10px;margin-bottom:6px}
.receipt-section-title.receipt-band{display:flex;align-items:center;gap:10px;background:#eaf0e3;border:1px solid #d9e3cf;border-radius:7px;padding:7px 10px;margin-top:4px;min-height:37px;text-transform:none;letter-spacing:0}
.receipt-band .receipt-section-number{display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:5px;background:#214d40;color:white;font:600 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.02em}
.receipt-band h3{font:600 16px/1.15 Arial,Helvetica,sans-serif;margin:0;color:#244734;letter-spacing:.01em}
.receipt-meta{gap:10px 12px;padding:0;margin-bottom:9px;font-size:17px;line-height:1.4}
.receipt-meta>div{border:1px solid #e0e6da;border-radius:7px;background:#fafbf7;padding:10px 12px;min-height:67px}
.receipt-meta strong{font-size:10px;line-height:1.3;letter-spacing:.08em;margin-bottom:7px;color:#52694a}
.receipt-meta .receipt-editable{min-height:23px}
.receipt-unit{margin-top:4px;font-size:14px}
.receipt-unit .receipt-editable{min-height:20px}
.receipt-optional{font-size:13px}
.receipt-meta>.receipt-optional{font-size:13px}
.receipt-allocation{grid-template-columns:minmax(0,1fr) 150px;padding:9px 12px;min-height:51px;gap:5px 15px;border-bottom:1px solid #dbe3d5;margin-bottom:0;align-items:center}
.receipt-allocation>div:first-child>strong{font-size:16px;line-height:1.3}
.receipt-allocation small{font-size:12px;line-height:1.5;color:#566b4d;margin-top:3px}
.receipt-allocation:not(.receipt-total) .money{font-size:18px;line-height:1.3;font-weight:700;font-variant-numeric:tabular-nums}
.receipt-total{background:#f1f5eb;border:1px solid #dae4d0;border-bottom:2px solid #214d40;border-radius:0 0 7px 7px;padding:11px 12px;min-height:47px;font-size:15px;margin-top:3px;margin-bottom:7px}
.receipt-total .money{font-size:19px;line-height:1.2;font-variant-numeric:tabular-nums}
.receipt-signature{border:0;min-height:119px;padding:0;margin-top:9px;margin-bottom:0}
.receipt-signature .receipt-band{margin:0 0 12px}
.signature-text{font-size:32px;line-height:1.2;margin-left:12px;min-height:40px}
.signature-image{max-height:55px;margin-left:12px}
.signature-line{margin:29px 12px 8px;width:315px;border-color:#91a384}
.receipt-signature p{font-size:13px;line-height:1.4;margin:3px 12px;color:#3f5843}
.receipt-signature p:last-child{font-size:11px;color:#617358}
.receipt-notes{font-size:13px;line-height:1.5;background:#fafbf7;border-left:3px solid #c0d0b5;border-radius:0 5px 5px 0;padding:9px 12px;margin:7px 0}
.receipt-footer{left:42px;right:42px;bottom:17px;font-size:10px;border-color:#cad7bf;padding-top:8px;line-height:1.35}
.draft-mark{font-size:10px;padding:4px;line-height:1.3;margin-bottom:7px}
.receipt-page .receipt-editable{outline-offset:2px;border-radius:3px}
.receipt-page .receipt-action{outline-offset:2px}
@media print{.receipt-page{padding:33px 42px 55px}}
.receipt-page{padding:28px 40px 42px}.receipt-block{margin-bottom:6px}.receipt-head{min-height:52px;padding-bottom:10px}.receipt-head h2{font-size:35px}.receipt-amount{min-height:91px;padding:13px 18px}.receipt-meta{gap:8px 12px}.receipt-meta>div{min-height:58px;padding:8px 11px}.receipt-meta>div:nth-child(2){grid-column:2;grid-row:1 / span 2}.receipt-meta>.receipt-optional{min-height:48px}.receipt-meta strong{margin-bottom:6px}.receipt-section-title.receipt-band{min-height:32px;padding:5px 9px;margin-top:2px;margin-bottom:6px}.receipt-band .receipt-section-number{width:20px;height:20px}.receipt-band h3{font-size:15px}.receipt-allocation{padding:6px 11px;min-height:47px}.receipt-allocation small{line-height:1.35;margin-top:2px}.receipt-total{padding:9px 11px;min-height:43px;margin-top:2px;margin-bottom:5px}.receipt-signature{min-height:109px;margin-top:6px}.receipt-signature .receipt-band{margin-bottom:8px}.signature-text{font-size:30px;min-height:34px}.receipt-signature p{margin-top:2px;margin-bottom:2px}.signature-line{margin-top:23px;margin-bottom:7px}.receipt-footer{left:40px;right:40px;bottom:12px}
@media print{.receipt-page{padding:28px 40px 42px}}

/* Simple, visible payment and signature choices; no native dropdown flash. */
.method-card select,.receipt-editor #signature-mode{display:none!important}
.method-card .word-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.method-card .word-choice{font-size:13px;padding:10px 8px;border-radius:8px}
.method-card .word-choice:before,#signature-mode+.word-choices .word-choice:before{display:none}
#signature-mode+.word-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:18px}
#signature-mode+.word-choices .word-choice{font-size:15px;min-height:45px}
#signature-canvas{background:white;border:1px solid #b7c7aa;border-radius:9px}
@media(max-width:480px){.method-card .word-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* A quieter header and return-to-form links on every receipt page. */
.receipt-page{padding-top:22px;padding-bottom:100px}
.receipt-head{min-height:45px;padding-bottom:9px}
.receipt-head>div{display:flex;align-items:baseline;justify-content:space-between;width:100%;gap:18px}
.receipt-head h2{font-size:36px;white-space:nowrap}
.receipt-head p{margin:0;font-size:12px;max-width:45%;overflow-wrap:anywhere}
.receipt-amount{min-height:86px;padding-top:11px;padding-bottom:11px}
.receipt-meta{gap:6px 12px}.receipt-meta>div{min-height:54px;padding-top:7px;padding-bottom:7px}
.receipt-section-title.receipt-band{padding-top:4px;padding-bottom:4px;min-height:30px}
.receipt-block{margin-bottom:5px}
.receipt-footer{left:40px;right:40px;bottom:8px;min-height:85px;padding-top:6px;border-top:1px solid #cad7bf;display:flex;justify-content:space-between;align-items:center;gap:20px}
.receipt-return-left{display:flex;flex-direction:column;gap:5px}
.receipt-return-left>a{font:700 16px/1.25 Georgia,serif;color:#214d40;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.receipt-return-left>span{font:10px/1.4 Arial,sans-serif;color:#607255}
.receipt-return-qr{display:flex;flex-direction:column;align-items:center;gap:0;color:#3f583d;text-decoration:none;line-height:1.2}
.receipt-return-qr img{display:block;width:72px;height:72px;image-rendering:pixelated}
.receipt-return-qr span{font:9px/1.2 Arial,sans-serif;white-space:nowrap}
@media print{.receipt-page{padding-top:22px;padding-bottom:100px}}

.receipt-section-number svg{width:15px;height:15px}.receipt-band .receipt-section-number{width:22px;height:22px}
.signature-direct{position:relative}.signature-modes{position:absolute;right:7px;top:3px;display:flex;gap:3px;z-index:2}.signature-modes button{min-height:24px;padding:3px 12px;border-radius:5px;background:transparent;border:1px solid #bacbb0;color:#335238;font-size:11px;font-weight:500}.signature-modes button[aria-checked=true]{background:#214d40;color:#fff;border-color:#214d40}
.signature-direct .receipt-band{padding-right:140px}.signature-direct .signature-text{outline:1px dashed #b2c4a5;outline-offset:4px;min-height:35px;min-width:210px;max-width:95%;padding:0 3px;cursor:text}.signature-direct .signature-text:empty:before{content:attr(data-placeholder);font:italic 23px Georgia,serif;color:#657c5b}.receipt-locked .signature-direct .signature-text{outline-color:transparent}
.signature-pad-host{position:relative;margin:0 10px 5px}.inline-signature-pad{width:100%;height:65px;display:block;background:#fafcf7;border:1px dashed #9caf8d;border-radius:6px;touch-action:none;cursor:crosshair}.inline-clear-signature{position:absolute;right:5px;bottom:4px;font-size:10px;min-height:24px;padding:3px 8px;background:white;border:1px solid #ced9c4;color:#49633d}.drawing-on-page p:last-child{display:none}
.review-area{margin:20px auto 12px;padding:19px 20px;background:#fffef9;border:1px solid #d4dfc9;border-radius:13px;max-width:920px}.review-confirm{margin:0 0 15px;padding:0;background:transparent;border:0;font-size:13px;font-weight:500}.review-area .export-controls{margin:0!important;justify-content:flex-start;gap:8px;min-height:44px}.review-area .export-controls>button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:12px;flex:1;padding:10px 12px}.review-area #review{background:#214d40;color:white;border-color:#214d40;flex:1.3}.review-area #save-draft,.review-area #share-pdf{background:white;color:#214d40;border-color:#bac9ae}.review-area #print{flex:.7}.review-area #export-status{margin:12px 0 0;font-size:12px}.review-area #review-status{margin:5px 0 0;font-size:11px;color:#58714b}
.preview-top>div{position:relative}.preview-top #document-finish{font-size:11px;min-height:34px;padding:7px 11px;margin-top:9px;display:inline-flex;align-items:center;gap:6px;background:white;color:#214d40;border-color:#bfcdb4}.preference-row{margin-top:10px}
#review-errors{border:1px solid #b86a43;background:#fff6ec;color:#764329;border-radius:8px;padding:12px 15px;margin:0 0 15px;font-size:13px}#review-errors ul{margin:8px 0 0;padding-left:19px}#review-errors a{color:#764329}
.receipt-shortcuts button{display:inline-flex;align-items:center;gap:6px}.receipt-shortcuts svg{width:14px;height:14px}.review-area svg{width:16px;height:16px;flex-shrink:0}
.receipt-editor [for=signature-mode],.receipt-editor #signature-mode+.word-choices,.receipt-editor #typed-signature-panel,.receipt-editor #drawn-signature-panel,.receipt-editor [data-editor-section="4"]>.hint{display:none!important}
.on-page-control{font:13px/1.2 Arial,sans-serif!important;padding:4px 7px!important;min-height:28px!important;border:1px solid #b7c8a8!important;border-radius:5px!important;background:#fafcf6!important;max-width:180px;color:#234833!important;cursor:text}.receipt-amount p .on-page-control{max-width:155px}.on-page-choices{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.on-page-choices button{font:500 10px/1.2 Arial,sans-serif;min-height:25px;padding:5px 7px;background:#fafcf7;color:#355438;border:1px solid #bdcdb0;border-radius:5px}.on-page-choices button[aria-checked=true]{background:#214d40;color:white;border-color:#214d40}.period-on-page{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.on-page-dates{display:flex;gap:5px}.period-on-page .on-page-control{max-width:150px}.receipt-allocation .on-page-choices{margin-bottom:2px}
@media screen{.inline-original{display:none!important}}
@media(max-width:600px){.review-area{padding:15px 12px}.review-area .export-controls{display:grid;grid-template-columns:1fr 1fr}.review-area #review{grid-column:1/-1}.review-area #print{grid-column:1/-1;background:transparent;border-color:transparent;min-height:30px}.review-area .export-controls>button{font-size:12px}.signature-modes button{font-size:11px}}
@media print{.review-area,.signature-modes,.signature-pad-host{display:none!important}.signature-direct .signature-text{outline:none!important}.signature-direct .receipt-band{padding-right:9px}}

/* The flow follows the user's rent entries; the total comes last. */
.receipt-date{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:13px;min-height:29px;margin-bottom:8px}.receipt-date>span{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#607456}.receipt-date b{font-size:14px}.receipt-date .on-page-control{max-width:160px}
.receipt-payment{position:relative;border:1px solid #d9e3d0;border-radius:8px;padding:11px 13px;margin:5px 0 9px;grid-template-columns:minmax(0,1fr) 150px;gap:8px 15px;background:#fff}.receipt-payment .payment-period>strong{font-size:17px}.receipt-payment .money{font-size:21px!important}.payment-method-entry{grid-column:1/-1;font-size:13px;border-top:1px solid #e5ebdf;padding-top:8px}.row-method-label{font-size:10px;color:#607456;margin-right:10px}.row-method-text{font-size:13px}.payment-method-entry>small{font-size:11px}.payment-method-entry .on-page-choices{margin:5px 0 3px}.payment-method-entry .on-page-choices button{font-size:10px;min-height:27px;padding:5px 8px}.payment-method-entry>.on-page-control{margin-top:4px;max-width:300px}
.remove-payment{position:absolute;right:8px;top:-20px;font-size:9px;min-height:23px;padding:3px 6px;background:white;color:#845847;border-color:#d6dfce}.paper-add-period{background:#f5f8ef;color:#214d40;border:1px dashed #9db58a;min-height:38px;padding:8px 13px;font-size:12px;margin:0 0 13px}.receipt-amount{margin-top:11px;margin-bottom:15px}.total-explanation{text-align:right;max-width:250px;font-size:11px}.total-explanation>span{font-size:12px;letter-spacing:0;text-transform:none}.auto-total-label{display:block;margin:4px 0;color:#5e7455;font-size:10px}.use-auto-total{font-size:10px;min-height:25px;padding:4px 8px;border-color:#b7c9a9;background:white;color:#36583c;margin-top:4px}
.receipt-signature{min-height:165px}.signature-image{max-width:420px;max-height:100px}.signature-pad-host{margin-top:6px}.inline-signature-pad{height:auto;aspect-ratio:1000/240;min-height:140px;background:#fcfdf9;border:1px solid #a5ba96}.inline-clear-signature{font-size:11px;min-height:29px;padding:5px 10px}.drawing-on-page{min-height:235px}
.receipt-editing .receipt-page{height:auto;min-height:1056px}.receipt-editing .receipt-page.a4{min-height:1123px}.receipt-editing .receipt-content{height:auto;min-height:934px;gap:3px}.receipt-editing .a4 .receipt-content{min-height:1001px}
.row-split-methods{border:1px solid #d9e3d0;border-radius:6px;padding:8px;margin-top:7px;background:#f6f9f0}.split-method-line{padding:5px 0;border-bottom:1px solid #dce6d1}.split-method-line:last-child{border:0}.split-method-line>.on-page-control{margin-top:4px;max-width:180px}
.migration-notice{border:1px solid #ceb686;background:#fff8e9;padding:12px 15px;border-radius:10px;font-size:13px;color:#765735}.receipt-editor [data-editor-section="3"]{display:none!important}
@media print{.receipt-editing .receipt-page{height:auto}.remove-payment,.paper-add-period,.row-split-methods{display:none!important}}
.remove-payment{top:auto;bottom:9px;right:9px}.receipt-editing .payment-method-entry{padding-right:60px}.receipt-editor .row-payment-source{display:none!important}
.total-difference{font:11px/1.4 Arial,sans-serif!important;color:#8b4329!important;border:0!important;padding:0!important;min-width:0!important;max-width:245px;margin:6px 0 0!important}
.split-add,.split-remove{font-size:10px;min-height:28px;padding:5px 8px;margin-top:5px;background:white;color:#35543e;border:1px solid #c6d5ba;border-radius:5px}.split-remove{margin-left:6px;color:#845039}
#receipt-pages:not(.receipt-editing) .receipt-payment{padding-top:8px;padding-bottom:8px;margin-top:3px;margin-bottom:6px}#receipt-pages:not(.receipt-editing) .payment-method-entry{padding-top:4px}

.receipt-page:not(:first-child) .receipt-content{justify-content:flex-start;gap:5px}
#receipt-pages:not(.receipt-editing) .receipt-signature{min-height:100px}

.balance-on-page,.rent-balance-summary{grid-column:1/-1}.balance-on-page{border-top:1px solid #e4eadf;padding-top:5px}.balance-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-inline-fields label{font-size:11px;margin:5px 0}.balance-inline-fields input{margin-top:4px}.rent-payment-status{font-size:11px;color:#446b41;margin-top:5px;font-weight:600}.rent-balance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;background:#f1f5ec;border-radius:6px;padding:9px}.rent-balance-summary span{display:block;font-size:10px;color:#607456}.rent-balance-summary strong{font-size:14px}.rent-balance-summary>div:last-child{border-left:2px solid #9ab287;padding-left:8px}.receipt-payment>.money:before{content:'RECEIVED THIS TIME';display:block;font-size:9px;letter-spacing:.03em;color:#607456;margin-bottom:3px}.receipt-notes{white-space:pre-wrap;padding:13px;border:1px solid #d5dfcd;border-radius:7px;font-size:13px;min-height:65px}.receipt-notes:before{content:'NOTES';display:block;font-size:10px;font-weight:bold;color:#607456;margin-bottom:6px}.receipt-notes:empty:after{content:'Add a note (optional)';color:#75816f}.receipt-editing .receipt-notes{cursor:text}.receipt-editing .rent-balance-summary{margin-top:5px}@media(max-width:480px){.rent-balance-summary{grid-template-columns:1fr 1fr}}

.payment-method-entry{order:1}.balance-on-page{order:2}.rent-balance-summary{order:3}.receipt-payment>.remove-payment{order:4}.receipt-notes:empty:before{content:"Notes — add a note (optional)"}.receipt-notes:empty:after{content:none}
.receipt-meta>div:nth-child(2){grid-row:auto}.receipt-recipient-name{margin:8px 12px 12px}.receipt-recipient-name>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#607456;margin-bottom:4px}.receipt-recipient-name>strong{font-size:16px;display:block;min-height:22px}.receipt-signature{break-inside:avoid;page-break-inside:avoid}.receipt-signature .signature-pad-host{margin-bottom:10px}

.receipt-payment>.money-entry:before{content:none}.money-entry label{margin:0;font-size:10px;color:#526849;text-align:left}.money-entry input{display:block;margin-top:5px;font-size:22px;font-weight:700;min-height:50px;padding:8px 10px;border:2px solid #7d9871;background:#fffef6;border-radius:7px}.receipt-payment{grid-template-columns:minmax(0,1fr) 180px}.money-entry input::placeholder{color:#687661;opacity:1}
.receipt-editing .money-entry{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}.receipt-editing .rent-balance-summary,.receipt-editing .rent-payment-status{display:none}.receipt-editing .balance-on-page{order:1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0;border:0;align-items:center}.receipt-editing .payment-method-entry{order:2}.balance-on-page>label{font-size:10px;margin:0;color:#607456}.balance-on-page>label input{font-size:13px;margin-top:4px;min-height:36px;padding:6px 8px}.entry-balance-result{font-size:14px;font-weight:700;color:#214d40;background:#eff4e8;padding:10px;border-radius:6px}.entry-balance-result small{display:block;font-size:10px;font-weight:400;margin-top:5px}.receipt-payment{grid-template-columns:minmax(0,1fr) 180px}

/* Keep the calculation in place while the user types. */
.receipt-editing .money-entry{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.money-entry label,.entry-balance-result>span{font-size:11px;font-weight:600;line-height:1.4;color:#53674b}
.money-entry input{width:100%;min-height:50px;height:50px;font-size:22px;border:1px solid #9caf90;border-radius:7px;background:#fffef9;box-shadow:0 1px 3px #203c3209;margin-top:6px;padding:8px 11px}
.money-entry input:focus{border-color:#315d47;outline:2px solid #b9cdb0;outline-offset:1px;background:white}
.entry-balance-result{background:transparent;padding:0;border-radius:0;min-width:0}
.entry-balance-result>span{display:block;margin:0}
.entry-balance-result>strong{display:flex;align-items:center;min-height:50px;height:50px;margin-top:6px;padding:8px 11px;font-size:22px;line-height:1.2;letter-spacing:-.02em;border:1px solid #cedac4;border-radius:7px;background:#edf3e6;color:#234b38;white-space:nowrap;font-variant-numeric:tabular-nums}
.entry-balance-result[data-state="credit"]>strong{background:#eaf1f5;border-color:#c2d3df;color:#254d65}
.entry-balance-result[data-state="empty"]>strong{color:#788770;background:#f3f5ef}
.receipt-editing .balance-on-page{display:block;padding:0;margin-top:1px}
.previous-payment{margin:0;border:0;background:none;padding:0}
.previous-payment summary{font-size:11px;font-weight:400;line-height:1.5;color:#5c7151;min-height:25px;padding:2px 0;cursor:pointer;width:max-content;max-width:100%;text-decoration:underline;text-decoration-color:#bdcbb3;text-underline-offset:3px}
.previous-payment>label{display:block;max-width:290px;font-size:10px;font-weight:400;margin:6px 0 0;color:#64745b}
.previous-payment input{margin-top:4px;font-size:14px;min-height:38px;padding:7px 10px;background:#fff}
.credit-explanation{display:block;font-size:10px;font-weight:400;color:#536a76;margin:5px 0 0;line-height:1.4;max-width:550px}

.money-entry input.on-page-control{font:700 22px/1.2 Arial,Helvetica,sans-serif!important;max-width:none;width:100%;height:50px;min-height:50px!important;padding:8px 11px!important;border:1px solid #9caf90!important;border-radius:7px!important;background:#fffef9!important}.entry-balance-result>strong{font-weight:700}
/* A simple paper receipt. The editing and issued layouts share these rules. */
body{background:#f4f5f4}
.shell{max-width:1040px}
.breadcrumb{margin-bottom:14px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 0 20px;margin:0;background:none;border:0;border-radius:0;box-shadow:none;color:var(--ink)}
.hero:after{display:none}.hero h1{font:600 30px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.6px;margin:0 0 9px}.hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;color:#5a655f;margin:0}.hero .test-badge{color:#67736b;border-color:#cbd3cd;background:#fff;white-space:nowrap}
.workspace-toolbar{border-top:1px solid #d8ded9;padding:12px 0;margin:0}.toolbar-intro{display:none}.workspace-toolbar #document-add-period{display:none}
.receipt-shortcuts{padding:0 0 12px;gap:8px}.receipt-shortcuts>strong{display:none}.receipt-shortcuts button{font-size:12px;min-height:30px;padding:5px 0;border:0;border-radius:0;background:none;text-decoration:underline;color:#52645a}
.workspace{padding:18px 22px;background:#e9edea;border:1px solid #d8deda;border-radius:10px;box-shadow:none}
.preview-top{padding:0;margin:0 0 8px;border:0}.preview-top .eyebrow,.preview-top #document-finish{display:none}.preview-top h2{font:400 13px/1.5 Arial,sans-serif;color:#59695f}.preference-row{margin:0;padding:5px 0 12px}.preference-row label{font-size:11px}.draft-badge{font-size:10px}
.review-area{background:white;border-radius:8px;padding:16px;margin-top:12px}.review-area .export-controls{padding:0;background:none;border:0}.save-tools{background:none;border-radius:0;border:0;border-top:1px solid #d4dbd6;padding:20px 0}.save-tools h2{font:600 18px/1.3 Arial,sans-serif}.save-tools .eyebrow{display:none}
.receipt-page{color:#252b2f;padding:36px 48px 96px;font:14px/1.5 Arial,Helvetica,sans-serif;box-shadow:0 2px 12px #182d2410}
.receipt-content,.receipt-page:not(:first-child) .receipt-content{justify-content:flex-start;gap:14px}
.receipt-editing .receipt-content{min-height:924px;gap:14px}.receipt-editing .a4 .receipt-content{min-height:991px}
.receipt-block{margin:0;min-height:0}.receipt-head{display:block;padding:0 0 17px;border:0;margin:0}
.receipt-closing{display:flex;flex-direction:column;gap:14px;break-inside:avoid;page-break-inside:avoid}
.receipt-head>div{display:block;text-align:center}.receipt-head h2{font:700 28px/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:1.5px;color:#20262a;margin:0}
.receipt-head p.receipt-subtitle{font:12px/1.4 Arial,sans-serif;color:#73797c;text-align:center;max-width:none;margin:7px 0 0}
.receipt-date{display:grid;grid-template-columns:minmax(0,1fr) auto 155px;align-items:center;gap:12px;margin:0;font-size:13px;min-height:36px}
.receipt-number-line{margin:0;display:flex;align-items:center;gap:12px;max-width:285px;font-size:13px}
.receipt-number-line>span:first-child{white-space:nowrap}.receipt-number-value{display:block;flex:1;min-width:80px;min-height:31px;padding:4px 5px;border-bottom:1px solid #a5abae}
.receipt-locked .receipt-number-value:empty:before{content:none}
.receipt-date>span{font-size:13px;letter-spacing:0;text-transform:none;color:#424a4f}.receipt-date>b{font-size:14px;border-bottom:1px solid #a5abae;padding:4px 5px;min-height:31px}
.receipt-page .receipt-editable{outline:0;border-radius:0;color:#252b2f}.receipt-page .receipt-editable:empty:before{color:#899094;font-weight:400;font-size:13px}.receipt-page .receipt-editable:focus{outline:2px solid #9bb4a6;background:#f5f9f6;outline-offset:2px}
.receipt-page input.on-page-control{border:0!important;border-bottom:1px solid #a5abae!important;border-radius:0!important;background:#fff!important;color:#252b2f!important;box-shadow:none;font:14px/1.4 Arial,sans-serif!important;min-height:32px!important;padding:5px!important}
.receipt-page input.on-page-control:focus{outline:2px solid #9bb4a6!important;outline-offset:2px}
.receipt-content>.receipt-band{display:none}
.receipt-meta{display:flex;flex-direction:column;gap:13px;padding:0;font-size:15px}
.receipt-meta>div,.receipt-meta>div:nth-child(2){display:grid;grid-template-columns:130px minmax(0,1fr);align-items:baseline;gap:10px;min-height:36px;padding:0;background:none;border:0;border-radius:0}
.receipt-meta strong{font:600 13px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;margin:0;color:#333b40}
.receipt-meta>div>span{display:block;border-bottom:1px solid #a5abae;min-height:32px;padding:4px 5px}
.receipt-meta .receipt-editable{min-height:25px}.receipt-unit{display:inline-block;margin:1px 0 0 15px}.receipt-unit .receipt-editable{font-size:12px;min-width:90px}.receipt-unit.receipt-optional{margin-left:0;font-size:12px}
.receipt-payment,#receipt-pages:not(.receipt-editing) .receipt-payment{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:15px 0 17px;margin:3px 0 0;border:0;border-top:1px solid #b7bdc0;border-radius:0;background:none;min-height:0}
.payment-period{order:0}.receipt-payment .payment-period>strong{font-size:15px;color:#252b2f}.payment-period>small{display:none}
.period-on-page{gap:13px;flex-wrap:nowrap;justify-content:space-between}.on-page-dates{order:-1;flex:1}.period-on-page .on-page-control{max-width:190px;font-weight:600!important}
.receipt-page .on-page-choices{gap:7px 15px;margin:0;align-items:center}
.receipt-page .on-page-choices button,.signature-modes button{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:3px 0;border:0;background:none;color:#41494d;border-radius:0;font:400 12px/1.4 Arial,sans-serif;box-shadow:none}
.receipt-page .on-page-choices button[aria-checked=true],.signature-modes button[aria-checked=true]{background:none;color:#202a25;font-weight:700;border:0}
.receipt-page .on-page-choices button:before,.signature-modes button:before{content:'';display:inline-block;width:12px;height:12px;border:1px solid #909a94;border-radius:2px;flex-shrink:0}
.receipt-page .on-page-choices button[aria-checked=true]:before,.signature-modes button[aria-checked=true]:before{content:'✓';font:bold 12px/11px Arial,sans-serif;text-align:center;background:#2e5140;color:white;border-color:#2e5140}
.receipt-editing .money-entry{order:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;white-space:normal}
.money-entry label,.entry-balance-result>span{font:500 12px/1.4 Arial,sans-serif;color:#4a5358}
.receipt-page .money-entry input.on-page-control,.entry-balance-result>strong{height:42px;min-height:42px!important;max-width:none;width:100%;padding:6px 5px!important;margin-top:5px;font:600 21px/1.3 Arial,sans-serif!important;border:0!important;border-bottom:1px solid #a5abae!important;border-radius:0!important;background:#fff!important;color:#252b2f!important;box-shadow:none;letter-spacing:0;font-variant-numeric:tabular-nums}
.money-entry input::placeholder{color:#9ba1a4;font-weight:400}
.entry-balance-result>strong{border-bottom:2px solid #5f786a!important}.entry-balance-result[data-state=credit]>strong{color:#28536a!important}.entry-balance-result[data-state=empty]>strong{color:#899094!important}
.receipt-editing .balance-on-page{order:2;margin:0;padding:0}.previous-payment summary{font-size:11px;color:#717b75;padding:0;min-height:22px}.previous-payment>label{color:#5d6761;font-size:11px}.previous-payment input{max-width:160px}.credit-explanation{font-size:11px;max-width:none;color:#536774}
.payment-method-entry,.receipt-editing .payment-method-entry,#receipt-pages:not(.receipt-editing) .payment-method-entry{order:3;border:0;padding:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 14px}
.row-method-label{color:#333b40;font-size:12px;font-weight:600;margin:0}.row-method-text{font-size:13px;color:#303a35}.payment-method-entry>.on-page-choices{gap:4px 13px;margin:0}.payment-method-entry>.on-page-choices button{font-size:11px}.payment-method-entry>.on-page-control{max-width:250px;margin:3px 0 0}.payment-method-entry>small{font-size:12px;color:#59645e}.row-split-methods{width:100%;background:#fafbfa;border-color:#dadfda;border-radius:0}
.receipt-payment>.remove-payment{position:static;align-self:flex-end;order:4;min-height:25px;margin-top:-5px;padding:2px 0;border:0;background:none;color:#8b5949;text-decoration:underline}
.paper-add-period{font-size:12px;min-height:32px;padding:4px 0;margin:0;align-self:flex-start;background:none;color:#345542;border:0;text-decoration:underline;border-radius:0;box-shadow:none}
.receipt-amount{display:flex;justify-content:space-between;align-items:center;gap:20px;background:none;border-radius:0;border:0;border-top:2px solid #44564b;border-bottom:1px solid #bbc3be;min-height:0;margin:0;padding:15px 0}
.receipt-amount>div:first-child{display:flex;align-items:baseline;gap:25px}.receipt-amount>div>span{font:600 14px/1.4 Arial,sans-serif;letter-spacing:0;text-transform:none;color:#303a34}.receipt-amount strong{font:700 25px/1.3 Arial,sans-serif;min-width:100px;color:#222c26}
.total-explanation>span{display:none}.auto-total-label{font-size:10px;color:#78847b;margin:0;max-width:140px}.total-explanation{max-width:190px}.total-difference{max-width:190px}
.receipt-notes{border:0;border-bottom:1px solid #a5abae;border-radius:0;background:none;padding:0 0 12px;margin:0;min-height:58px;font-size:13px;line-height:1.7;color:#323a35}.receipt-notes:before{color:#434d47;font:600 12px/1.5 Arial,sans-serif;text-transform:none;margin:0 0 7px;content:'Notes'}.receipt-notes:empty:before{content:'Notes (optional)';color:#78817b;font-weight:400;font-size:12px}
.receipt-signature,#receipt-pages:not(.receipt-editing) .receipt-signature{border:0;padding:0;margin:2px 0 0;min-height:0;break-inside:avoid;page-break-inside:avoid}
.receipt-signature .receipt-section-title.receipt-band{display:block;min-height:30px;margin:0 0 8px;padding:4px 140px 4px 0;border:0;background:none;border-radius:0}
.receipt-signature .receipt-band .receipt-section-number{display:none}.receipt-signature .receipt-band h3{font:600 13px/1.5 Arial,sans-serif;color:#333e37;text-transform:none;letter-spacing:0;margin:0}
.signature-modes{top:0;right:0;gap:16px}.signature-pad-host{margin:0 0 12px!important}.inline-signature-pad{height:130px;min-height:130px;aspect-ratio:auto;border:1px solid #c5cdc7;border-bottom-color:#939f96;border-radius:0;background:white}.inline-clear-signature{background:#fff;border:0;min-height:24px;font:11px/1.3 Arial,sans-serif;color:#758078;text-decoration:underline;bottom:3px;right:4px}
.receipt-recipient-name{display:flex;align-items:baseline;gap:18px;margin:12px 0 9px;max-width:100%}.receipt-recipient-name>span{display:block;white-space:nowrap;font:400 12px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;color:#555f58;margin:0}.receipt-recipient-name>strong{border-bottom:1px solid #a5abae;min-height:30px;display:block;flex:1;font:500 15px/1.5 Arial,sans-serif;padding:2px 5px}
.signature-direct .signature-text{outline:0;border-bottom:1px solid #a5abae;min-height:62px;padding:5px 3px;margin:8px 0;font-size:30px;max-width:100%;color:#303b33}
.signature-image{max-height:105px;max-width:100%;margin:6px 0}.receipt-signature p:last-child{font-size:11px;color:#768078;margin-top:6px}.signature-line{margin:28px 0 5px;border-color:#a5abae}
.rent-payment-status{display:none}.rent-balance-summary{order:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:none;border:0;border-radius:0;padding:0;margin:0}
.rent-balance-summary span{font:500 12px/1.4 Arial,sans-serif;color:#4a5358}.rent-balance-summary strong{display:block;font:600 21px/1.3 Arial,sans-serif;min-height:42px;padding:6px 5px;margin-top:5px;border-bottom:1px solid #a5abae;color:#252b2f}
.rent-balance-summary>div:last-child{border:0;padding:0}.rent-balance-summary>div:last-child strong{border-bottom:2px solid #5f786a}
#receipt-pages:not(.receipt-editing) .receipt-payment>.money{display:none}.prior-payment-record{order:2;color:#626e66;font-size:11px!important}.receipt-editing .prior-payment-record{display:none}
.receipt-footer{left:48px;right:48px;bottom:12px;min-height:70px;border-color:#d5dcd7;padding:6px 0 0;color:#7a837c}
.receipt-return-left>a{font:600 12px/1.4 Arial,sans-serif;color:#576c5e}.receipt-return-left>span{font-size:9px;color:#78837a}.receipt-return-qr img{width:60px;height:60px}.receipt-return-qr span{font-size:8px;color:#78837a}
@media(max-width:700px){.hero{display:block;padding:5px 0 18px}.hero h1{font-size:27px}.hero .test-badge{margin-top:10px}.workspace{padding:12px 8px;margin:0 -4px}.preview-top h2{font-size:12px}.preference-row{gap:7px;padding-bottom:10px}.preference-row>div{min-width:115px;gap:4px}.preference-row .word-choice{font-size:10px}.receipt-shortcuts{padding-bottom:9px}}
@media print{.receipt-page{padding:36px 48px 96px}.receipt-subtitle{display:block}.receipt-locked .receipt-editable:empty:before{content:none}}

/* Compact paper layout with numbered sections, restrained color and ruled fields. */
.receipt-page{padding:28px 36px 94px;color:#263b34}
.receipt-page:before{content:'';position:absolute;inset:14px 16px;border:1px solid #c5d3cb;border-radius:5px;pointer-events:none}
.receipt-content,.receipt-page:not(:first-child) .receipt-content,.receipt-editing .receipt-content{gap:9px}
.receipt-editing .receipt-page,.receipt-editing .receipt-page.a4{min-height:0}
.receipt-editing .receipt-content,.receipt-editing .a4 .receipt-content{min-height:0}
.receipt-head{padding:0 0 6px}.receipt-head h2{font-size:28px;color:#254c3e;letter-spacing:1.25px}
.receipt-head p.receipt-subtitle{margin-top:4px;font-size:12px;color:#6b7c73}
.receipt-date{min-height:32px;margin-bottom:3px;font-size:13px}.receipt-date>span{font-size:13px}.receipt-number-line{font-size:13px}.receipt-date>b,.receipt-number-value{min-height:28px;padding:3px 5px}
.receipt-page input.on-page-control{min-height:31px!important;padding:4px 6px!important;font-size:15px!important;background:transparent!important}
.receipt-page .receipt-editable:empty:before{font-size:14px;color:#77877e}
.receipt-people{border:1px solid #bfd2c5;border-radius:5px;overflow:hidden;background:#fcfefd}
.receipt-people>.receipt-band,.receipt-payment>.receipt-band,.receipt-signature>.receipt-section-title.receipt-band{display:flex;align-items:center;gap:9px;min-height:35px;padding:6px 12px;margin:0;border:0;border-bottom:1px solid #c8d9cf;border-radius:0;background:#eaf3ed;letter-spacing:0;text-transform:none}
.receipt-band .receipt-section-number,.receipt-signature .receipt-band .receipt-section-number{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#315c47;border-radius:4px;color:#fff;font:bold 11px/1 Arial,sans-serif;flex-shrink:0}
.receipt-band h3,.receipt-signature .receipt-band h3{font:700 14px/1.4 Arial,sans-serif;color:#294d3c;margin:0;letter-spacing:0;text-transform:none}
.receipt-meta{padding:9px 12px;gap:7px;font-size:16px}
.receipt-meta>div,.receipt-meta>div:nth-child(2){grid-template-columns:123px minmax(0,1fr);gap:9px;min-height:30px}
.receipt-meta strong{font-size:13px;color:#3a5144}.receipt-meta>div>span{padding:2px 4px;min-height:28px;border-color:#b0c2b6}
.receipt-meta .receipt-editable{min-height:23px}.receipt-unit{margin-top:0}.receipt-unit .receipt-editable{font-size:12px}
.receipt-payment,#receipt-pages:not(.receipt-editing) .receipt-payment{padding:10px 12px;gap:8px;margin:0;border:1px solid #bdcdd9;border-radius:5px;background:#fbfdff;overflow:hidden}
.receipt-payment>.receipt-band{order:-1;margin:-10px -12px 2px;background:#eaf1f8;border-bottom-color:#c4d5e2}
.receipt-payment>.receipt-band h3{color:#2e536c}.receipt-payment>.receipt-band .receipt-section-number{background:#3c647d}
.receipt-payment .payment-period>strong{font-size:16px;color:#294b63}.period-on-page{gap:10px}.period-on-page .on-page-control{font-size:16px!important}
.receipt-editing .money-entry,.rent-balance-summary{gap:18px}
.money-entry label,.entry-balance-result>span,.rent-balance-summary span{font-size:13px;color:#405b6c}
.receipt-page .money-entry input.on-page-control,.entry-balance-result>strong,.rent-balance-summary strong{height:39px;min-height:39px!important;padding:5px 6px!important;font-size:22px!important;margin-top:3px;background:transparent!important;border-color:#b7c9d5!important;color:#233c4c!important}
.entry-balance-result>strong,.rent-balance-summary>div:last-child strong{border-bottom:2px solid #647f94!important}
.entry-balance-result[data-state=credit]>strong{color:#24627a!important}.entry-balance-result[data-state=full]>strong{color:#2e6142!important}
.previous-payment summary{font-size:11px;min-height:20px;color:#637a8b}.credit-explanation{margin:2px 0 0;font-size:11px}
.payment-method-entry,.receipt-editing .payment-method-entry,#receipt-pages:not(.receipt-editing) .payment-method-entry{border-top:1px solid #d6e1e9;padding-top:5px;gap:2px 12px}
.row-method-label{font-size:12px;color:#425d70}.payment-method-entry>.on-page-choices{gap:2px 12px}.payment-method-entry>.on-page-choices button{font-size:12px;min-height:27px}
.receipt-page .on-page-choices button:before{width:12px;height:12px}.receipt-page .on-page-choices button[aria-checked=true]:before{background:#3b6580;border-color:#3b6580}
.paper-add-period{min-height:26px;padding:2px 2px;font-size:12px;margin:0}
.receipt-closing{gap:9px}
.receipt-amount{padding:10px 12px;border:1px solid #b5cbbc;border-left:4px solid #3e6c50;border-radius:5px;background:#ecf4ee;gap:15px}
.receipt-amount>div:first-child{gap:18px;flex:1;min-width:0}.receipt-amount>div>span.total-label{display:flex;align-items:center;gap:9px;font-size:14px;color:#294c38;white-space:nowrap}
.total-step{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#315c47;border-radius:4px;color:white;font:700 11px/1 Arial,sans-serif}
.receipt-amount strong{font-size:25px;color:#244c36}.auto-total-label{color:#587261;font-size:10px;max-width:135px}
.receipt-notes{min-height:49px;padding:7px 12px;border:1px solid #dfd5be;border-left:3px solid #b69a61;border-radius:4px;background:#fffdf7;font-size:14px;line-height:1.45}
.receipt-notes:before,.receipt-notes:empty:before{font:600 12px/1.4 Arial,sans-serif;color:#7d6841;margin-bottom:4px}.receipt-notes:empty:before{content:'Notes (optional)'}
.receipt-signature,#receipt-pages:not(.receipt-editing) .receipt-signature{border:1px solid #c8d3cc;border-radius:5px;padding:0 12px 8px;margin:0;background:#fff;overflow:hidden}
.receipt-signature>.receipt-section-title.receipt-band{margin:0 -12px 8px;padding-right:145px;background:#f0f3f1;border-bottom-color:#d0dad3}
.receipt-signature .receipt-band h3{color:#445b4d}.receipt-signature .receipt-band .receipt-section-number{background:#617667}
.signature-modes{top:3px;right:12px;gap:13px}.signature-modes button{font-size:12px;min-height:29px}
.signature-pad-host{margin:0 0 4px!important}.inline-signature-pad{min-height:96px;height:96px;background:#fff;border-color:#d2ddd6;border-bottom-color:#a4b8ab;border-radius:2px}
.receipt-recipient-name{margin:5px 0 0;gap:14px}.receipt-recipient-name>span{font-size:12px}.receipt-recipient-name>strong{min-height:27px;padding:2px 4px;font-size:16px}
.receipt-signature>p{font-size:11px;line-height:1.3;margin:4px 0;color:#748478}.signature-direct .signature-text{min-height:45px;margin:4px 0 3px;padding:3px;font-size:30px}.signature-image{display:block;width:100%;height:96px;max-width:100%;max-height:none;object-fit:fill;margin:3px 0}
.receipt-footer{left:36px;right:36px;bottom:21px;min-height:64px;padding-top:4px;border-color:#cdd8d0}.receipt-return-qr img{width:56px;height:56px}
@media print{.receipt-page{padding:28px 36px 94px;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* A quiet, decorative demonstration. It is never drawn onto the ink canvas. */
.signature-pad-host{isolation:isolate}
.inline-signature-pad{background:linear-gradient(180deg,#ffffff,#fbfdfb);border:1px solid #bfcec3;border-radius:5px;box-shadow:inset 0 1px 5px #244c3606}
.signature-empty .inline-signature-pad{border-style:dashed;border-color:#94af9f}
.inline-signature-pad:focus-visible{outline:2px solid #6d957e;outline-offset:3px}
.signature-guide{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;user-select:none;overflow:hidden;border-radius:5px}
.signature-demo{position:absolute;width:250px;height:66px;top:1px;left:50%;transform:translateX(-50%);overflow:visible}
.signature-demo-ink{fill:none;stroke:#557c65;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:signature-demo-write 6s linear infinite;opacity:.46}
.signature-demo-pen{fill:#f2f6f1;stroke:#4a725a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;animation:signature-demo-pen 6s linear infinite}
.signature-guide-prompt{position:absolute;bottom:16px;font:600 12px/1.3 Arial,sans-serif;color:#577361;letter-spacing:.01em}
.signature-guide-caption{position:absolute;bottom:3px;font:10px/1.2 Arial,sans-serif;color:#8a9c90}
.inline-clear-signature{z-index:2;right:7px;bottom:6px;border-radius:3px;background:#ffffffd9}
@keyframes signature-demo-write{0%,12%{stroke-dashoffset:1;opacity:.46}64%,86%{stroke-dashoffset:0;opacity:.46}100%{stroke-dashoffset:0;opacity:0}}
@keyframes signature-demo-pen{0%,9%{opacity:0}12%,65%{opacity:.8}73%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.signature-demo-ink{animation:none;stroke-dashoffset:0;opacity:.3}.signature-demo-pen{display:none;animation:none}}
@media print{.signature-guide{display:none!important}}

/* The animated sample is the signature alone; the real signing canvas is unchanged. */
.signature-demo{width:310px;height:82px;top:7px}.signature-demo-ink{stroke-width:2.1}
/* Web controls only: the approved receipt/PDF design stays unchanged. */
@media screen{
 body{background:#f6f8f6}.shell{max-width:980px;padding:20px 30px 40px}.site-header{padding:8px max(22px,calc((100vw - 920px)/2));background:#fff}.site-header img{width:195px;height:52px}.site-header nav{gap:14px}.site-header nav a{font-size:13px;padding:7px 10px}.breadcrumb{margin:0 0 16px;font-size:12px}.hero{display:block;background:none;border:0;border-radius:0;box-shadow:none;color:#234a3b;padding:0;margin:0 0 18px;overflow:visible}.hero:after{display:none}.hero h1{font:600 32px/1.2 Arial,sans-serif;letter-spacing:-.8px;margin:0 0 8px}.hero>p{color:#5d7065;font-size:15px;line-height:1.5;margin:0}.workspace{padding:0;margin:0;border:0;box-shadow:none;background:transparent;border-radius:0}.preview-panel{padding:0;background:transparent}.preview-top[hidden],.workspace-toolbar[hidden],.zoom-control[hidden]{display:none!important}.preference-row{border:0;padding:0 0 12px;align-items:center}.preference-row>div{flex-direction:row;min-width:0;gap:10px}.preference-row label{font-size:12px;text-transform:none;letter-spacing:0}.preference-row .word-choice{font-size:12px;min-height:32px}.preference-row .word-choices{background:#edf1ed;border-color:#d4dfd6}.help-link{font-size:13px;color:#416551}.review-area{background:#fff;border:1px solid #c9d8cf;border-radius:12px;padding:20px;margin:20px 0 0}.review-area h2{font:600 20px/1.3 Arial,sans-serif;margin:0 0 12px;color:#234a3b}.review-confirm{background:none!important;border:0!important;padding:0!important;margin:0 0 17px!important;align-items:flex-start!important;gap:10px!important}.review-confirm input{width:20px;height:20px;min-width:20px;margin:2px 0 0;accent-color:#315c47}.review-confirm span{font-size:14px;line-height:1.55;color:#485e51}.review-confirm a{color:#315c47;white-space:nowrap}.review-area .export-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0;padding:0;min-height:0;background:none;border:0}.review-area .export-controls>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:1 1 auto;min-height:44px;font:600 13px/1.3 Arial,sans-serif;padding:10px 12px;background:#fff;color:#315c47;border:1px solid #b8cbbf;border-radius:7px}.review-area #review,.review-area #print{background:#fff;color:#315c47;border:1px solid #b8cbbf;min-height:44px;flex:1 1 auto}.export-controls #download-pdf{background:#315c47;border-color:#315c47;color:#fff}.export-controls>button:hover{background:#edf4ef}.export-controls #download-pdf:hover{background:#244935}.export-controls>button svg{width:17px;height:17px;flex-shrink:0}.review-area #export-status{font-size:13px;line-height:1.5;margin:11px 0 0;min-height:20px;color:#526858}.draft-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;border-top:1px solid #e3eae5;margin-top:15px;padding-top:10px}.draft-actions button{font-size:13px;min-height:36px;background:none;border:0;color:#3e6450;padding:5px 0;text-decoration:underline;display:inline-flex;align-items:center;gap:6px}.draft-actions #storage-status{margin-left:auto;font-size:12px;color:#62746a;max-width:420px}.more-options{border-bottom:1px solid #d7e0da;padding:14px 2px;font-size:14px}.more-options summary{cursor:pointer;color:#3d6150;min-height:28px}.more-options-body{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 0}.more-options-body button{font-size:12px;min-height:38px;color:#355943;background:white;border-color:#ccd9d0;display:inline-flex;align-items:center;gap:6px}.more-options p{font-size:12px;color:#607368}.help{padding:24px 0 0;margin:0}.help h2{font:600 23px/1.3 Arial,sans-serif;margin:0 0 10px;color:#294d3c}.help p{font-size:14px;line-height:1.65;color:#52665b;margin:0 0 12px}.help details{border-top:1px solid #dce4de;padding:13px 0}.help summary{font-size:14px;font-weight:600;line-height:1.5;color:#344f40;cursor:pointer}.help details p{padding:10px 0 0;margin:0}.help-contact{border-top:1px solid #dce4de;padding-top:16px}.site-footer{font-size:12px;padding:20px max(22px,calc((100vw - 920px)/2));gap:14px}.site-footer span{margin-left:0}#page-count{font-size:12px;text-align:right;margin:8px 0 0}#pdf-again:not([hidden]){margin:10px 0 0}#pdf-preview{width:calc(100% - 32px);max-width:930px;max-height:92vh;padding:0;background:#edf1ee;border-color:#c3d1c7;overflow:auto}#pdf-preview .pdf-preview-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 20px;background:#fff;border-bottom:1px solid #d4dfd7}#pdf-preview h2{font:600 20px/1.3 Arial,sans-serif;margin:0}#pdf-preview .pdf-preview-header>div{display:flex;gap:8px}#pdf-preview button{font-size:13px;min-height:40px;padding:8px 12px}.preview-description{margin:12px 20px;font-size:13px;color:#55675c}#pdf-preview-pages{padding:0 20px 20px;display:grid;gap:14px}#pdf-preview-pages img{width:100%;height:auto;display:block;box-shadow:0 2px 12px #17332315}#share-dialog p{font-size:15px;line-height:1.6}.share-dialog-actions{display:flex;gap:10px}
}
@media screen and (max-width:600px){.shell{padding:16px 12px 30px}.site-header{flex-direction:row;align-items:center;gap:4px;padding:8px 12px}.site-header img{width:155px;height:42px}.site-header nav{width:auto;gap:0}.site-header nav a{font-size:11px;padding:7px}.hero h1{font-size:27px}.hero>p{font-size:14px}.breadcrumb{font-size:11px;margin-bottom:14px}.preference-row{flex-wrap:nowrap;gap:8px}.preference-row>div{flex:none}.preference-row label{font-size:11px}.preference-row .word-choice{font-size:11px;padding:6px 8px}.help-link{font-size:12px}.review-area{padding:16px 13px}.review-area .export-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.review-area .export-controls>button{grid-column:span 2;min-width:0;font-size:11px;padding:10px 4px;gap:4px}.review-area #review,.review-area #download-pdf{grid-column:span 3}.review-area #print{grid-column:span 2}.draft-actions #storage-status{margin-left:0;flex-basis:100%}.review-confirm span{font-size:13px}#pdf-preview{width:calc(100% - 12px);max-height:96vh}#pdf-preview .pdf-preview-header{padding:10px;gap:8px;flex-wrap:wrap}#pdf-preview h2{font-size:17px}#pdf-preview button{font-size:12px}#pdf-preview-pages{padding:0 8px 10px}.preview-description{margin:10px}.site-footer{padding:20px 15px}.help h2{font-size:21px}}
@media print{.more-options,.draft-actions,.review-area,#pdf-preview,#share-dialog{display:none!important}}

/* Larger payment targets, preserving the document's payment record. */
.receipt-page .payment-method-entry>.on-page-choices{display:flex;flex-wrap:wrap;gap:7px 10px;padding:5px 0}
.receipt-page .payment-method-entry>.on-page-choices button{min-height:44px;padding:8px 10px;border:1px solid #c2d0db;border-radius:6px;background:#fff;font-size:14px;gap:8px}
.receipt-page .payment-method-entry>.on-page-choices button:before{width:19px;height:19px;flex-shrink:0}
.receipt-page .payment-method-entry>.on-page-choices button[aria-checked=true]{background:#e7f0f7;border-color:#517692}
.signature-date{display:flex;align-items:baseline;gap:14px;margin-top:7px;font:13px/1.5 Arial,sans-serif;color:#526759}.signature-date strong{font-weight:500;color:#294d3c;border-bottom:1px solid #bccbc1;min-width:160px;padding:2px 4px}
@media screen and (max-width:600px){.site-header nav a{white-space:nowrap}.hero>p:not(.eyebrow){font-size:14px;max-width:100%}}

@media screen and (max-width:600px){.receipt-editing .payment-method-entry>.on-page-choices button{min-height:112px;font-size:27px;padding:16px 20px}.receipt-editing .payment-method-entry>.on-page-choices button:before{width:42px;height:42px}.receipt-editing .inline-signature-pad{height:180px;min-height:180px}.receipt-editing .signature-demo{top:45px}.receipt-editing .payment-method-entry>.on-page-choices{gap:12px}.receipt-editing .on-page-control{font-size:26px!important;min-height:60px!important}.receipt-editing .money-entry input.on-page-control{font-size:34px!important;height:68px!important}.receipt-editing .receipt-editable{font-size:24px;min-height:40px}}

@media screen and (max-width:360px){.receipt-editing .payment-method-entry>.on-page-choices button{min-height:136px;font-size:32px}.receipt-editing .payment-method-entry>.on-page-choices button:before{width:50px;height:50px}}

/* Phone editing uses the available width at native size; issued PDF stays paper-sized. */
@media screen and (max-width:700px){
.shell{padding:16px 12px 30px}.hero h1{font-size:27px}.hero>p:not(.eyebrow){font-size:16px;line-height:1.6}
.preference-row{display:flex;flex-wrap:wrap;align-items:center;padding:14px;background:#fff;border:1px solid #c7d5cc;border-radius:10px;margin-bottom:16px;gap:12px}.preference-row>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.preference-row label{font-size:15px;font-weight:600}.preference-row .word-choice{font-size:15px;min-height:44px;padding:9px 15px}.help-link{font-size:14px;margin-left:auto}
#paper-window{overflow:visible}#paper-space{max-width:100%}#receipt-pages.receipt-editing{max-width:100%;transform:none!important}
.receipt-editing .receipt-page,.receipt-editing .receipt-page.a4{width:100%!important;height:auto!important;min-height:0;padding:16px 12px 110px;border:1px solid #bdcfc3;border-radius:12px;box-shadow:none;margin-bottom:16px}
.receipt-editing .receipt-page:before{display:none}.receipt-editing .receipt-content,.receipt-editing .a4 .receipt-content{height:auto!important;min-height:0;max-height:none;gap:16px}.receipt-editing .receipt-head h2{font-size:25px}.receipt-editing .receipt-subtitle{font-size:13px}.receipt-editing .receipt-date{display:flex;flex-wrap:wrap;gap:8px;font-size:15px}.receipt-editing .receipt-number-line{font-size:15px;width:100%}.receipt-editing .receipt-date>span{font-size:15px}
.receipt-editing .receipt-band{min-height:46px;padding:10px!important;gap:8px}.receipt-editing .receipt-band h3{font-size:16px}.receipt-editing .receipt-meta{display:grid;padding:12px;gap:14px}.receipt-editing .receipt-meta>div,.receipt-editing .receipt-meta>div:nth-child(2){display:block;grid-template-columns:1fr}.receipt-editing .receipt-meta strong{display:block;font-size:15px;margin-bottom:6px}.receipt-editing .receipt-meta>div>span{display:block;padding:0;border:0}
.receipt-editing .receipt-editable{font:400 17px/1.5 Arial,sans-serif;min-height:48px;padding:10px!important;border:1px solid #aebfb3!important;border-radius:6px;background:#fff!important;overflow-wrap:anywhere;max-width:100%}.receipt-editing .receipt-editable:empty:before{font-size:16px}.receipt-editing .receipt-unit{margin-top:8px}.receipt-editing .receipt-unit .receipt-editable{font-size:16px}
.receipt-editing .receipt-payment{padding:12px;gap:14px;overflow:visible}.receipt-editing .receipt-payment>.receipt-band{margin:-12px -12px 0}.receipt-editing .period-on-page{display:flex;flex-direction:column;align-items:stretch;gap:10px}.receipt-editing .on-page-dates{width:100%}.receipt-editing .on-page-control{font-size:17px!important;min-height:48px!important;height:auto!important;padding:10px!important;border:1px solid #aebfb3!important;border-radius:6px!important;background:#fff!important;width:100%;max-width:100%}.receipt-editing .payment-period{min-width:0;width:100%}
.receipt-editing .money-entry{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:100%}.receipt-editing .money-entry label{font-size:16px;margin:0}.receipt-editing .money-entry input.on-page-control{font-size:22px!important;height:52px!important;min-height:52px!important}.receipt-editing .entry-balance-result{padding:12px;border:1px solid #b6cbd8;border-radius:7px;background:#edf4f9}.receipt-editing .entry-balance-result>span{font-size:15px}.receipt-editing .entry-balance-result>strong{font-size:24px!important;border:0!important;height:auto;margin:3px 0 0;padding:0!important}
.receipt-editing .previous-payment summary{font-size:14px;min-height:44px;padding:10px 0}.receipt-editing .previous-payment label{font-size:14px}.receipt-editing .credit-explanation{font-size:13px}.receipt-editing .payment-method-entry{padding-top:12px;gap:8px}.receipt-editing .row-method-label{font-size:16px;font-weight:600;width:100%}.receipt-editing .payment-method-entry>.on-page-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.receipt-editing .payment-method-entry>.on-page-choices button{font:500 15px/1.3 Arial,sans-serif;min-height:52px;padding:10px 8px;gap:7px;white-space:normal;text-align:left;justify-content:flex-start}.receipt-editing .payment-method-entry>.on-page-choices button:before{width:20px;height:20px}.receipt-editing .on-page-choices button{font-size:15px;min-height:44px}.receipt-editing .paper-add-period{font-size:16px;min-height:48px;width:100%;border:1px dashed #8cab98;border-radius:7px;padding:12px;background:#edf5ef}
.receipt-editing .receipt-closing{gap:16px}.receipt-editing .receipt-amount{display:flex;flex-direction:column;align-items:stretch;padding:14px;gap:10px}.receipt-editing .receipt-amount>div:first-child{display:flex;flex-direction:column;align-items:stretch;gap:10px}.receipt-editing .receipt-amount>div>span.total-label{font-size:16px;white-space:normal}.receipt-editing .receipt-amount strong{font-size:25px}.receipt-editing .auto-total-label{font-size:13px;max-width:none}.receipt-editing .receipt-notes{min-height:100px;font-size:17px}
.receipt-editing .receipt-signature{padding:0 12px 12px}.receipt-editing .receipt-signature>.receipt-band{padding-right:10px!important;margin-bottom:64px}.receipt-editing .signature-modes{top:54px;left:12px;right:12px;justify-content:flex-start;gap:12px}.receipt-editing .signature-modes button{font-size:16px;min-height:44px;padding:8px 14px;border:1px solid #b5c7ba;border-radius:6px}.receipt-editing .inline-signature-pad{height:160px;min-height:160px;width:100%}.receipt-editing .signature-demo{width:230px;max-width:90%;height:82px;top:30px}.receipt-editing .inline-clear-signature{font-size:14px;min-height:36px;padding:6px 10px}.receipt-editing .receipt-recipient-name{display:block;margin-top:12px}.receipt-editing .receipt-recipient-name>span{font-size:15px;margin-bottom:6px}.receipt-editing .signature-date{font-size:15px;flex-wrap:wrap;gap:8px}.receipt-editing .receipt-signature>p{font-size:13px}.receipt-editing .receipt-footer{left:12px;right:12px;bottom:16px}.receipt-editing .receipt-return-left>a{font-size:13px}.receipt-editing .receipt-return-left>span{font-size:10px}
.review-area{padding:18px 14px;border:1px solid #aebfb3;border-radius:12px}.review-area h2{font-size:22px}.review-confirm span{font-size:16px}.review-area .export-controls{display:flex!important;flex-direction:column!important;gap:10px!important}.review-area .export-controls>button,.review-area #review,.review-area #download-pdf,.review-area #print{width:100%!important;min-height:54px!important;flex:none!important;font-size:17px!important;padding:14px!important;justify-content:flex-start;gap:12px}.review-area .export-controls>button svg{width:21px;height:21px}.review-area #export-status{font-size:15px}.draft-actions button{font-size:15px;min-height:44px}.draft-actions #storage-status{font-size:13px}.more-options summary{font-size:16px;min-height:44px}.help p,.help summary{font-size:16px}.help details{padding:16px 0;border-top:1px solid #c4d1c8}
}

@media screen and (max-width:700px){.receipt-editing .receipt-meta{grid-template-columns:1fr!important}.receipt-editing .receipt-date{flex-direction:column;align-items:stretch!important;text-align:left!important}.receipt-editing .receipt-date>span{align-self:flex-start}.receipt-editing .receipt-number-line{display:flex;flex-direction:column;align-items:stretch;gap:6px}#receipt-pages.receipt-editing input.on-page-control{font-size:17px!important;min-height:48px!important;padding:10px!important;border:1px solid #aebfb3!important;border-radius:6px!important;background:#fff!important}#receipt-pages.receipt-editing .money-entry input.on-page-control{font-size:22px!important;min-height:52px!important;height:52px!important}.receipt-editing .signature-text{font:italic 28px/1.5 Georgia,serif!important}}

@media screen and (max-width:700px){#receipt-pages.receipt-editing .receipt-meta{display:grid!important;grid-template-columns:minmax(0,1fr)!important}#receipt-pages.receipt-editing .receipt-meta>div{grid-column:1!important;width:100%;min-width:0}}

.signature-image{object-fit:contain;object-position:left center}

.blank-form-panel{padding:16px 18px;background:#fff;border:1px solid #c7d5cc;border-radius:10px;margin:0 0 18px}.blank-form-panel h2{font:600 17px/1.4 Arial,sans-serif;margin:0 0 5px}.blank-form-panel p{font-size:14px;color:#526759;margin:0 0 12px}.blank-form-panel>div{display:flex;flex-wrap:wrap;gap:10px}.blank-form-panel a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #9eb7a7;border-radius:7px;font-size:15px;font-weight:600;text-decoration:none;background:#f2f7f3}.blank-form-panel a:hover{background:#e5efe7}@media screen and (max-width:700px){.blank-form-panel{padding:16px}.blank-form-panel a{width:100%;min-height:50px;font-size:16px}.blank-form-panel p{font-size:15px}}@media print{.blank-form-panel{display:none!important}}

/* Reserve document space before JS renders; strengthen the exact PageSpeed-flagged text. */
@media screen{#paper-window{min-height:1200px}#receipt-pages .receipt-subtitle,#receipt-pages .previous-payment summary,#receipt-pages .receipt-signature>p,#receipt-pages .receipt-return-left>span,#receipt-pages .receipt-return-qr span{color:#4f6257!important}#receipt-pages .receipt-unit .receipt-editable{display:block;min-height:32px;margin-top:8px}#receipt-pages .receipt-meta [data-rr-inline="property"]{min-height:32px}body.shared-tools-chrome .site-header .brand-lockup,body.shared-tools-chrome .site-footer .brand-lockup{aspect-ratio:15/4}#receipt-pages .receipt-editable:empty:before{color:#53675b}}
@media screen and (max-width:700px){#paper-window{min-height:2300px}#receipt-pages .receipt-unit .receipt-editable{min-height:48px}}

@media screen{.preference-row{min-height:72px}}@media screen and (max-width:700px){.preference-row{min-height:112px}}

.completion-needed{padding:14px 16px;margin:0 0 16px;border:1px solid #d9c69f;border-radius:8px;background:#fffaf0;font-size:15px;line-height:1.6}.completion-needed>strong{display:block;color:#594822}.completion-needed ul{padding-left:20px;margin:8px 0 0}.completion-needed li{margin:5px 0}.completion-needed a{color:#5a4326}.completion-needed.complete{background:#edf5ef;border-color:#a7c2af}.completion-needed.complete>strong{color:#294d3c}#finished-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}#finished-actions[hidden]{display:none!important}#finished-actions button{flex:1;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px}dialog{position:fixed;max-height:90dvh;overflow:auto}dialog>.dialog-x{position:absolute;top:10px;right:10px;z-index:5;width:44px;min-width:44px;height:44px;min-height:44px;border:1px solid #b7c9be;border-radius:8px;background:#fff;color:#294d3c;font:28px/1 Arial,sans-serif;padding:0;display:grid;place-items:center}#share-title,#export-title{padding-right:44px}#pdf-preview .pdf-preview-header{padding-right:70px;min-height:68px}#pdf-preview>.dialog-x{position:sticky;float:right;margin:10px 10px -54px 0;top:10px}#pdf-preview .pdf-preview-header>div{flex-wrap:wrap}#pdf-preview-pages{clear:both}.share-dialog-actions{flex-wrap:wrap;gap:10px}.share-dialog-actions button{min-height:48px}.receipt-editor .editor-top{flex-wrap:wrap;gap:10px}.receipt-editor .editor-top h2{font-size:22px}.receipt-editor #editor-close{min-height:44px;min-width:44px;font-size:26px}#export-dialog,#share-dialog{padding:24px;max-width:460px}
@media screen and (max-width:700px){#receipt-actions,#finished-actions{display:flex!important;flex-direction:column!important;gap:10px!important}#finished-actions[hidden]{display:none!important}#finished-actions button{width:100%;flex:none;min-height:54px;font-size:17px;justify-content:flex-start;padding:14px;gap:12px}#finished-actions button svg{width:21px;height:21px}dialog{max-width:calc(100% - 20px);max-height:92dvh;padding:20px}#pdf-preview .pdf-preview-header{display:block;padding:16px 66px 14px 14px}#pdf-preview .pdf-preview-header>div{display:flex;flex-direction:column;margin-top:12px;gap:8px}#pdf-preview .pdf-preview-header button{min-height:44px;width:100%}#pdf-preview h2{font-size:20px}.completion-needed{font-size:15px}.receipt-editor .editor-top h2{font-size:20px}.receipt-editor .editor-top>div{display:flex;gap:8px}}
@media print{.completion-needed,#finished-actions{display:none!important}}

@media screen and (max-width:700px){#receipt-pages.receipt-editing .receipt-date{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0;align-items:stretch!important;text-align:left!important}#receipt-pages.receipt-editing .receipt-date>*{grid-column:1!important;position:static!important;float:none!important;max-width:100%!important;min-width:0;margin:0}#receipt-pages.receipt-editing .receipt-date>span{display:block!important;width:100%!important;text-align:left!important;line-height:1.5}#receipt-pages.receipt-editing .receipt-date .on-page-control{display:block!important;width:100%!important;max-width:100%!important;min-height:50px!important;box-sizing:border-box!important;appearance:auto}#receipt-pages.receipt-editing .receipt-date>b.inline-original{display:none!important}#receipt-pages.receipt-editing .receipt-number-line{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;max-width:100%!important;width:100%!important}.receipt-editing .receipt-head{margin-bottom:4px}}

#pdf-preview .pdf-preview-header{position:sticky;top:0;padding:16px}#pdf-preview .pdf-preview-header h2{padding-right:52px}#pdf-preview .dialog-x{position:absolute!important;float:none!important;margin:0!important;top:12px!important;right:12px!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font:28px/1 Arial,sans-serif!important}#pdf-preview .pdf-preview-header>div{width:100%}@media(min-width:701px){#pdf-preview .pdf-preview-header{padding-right:70px}#pdf-preview .pdf-preview-header>div{width:auto}}

/* One balanced action bar on desktop; one clear action per row on phones. */
@media screen and (min-width:701px){.review-area #receipt-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:10px!important;width:100%;padding-top:16px;border-top:1px solid #d8e3dc}.review-area #finished-actions{display:contents}.review-area #finished-actions[hidden]{display:none!important}.review-area #receipt-actions button,.review-area #finished-actions button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:56px;padding:12px 10px;border:1px solid #b4c8bc;border-radius:9px;font:600 14px/1.35 Arial,sans-serif;color:#294d3c;background:#fff;margin:0;white-space:normal;text-align:center}.review-area #receipt-actions #review{grid-column:1/-1;max-width:280px;justify-self:start;background:#eef5f0}.review-area:has(.completion-needed.complete) #receipt-actions #review{grid-column:auto;max-width:none;justify-self:stretch}.review-area #finished-actions #download-pdf{background:#315c47;color:#fff;border-color:#315c47}.review-area #receipt-actions button:hover{box-shadow:0 2px 7px #24453518;border-color:#6b9079}.review-area #receipt-actions button svg{width:19px;height:19px;flex-shrink:0}.review-area .draft-actions{margin-top:18px;padding-top:12px}}
@media screen and (max-width:700px){.review-area #receipt-actions{padding-top:14px;border-top:1px solid #d8e3dc}.review-area #receipt-actions #review{display:flex;align-items:center;gap:12px}.review-area #receipt-actions #review svg{width:21px;height:21px;flex-shrink:0}}

/* Give wrapped checklist links one continuous, tappable hit area. */
#completion-needed li a,#review-errors li a{display:block;padding:5px 0;line-height:1.5}


/* Keep the editable date label and native date control in their own layout cell. */
@media screen{
#receipt-pages.receipt-editing .receipt-head{display:block!important}
#receipt-pages .receipt-reset-toolbar{display:flex;justify-content:flex-end;margin:0 0 8px;width:100%}
#receipt-pages .receipt-start-over{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 14px;font:600 14px/1.4 Arial,sans-serif;color:#315c47;background:#f2f7f3;border:1px solid #a7beb0;border-radius:7px;cursor:pointer}
#receipt-pages .receipt-start-over:hover{background:#e3eee6;border-color:#6b9079}
#receipt-pages .receipt-start-over:focus-visible{outline:3px solid #527c64;outline-offset:3px}
#receipt-pages.receipt-editing .receipt-date{grid-template-columns:minmax(0,1fr) minmax(220px,1fr)}
#receipt-pages.receipt-editing .receipt-date-entry{display:flex!important;align-items:center;justify-content:flex-end;gap:12px;min-width:0;margin:0;grid-column:2/4}
#receipt-pages.receipt-editing .receipt-date-entry>span{flex-shrink:0;font:400 15px/1.5 Arial,sans-serif;color:#424a4f;position:static!important}
#receipt-pages.receipt-editing .receipt-date-entry input{min-width:0;max-width:180px;width:180px;box-sizing:border-box;font:400 17px/1.5 Arial,sans-serif}
}
@media screen and (max-width:700px){
#receipt-pages.receipt-editing .receipt-date{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;height:auto!important}
#receipt-pages.receipt-editing .receipt-date-entry{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start;gap:8px!important;flex:none;width:100%!important;height:auto!important;min-width:0!important;max-width:100%!important;grid-column:auto}
#receipt-pages.receipt-editing .receipt-date-entry>span{display:block!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;line-height:24px!important;font-size:16px!important;height:auto!important;min-height:24px;white-space:normal}
#receipt-pages.receipt-editing .receipt-date-entry input{display:block!important;position:static!important;transform:none!important;margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;padding:10px 12px!important;line-height:28px!important;box-sizing:border-box!important;overflow:hidden}
#receipt-pages.receipt-editing .receipt-date-entry input::-webkit-date-and-time-value{text-align:left;min-width:0}
#receipt-pages.receipt-editing .receipt-number-line{flex:none;height:auto!important}
#receipt-pages .receipt-reset-toolbar{margin-bottom:12px}
}
@media print{.receipt-reset-toolbar{display:none!important}}

/* iOS date controls have an intrinsic width: contain the native control in its own box. */
@media screen{
#receipt-pages.receipt-editing .receipt-date-input-box{display:block;min-width:0;max-width:100%;width:180px;box-sizing:border-box;overflow:hidden;border:1px solid #aebfb3;border-radius:6px;background:#fff;contain:inline-size}
#receipt-pages.receipt-editing .receipt-date-entry .receipt-date-input-box input{display:block!important;appearance:none!important;-webkit-appearance:none!important;width:100%!important;inline-size:100%!important;min-width:0!important;min-inline-size:0!important;max-width:100%!important;max-inline-size:100%!important;margin:0!important;padding:10px 12px!important;height:52px!important;min-height:52px!important;max-height:52px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;background:#fff!important;line-height:30px!important;font-size:17px!important;text-align:left!important;overflow:hidden}
#receipt-pages.receipt-editing .receipt-date-input-box:focus-within{outline:2px solid #527c64;outline-offset:2px}
#receipt-pages.receipt-editing .receipt-date-input-box input:focus{outline:none!important}
#receipt-pages.receipt-editing .receipt-date-input-box input::-webkit-date-and-time-value{display:block;min-width:0;text-align:left;margin:0;padding:0;line-height:30px}
#receipt-pages.receipt-editing .receipt-date-input-box input::-webkit-datetime-edit{display:block;min-width:0;padding:0;margin:0}
}
@media screen and (max-width:700px){
#receipt-pages.receipt-editing .receipt-date-entry>.receipt-date-input-box{display:block!important;width:100%!important;inline-size:100%!important;max-width:100%!important;max-inline-size:100%!important;min-width:0!important;min-inline-size:0!important;height:54px!important;min-height:54px!important;max-height:54px!important;flex:none!important;padding:0!important;margin:0!important;line-height:normal!important;overflow:hidden!important}
#receipt-pages.receipt-editing .receipt-date-entry>.receipt-date-input-box input{width:100%!important;min-width:0!important;max-width:100%!important;height:52px!important;min-height:52px!important;max-height:52px!important}
#receipt-pages.receipt-editing .on-page-dates{min-width:0;max-width:100%}
#receipt-pages.receipt-editing .on-page-dates input{appearance:none!important;-webkit-appearance:none!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
}

#receipt-pages .receipt-reset-toolbar[hidden]{display:none!important}

.more-options #restore-banner{margin:12px 0 4px;padding:14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #bdcfc2;border-radius:8px;background:#f4f8f5;font-size:15px;line-height:1.5}.more-options #restore-banner[hidden]{display:none!important}.more-options #restore-banner button{min-height:44px}.more-options #restore-banner span{font-size:14px}

#reset-dialog{width:calc(100% - 24px);max-width:460px;padding:24px;border:1px solid #aebfb3;border-radius:12px;box-sizing:border-box}#reset-title{padding-right:44px;font-size:22px;margin:0 0 16px;line-height:1.4}#reset-dialog p{font-size:16px;line-height:1.6;margin:0 0 20px}.reset-actions{display:flex;flex-wrap:wrap;gap:10px}.reset-actions button{flex:1;min-height:48px;font-size:16px}#reset-confirm{background:#315c47;color:white;border-color:#315c47}@media(max-width:700px){.reset-actions{flex-direction:column}.reset-actions button{width:100%}}

/* Align the receipt workspace with the landlord-tools content cards. Keep the print page's native paper dimensions unchanged. */
@media screen and (min-width: 701px) {
  .shell { max-width: 1040px; }
  #paper-window { max-width: 960px; }
}