.editor-sheet{max-width:1050px;margin:0 auto 22px;background:#fff;border:1px solid #d8dde6;box-shadow:4px 4px 0 #fff,5px 5px 0 #d8dde6;padding:32px;color:#0f1a2e}.editor-sheet input,.editor-sheet select,.editor-sheet textarea{border-color:#cfd6e1;border-radius:5px}.editor-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;min-height:220px}.editor-sender{display:grid;grid-template-columns:200px 1fr;gap:14px}.logo-uploader{height:130px;border:1px solid #d6dce5;border-radius:4px;background:#fafbfc;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#687284;cursor:pointer;font-size:18px;position:relative}.logo-uploader b{font-size:25px;font-weight:400}.logo-uploader img{max-width:160px;max-height:80px;object-fit:contain}.logo-uploader input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.remove-logo{grid-column:1;font-size:12px;display:flex;grid-template-columns:18px auto}.remove-logo input{width:auto}.from-box{height:60px;align-self:start}.compact-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.compact-fields input{padding:8px}.editor-identity{text-align:right}.document-title{border:0!important;text-align:right;font-size:40px!important;font-weight:800;letter-spacing:.04em;padding:0!important;width:auto!important;max-width:100%;color:#0d192d;background:transparent!important}.number-field{margin:14px 0 0 auto;display:flex!important;grid-template-columns:auto 150px!important;align-items:center;width:175px;border:1px solid #cfd6e1;border-radius:5px}.number-field span{padding-left:10px}.number-field input{border:0!important;text-align:right}.editor-parties{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:24px;margin:22px 0 30px}.editor-parties>label,.editor-parties>div>label{font-size:14px}.editor-parties textarea,.editor-parties select{min-height:60px}.mini-link{display:block;font-size:12px;margin-top:5px}.editor-dates{display:grid;gap:8px}.editor-dates label{display:grid;grid-template-columns:125px 1fr;align-items:center}.editor-dates input{padding:8px}.editor-item-head,.editor-item-row{display:grid;grid-template-columns:minmax(250px,1fr) 90px 120px 120px 30px;gap:8px;align-items:center}.editor-item-head{background:#101a2d;border-radius:5px;padding:4px 8px}.editor-item-head input{background:transparent;border:0;color:#fff;font-weight:750;padding:7px 8px}.editor-item-head input:nth-child(n+2){text-align:center}.editor-item-head:after{content:''}.editor-item-row{padding:6px 0}.editor-item-row strong{text-align:right;padding:0 8px}.editor-item-row button{border:0;background:transparent;color:#9b3b35;font-size:21px;cursor:pointer}.add-line{width:100%;border:0;background:#f1f3f6;padding:9px;border-radius:5px;color:#263247;cursor:pointer}.editor-bottom{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:38px}.editor-text{display:grid;gap:25px}.editor-totals>div{min-height:43px;display:grid;grid-template-columns:1fr 150px;gap:15px;align-items:center}.editor-totals>div>strong{text-align:right}.editor-totals>div>input,.inline-number{width:150px;justify-self:end}.inline-number{display:flex!important;grid-template-columns:1fr 25px!important;border:1px solid #cfd6e1;border-radius:5px;align-items:center}.inline-number input{border:0!important;text-align:right}.editor-totals .total-line,.editor-totals .balance-line{border-top:2px solid #ccd2dc;margin-top:4px;font-size:18px;font-weight:800}.editor-totals .total-line{border-color:var(--preview-accent)}.editor-settings{max-width:1050px;margin:0 auto 20px;padding:0}.editor-settings summary{padding:17px 20px;cursor:pointer;font-weight:750}.editor-settings .form-grid{padding:0 20px 20px}.document-form>.form-actions{max-width:1050px;margin:20px auto 0}@media(max-width:850px){.editor-sheet{padding:20px}.editor-head,.editor-parties,.editor-bottom{grid-template-columns:1fr}.editor-sender{grid-template-columns:150px 1fr}.editor-identity{text-align:left}.document-title{text-align:left}.number-field{margin-left:0}.editor-item-head,.editor-item-row{grid-template-columns:minmax(170px,1fr) 70px 90px 90px 25px}}@media(max-width:560px){.editor-sender,.compact-fields{grid-template-columns:1fr}.logo-uploader{width:180px}.editor-item-head,.editor-item-row{grid-template-columns:1fr 65px 80px 25px}.editor-item-head input:nth-child(4),.editor-item-row strong{display:none}.editor-dates label{grid-template-columns:105px 1fr}.editor-totals>div{grid-template-columns:1fr 120px}.editor-totals>div>input,.inline-number{width:120px}}
/* Interactive business-logo preview. */
.logo-uploader>[data-logo-placeholder]{display:grid;place-items:center}.logo-uploader [data-logo-change]{font-size:12px;margin-top:7px}.logo-uploader [hidden]{display:none!important}