.visual-document-form{max-width:1320px}.creation-heading{margin-bottom:22px}.creation-heading h1{font-size:27px;margin-bottom:6px}.creation-heading .lead{font-size:13px}.creation-toolbar{display:flex;gap:18px;align-items:end;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:18px}.creation-toolbar p{margin:0;flex:1;min-width:0}.creation-toolbar label{font-size:11px;margin-bottom:7px}.creation-toolbar .toolbar-order{flex:1.5}.creation-toolbar strong{font-size:14px}.visual-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:start}.visual-workspace{min-width:0;background:#e9eef0;border:1px solid #d9e2e6;border-radius:10px;overflow:hidden}.visual-workspace .preview-heading{padding:16px 20px;background:#fff;display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfe7e9}.visual-workspace .preview-heading>div:first-child{flex:1}.visual-workspace .preview-heading strong{font-size:13px;display:block}.visual-workspace .preview-heading span{font-size:10px;display:block;margin-top:5px}.paper-tools{display:flex;gap:7px}.paper-tools button{font-size:10px;min-height:34px;padding:8px 10px}.paper-tip{font-size:10px;color:#576e76;padding:12px 20px;margin:0;display:flex;align-items:center;gap:7px}.edit-indicator{width:6px;height:6px;border-radius:50%;background:#1c826d}.paper-scroll{padding:0 20px 24px;overflow:auto}.editable-paper{position:relative;margin:auto;background:white;width:100%;min-width:570px;min-height:calc(1.4143 * 570px);aspect-ratio:210 / 297;padding:50% 9.52% 13% 11.90%;box-shadow:0 4px 16px #283c4417;color:#20272b;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.55}.paper-letterhead{position:absolute;left:66.67%;right:9.52%;top:3.37%;font-size:9px}.paper-letterhead img{width:80%;max-height:98px;object-fit:contain;object-position:left}.paper-contact{margin-top:16px}.paper-return{position:absolute;left:11.9%;width:38.1%;top:15.49%;font-size:7px;white-space:pre-line}.paper-recipient{position:absolute;left:11.9%;width:38.1%;top:21.11%;font-size:11px}.paper-metadata{position:absolute;left:66.67%;right:9.52%;top:27%;font-size:8px;margin:0}.paper-metadata>div{display:grid;grid-template-columns:64px 1fr;gap:4px}.paper-metadata dt,.paper-metadata dd{margin:0;min-width:0}.paper-body>h2{font-size:21px;font-weight:700;margin:0 0 10px;line-height:1.3;letter-spacing:0}.paper-body>p{margin:12px 0}.paper-project{font-size:8px;color:#6c7579;margin-bottom:14px}.editable-paper [contenteditable]{white-space:pre-wrap;border-radius:3px;min-height:1.5em;outline:0;transition:background .16s,box-shadow .16s}.editable-paper [contenteditable]:hover{background:#eff6f4;box-shadow:0 0 0 3px #eff6f4;cursor:text}.editable-paper [contenteditable]:focus{background:#f0faf6;box-shadow:0 0 0 2px #5eaa94}.editable-paper [contenteditable]:empty:before{content:attr(data-empty-label);color:#9ba8a8;font-size:9px}.paper-table-head{display:grid;grid-template-columns:minmax(130px,1fr) 47px 64px 66px 70px 16px;gap:5px;background:#f0f1f2;padding:9px 5px;font-size:8px;color:#4a565b;margin-top:18px}.paper-positions .item-row.paper-position{display:grid;grid-template-columns:minmax(130px,1fr) 47px 64px 66px 70px 16px;gap:5px;padding:7px 5px;margin:0;border:0;border-bottom:1px solid #e8eded;border-radius:0;background:white;align-items:start}.paper-position p{margin:0;min-width:0}.paper-position input,.paper-position select,.paper-position textarea{border:0;border-radius:3px;background:transparent;padding:4px 2px;font-family:inherit;font-size:9px;line-height:1.5;min-height:25px;width:100%;resize:vertical;color:#20272b}.paper-position input:hover,.paper-position select:hover{background:#eff6f4}.paper-position input:focus,.paper-position select:focus{background:#f0faf6;outline:2px solid #5eaa94;box-shadow:none}.paper-position strong{display:block;font-size:9px;text-align:right;padding-top:4px;white-space:nowrap}.paper-delete input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.paper-delete label{font-size:16px;color:#a5adb0;cursor:pointer;margin:0;text-align:center}.paper-delete input:focus-visible+label{outline:2px solid #5eaa94}.paper-delete input:checked+label{color:#b13143}.paper-position.invoice-item-removed{opacity:.35}.paper-add{background:none;border:0;padding:9px 4px;min-height:32px;font-size:9px;color:#257765;font-weight:600;display:inline-block}.paper-totals{margin-top:18px;font-size:10px}.paper-totals>div{display:flex;justify-content:space-between;gap:15px;padding:5px}.paper-totals>div:nth-child(3){border-top:1px solid #d6dddf;background:#f0f1f2;font-size:12px;margin-top:6px;padding:10px 5px}.paper-totals strong{font-variant-numeric:tabular-nums}.paper-foot{position:absolute;left:11.9%;right:9.52%;bottom:3%;font-size:7px;line-height:1.5;color:#718086}.paper-foot p{margin:0 0 8px}.paper-foot span{font-size:6px;letter-spacing:.6px}.paper-fold{position:absolute;left:1.9%;width:2.38%;border-top:1px solid #aeb8bd}.paper-fold-one{top:35.353%}.paper-fold-two{top:70.707%}.paper-payment input{display:inline-block;width:120px;padding:3px;border:0;background:#f6f8f7;font-size:10px}.paper-deposit{display:flex;justify-content:space-between;padding:15px 4px;border-block:1px solid #e2e7e7;margin-top:15px}.paper-order-row{display:grid;grid-template-columns:minmax(0,1fr) 45px 65px 70px 75px;gap:6px;padding:8px 4px;border-bottom:1px solid #e4e8e9;font-size:9px}.paper-order-row strong{text-align:right}.editor-inspector{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;position:sticky;top:18px}.editor-inspector h2{font-size:14px;margin:0 0 10px}.editor-inspector p{font-size:11px}.editor-inspector .form-footer{display:grid;gap:8px;margin:16px 0}.editor-inspector button{width:100%;font-size:11px;padding:11px 8px}.editor-inspector .muted{font-size:10px;line-height:1.7}.editor-inspector details{border-top:1px solid var(--line);padding-top:14px;margin-top:16px}.editor-inspector summary{font-size:11px;cursor:pointer}.editor-inspector input,.editor-inspector select,.editor-inspector textarea{font-size:11px;padding:8px}.editor-inspector label{font-size:10px}.editor-inspector .linked-deposit{margin-top:15px;padding-top:15px}.editor-inspector .linked-deposit strong{font-size:11px}.connected-documents{display:grid;gap:8px;margin:14px 0}.connected-documents a{border:1px solid #dfe8e6;background:#f7faf9;padding:10px 11px;border-radius:6px;font-size:10px;color:#305d55;text-decoration:none;transition:background .16s,transform .16s}.connected-documents a:hover{background:#eaf5ef;transform:translateX(2px)}.connected-documents small{display:block;font-size:9px;color:#84918d;margin-top:4px}.visual-workspace #pdf-preview{width:100%;height:1000px;border:0}.sidebar nav a{transition:background .17s,color .17s,transform .17s}.sidebar nav a:hover{transform:translateX(2px)}.nav-icon{width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;opacity:.8}button,a.secondary{transition:background .17s,box-shadow .17s,transform .17s}dialog[open]{animation:editor-appear .17s ease-out}dialog::backdrop{animation:backdrop-appear .17s ease-out}@keyframes editor-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-appear{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.editable-paper{min-width:690px;font-size:13px}.paper-recipient{font-size:13px}.paper-letterhead{font-size:10px}.paper-metadata{font-size:9px}.paper-position input,.paper-position select{font-size:11px}}
@media(max-width:1100px){.visual-layout{grid-template-columns:minmax(0,1fr)}.editor-inspector{position:static;display:block}.creation-toolbar{flex-wrap:wrap}.creation-toolbar p{flex-basis:240px}}
@media(max-width:720px){.creation-heading h1{font-size:23px}.creation-toolbar{padding:15px}.creation-toolbar p{flex-basis:100%}.paper-scroll{padding:0 10px 16px}.paper-tools{flex-wrap:wrap}.visual-workspace .preview-heading{padding:14px 12px;align-items:start}.paper-tip{padding:10px 12px;font-size:9px}.visual-workspace #pdf-preview{height:650px}.editor-inspector{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.sidebar nav a{display:flex;align-items:center;gap:10px}.editable-paper{padding-left:9.52%;padding-right:4.76%;font-size:calc(12px * var(--paper-scale,1));color:#000}.paper-body>h2{font-size:calc(18.67px * var(--paper-scale,1));font-weight:700}.paper-recipient{font-size:calc(12.67px * var(--paper-scale,1))}.paper-return{font-size:calc(8.67px * var(--paper-scale,1))}.paper-letterhead{display:contents}.paper-letterhead img{position:absolute;left:64.28%;top:1.68%;width:26.19%;height:auto;max-height:none}.paper-contact{position:absolute;left:66.67%;right:4.76%;top:18.52%;margin:0;font-size:calc(12px * var(--paper-scale,1));line-height:1.23}.paper-contact>[data-paper-field=paper_email]{display:none}.paper-metadata{top:28.28%;right:4.76%;font-size:calc(11.33px * var(--paper-scale,1))}.paper-metadata>div{grid-template-columns:50% 50%}.paper-table-head,.paper-positions .item-row.paper-position,.paper-order-row{grid-template-columns:4.44% 5.56% 8.89% 9.44% 43.89% 13.89% 13.89%;gap:0;padding-inline:0;font-size:calc(11.33px * var(--paper-scale,1))}.paper-position{position:relative}.paper-position p:first-of-type{grid-column:auto}.paper-position input,.paper-position select,.paper-position textarea{font-size:calc(11.33px * var(--paper-scale,1));min-height:25px;padding-inline:2px}.paper-position [data-paper-index]{padding-top:4px;font-size:calc(11.33px * var(--paper-scale,1))}.paper-position strong{font-size:calc(11.33px * var(--paper-scale,1))}.paper-position .paper-delete{position:absolute;right:-17px;top:4px;width:16px}.paper-table-head{background:#d9d9d9}.paper-table-head span:nth-last-child(-n+2){text-align:right}.paper-order-row>span:nth-last-child(-n+2){text-align:right}.paper-totals{font-size:calc(12px * var(--paper-scale,1))}.paper-totals>div:nth-child(3){background:#d9d9d9;font-size:calc(12px * var(--paper-scale,1))}.paper-foot{left:9.52%;right:4.76%;bottom:4.04%;font-size:calc(10.67px * var(--paper-scale,1));color:#000}.paper-footer-columns{display:grid;grid-template-columns:1fr 1.05fr;gap:16px;border-top:1px solid #999;padding-top:8px}.paper-foot>span{position:absolute;top:100%;margin-top:10px}.paper-payment,.paper-project{font-size:calc(11.33px * var(--paper-scale,1))}#pdf-proof{width:min(960px,94vw);height:94vh;border:1px solid #ccd8dc;border-radius:10px;padding:0;box-shadow:0 24px 80px #102c4050}#pdf-proof::backdrop{background:#10233080}#pdf-proof>header{height:64px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe7e9;background:#fff}#pdf-proof iframe{height:calc(100% - 64px)!important;display:block;border:0}#pdf-proof button{font-size:12px}.paper-contact>strong{font-weight:700}

.paper-table-head,.paper-positions .item-row.paper-position,.paper-order-row{grid-template-columns:4.44% 7.78% 10.56% 7.22% 42.22% 13.89% 13.89%}.paper-ledger{margin-top:22px}.paper-ledger h3{font-size:calc(12px * var(--paper-scale,1));font-weight:700;margin:0 0 10px}.paper-ledger table{width:100%;font-family:Arial,sans-serif;font-size:calc(10.67px * var(--paper-scale,1));border-collapse:collapse}.paper-ledger th,.paper-ledger td{padding:5px 2px;background:transparent;color:#000;border:0;font-size:inherit;vertical-align:top;text-transform:none;letter-spacing:0;font-weight:400;line-height:1.4}.paper-ledger thead{border-bottom:1px solid #000}.paper-ledger tbody tr:nth-last-child(2){border-top:1px solid #000}.paper-ledger th:nth-child(3),.paper-ledger td:nth-child(3),.paper-ledger th:nth-child(5),.paper-ledger td:nth-child(5),.paper-ledger th:nth-child(6),.paper-ledger td:nth-child(6),.paper-ledger th:nth-child(8),.paper-ledger td:nth-child(8){text-align:right}.paper-final-due{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #000;font-size:calc(12px * var(--paper-scale,1))}.paper-settlement,.paper-remainder{display:none!important}.paper-deposit{flex-wrap:wrap;gap:9px}.paper-deposit input{width:140px;min-height:32px;font-size:12px;border-color:#bad2cb}.visual-workspace #preview-open{display:none}

.editable-paper .paper-foot{display:block;padding:0;border-top:0;gap:0;justify-content:normal;flex-wrap:nowrap}.paper-footer-columns{width:100%;grid-template-columns:85fr 90fr;gap:2.78%;box-sizing:border-box}.paper-foot p{width:100%;box-sizing:border-box}.paper-position.invoice-item-removed{display:none!important}.customer-search{position:relative}.customer-search-options{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:310px;overflow-y:auto;z-index:20;background:#fff;border:1px solid #c4d8d0;border-radius:7px;box-shadow:0 12px 30px #1d383529;padding:5px}.customer-search-options button{display:block;width:100%;text-align:left;border:0;border-radius:4px;background:transparent;color:#27453e;font-size:12px;padding:11px 12px;font-weight:400}.customer-search-options button:hover,.customer-search-options button[aria-selected=true]{background:#edf6f2}.customer-search-options p{padding:12px;font-size:12px;color:#6b8179}.paper-position .paper-delete label{width:16px;height:22px;display:block}.paper-position .paper-delete label:hover{color:#a73946;background:#fff0f1}.paper-footer-columns p:first-child{margin:0}.paper-footer-columns p:last-child{margin:0}.paper-foot>span{left:0}

.editable-paper{padding-top:47.62%}.paper-recipient{top:17.17%}.paper-metadata{left:61.9%;top:27.27%;grid-template-columns:none}.paper-metadata>div{grid-template-columns:48.57% 51.43%;gap:0}.paper-body>h2{margin-bottom:0}.paper-project{margin-bottom:12px}.paper-table-head,.paper-positions .item-row.paper-position,.paper-order-row{grid-template-columns:4.44% 7.78% 10.56% 8.89% 40.56% 13.89% 13.89%}.paper-ledger{margin-top:14px}.paper-ledger table{table-layout:fixed}.paper-ledger th:nth-child(1){width:10.34%}.paper-ledger th:nth-child(2){width:19.54%}.paper-ledger th:nth-child(3){width:13.8%}.paper-ledger th:nth-child(4){width:5.75%}.paper-ledger th:nth-child(5){width:12.64%}.paper-ledger th:nth-child(6){width:13.8%}.paper-ledger th:nth-child(7){width:10.34%}.paper-ledger th:nth-child(8){width:13.8%}.paper-ledger td{overflow-wrap:anywhere}.paper-totals>div:nth-child(3)>span{font-weight:700}

.paper-contact{left:61.9%;right:4.76%}.paper-letterhead img{left:61.9%;width:26.19%}.paper-table-head,.paper-positions .item-row.paper-position,.paper-order-row{grid-template-columns:4.44% 6.67% 9.44% 8.33% 43.33% 13.89% 13.89%}.paper-metadata{left:61.9%}

.paper-position p:not(.paper-delete){display:flex;flex-wrap:wrap;align-items:center;min-height:28px;margin:0}.paper-position input,.paper-position select{height:28px;min-height:28px;line-height:20px;padding:4px 2px;box-sizing:border-box}.paper-position strong{line-height:28px;padding-top:0;width:100%}.paper-position [data-paper-index]{line-height:28px;padding-top:0}.paper-position>.errorlist{grid-column:1/-1}.paper-position p>.errorlist{flex-basis:100%}.paper-footer-columns{cursor:default;user-select:text}.paper-footer-columns p{background:transparent;outline:none}

.paper-return{top:19.528%;left:9.52%}.paper-recipient{top:21.111%;left:9.52%}.paper-amount-mode{display:flex;align-items:center;gap:7px;font-size:inherit;margin:0}.paper-deposit select{width:130px;min-height:32px;font-size:12px;background:white}.paper-deposit input[hidden]{display:none}.paper-installment-plan{margin-top:14px;border-block:1px solid #aaa;padding:8px 0;font-size:calc(11.33px * var(--paper-scale,1))}.paper-installment-plan>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.paper-installment-plan p{font-size:.85em;margin:6px 0 0;color:#555}.paper-ledger th:nth-child(1){width:12.22%}.paper-ledger th:nth-child(2){width:17.22%}.paper-ledger th:nth-child(3){width:15%}.paper-ledger th:nth-child(4){width:7.22%}.paper-ledger th:nth-child(5){width:12.78%}.paper-ledger th:nth-child(6){width:13.89%}.paper-ledger th:nth-child(7){width:11.67%}.paper-ledger th:nth-child(8){width:10%}

.paper-return,.paper-recipient{left:11.905%}.paper-open-deposits{font-size:calc(11.33px * var(--paper-scale,1));padding-top:8px}.paper-open-deposits>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.paper-amount-mode select{margin:0}

.paper-product-picker{padding:12px 20px;background:#fff;border-bottom:1px solid #dfe7e9;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.paper-product-picker label{margin:0}.paper-product-picker input,.paper-product-picker select{width:180px;min-height:34px;font-size:11px;padding:7px}.paper-product-picker button{min-height:34px;font-size:11px;padding:7px 10px}.paper-product-picker a{font-size:10px}.paper-product-picker #catalog-status{flex-basis:100%;color:#337263}

.paper-ledger th:nth-child(1){width:12.22%}.paper-ledger th:nth-child(2){width:20%}.paper-ledger th:nth-child(3){width:13.89%}.paper-ledger th:nth-child(4){width:7.22%}.paper-ledger th:nth-child(5){width:12.22%}.paper-ledger th:nth-child(6){width:13.33%}.paper-ledger th:nth-child(7){width:11.11%}.paper-ledger th:nth-child(8){width:10%}

/* Fixed print coordinates; a long editing draft grows with a reserved footer area. */
.editable-paper{height:auto;aspect-ratio:auto;min-height:calc(1122.52px * var(--paper-scale,1));padding-top:calc(377.95px * var(--paper-scale,1));padding-bottom:calc(166.3px * var(--paper-scale,1))}
.paper-letterhead img{top:calc(18.9px * var(--paper-scale,1))}
.paper-contact{top:calc(207.87px * var(--paper-scale,1))}
.paper-return{top:calc(219.21px * var(--paper-scale,1))}
.paper-recipient{top:calc(236.98px * var(--paper-scale,1))}
.paper-metadata{top:calc(306.14px * var(--paper-scale,1))}
.paper-fold-one{top:calc(396.85px * var(--paper-scale,1))}.paper-fold-two{top:calc(793.7px * var(--paper-scale,1))}
.paper-foot{bottom:calc(45.35px * var(--paper-scale,1))}