:root{font-family:Arial,Helvetica,sans-serif;color:#182d43;background:#f2f5f9;font-size:16px;--blue:#007faa;--navy:#102b45}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:7px;background:var(--blue);color:white;padding:11px 16px;font-weight:600;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.6;cursor:wait}.secondary{background:white;border:1px solid #cdd8e4;color:#254461}.ghost{background:transparent;color:inherit}.danger{color:#b02d3a}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cbd5df;border-radius:6px;background:white;color:#182d43}textarea{resize:vertical;line-height:1.5}label{display:block;font-size:14px;font-weight:600;color:#41566b}label input,label select,label textarea{margin-top:7px}h1{font-size:28px;margin:8px 0}h2{font-size:19px;margin:0 0 24px}h2 span{color:#182d43;margin-left:10px}h2:has(span){color:var(--blue)}p{line-height:1.6}#app{display:flex;min-height:100vh}#app[hidden],.view[hidden]{display:none}aside{width:238px;flex-shrink:0;background:var(--navy);color:white;position:fixed;inset:0 auto 0 0;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin-bottom:44px}.brand img{width:48px}.brand strong{font-size:20px;letter-spacing:1px}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#b3c7da;margin-top:6px}nav{display:grid;gap:9px}nav button{text-align:left;background:transparent;color:#bdd0e0;font-size:15px;padding:14px}nav button.active{background:#164761;color:white}.aside-bottom{margin-top:auto;color:#a6bfd2;font-size:13px}.aside-bottom button{display:block;margin-top:15px;padding-left:0}main{margin-left:238px;width:calc(100% - 238px);padding:32px 38px;max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#6d859b}.badge{background:#e0eff6;color:#186181;padding:8px 14px;border-radius:30px;font-size:13px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px;align-items:center}.toolbar>div{display:flex;align-items:center;gap:12px}#docNumber{font-size:13px;color:#6a7d8e}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.card{background:white;border:1px solid #e0e6ed;border-radius:12px;padding:26px;margin-bottom:24px;box-shadow:0 3px 10px #102b4503}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.wide{grid-column:1/-1}.summary{position:sticky;top:24px;align-self:start}.summary h2{margin:20px 0 10px;line-height:1.5}.summary p{font-size:14px}.summary-item{border-top:1px solid #e0e6ed;padding:20px 0;display:grid;gap:9px}.summary-item strong{font-size:22px}.summary button{width:100%}.muted{color:#6a7d8e;font-size:14px}.option-bar,.row-actions{display:flex;gap:10px;margin-bottom:18px}.option-bar select{flex:1}.option-bar button{font-size:13px}.option-name{grid-template-columns:1fr auto;align-items:end}.table-wrap{overflow:auto}.items{width:100%;border-collapse:collapse;min-width:660px}.items th{text-align:left;font-size:12px;padding:10px 5px;color:#6c8093;border-bottom:1px solid #dfe5ed}.items td{padding:12px 4px;border-bottom:1px solid #edf0f4;font-size:13px}.items td:first-child{width:34%}.items td:nth-child(2){width:70px}.items td:nth-child(3){width:80px}.items td:nth-child(4){width:125px}.items input{padding:8px;font-size:13px}.items .group{margin-bottom:6px;background:#f2f6fa;font-size:12px}.row-actions{margin-top:20px}.row-actions select{max-width:300px}.total-line{display:flex;justify-content:space-between;border-top:1px solid #dbe4ec;padding-top:22px;margin-top:22px}.total-line strong{font-size:24px}.archive-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.archive-card h2{margin:8px 0}.archive-card .actions{display:flex;gap:8px;flex-wrap:wrap}.archive-card p{margin:4px 0;font-size:14px}.attachment-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd;font-size:14px}#toast{position:fixed;bottom:24px;right:24px;background:#102b45;color:white;padding:14px 22px;border-radius:8px;display:none;z-index:100}#login{min-height:100vh;display:grid;place-items:center}#login[hidden]{display:none}.login-card{background:white;padding:40px;border-radius:16px;width:min(420px,90vw);box-shadow:0 20px 80px #102b4510}.login-card>img{width:80px}.login-card h1{font-size:24px}.login-card p{color:#6a7d8e}.login-card button{width:100%;margin-top:22px}#loginError{color:#b02d3a}dialog{padding:0;background:#e5eaf0;border:none;width:min(1100px,96vw);max-height:95vh;border-radius:10px}dialog::backdrop{background:#102b4580}.preview-toolbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;background:white;padding:16px 24px;z-index:1}#pages{padding:25px}.paper{background:white;color:#111;width:210mm;min-height:297mm;margin:0 auto 25px;padding:14mm 17mm;font:11pt Arial;line-height:1.5;box-shadow:0 3px 15px #0001;overflow-wrap:anywhere}.letterhead{display:flex;align-items:center;gap:16px;border-bottom:2px solid black;padding-bottom:10px;margin-bottom:22px}.letterhead img{width:24mm;height:24mm;object-fit:contain}.letterhead strong{font-size:18pt}.letterhead .tagline{font-size:12pt;letter-spacing:2px}.letterhead .contacts{font-size:9pt}.paper .date{text-align:right;margin:20px 0 30px}.paper .meta{margin:15px 0 26px}.paper .meta div{margin-bottom:7px}.paper .recipient{font-weight:700;margin:24px 0}.paper .letter-text{white-space:pre-line;margin:24px 0}.signature{text-align:center;width:65mm;margin:35px 0 0 auto;break-inside:avoid}.signature .signer{margin-top:65px;font-weight:bold;text-decoration:underline}.quote-table{border-collapse:collapse;width:100%;font-size:9pt;margin:20px 0}.quote-table th,.quote-table td{border:1px solid #222;padding:6px;vertical-align:top}.quote-table th{background:#00a9d8}.quote-table .group-row td{background:#f3b183;font-weight:bold}.quote-table .totals td{background:#ddd;font-weight:bold}.quote-table td.money{text-align:right;white-space:nowrap}.quote-table .item-name{width:40%}.paper h2{font-size:14pt;margin:18px 0}.paper .notes{white-space:pre-line;font-size:10pt;margin-top:20px}.topology{max-width:100%;max-height:225mm;object-fit:contain}.invoice-title{font-size:32pt!important;color:#3c5187}.invoice-meta{display:flex;justify-content:space-between}.invoice .quote-table th{background:#3c5187;color:white}.invoice-summary{margin-left:auto;width:80mm}.invoice-summary div{display:flex;justify-content:space-between;padding:7px}.invoice-summary .grand{background:#dce4f4;font-weight:bold}.invoice .payment-note{margin-top:35px;border:1px solid #aab5ce;padding:16px;white-space:pre-line}@media(max-width:1200px){.editor-grid{grid-template-columns:1fr}.summary{position:static}.summaryOptions{display:flex}main{padding:24px}.toolbar{align-items:flex-start;flex-wrap:wrap}}@media(max-width:760px){aside{position:static;width:100%;padding:16px}.brand{margin-bottom:12px}.brand img{width:35px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:10px;font-size:13px}.aside-bottom{display:none}#app{display:block}main{margin:0;width:100%;padding:18px}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.card{padding:18px}h1{font-size:23px}.badge{display:none}.toolbar>div{flex-wrap:wrap}.option-bar{flex-wrap:wrap}.archive-card{display:block}.archive-card .actions{margin-top:15px}.paper{width:100%;min-height:auto;padding:20px;font-size:10pt}.letterhead strong{font-size:13pt}.letterhead .tagline{font-size:9pt;letter-spacing:0}.letterhead img{width:50px;height:50px}.paper .quote-table{font-size:7pt}.paper .quote-table td,.paper .quote-table th{padding:3px}.preview-toolbar{padding:10px;gap:10px}.preview-toolbar button{font-size:12px}#pages{padding:10px}}@page{size:A4;margin:0}@media print{body{background:white}body>*:not(#preview){display:none!important}#preview{display:block!important;position:static;width:100%;max-height:none;margin:0;padding:0;overflow:visible;background:white}.preview-toolbar{display:none}#pages{padding:0}.paper{box-shadow:none;margin:0;width:210mm;min-height:297mm;padding:14mm 17mm;break-after:page}.paper:last-child{break-after:auto}.quote-table thead{display:table-header-group}.quote-table tr{break-inside:avoid}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}



[hidden]{display:none!important}.paper .date{margin:12px 0 20px}.paper .meta{margin:12px 0 20px}.paper .recipient{margin:20px 0}.paper .letter-text{margin:18px 0}.signature{margin-top:22px}.signature .signer{margin-top:42px}



.customer-save{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#customerSearch{margin-bottom:20px}.kop-settings{margin-top:35px;border-top:1px solid #ddd;padding-top:24px}#kopPreview{padding:24px;background:#f7f9fb;border:1px solid #dde5ed;border-radius:8px;color:#111}.kop-centered{flex-direction:column;text-align:center;gap:10px}.kop-centered img{width:19mm;height:19mm}.kop-centered strong{font-size:17pt}.kop-centered .tagline{letter-spacing:1px}.kop-modern{border-bottom:3px solid #008dbc;border-left:6px solid #008dbc;padding:12px 0 16px 16px}.kop-modern strong{color:#006e9d}.kop-modern .tagline{color:#247da3;letter-spacing:1px}.paper .recipient{white-space:pre-line}#kopPreview .letterhead{margin:0}#kopPreview .letterhead strong{font-size:20px}#kopPreview .letterhead .tagline{font-size:15px}#kopPreview .letterhead .contacts{font-size:13px}#kopPreview .letterhead img{width:65px;height:65px}


/* Original letterhead and footer extracted from the supplied Word document. */
.paper.kop-reference-page{position:relative;background:#f7fbfd;padding:8mm 12mm 34mm;min-height:297mm}.letterhead.kop-reference{display:block;border:0;padding:0;margin:0 0 20px}.letterhead.kop-reference img{display:block;width:100%;height:auto;object-fit:contain}.reference-footer{position:absolute;bottom:8mm;left:12mm;right:12mm;line-height:0;break-inside:avoid}.reference-footer img{width:100%;height:auto}.footer-reference-preview{width:100%;height:auto;margin-top:25px}#kopPreview .kop-reference img{width:100%;height:auto}.kop-reference-page .signature{margin-top:18px}.kop-reference-page .signature .signer{margin-top:35px}@media(max-width:760px){.paper.kop-reference-page{padding:16px 16px 90px;min-height:900px}.reference-footer{left:16px;right:16px;bottom:16px}}@media print{.paper.kop-reference-page{width:210mm;padding:8mm 12mm 34mm;min-height:297mm}.reference-footer{left:12mm;right:12mm;bottom:8mm}}

.items select.group{padding:8px;font-size:13px;min-width:190px}

.letterhead.kop-reference{position:relative;container-type:inline-size}.reference-logo-area{position:absolute;left:0;top:0;width:15%;height:94.5%;background:rgb(232,247,253);display:flex;align-items:center;justify-content:center}.letterhead.kop-reference .reference-logo-area img,#kopPreview .kop-reference .reference-logo-area img{width:77%;height:auto;max-height:90%;object-fit:contain}.paper .letterhead:not(.kop-reference)>img{width:28mm;height:28mm}

.reference-email{position:absolute;left:56%;top:73%;font-family:Arial,Helvetica,sans-serif;font-size:1.5cqw;line-height:1;color:#41596a;white-space:nowrap}@media print{.reference-email{font-size:8pt}}

.pdf-filename{font-size:13px;color:#536b80;margin-top:6px;overflow-wrap:anywhere}.preview-toolbar>div:first-child{min-width:0;flex:1;padding-right:18px}.preview-toolbar>div:last-child{flex-shrink:0}

.conversion-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;padding:16px 20px;border:1px solid #d8e5ee;background:#e9f3f8;border-radius:9px}.conversion-bar span{font-size:14px;flex:1}.archive-card>div:first-child{min-width:0}.archive-card .actions{max-width:450px;flex-shrink:0}.archive-card .actions button{font-size:13px}#conversionDialog{max-width:550px;background:white;padding:28px}.spk-heading{text-align:center}.paper.spk{font-size:10pt;line-height:1.4}.paper.spk h2{font-size:12pt;margin:14px 0}.spk-meta{margin:14px 0;line-height:1.6}.spk-parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0}.spk-parties p{font-size:10pt;margin:0;line-height:1.5}.spk-scope{white-space:pre-line;margin:12px 0}.spk-signatures{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:center;margin-top:24px;break-inside:avoid}.signature-name{font-weight:bold;text-decoration:underline;margin-top:44px}@media(max-width:1000px){.archive-card{flex-wrap:wrap}.archive-card .actions{max-width:none;flex-shrink:1}}

.document-kind{display:inline-block;border-radius:5px;background:#e5f3f8;color:#006c91;font-size:13px;font-weight:700;padding:5px 9px;margin-bottom:8px}.project-document{padding:20px 0;gap:20px;border-top:1px solid #dce5ed;margin:0}.project-documents{margin-top:18px}.project-document p{margin:8px 0 0}.project-card>h2{margin-bottom:8px}
/* Compact project archive with keyboard-accessible collapsible headings. */
#archiveList .project-card{padding:0;overflow:hidden;margin-bottom:16px}.project-heading{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;list-style:none;background:#fff}.project-heading::-webkit-details-marker{display:none}.project-heading:hover{background:#f8fbfd}.project-heading:focus-visible{outline:2px solid #007faa;outline-offset:-3px}.project-title{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.project-title strong{font-size:16px;line-height:1.4}.project-title>span{font-size:13px;color:#536b80}.project-count{font-size:12px;color:#536b80;background:#edf4f8;border-radius:20px;padding:5px 10px;white-space:nowrap}.project-chevron{font-size:23px;line-height:1;transition:transform .15s}.project-card[open] .project-chevron{transform:rotate(180deg)}.archive-hint{font-size:13px;margin:0 0 14px}.archive-table-wrap{overflow-x:auto}.archive-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.archive-table th{background:#f4f8fb;color:#536b80;font-size:12px;font-weight:600;padding:9px 14px;border-top:1px solid #dce5ed}.archive-table td{padding:10px 14px;vertical-align:middle;border-top:1px solid #e5ecf2}.archive-table th:first-child,.archive-table td:first-child{padding-left:20px;width:130px}.archive-table th:nth-child(2){width:300px}.archive-table th:nth-child(3){width:95px}.archive-table .document-kind{margin:0;padding:4px 7px;font-size:12px;white-space:nowrap}.archive-number{display:block;font-size:12px;font-weight:600;color:#254461;overflow-wrap:anywhere}.archive-date,.archive-reference{display:block;font-size:11px;color:#61788b;line-height:1.5;margin-top:2px}.archive-status{font-size:12px;white-space:nowrap}.archive-table .actions{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.archive-table .actions button{font-size:11px;padding:6px 8px;min-height:28px;white-space:nowrap;border-radius:5px;font-weight:500}.archive-table tbody tr:hover{background:#fbfdff}@media(max-width:1100px){.archive-table th:nth-child(2){width:230px}.archive-table th:first-child,.archive-table td:first-child{width:100px;padding-left:14px}.archive-table th,.archive-table td{padding:9px 10px}}@media(max-width:760px){.project-heading{padding:13px 14px}.project-title strong{font-size:14px}.archive-table{min-width:720px}.archive-table .actions{margin:0}.project-count{padding:4px 7px}}

nav button,#logout{display:flex;align-items:center;gap:12px}.menu-icon{width:20px;height:20px;flex-shrink:0;display:block}nav button.active .menu-icon{color:#64d7f3}.aside-bottom #logout{display:flex}@media(max-width:760px){nav button{gap:7px}.menu-icon{width:18px;height:18px}}

.archive-table .document-open{background:transparent;border:0;border-radius:3px;padding:0;font-size:12px;font-weight:600;color:#007faa;text-align:left;line-height:1.5;cursor:pointer}.archive-table .document-open:hover{text-decoration:underline;filter:none}.archive-table .document-open:focus-visible{outline:2px solid #007faa;outline-offset:3px}
/* Invoice inspired by the supplied blue geometric reference. */
.paper.invoice-modern{padding:0;background:#fff;font-size:10pt;line-height:1.4;color:#171d25}.invoice-hero{position:relative;height:60mm;overflow:hidden;background:white}.invoice-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#41bdd0,#0752b2);clip-path:polygon(0 0,65% 0,53% 100%,0 100%)}.invoice-hero:after{content:"";position:absolute;top:0;right:0;width:40%;height:28mm;background:linear-gradient(110deg,#4bd4da,#247fbc);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}.invoice-brand{position:absolute;top:19mm;left:16mm;width:99mm;color:white;display:flex;align-items:center;gap:13px}.invoice-brand img{width:25mm;height:25mm;object-fit:contain;flex-shrink:0}.invoice-brand strong{display:block;font-size:16pt;line-height:1.1}.invoice-brand span{display:block;font-size:8pt;font-weight:600;margin-top:4px}.invoice-brand p{font-size:8pt;line-height:1.4;margin:7px 0 0;white-space:pre-line}.invoice-heading{position:absolute;right:17mm;bottom:6mm;font-size:39pt;font-weight:700;color:#0d7eba;letter-spacing:-1px}.invoice-body{padding:14mm 17mm 13mm}.invoice-info{display:grid;grid-template-columns:1fr 1fr;gap:25px}.invoice-billed>span{display:block;font-size:9pt;margin-bottom:4px}.invoice-billed>strong{font-size:11pt;display:block}.invoice-billed p{white-space:pre-line;font-size:9pt;line-height:1.5;margin:6px 0}.invoice-identifiers{margin:0;font-size:8.5pt}.invoice-identifiers>div{display:grid;grid-template-columns:84px 1fr;gap:12px;margin:0 0 6px}.invoice-identifiers dt,.invoice-identifiers dd{margin:0}.invoice-identifiers dd{text-align:right;overflow-wrap:anywhere}.invoice-project{font-size:10pt;font-weight:600;margin:13mm 0 5mm;color:#38556c}.invoice-items{border-collapse:collapse;width:100%;font-size:9pt;border-bottom:2px solid #159fcd;margin:0}.invoice-items th{padding:10px 0;border-bottom:2px solid #159fcd;text-align:left;font-size:10pt}.invoice-items th:first-child{width:47%}.invoice-items th:nth-child(2){text-align:center;width:11%}.invoice-items th:nth-child(3),.invoice-items th:nth-child(4){text-align:right;width:21%}.invoice-items td{padding:14px 0;vertical-align:middle}.invoice-items td:first-child{font-weight:600;padding-right:12px}.invoice-quantity{text-align:center}.invoice-quantity small{display:block;color:#5d7181;font-size:7pt;margin-top:2px}.invoice-money{text-align:right;white-space:nowrap;font-size:8.5pt}.invoice-settlement{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:7mm;break-inside:avoid}.invoice-modern h3{font-size:10pt;margin:0 0 10px}.invoice-payment p,.invoice-terms p{font-size:9pt;margin:5px 0;line-height:1.5;white-space:pre-line}.invoice-totals>div{display:flex;justify-content:space-between;gap:12px;font-size:10pt;padding:3px 0}.invoice-totals .invoice-grand{position:relative;background:linear-gradient(110deg,#4bd4da,#1262bb);color:white;font-size:11pt;font-weight:700;margin-top:12px;padding:12px 12px 12px 20px;clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}.invoice-grand strong{white-space:nowrap}.invoice-bottom{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:13mm;padding-top:9mm;border-top:1px solid #e1edf3;break-inside:avoid}.invoice-contacts>div{display:flex;align-items:center;gap:8px;font-size:8.5pt;margin:0 0 10px;overflow-wrap:anywhere}.invoice-contacts svg{width:21px;height:21px;flex-shrink:0;color:#0666b7}.invoice-items thead{display:table-header-group}.invoice-items tr{break-inside:avoid}@media(max-width:760px){.paper.invoice-modern{min-width:680px;width:680px}.invoice-hero{height:200px}.invoice-brand{top:55px;left:35px;width:330px}.invoice-heading{right:40px;font-size:42px}.invoice-body{padding:35px 40px}.invoice-info{gap:20px}.invoice-identifiers>div{grid-template-columns:80px 1fr;gap:6px}}@media print{.paper.invoice-modern{width:210mm;min-width:0;min-height:297mm;padding:0}.invoice-hero{height:60mm}.invoice-brand{top:19mm;left:16mm;width:99mm}.invoice-heading{right:17mm;font-size:39pt}.invoice-body{padding:14mm 17mm 13mm}.invoice-identifiers>div{grid-template-columns:84px 1fr;gap:12px}}
.invoice-modern .invoice-items td{padding-top:11px;padding-bottom:11px}.invoice-modern .invoice-bottom{margin-top:9mm;padding-top:7mm}.invoice-modern .invoice-project{margin-top:10mm}.invoice-modern .invoice-body{padding-top:12mm;padding-bottom:10mm}

.invoice-modern .invoice-items{border:1px solid #98bdd0}.invoice-modern .invoice-items th,.invoice-modern .invoice-items td{border:1px solid #98bdd0;padding:9px 8px}.invoice-modern .invoice-items th{background:#edf8fc;border-bottom:2px solid #159fcd}.invoice-modern .invoice-items th:first-child{width:43%}.invoice-modern .invoice-items th:nth-child(2){width:7%;text-align:center}.invoice-modern .invoice-items th:nth-child(3){width:10%;text-align:center}.invoice-modern .invoice-items th:nth-child(4),.invoice-modern .invoice-items th:nth-child(5){width:20%;text-align:right}.invoice-modern .invoice-items td:first-child{font-weight:400;padding-right:8px}.invoice-unit{text-align:center;font-size:8pt;color:#38556c;white-space:nowrap}
.paper.modern2-page{position:relative;padding:17mm 17mm 35mm;background:#fff;min-height:297mm}.modern2-top{position:absolute;left:0;top:0;right:0;height:9mm;background:linear-gradient(90deg,#008b88,#00cbbb);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.modern2-corner{position:absolute;right:0;top:0;width:47mm;height:42mm;pointer-events:none}.letterhead.kop-modern2{border:0;margin-bottom:22px;padding:5mm 0 4mm;gap:14px}.letterhead.kop-modern2 img{width:26mm;height:26mm;object-fit:contain}.kop-modern2 strong{color:#008c89;font-size:25pt;letter-spacing:.4px}.modern2-company{color:#164b52;font-size:10pt;font-weight:700;margin-top:5px}.kop-modern2 .tagline{font-size:8pt;letter-spacing:.3px;color:#587779;margin-top:5px}.modern2-footer{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:15px;padding:8mm 17mm 14mm 38mm;border-bottom:8mm solid #00b9a8;font-size:7pt;background:white}.modern2-footer:before{content:"";position:absolute;left:0;bottom:-8mm;width:34mm;height:30mm;background:repeating-linear-gradient(45deg,transparent 0 7px,#ffe078 7px 11px,transparent 11px 16px),linear-gradient(135deg,#00cdb7,#008483);clip-path:polygon(0 0,100% 100%,0 100%)}.modern2-footer strong{display:block;font-size:8pt;color:#008c89;margin-bottom:5px}.modern2-footer span{display:block;line-height:1.4;overflow-wrap:anywhere;color:#43555d}#kopPreview:has(.kop-modern2){position:relative;overflow:hidden;border-top:9px solid #00baa9}#kopPreview .kop-modern2 img{width:90px;height:90px}#kopPreview .modern2-footer{position:relative;padding:22px 20px 22px 90px;left:auto;right:auto;bottom:auto;margin-top:25px}.paper.invoice-modern.modern2-page{padding:17mm 17mm 35mm}.modern2-page.invoice-modern .invoice-body{padding:0}.modern2-invoice-title{text-align:right;color:#008c89}.modern2-page .invoice-bottom{margin-top:7mm;padding-top:5mm}.modern2-page .invoice-contacts{display:none}.modern2-page .invoice-bottom{grid-template-columns:1fr}.modern2-page .invoice-grand{background:linear-gradient(110deg,#00c9b3,#008b89)}@media(max-width:760px){.paper.modern2-page{padding:55px 20px 145px}.kop-modern2 strong{font-size:18pt}.modern2-footer{padding-left:65px;padding-right:20px}.modern2-corner{width:120px;height:107px}}@media print{.paper.modern2-page,.paper.invoice-modern.modern2-page{width:210mm;min-width:0;min-height:297mm;padding:17mm 17mm 35mm}.modern2-corner{width:47mm;height:42mm}.modern2-footer{padding:8mm 17mm 14mm 38mm}.modern2-page.invoice-modern .invoice-body{padding:0}.kop-modern2 strong{font-size:25pt}}
.paper.modern2-page{font-size:10pt;line-height:1.35}.modern2-page .letterhead.kop-modern2{padding:2mm 0;margin-bottom:14px}.modern2-page .date{margin:8px 0 12px}.modern2-page .meta{margin:10px 0 14px}.modern2-page .recipient{margin:14px 0}.modern2-page .letter-text{margin:14px 0}.modern2-page>p{line-height:1.35}.modern2-page .signature{margin-top:14px}.modern2-page .signature .signer{margin-top:30px}.modern2-footer{padding-top:6mm;padding-bottom:11mm}.modern2-page .topology{max-height:200mm}
/* Match the Antero logo to the Modern 2 teal palette. */
.letterhead.kop-modern2 img{filter:hue-rotate(-20deg) saturate(.9)}
/* Lower Modern 2 contacts and give the closing signature more space. */
.paper.modern2-page .modern2-footer{padding-top:4mm;padding-bottom:5mm}.paper.modern2-page .signature{margin-top:24px}.paper.modern2-page .signature .signer{margin-top:40px}
.paper.modern2-page .signature .signer{margin-top:70px}
/* Coordinate printed tables with the Modern 2 letterhead. */
.modern2-page .quote-table th{background:#008f8c;color:#fff;border-color:#5baaa5}.modern2-page .quote-table td{border-color:#8dbab6}.modern2-page .quote-table .group-row td{background:#d9f2ed;color:#086862;font-weight:700}.modern2-page .quote-table .totals td{background:#e9f6f3;color:#075e59}.modern2-page .quote-table .totals:last-child td{background:#008f8c;color:#fff;border-color:#5baaa5}.modern2-page .invoice-items{border-color:#8dbab6}.modern2-page .invoice-items th{background:#008f8c;color:#fff;border-color:#5baaa5}.modern2-page .invoice-items td{border-color:#8dbab6}
.paper.inti-invoice{position:relative;padding:15mm 13mm 38mm;font-size:9pt;line-height:1.4;background:white}.inti-banner{display:block;width:100%;height:auto}.paper .inti-title{font-size:20pt;text-decoration:underline;text-align:center;border:1px solid #222;width:65mm;margin:0 0 5mm 12mm;padding:2px}.inti-info{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:5mm 0;font-size:8pt}.inti-info>div:last-child{line-height:1.65}.inti-info h3{margin:5px 0;font-size:11pt}.inti-address{white-space:pre-line}.inti-info p{margin:7mm 0 0;line-height:1.4}.inti-due{color:#c42323}.inti-items,.inti-totals{border-collapse:collapse;width:100%;font-size:7.5pt}.inti-items th,.inti-items td,.inti-totals th,.inti-totals td{border:1px solid #555;padding:5px}.inti-items th{background:#a5a5a5;color:black;text-transform:uppercase}.inti-items th:nth-child(3){width:42%}.inti-items td{vertical-align:top}.inti-items td.money,.inti-totals td{text-align:right;white-space:nowrap}.inti-calculation{display:grid;grid-template-columns:1.55fr 1fr;gap:25px;margin-top:0;align-items:start}.inti-calculation>div{padding-top:8mm}.inti-words{border:1px solid #888;min-height:16mm;padding:6mm 8px;font-style:italic;margin-top:5px}.inti-totals th{text-align:left;font-weight:400}.inti-bill th,.inti-bill td{background:#b4b4b4;font-weight:700}.inti-notes{margin-top:8mm;font-size:8pt;white-space:pre-line}.inti-closing{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin-top:8mm;font-size:7pt;break-inside:avoid}.inti-closing p{line-height:1.4;white-space:pre-line}.inti-signature{text-align:center;font-size:9pt}.inti-signature>div{margin-top:20mm;font-size:8pt;font-weight:700;text-decoration:underline}.inti-footer{position:absolute;bottom:10mm;left:13mm;right:13mm;width:184mm;height:auto;max-height:35mm;object-fit:contain;object-position:bottom}.inti-invoice tr{break-inside:avoid}@media(max-width:760px){.paper.inti-invoice{min-width:680px}}@media print{.paper.inti-invoice{width:210mm;min-width:0;padding:15mm 13mm 38mm;min-height:297mm}}

.whatsapp-button,.whatsapp-link{background:#167d46;color:white}.whatsapp-link{display:inline-block;border-radius:6px;padding:11px 16px;text-decoration:none;font-weight:600}.whatsapp-link[hidden]{display:none}#waDialog{width:540px;padding:24px}#waDialog label{display:block;margin:14px 0}#waDialog input,#waDialog textarea{width:100%;margin-top:6px}.preview-toolbar>div:last-child{display:flex;gap:6px;flex-wrap:wrap}@media(max-width:760px){.preview-toolbar{flex-wrap:wrap}#waDialog{width:calc(100% - 24px);padding:18px}}

#fileShareDialog{width:550px;padding:24px}#shareStatus{overflow-wrap:anywhere}.pdf-export{width:210mm;background:white}.pdf-export .paper{width:210mm;min-width:0;min-height:297mm;margin:0;box-shadow:none;break-after:auto;break-before:auto}.pdf-export .paper:not(.inti-invoice):not(.invoice-modern):not(.modern2-page){padding:14mm 17mm}.pdf-export .paper.modern2-page{padding:17mm 17mm 35mm}.pdf-export .paper.inti-invoice{padding:15mm 13mm 38mm}.pdf-export .paper.invoice-modern:not(.modern2-page){padding:0}