.delivery-status{background:#ffebed;border-radius:14px;color:#d96670;font-size:14px;font-weight:700;padding:7px 10px}.info-grid{border-bottom:1px solid var(--line);display:grid;gap:24px;grid-template-columns:1.2fr 1fr;padding:20px 0}.info-grid strong,.info-grid small{display:block}.info-grid strong{font-size:15px}.info-grid small{color:var(--muted);font-size:13px;margin-top:5px}.item-good{color:var(--green)!important}.handover-section{border-top:1px solid var(--line);margin-top:20px;padding-top:21px}.handover-heading{align-items:flex-start;display:flex;justify-content:space-between}.section-kicker{color:var(--purple);font-size:13px;font-weight:700;letter-spacing:1.1px}.handover-heading h2{font-family:'Plus Jakarta Sans';font-size:18px;margin:4px 0 0}.handover-heading p{color:var(--muted);font-size:14px;margin:6px 0 0}.signature-state{background:#fff3df;border-radius:12px;color:#d99542;font-size:13px;font-weight:700;padding:6px 8px;white-space:nowrap}.signature-state.signed{background:var(--green-soft);color:var(--green)}.receiver-fields{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:17px}.receiver-fields label{display:flex;flex-direction:column;gap:7px}.receiver-fields label span,.signature-label{color:#73778c;font-size:14px;font-weight:600}.receiver-fields b,.signature-label b{color:var(--red)}.receiver-fields input{border:1px solid #e2e3eb;border-radius:6px;color:#505469;font:16px 'DM Sans';outline:0;padding:10px}.receiver-fields input:focus{border-color:#aaa4ef;box-shadow:0 0 0 3px var(--purple-soft)}.signature-label{display:block;margin:15px 0 7px}.signature-wrap{background:repeating-linear-gradient(0deg,#fff,#fff 27px,#f4f4f8 28px);border:1px dashed #cacbe0;border-radius:9px;height:185px;overflow:hidden;position:relative}.signature-wrap canvas{cursor:crosshair;height:100%;position:relative;touch-action:none;width:100%;z-index:2}.signature-wrap>span{color:#b1b3bf;font-size:14px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.signature-wrap.has-ink>span{display:none}.signature-tools{align-items:center;display:flex;justify-content:space-between;margin-top:7px}.signature-tools button{background:none;border:0;color:var(--red);cursor:pointer;font:600 13px 'DM Sans';padding:4px 0}.signature-tools span{color:#a2a5b3;font-size:13px}.confirmation{align-items:flex-start;color:#72768a;display:flex;font-size:13px;gap:7px;line-height:1.5;margin-top:14px}.confirmation input{accent-color:var(--purple);margin:1px 0 0}.save-signature{background:var(--purple);border:0;border-radius:7px;color:#fff;cursor:pointer;font:700 14px 'DM Sans';margin-top:13px;padding:11px 14px;width:100%}.signature-success{align-items:center;background:#effaf6;border:1px solid #d8f2e8;border-radius:9px;display:flex;margin-top:16px;padding:13px}.signature-success>span{background:var(--green);border-radius:50%;color:#fff;height:25px;line-height:25px;margin-right:10px;text-align:center;width:25px}.signature-success strong,.signature-success small{display:block}.signature-success strong{font-size:15px}.signature-success small{color:#758b84;font-size:13px;margin-top:4px}.delivery-timeline{padding-left:2px}.timeline-entry{display:flex;gap:10px;min-height:62px;position:relative}.timeline-entry:not(:last-child):before{background:#e7e8ef;content:"";height:45px;left:10px;position:absolute;top:19px;width:1px}.timeline-entry i{background:#f2f2f6;border-radius:50%;color:#9ca0af;font-size:13px;font-style:normal;height:21px;line-height:21px;text-align:center;width:21px}.timeline-entry.complete i{background:var(--green-soft);color:var(--green)}.timeline-entry strong,.timeline-entry small{display:block}.timeline-entry strong{font-size:14px}.timeline-entry small{color:#a1a4b3;font-size:13px;margin-top:4px}.timeline-entry p{color:#777b8e;font-size:13px;margin:4px 0}.document-link{align-items:center;color:inherit;display:flex;gap:9px;padding:10px 0;text-decoration:none}.document-link+.document-link{border-top:1px solid #f0f0f5}.document-link>span{background:var(--purple-soft);border-radius:6px;color:var(--purple);height:27px;line-height:27px;text-align:center;width:27px}.document-link strong,.document-link small{display:block}.document-link strong{font-size:14px}.document-link small{color:#a2a5b3;font-size:13px;margin-top:3px}.document-link b{color:var(--purple);margin-left:auto}.delivery-note{color:#777b8e;font-size:14px;line-height:1.7;margin:0}@media(max-width:650px){.info-grid,.receiver-fields{grid-template-columns:1fr}.handover-heading{gap:12px}.signature-wrap{height:160px}.signature-tools span{display:none}}
.intro-actions{align-items:center;display:flex;gap:9px}.create-invoice{background:var(--purple);border-radius:7px;box-shadow:0 5px 12px #7065e833;color:#fff;font-size:14px;font-weight:700;padding:9px 11px;text-decoration:none}.create-invoice.disabled{box-shadow:none;cursor:not-allowed;opacity:.45;pointer-events:none}.delivery-status.invoice-ready{background:var(--green-soft);color:var(--green)}.readiness-item{align-items:center;display:flex;gap:9px;padding:8px 0}.readiness-item i{background:#fff3df;border-radius:50%;color:#d99542;font-size:13px;font-style:normal;height:21px;line-height:21px;text-align:center;width:21px}.readiness-item.complete i{background:var(--green-soft);color:var(--green)}.readiness-item strong,.readiness-item small{display:block}.readiness-item strong{font-size:14px}.readiness-item small{color:#a2a5b3;font-size:13px;margin-top:3px}.invoice-readiness>p{background:#fafaff;border-radius:6px;color:#85899b;font-size:13px;line-height:1.5;margin:10px 0 0;padding:9px}.invoice-readiness>p.ready{background:var(--green-soft);color:#278f80}@media(max-width:520px){.intro-actions{align-items:flex-start;flex-direction:column}.create-invoice{width:100%;text-align:center}}
.invoice-modal[hidden],.generated-document[hidden]{display:none}.create-invoice{border:0;cursor:pointer;font-family:'DM Sans'}.invoice-modal{align-items:center;background:#20223566;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:10}.invoice-dialog{background:#fff;border-radius:12px;box-shadow:0 20px 55px #20223533;max-width:440px;padding:22px;width:100%}.invoice-dialog-heading{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:15px}.invoice-dialog-heading p{color:var(--purple);font-size:13px;font-weight:700;letter-spacing:1px;margin:0 0 5px}.invoice-dialog-heading h2{font-family:'Plus Jakarta Sans';font-size:20px;margin:0}.invoice-dialog-heading small{color:#9699a9;display:block;font-size:13px;margin-top:5px}.invoice-dialog-heading button{background:none;border:0;color:#a0a3b0;cursor:pointer;font-size:26px}.invoice-field-grid{display:grid;gap:11px;grid-template-columns:1fr 1fr}.invoice-field,.invoice-field-grid label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}.invoice-field span,.invoice-field-grid span,.tax-choice>span{color:#73778c;font-size:14px;font-weight:600}.invoice-field b,.invoice-field-grid b{color:var(--red)}.invoice-field input,.invoice-field textarea,.invoice-field-grid input,.invoice-field-grid select{border:1px solid #e1e2ea;border-radius:6px;color:#505469;font:16px 'DM Sans';outline:0;padding:10px;resize:vertical}.invoice-field input[readonly]{background:#f5f5f8}.tax-choice{margin:2px 0 14px}.tax-choice>div{background:#f7f7fb;border-radius:7px;display:flex;margin-top:7px;padding:3px}.tax-button{background:none;border:0;border-radius:5px;color:#9799aa;cursor:pointer;flex:1;font:700 14px 'DM Sans';padding:8px}.tax-button.active{background:#fff;box-shadow:0 2px 6px #2d2f4c10;color:var(--purple)}.invoice-calculation{background:#fafaff;border:1px solid #eeeef6;border-radius:8px;margin-bottom:14px;padding:13px}.invoice-calculation>div{color:#85899a;display:flex;font-size:14px;justify-content:space-between;margin-bottom:9px}.invoice-calculation>div:last-child{margin:0}.invoice-calculation strong{color:#5a5e72}.invoice-calculation .invoice-total{border-top:1px dashed #dfdfea;color:#4f5368;font-weight:700;padding-top:10px}.invoice-calculation .invoice-total strong{color:var(--purple);font-size:17px}.invoice-dialog-actions{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:17px}.invoice-dialog-actions button{border-radius:6px;cursor:pointer;font:700 14px 'DM Sans';padding:10px}.invoice-dialog-actions button:first-child{background:#fff;border:1px solid var(--line);color:#7c8092}.invoice-dialog-actions button:last-child{background:var(--purple);border:1px solid var(--purple);color:#fff}.generate-toast{background:#25273c;border-radius:7px;bottom:22px;color:#fff;display:none;font-size:15px;padding:11px 15px;position:fixed;right:22px;z-index:12}.generate-toast.show{display:block}.generated-document>span{font-size:13px;font-weight:700}@media(max-width:520px){.invoice-field-grid{grid-template-columns:1fr}.generate-toast{bottom:14px;left:14px;right:14px;text-align:center}}
