.cq-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:34px 40px;margin-bottom:24px;border-radius:14px;background:var(--ml-surface);color:var(--ml-ink);border:1px solid var(--ml-line)}.cq-kicker{font-size:10px!important;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;color:var(--ml-muted);margin:0 0 12px}.cq-hero .cq-kicker{color:var(--ml-accent)}.cq-hero h2{font-family:Georgia,serif;font-size:34px;font-weight:400;line-height:1.2;margin:0 0 14px;color:inherit}.cq-hero p{max-width:540px;line-height:1.7;color:var(--ml-muted)}.cq-hero-note{display:grid;gap:8px;align-content:center;border-left:1px solid var(--ml-line);padding-left:32px}.cq-hero-note span{font-size:9px;color:var(--ml-accent);letter-spacing:1.5px;margin-top:12px}.cq-hero-note strong{font-weight:500;font-size:15px}.cq-list{padding:24px}.cq-filter{display:flex;gap:16px;align-items:end;margin-bottom:22px}.cq-filter label:first-child{flex:1}.cq-filter label{margin:0}.cq-filter input,.cq-filter select{min-height:42px}.cq-filter button{margin-bottom:1px}.cq-table-wrap{overflow:auto}.cq-list td small{display:block;margin-top:5px;color:var(--ml-muted)}.cq-status{display:inline-block;padding:6px 10px;border-radius:5px;font:600 10px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px;background:var(--ml-surface-muted);color:var(--ml-text);white-space:nowrap}.cq-sent{background:#e8effc;color:#305898}.cq-accepted{background:var(--ml-accent-soft);color:var(--ml-accent)}.cq-rejected{background:#fbeaea;color:#994346}.cq-pagination,.cq-detail-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.cq-pagination span{margin-right:auto;color:var(--ml-muted)}.cq-detail-bar>span:nth-child(2){flex:1;min-width:160px;font-size:12px;color:var(--ml-muted)}.cq-detail-bar button{font-size:11px}.cq-editor{max-width:1250px;margin:auto}.cq-editor-intro{display:flex;align-items:center;gap:16px;margin-bottom:22px}.cq-editor-intro p{color:var(--ml-muted);line-height:1.7}.cq-form-panel{padding:28px;margin-bottom:20px}.cq-form-panel h2{font-size:22px;margin:8px 0}.cq-form-panel h3{font-size:18px;margin:0 0 20px}.cq-form-panel>p{font-size:12px;color:var(--ml-muted)}.cq-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cq-party-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.cq-editor label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--ml-text);margin:0 0 16px}.cq-editor input,.cq-editor textarea,.cq-editor select{width:100%;min-width:0;font:inherit;font-size:13px;min-height:40px}.cq-editor textarea{resize:vertical;line-height:1.6}.cq-editor .cq-fields label{margin:0}.cq-logo-preview{width:120px;height:65px;object-fit:contain}.cq-section-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}.cq-section-tools>div:first-child,.cq-section-tools>label{flex:1;min-width:200px;margin-bottom:0}.cq-section{border:1px solid var(--ml-line);border-radius:10px;margin:16px 0;background:#fff}.cq-section>summary{cursor:pointer;display:flex;justify-content:space-between;gap:14px;padding:18px 20px;background:var(--ml-surface-muted);border-radius:10px;font-size:14px}.cq-section>summary:after{content:'+';color:var(--ml-text)}.cq-section[open]>summary:after{content:'−'}.cq-section>summary>span{flex:1}.cq-section>summary b{color:var(--ml-subtle);font-size:11px;margin-right:12px}.cq-section>summary small{font-size:11px;color:var(--ml-muted);margin-left:12px}.cq-section-body{padding:20px}.cq-item{border:1px solid var(--ml-line);border-radius:8px;padding:18px;margin:0 0 18px}.cq-item-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px;font-size:12px}.cq-item-heading>span{margin-left:auto;font-size:16px;color:var(--ml-accent);font-weight:650}.cq-item-main{display:grid;grid-template-columns:145px 1fr;gap:22px}.cq-item-media img,.cq-image-placeholder{width:145px;height:125px;border-radius:6px;object-fit:contain;background:#f6f6f0}.cq-image-placeholder{display:grid;place-content:center;text-align:center;color:var(--ml-muted);font-size:12px;line-height:1.7;border:1px dashed var(--ml-line-strong)}.cq-editor .cq-upload{margin-top:12px;font-size:11px}.cq-upload input{font-size:10px;padding:5px;min-height:30px}.cq-link-row{display:flex;gap:12px;align-items:center}.cq-link-row label{flex:1;margin-bottom:12px}.cq-link-row button{white-space:nowrap;font-size:11px;margin-top:6px}.cq-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;border-top:1px solid var(--ml-surface-muted);padding-top:16px;margin-top:16px}.cq-numbers label{margin:0}.cq-savebar{position:sticky;bottom:10px;z-index:5;display:flex;gap:20px;flex-wrap:wrap;align-items:center;border:1px solid var(--ml-line-strong);background:#fff;padding:18px 24px;box-shadow:0 6px 30px rgb(var(--ml-accent-rgb) / 0.0784);border-radius:10px}.cq-savebar>div:last-child{display:flex;gap:12px;margin-left:auto}.cq-savebar strong,.cq-savebar small{display:block}.cq-savebar strong{font-size:22px;color:var(--ml-accent-strong);margin-top:6px}.cq-savebar small{color:var(--ml-muted);font-size:11px}.cq-savebar .form-error:empty{display:none}
/* Keep validation beside the field, with the same quiet hierarchy as the editor. */
.cq-editor [aria-invalid="true"]{border-color:#ce9285;background:#fffaf8;scroll-margin-block:140px}
.cq-editor [aria-invalid="true"]:focus{border-color:#b56756;outline:none;box-shadow:0 0 0 3px #b567561c}
.cq-editor .cq-field-error{display:flex;align-items:baseline;gap:7px;color:#974b3c;font-size:12px;font-weight:400;line-height:1.5;overflow-wrap:anywhere}
.cq-field-error::before{content:'!' / '';display:inline-grid;place-items:center;flex:0 0 14px;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;font:600 10px/1 system-ui}
.cq-validation-summary{display:flex;align-items:center;gap:18px;padding:18px 20px;margin-bottom:20px;border:1px solid #ead3cb;border-radius:10px;background:#fff9f6;color:#773f34}
.cq-validation-summary::before{content:'!' / '';display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid #e4bfb1;border-radius:9px;background:#f8eae3;font:600 16px/1 system-ui}
.cq-validation-summary>div{flex:1;min-width:0}.cq-validation-summary strong{font-size:14px;font-weight:650}.cq-validation-summary p{margin:5px 0 0;color:#8a675b;font-size:12px;line-height:1.6}
.cq-editor .cq-error-link{flex-shrink:0;min-height:40px;border:1px solid #e4c7ba;border-radius:7px;background:white;color:#773f34;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
.cq-error-link:focus-visible{outline:2px solid #974b3c;outline-offset:3px}.cq-error-link:active{background:#f8eae3}
.cq-editor .cq-savebar .form-error{flex:1 1 220px;margin:0;padding:10px 14px;border:1px solid #ead3cb;border-radius:8px;background:#fff9f6;color:#974b3c;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.cq-editor .cq-savebar .form-error strong{margin:0 0 4px;font-size:13px;color:#773f34}.cq-savebar .form-error span{display:block}
.cq-editor .cq-field-error[hidden],.cq-validation-summary[hidden]{display:none}
@media(max-width:560px){.cq-validation-summary{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:16px}.cq-validation-summary .cq-error-link{grid-column:2;justify-self:start}.cq-savebar .form-error{flex-basis:100%}}
/* A single document layout is shared by the saved preview and native PDF export. */
.cq-document{box-sizing:border-box;width:100%;max-width:1050px;margin:24px auto;background:#fff;padding:46px;color:var(--ml-ink);font:12px/1.6 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 3px 24px rgb(var(--ml-accent-rgb) / 0.0471);border:1px solid var(--ml-line);overflow-wrap:anywhere}.cq-document *{box-sizing:border-box}.cq-document p{margin:5px 0 10px}.cq-doc-header{display:flex;gap:32px;justify-content:space-between;border-top:5px solid var(--ml-accent-strong);border-bottom:1px solid var(--ml-line);padding:28px 0}.cq-doc-brand{display:flex;gap:18px;flex:1;min-width:0}.cq-doc-brand>img{width:70px;height:70px;object-fit:contain;flex-shrink:0}.cq-doc-brand h1{font:400 30px/1.2 Georgia,serif;margin:6px 0 15px;color:var(--ml-accent-strong)}.cq-doc-brand p{font-size:10px;color:var(--ml-muted)}.cq-doc-ref{text-align:right;flex-shrink:0;width:175px;font-size:10px}.cq-doc-ref>strong,.cq-doc-ref>span{display:block;margin-bottom:8px}.cq-doc-ref>strong{font-size:14px;letter-spacing:.2px}.cq-doc-ref .cq-status{display:inline-block}.cq-doc-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;background:var(--ml-surface-muted);margin-top:24px;padding:24px}.cq-doc-intro h2{font:400 24px/1.3 Georgia,serif;margin:0 0 12px}.cq-doc-intro p{font-size:11px}.cq-doc-caption{font-family:Georgia,serif;font-style:italic;font-size:15px;color:var(--ml-muted);text-align:center;padding:14px 0}.cq-doc-section{margin-top:24px}.cq-doc-section h3{font-size:17px;font-weight:500;margin:0 0 12px;display:flex;gap:14px;align-items:center;break-after:avoid}.cq-doc-section h3 span{font-size:10px;background:#eee9db;color:#87754e;padding:6px 9px;flex-shrink:0}.cq-document table{width:100%;border-collapse:collapse;table-layout:fixed}.cq-document th{text-transform:uppercase;font-size:8px;letter-spacing:.6px;font-weight:650;background:var(--ml-line);color:var(--ml-text);text-align:right;padding:10px 6px;border-bottom:1px solid var(--ml-line)}.cq-document th:first-child{width:42%;text-align:left}.cq-document th:nth-child(2){width:9%}.cq-document th:nth-child(3){width:13%}.cq-document th:nth-child(4){width:7%}.cq-document th:nth-child(5){width:12%}.cq-document th:nth-child(6){width:17%}.cq-document td{padding:16px 6px;border-bottom:1px solid var(--ml-line);text-align:right;vertical-align:top;font-size:10px}.cq-document td:first-child{text-align:left}.cq-document td small{display:block;color:var(--ml-muted);font-size:9px;margin-top:5px}.cq-doc-item{display:flex;gap:12px}.cq-doc-item>div{flex:1;min-width:0}.cq-doc-item img{width:65px;height:70px;object-fit:contain;border:1px solid var(--ml-line);border-radius:4px;flex-shrink:0}.cq-doc-item strong{font-size:11px;line-height:1.4;display:block}.cq-doc-item p{font-size:10px;line-height:1.5;color:var(--ml-muted);margin:6px 0}.cq-document a{font-size:9px;color:var(--ml-accent);text-decoration:underline}.cq-multiline{white-space:pre-wrap}.cq-section-total{display:flex;justify-content:flex-end;gap:24px;padding:12px 8px;font-size:10px;color:var(--ml-muted)}.cq-section-total strong{color:var(--ml-ink)}.cq-doc-commercial{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;border-top:1px solid var(--ml-line);padding-top:28px;margin-top:26px}.cq-doc-commercial>.cq-doc-totals{align-self:start;background:var(--ml-surface-muted);padding:18px}.cq-doc-commercial>.cq-doc-totals p{display:flex;gap:12px;justify-content:space-between;font-size:11px;margin:0;padding:7px 0}.cq-doc-commercial>.cq-doc-totals .cq-grand{border-top:1px solid var(--ml-line-strong);padding-top:15px;margin-top:7px;color:var(--ml-accent-strong);font-size:15px}.cq-doc-totals strong{white-space:nowrap}.cq-doc-totals small{display:block;color:var(--ml-muted);font-size:8px;margin-top:9px}.cq-doc-commercial .cq-multiline{font-size:11px;color:var(--ml-muted)}.cq-doc-commercial .cq-kicker{margin:0 0 12px}.cq-doc-commercial .cq-multiline+.cq-kicker{margin-top:24px}.cq-signatures{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:40px;margin-top:30px;break-inside:avoid}.cq-signatures div{border-top:1px solid var(--ml-line-strong);padding-top:10px;font-size:10px}.cq-signatures p{color:var(--ml-muted);font-size:9px}.cq-doc-footer{display:flex;gap:16px;justify-content:space-between;border-top:1px solid var(--ml-line);margin-top:24px;padding-top:14px;color:var(--ml-muted);font-size:9px}.cq-print-page{margin:0;background:var(--ml-line)}.cq-print-toolbar{max-width:1050px;margin:20px auto;font:13px/1.5 system-ui,sans-serif;padding:10px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.cq-print-toolbar span{flex:1;font-size:11px;color:var(--ml-muted)}.cq-print-toolbar button{background:var(--ml-accent-strong);border:0;border-radius:5px;color:white;padding:12px 20px;cursor:pointer}.cq-print-toolbar p:empty{display:none}
@media(max-width:850px){.cq-hero{padding:26px;grid-template-columns:1fr}.cq-hero-note{display:none}.cq-fields{grid-template-columns:1fr 1fr}.cq-form-panel{padding:20px}.cq-document{padding:24px}.cq-doc-brand h1{font-size:25px}.cq-doc-item{display:block}.cq-doc-item img{margin-bottom:8px}.cq-doc-commercial{gap:20px}.cq-doc-header{gap:16px}.cq-doc-brand>img{width:45px;height:45px}.cq-document th:first-child{width:35%}.cq-document th:nth-child(3){width:15%}.cq-document th:nth-child(6){width:22%}}
@media(max-width:560px){.cq-party-grid,.cq-fields{grid-template-columns:1fr}.cq-filter{flex-wrap:wrap}.cq-filter label:first-child{flex-basis:100%}.cq-item-main{grid-template-columns:1fr}.cq-item-media{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.cq-item-media img,.cq-image-placeholder{width:90px;height:90px}.cq-numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.cq-link-row{flex-wrap:wrap}.cq-item{padding:12px}.cq-section-body{padding:12px}.cq-savebar{position:static;padding:16px}.cq-savebar>div:last-child{margin-left:0;flex-wrap:wrap}.cq-doc-header,.cq-doc-brand{display:block}.cq-doc-ref{text-align:left;width:auto;margin-top:20px}.cq-doc-ref .cq-status{margin-right:12px}.cq-doc-intro,.cq-doc-commercial{grid-template-columns:1fr;gap:16px}.cq-document{padding:16px;overflow:auto}.cq-document table{min-width:480px}.cq-doc-footer{font-size:8px}.cq-section>summary{padding:14px 12px}.cq-section>summary small{display:block;margin-left:25px}.cq-hero h2{font-size:28px}}
@page{size:A4;margin:13mm 12mm;@bottom-right{content:"Page " counter(page) " / " counter(pages);font:8px system-ui,sans-serif;color:var(--ml-muted)}}
@media print{
  .cq-print-toolbar{display:none!important}.cq-print-page{background:white}.cq-document{max-width:none;width:100%;border:0;box-shadow:none;margin:0;padding:0;font-size:10px;overflow:visible;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cq-doc-header{display:flex;padding-top:18px;gap:20px;break-inside:avoid}.cq-doc-brand{display:flex}.cq-doc-brand h1{font-size:27px}.cq-doc-brand>img{width:50px;height:50px}.cq-doc-ref{text-align:right;width:160px;margin:0}.cq-doc-intro{grid-template-columns:1.1fr 1fr;padding:20px;break-inside:avoid}.cq-doc-caption{font-size:13px}.cq-document table{min-width:0}.cq-document thead{display:table-header-group}.cq-document tr{break-inside:avoid}.cq-doc-section h3{break-after:avoid}.cq-doc-item{display:flex;gap:10px}.cq-doc-item img{width:52px;height:60px}.cq-document td{font-size:9px;padding:13px 5px}.cq-doc-item strong{font-size:10px}.cq-doc-item p{font-size:9px}.cq-document th:first-child{width:41%}.cq-document th:nth-child(3){width:14%}.cq-document th:nth-child(6){width:17%}.cq-section-total{break-before:avoid}.cq-doc-commercial{grid-template-columns:1.1fr 1fr;gap:28px}.cq-doc-totals{break-inside:avoid}.cq-doc-footer{font-size:8px;break-inside:avoid}.cq-multiline{orphans:3;widows:3}
}
@media print{
  .cq-doc-header{padding:12px 0 16px}.cq-doc-brand h1{font-size:23px;margin:5px 0 10px}.cq-doc-brand p{font-size:9px;margin:3px 0 6px}.cq-doc-intro{margin-top:16px;padding:14px 18px;gap:24px}.cq-doc-intro h2{font-size:19px;margin-bottom:8px}.cq-doc-intro p{font-size:10px;margin:3px 0 6px}.cq-doc-intro .cq-kicker{font-size:8px!important;margin-bottom:8px}.cq-doc-caption{padding:7px 0;font-size:12px}.cq-doc-section{margin-top:14px}.cq-doc-section h3{font-size:14px;margin-bottom:8px}.cq-document th{padding:7px 5px;font-size:7px}.cq-document td{padding:10px 5px}.cq-doc-item p{font-size:8px;margin:4px 0}.cq-doc-item img{width:44px;height:50px}.cq-section-total{padding:8px 5px;font-size:9px}.cq-doc-commercial{margin-top:16px;padding-top:16px}.cq-doc-commercial .cq-multiline{font-size:9px}.cq-doc-commercial .cq-kicker{font-size:8px!important;margin-bottom:8px}.cq-doc-commercial>.cq-doc-totals{padding:12px 16px}.cq-doc-commercial>.cq-doc-totals p{padding:5px 0;font-size:10px}.cq-doc-commercial>.cq-doc-totals .cq-grand{font-size:13px;padding-top:10px}.cq-signatures{padding-top:24px;margin-top:20px}.cq-doc-footer{margin-top:16px;padding-top:10px}
  .cq-doc-ref p{margin:3px 0 0;font-size:9px}.cq-doc-ref>strong,.cq-doc-ref>span{margin-bottom:5px}.cq-doc-intro{margin-top:12px;padding:10px 16px}.cq-doc-caption{padding:2px 0;margin:4px 0}.cq-doc-section{margin-top:10px}.cq-doc-commercial>.cq-doc-totals p{padding:3px 0}.cq-signatures{padding-top:12px;margin-top:12px}.cq-doc-footer{margin-top:10px;padding-top:8px}
}