.doc-workspace{color:#304b3c;container-type:inline-size;padding-bottom:40px}.doc-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px}.doc-toolbar>div:first-child{display:flex;align-items:center;gap:23px}.doc-toolbar .fx-kicker{font-size:9px;margin:0 0 5px}.doc-toolbar h1{font:400 30px/1.2 Georgia,serif;margin:0;letter-spacing:-.7px}.doc-toolbar h1 em{font-weight:400;color:#829071}.doc-toolbar-actions{display:flex;gap:9px}.doc-toolbar .p-button{font-size:11px;white-space:nowrap}.doc-layout{display:grid;grid-template-columns:minmax(0,850px) 260px;gap:26px;align-items:start;justify-content:center}.doc-canvas{min-width:0}.doc-paper{--doc-color:#314f3c;background:#fff;min-height:1050px;border:1px solid #e1e6da;border-top:7px solid var(--doc-color);box-shadow:0 8px 34px #273d2910;padding:42px 42px 34px;color:#26382e;font:13px/1.7 Arial,sans-serif}.doc-paper[data-layout=minimal]{border-top:1px solid #e1e6da}.doc-paper-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-bottom:1px solid #e1e6da;padding-bottom:27px}.doc-issuer strong{font-size:17px;color:var(--doc-color)}.doc-issuer p{white-space:pre-line;font-size:12px;margin:8px 0;line-height:1.7}.doc-issuer small{display:block;white-space:pre-line;color:#687b6a;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.doc-issuer .p-button{font-size:10px;padding:7px 10px;margin-top:13px;background:#f4f7ef;border:1px solid #e0e8d6}.doc-paper #doc-logo{margin-bottom:18px}.doc-paper #doc-logo img{max-width:150px;max-height:75px;object-fit:contain}.doc-heading{text-align:right}.doc-heading h2{font-size:34px;line-height:1.2;margin:0 0 9px;color:var(--doc-color);font-weight:500}.doc-heading>p{font-size:9px;color:#829079;margin:7px 0 12px}.doc-concept-label{display:inline-block;font:600 9px/1.4 'Segoe UI',sans-serif;letter-spacing:1.2px;background:#f5efdc;color:#9b7d33;padding:4px 8px;border-radius:4px}.doc-dates label{display:grid;grid-template-columns:1fr minmax(115px,132px);gap:10px;align-items:center;font-size:10px;margin:4px 0}.doc-workspace .doc-paper input,.doc-workspace .doc-paper select,.doc-workspace .doc-paper textarea{min-width:0;max-width:100%;width:100%;border:1px solid transparent;border-radius:5px;background:transparent;color:#263b2e;font:inherit;padding:7px 6px;transition:background .15s,border-color .15s;outline-offset:2px}.doc-workspace .doc-paper :is(input,select,textarea):hover{border-color:#dce5d3;background:#f8faf4}.doc-workspace .doc-paper :is(input,select,textarea):focus{background:#f5f8ee;border-color:#93a776;outline:2px solid #b7ce942e}.doc-workspace .doc-paper :is(input,select,textarea):invalid:not(:placeholder-shown){border-color:#d9bfa2}.doc-workspace .doc-paper textarea{resize:vertical;line-height:1.6}.doc-workspace .doc-paper .doc-dates input{font-size:11px;padding:5px 3px;text-align:right}.doc-recipient{padding:24px 0 5px;max-width:340px}.doc-eyebrow{font:600 9px/1.5 'Segoe UI',sans-serif;color:#7d8f70;letter-spacing:1px;text-transform:uppercase;display:block;margin-bottom:9px}.doc-recipient #doc-customer{font-size:15px;font-weight:600;padding-left:0}.doc-recipient>p{font-size:12px;white-space:pre-line;margin:7px 0 15px;color:#60725f}.doc-recipient>label:last-child{display:grid;grid-template-columns:90px 1fr;align-items:center;font-size:10px;color:#7a8d6c}.doc-letter{white-space:pre-line;font-size:12px;line-height:1.8;margin:24px 0}.doc-lines-scroll{width:100%;overflow:auto}.doc-lines{border-collapse:collapse;table-layout:fixed;width:100%;min-width:480px}.doc-lines th{background:var(--doc-color);color:#fff;padding:11px 8px;text-align:left;font-size:9px;font-weight:500}.doc-lines th:first-child{width:42%}.doc-lines th:nth-child(2){width:11%}.doc-lines th:nth-child(3){width:16%}.doc-lines th:nth-child(4){width:14%}.doc-lines th:last-child{width:17%;text-align:right}.doc-lines td{border-bottom:1px solid #e3e8de;padding:12px 3px;vertical-align:top;font-size:11px}.doc-workspace .doc-lines label{font-size:0}.doc-workspace .doc-lines label input{font-size:11px;text-align:right;padding:7px 3px}.doc-lines td:last-child{text-align:right;padding-top:20px;white-space:nowrap;font-size:10px}.doc-workspace .doc-lines select{font-size:10px;padding:7px 0}.doc-workspace .doc-lines textarea{font-size:11px;padding:5px}.doc-remove{border:0;background:transparent;color:#9eaa95;cursor:pointer;margin-left:5px;padding:0;font-size:16px;vertical-align:middle}.doc-remove:hover{color:#984b38}.doc-line-extra{color:#8a997c;font-size:9px;margin-top:2px}.doc-line-extra>summary{cursor:pointer;white-space:normal}.doc-workspace .doc-line-extra label{font-size:9px;display:block;line-height:1.5;margin-top:8px}.doc-workspace .doc-line-extra input{font-size:10px;text-align:left;background:#f6f8f1;border:1px solid #e0e6d8}.doc-paper [data-doc=add-line]{font-size:10px;margin:12px 0 0;background:transparent;border:0;color:#63804c;padding-left:0}.doc-totals{max-width:260px;margin:22px 0 27px auto;font-size:12px}.doc-totals p{display:flex;justify-content:space-between;gap:20px;margin:10px 0;color:#65765e}.doc-totals .doc-total{font-size:18px;border-top:2px solid var(--doc-color);padding-top:13px;color:var(--doc-color)}.doc-note{font-size:10px;color:#80916f}.doc-workspace .doc-note textarea{font-size:12px;padding-left:0}.doc-paper footer{border-top:1px solid #e1e6dc;padding-top:15px;margin-top:30px;font-size:10px;color:#73846a}.doc-paper footer p{white-space:pre-line;margin:5px 0}.doc-controls{display:grid;gap:14px}.doc-control-card{background:#fffefa;border:1px solid #dee5d5;border-radius:12px;padding:21px}.doc-control-card:first-child{background:#edf2e2}.doc-control-card h2{font:400 25px/1.16 Georgia,serif;letter-spacing:-.5px;margin:8px 0 13px}.doc-control-card h3{font-size:12px;margin:0 0 14px}.doc-control-card p{font-size:11px;line-height:1.8;color:#7c8b70;margin:9px 0 15px}.doc-control-card small{display:block;font-size:10px;line-height:1.7;color:#849276}.doc-control-card .p-button{display:flex;align-items:center;justify-content:center;text-align:center;gap:7px;width:100%;font-size:10px;padding:11px 8px;margin:9px 0 0}.doc-control-card svg{width:14px;height:14px}.doc-control-card label{display:grid;gap:7px;font-size:10px;color:#788c68;margin:13px 0}.doc-control-card select{border:1px solid #dce5d1;background:#fffefa;border-radius:6px;padding:9px;font-size:11px;width:100%;min-width:0;color:#405d36}.doc-side-total{font:500 28px/1.3 'Segoe UI',sans-serif;letter-spacing:-1px;display:block;margin:19px 0 1px}.doc-panel{border:1px solid #d5dfc8;background:#fffefa;padding:28px;border-radius:14px;margin-top:27px;outline:none;max-width:1136px;margin-inline:auto}.doc-panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:13px}.doc-panel h2{font:400 28px Georgia,serif;margin:0}.doc-panel>p{font-size:12px;color:#829173;line-height:1.7;max-width:770px}.doc-company-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0}.doc-panel label{font-size:11px;color:#768c65;display:grid;gap:7px}.doc-panel :is(input:not([type=checkbox]),textarea){width:100%;min-width:0;border:1px solid #d9e3cd;border-radius:7px;padding:10px 12px;background:#fff;font:13px/1.5 'Segoe UI',sans-serif;color:#304f32}.doc-panel-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.doc-panel [role=status]{font-size:12px;color:#647c50}.doc-panel .doc-review-check{display:flex;align-items:center;gap:10px;margin:22px 0}.doc-panel .doc-review-check input{accent-color:#506b39}#doc-status{font-size:12px;color:#638548;margin:0 0 18px}#doc-status:empty{display:none}#doc-status[data-error=true]{color:#9e623b}#doc-preview{width:100%;height:1150px;border:1px solid #dfe5d7;background:#fff;box-shadow:0 8px 34px #273d2910}.doc-workspace [hidden]{display:none!important}.doc-workspace button:disabled{opacity:.55;cursor:default}.doc-paper[data-layout=classic] th{background:#eef2e8;color:#304b3c}
@container(max-width:1040px){.doc-layout{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.doc-paper{padding:30px 24px}.doc-toolbar>div:first-child{gap:12px}.doc-toolbar h1{font-size:25px}.doc-toolbar .fx-kicker{display:none}.doc-toolbar-actions .p-button{font-size:10px}.doc-paper-head{gap:18px}.doc-heading h2{font-size:29px}.doc-dates label{display:block}.doc-dates input{max-width:145px}.doc-control-card{padding:17px}}
@container(max-width:810px){.doc-layout{grid-template-columns:minmax(0,1fr)}.doc-paper{max-width:760px;margin:auto}.doc-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-toolbar{flex-wrap:wrap}.doc-toolbar h1{font-size:27px}.doc-toolbar-actions{width:100%;justify-content:flex-end}.doc-company-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:480px){.doc-paper{padding:26px 18px;min-height:900px}.doc-paper-head{gap:15px;grid-template-columns:1fr}.doc-heading{text-align:left;grid-row:1}.doc-heading>p{display:none}.doc-heading h2{display:inline-block;margin-right:15px}.doc-dates{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px}.doc-workspace .doc-paper .doc-dates input{text-align:left}.doc-company-fields,.doc-controls{grid-template-columns:1fr}.doc-panel{padding:22px 18px}.doc-panel-heading{align-items:flex-start}.doc-panel h2{font-size:24px}.doc-toolbar>div:first-child{align-items:flex-start}.doc-toolbar h1{font-size:25px}.doc-toolbar h1 em{display:block}.doc-toolbar-actions{justify-content:stretch}.doc-toolbar-actions button{flex:1}.doc-workspace :is(input,textarea,select){font-size:16px!important}}
.doc-toolbar{flex-wrap:wrap}.doc-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.doc-extra{position:relative}.doc-extra summary{cursor:pointer;list-style:none}.doc-extra>div{position:absolute;z-index:12;right:0;top:calc(100% + 8px);min-width:245px;background:#fffef9;padding:8px;border:1px solid #dce4d2;border-radius:10px;box-shadow:0 12px 35px #273d2920;display:grid;gap:3px}.doc-extra .p-button{background:transparent;border:0;text-align:left;justify-content:flex-start;white-space:normal}.doc-extra .p-button:hover{background:#edf2e2}.doc-extra [data-doc=delete]{color:#975e46;border-top:1px solid #e5e5d8}.doc-recipient [data-doc=new-customer]{font-size:10px;padding:7px 10px;background:#edf2e2;margin:5px 0 8px}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:22px}.order-card h2{font:400 27px Georgia,serif}.order-card>p{font-size:12px;color:#7d8d6e;line-height:1.8}.order-total{font-size:30px;font-weight:500;display:block;letter-spacing:-.7px}.order-card>small{font-size:10px;color:#7d8d6e}.order-card details{font-size:12px;margin:20px 0}.order-card details p{display:flex;gap:15px;justify-content:space-between}.order-card .fx-actions{margin-top:25px}
.doc-details{display:grid;grid-template-columns:auto 1fr;gap:9px 13px;border-top:1px solid #d7e0c9;padding-top:17px;margin:20px 0;font-size:10px;line-height:1.6}.doc-details dt{color:#839172}.doc-details dd{margin:0;text-align:right;overflow-wrap:anywhere}