.customer-document-dialog{width:min(1190px,96vw);max-height:94vh;overflow:hidden}.customer-document-dialog[open]{display:flex;flex-direction:column}.customer-document-dialog .modal-head,.customer-document-dialog .modal-footer{flex-shrink:0}.customer-document-dialog .modal-head{padding:17px 25px}.customer-document-dialog .modal-body{min-height:0;overflow:auto;background:var(--surface-muted,#f5f6f7);padding:16px 25px 25px}.customer-document-dialog .modal-footer{flex-wrap:wrap;gap:10px}.customer-document-dialog .modal-footer>.small-copy{margin-right:auto}.customer-document-loading{padding:40px;text-align:center}.customer-document-dialog [hidden]{display:none!important}.cd-toolbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:10px}.cd-toolbar>label{display:flex;align-items:center;gap:8px;font-size:calc(12px * var(--ui-type-scale, 1));color:var(--muted)}.cd-toolbar select{width:auto;min-height:34px;padding:6px 24px 6px 9px;font-size:calc(12px * var(--ui-type-scale, 1))}.cd-toolbar>[role=status]{margin-left:auto;font-size:calc(12px * var(--ui-type-scale, 1));color:var(--muted)}.cd-view-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--paper,#fff)}.cd-view-tabs button{padding:7px 12px;border-radius:4px;background:transparent;color:var(--muted);font-size:calc(12px * var(--ui-type-scale, 1))}.cd-view-tabs button[aria-pressed=true]{color:var(--primary);background:var(--primary-soft);font-weight:600}.cd-guidance{font-size:calc(12px * var(--ui-type-scale, 1));line-height:1.7;color:var(--muted);margin:0 0 14px}.cd-canvas{overflow:auto;padding:2px}.cd-paper{--cd-accent:#23548a;--cd-tint:#edf3fa;width:100%;min-width:690px;max-width:1010px;margin:auto;padding:30px 32px 25px;background:#fff;color:#252a32;box-shadow:0 2px 12px #1018280d;border:1px solid #e3e7ed;line-height:1.3;font:calc(13px * var(--ui-type-scale, 1))/1.35 Arial,"PingFang SC",sans-serif}.cd-paper.invoice{--cd-accent:#bb2933;--cd-tint:#fcf1f1}.cd-paper header{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px;border-bottom:2px solid var(--cd-accent);padding-bottom:14px;margin-bottom:15px}.cd-paper h3{color:var(--cd-accent);font-size:calc(18px * var(--ui-type-scale, 1));font-weight:800;margin:0}.cd-paper h2{font-size:calc(29px * var(--ui-type-scale, 1));text-align:right;color:var(--cd-accent);font-weight:800;margin:0 0 12px}.cd-paper h4{font-size:calc(12px * var(--ui-type-scale, 1));color:var(--cd-accent);font-weight:700;margin:0 0 7px}.cd-brand{font-size:calc(11px * var(--ui-type-scale, 1));letter-spacing:.07em;margin-bottom:6px;white-space:pre-wrap}.cd-company{font-size:calc(12px * var(--ui-type-scale, 1));line-height:1.4;margin-top:8px;white-space:pre-wrap}.cd-meta-row{display:grid;grid-template-columns:minmax(85px,.75fr) minmax(0,1.25fr);align-items:start;gap:8px;margin-bottom:3px;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-meta-row>span:first-child{color:#65727c;padding-top:6px}.cd-meta-row>strong{padding:5px 6px;text-align:right;font-size:calc(12px * var(--ui-type-scale, 1))}.cd-document-heading input{text-align:right}.cd-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-bottom:13px}.cd-addresses:has(.cd-address:only-child){grid-template-columns:minmax(0,1fr)}.cd-address h4{padding-bottom:5px;border-bottom:1px solid #d7dce1}.cd-extra-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 20px;margin-bottom:13px}.cd-paper input,.cd-paper textarea,.cd-paper select{display:block;width:100%;min-width:0;min-height:30px;margin:0;padding:5px 6px;border:1px solid transparent;border-radius:4px;box-shadow:none;background:transparent;color:#252a32;line-height:1.3;font:inherit;transition:border-color .15s,background .15s}.cd-paper input:hover,.cd-paper textarea:hover{background:#f8fafc;border-color:#e2e7ed}.cd-paper input:focus,.cd-paper textarea:focus,.cd-paper select:focus{outline:2px solid #b8c8dc;border-color:#8ca9c9;background:#fff}.cd-paper input:disabled,.cd-paper textarea:disabled{color:#606976;background:transparent;opacity:1}.cd-paper textarea{resize:vertical;overflow:auto;min-height:30px}.cd-paper input[type=date]{font-size:calc(12px * var(--ui-type-scale, 1))}.cd-table-wrap{overflow:auto}.cd-lines{width:100%;table-layout:fixed;border-collapse:collapse}.cd-lines th,.cd-lines td{padding:7px 3px;border-bottom:1px solid #e5e9ed;vertical-align:top;white-space:normal;overflow-wrap:anywhere;font-size:calc(12px * var(--ui-type-scale, 1))}.cd-lines th{background:var(--cd-tint);color:var(--cd-accent);font-size:calc(11px * var(--ui-type-scale, 1))}.cd-lines [data-cd-column=sku]{width:13%}.cd-lines [data-cd-column=name]{width:25%}.cd-lines [data-cd-column=description]{width:16%}.cd-lines [data-cd-column=quantity],.cd-lines [data-cd-column=dispatched_quantity]{width:12%;text-align:right}.cd-lines [data-cd-column=unit_price],.cd-lines [data-cd-column=total]{width:11%;text-align:right}.cd-lines td[data-cd-column=quantity] input,.cd-lines td[data-cd-column=dispatched_quantity] input,.cd-lines td[data-cd-column=unit_price] input,.cd-lines td[data-cd-column=total] input{text-align:right}.cd-lines td select{font-size:calc(11px * var(--ui-type-scale, 1));color:#64748b;min-height:26px;padding:3px 17px 3px 5px;max-width:100%;background:#f8fafc}.cd-lines th.cd-row-action,.cd-lines td.cd-row-action{width:25px;padding:9px 0;text-align:center}.cd-row-action button{background:transparent;color:#88929c;font-size:calc(20px * var(--ui-type-scale, 1));line-height:calc(26px * var(--ui-type-scale, 1));padding:0;width:24px}.cd-row-action button:hover{color:#c3282b}.cd-add-line{padding:8px 5px;background:transparent;color:var(--cd-accent);font-size:calc(12px * var(--ui-type-scale, 1));margin:4px 0 12px}.cd-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin-top:13px}.cd-notes>strong{display:block;margin:0 0 5px;font-size:calc(12px * var(--ui-type-scale, 1));color:var(--cd-accent)}.cd-notes textarea{font-size:calc(12px * var(--ui-type-scale, 1))}.cd-payment{margin-top:15px;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-payment>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:7px;margin-bottom:4px;overflow-wrap:anywhere}.cd-total-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.65fr);align-items:center;gap:8px;border-bottom:1px solid #e5e9ed;font-size:calc(11px * var(--ui-type-scale, 1));padding:1px 0}.cd-money{display:flex;align-items:center;gap:3px;min-width:0}.cd-money>span{font-size:calc(10px * var(--ui-type-scale, 1));color:#65727c}.cd-money input{text-align:right;font-size:calc(12px * var(--ui-type-scale, 1));min-height:29px}.cd-grand-total{font-weight:700;border-top:1px solid var(--cd-accent);color:var(--cd-accent);margin-top:3px}.cd-grand-total input{font-weight:700;color:var(--cd-accent);font-size:calc(15px * var(--ui-type-scale, 1))}.cd-total-mode{font-size:calc(10px * var(--ui-type-scale, 1));color:#65727c;text-align:right;margin-top:5px}.cd-total-mode button{color:var(--cd-accent);background:transparent;font-size:calc(10px * var(--ui-type-scale, 1));padding:2px 4px;text-decoration:underline}.cd-terms{margin-top:22px;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-terms ol{margin:0;padding-left:17px}.cd-terms li{white-space:pre-wrap;margin-bottom:6px}.cd-signature{border-top:1px solid #d7dce1;padding-top:10px;margin-top:18px;font-size:calc(12px * var(--ui-type-scale, 1));line-height:1.8}.cd-paper>footer{border-top:1px solid #d7dce1;padding-top:10px;margin-top:20px;color:#65727c;font-size:calc(10px * var(--ui-type-scale, 1));white-space:pre-wrap}.cd-preview{max-width:1010px;margin:auto;background:#fff;border:1px solid #e3e7ed}.cd-preview iframe{display:block;width:100%;height:min(76vh,1000px);min-height:520px;border:0;background:#fff}.cd-paper .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:760px){.customer-document-dialog .modal-head,.customer-document-dialog .modal-footer{padding:13px 15px}.customer-document-dialog .modal-body{padding:12px}.cd-toolbar{gap:9px}.cd-toolbar>[role=status]{width:100%;margin-left:0}.cd-paper{padding:22px 20px}.customer-document-dialog .modal-footer>.small-copy{width:100%;margin:0}.customer-document-dialog .modal-footer .btn{padding:9px 12px;font-size:calc(12px * var(--ui-type-scale, 1))}.cd-guidance{font-size:calc(11px * var(--ui-type-scale, 1))}}

.cd-add-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.cd-paper .cd-add-row>select{width:auto;flex:1 1 260px;max-width:420px;min-height:34px;border-color:#d7dce1;background:#fff;font-size:calc(12px * var(--ui-type-scale, 1));padding-right:26px}.cd-add-row .cd-add-line{margin:0;white-space:nowrap}.cd-add-row button:disabled{opacity:.45;cursor:not-allowed}.cd-refresh-presets{background:transparent;color:#65727c;font-size:calc(11px * var(--ui-type-scale, 1));padding:6px;white-space:nowrap}.cd-preset-message{flex-basis:100%;margin:0;color:#65727c;font-size:calc(11px * var(--ui-type-scale, 1));line-height:1.5}

.cd-catalog-text{min-height:30px;padding:5px 6px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.3;cursor:text}

.cd-paper .cd-tax-mode{appearance:auto;min-height:30px;padding:5px 22px 5px 7px;border:1px solid #d7dce1;background:#f8fafc;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-tax-value{flex:1;min-width:0}.cd-paper .cd-tax-value input,.cd-paper [data-cd-total=tax_rate] input{border-color:#d7dce1;background:#fff}.cd-tax-extra{padding:7px 0 2px;font-size:calc(10px * var(--ui-type-scale, 1));color:#65727c}.cd-tax-extra label{display:flex;align-items:center;gap:6px}.cd-paper .cd-tax-extra input{width:14px;min-height:14px;height:14px;flex:0 0 14px;accent-color:var(--cd-accent)}.cd-tax-notice{font-size:calc(10px * var(--ui-type-scale, 1));color:#65727c;padding:4px 0 7px}.cd-money>[data-cd-calculated=tax_amount]{font-size:calc(11px * var(--ui-type-scale, 1))}

.customer-document-dialog .cd-error-bar{display:block;box-sizing:border-box;width:100%;margin:10px 0;padding:12px 15px;white-space:normal;overflow-wrap:anywhere;font-size:calc(13px * var(--ui-type-scale, 1));line-height:1.6}
.customer-document-dialog [data-cd-region-error]:empty,.customer-document-dialog [data-cd-error]:empty{display:none}
.cd-paper [aria-invalid=true]{border-color:#c3282b}

.cd-due-label{min-width:0;padding:4px 0}.cd-paper .cd-payment-timing{appearance:auto;min-height:30px;padding:5px 7px;border:1px solid #d7dce1;border-radius:4px;background:#f8fafc;cursor:pointer;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-paper .cd-payment-timing:disabled{cursor:default;color:#606976;background:#eef0f3}.cd-due-label>[data-cd-due-english]{display:block;margin:3px 1px 0;color:#65727c;font-size:calc(10px * var(--ui-type-scale, 1));line-height:1.35;overflow-wrap:anywhere}

.cd-financial-heading{display:flex;align-items:center;gap:12px;margin:12px 0 8px;padding-top:10px;border-top:1px solid #e5e9ed}.cd-financial-heading button{background:transparent;color:var(--cd-accent);font-size:calc(13px * var(--ui-type-scale, 1));font-weight:600;padding:5px 0}.cd-financial-heading button::before{content:'›';display:inline-block;margin-right:7px;transform:rotate(0);transition:transform .15s}.cd-financial-heading button[aria-expanded=true]::before{transform:rotate(90deg)}.cd-financial-heading>span{color:#65727c;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-financial-settings{padding:14px 16px;background:#f7f8fa;border:1px solid #e2e7ed;border-radius:6px;margin-bottom:18px}.cd-financial-settings h4{font-size:calc(13px * var(--ui-type-scale, 1));margin:0 0 10px}.cd-financial-settings h4:not(:first-child){border-top:1px solid #e2e7ed;padding-top:13px;margin-top:14px}.cd-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;align-items:start}.cd-option{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:calc(12px * var(--ui-type-scale, 1))}.cd-option>span{font-weight:600;color:#424c57}.cd-option small{font-size:calc(11px * var(--ui-type-scale, 1));line-height:1.5;color:#65727c}.cd-paper .cd-option input,.cd-paper .cd-option select,.cd-option output{min-height:34px;padding:7px 9px;border:1px solid #d7dce1;background:#fff;border-radius:4px}.cd-option output{display:block;font-size:calc(13px * var(--ui-type-scale, 1));color:#606976;background:#eef0f3}.cd-paper .cd-option input:disabled,.cd-paper .cd-option select:disabled{background:#eef0f3}.cd-paper .cd-option-check input{display:inline-block;width:15px;min-height:15px;height:15px;vertical-align:middle;margin-right:6px;accent-color:var(--cd-accent)}.cd-option-check{padding-top:24px}.cd-payment-option{position:relative;min-width:0}.cd-payment-option>button{position:absolute;right:0;top:0;color:var(--cd-accent);background:transparent;padding:0;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-money>[data-cd-calculated]{flex:1;text-align:right;font-size:calc(12px * var(--ui-type-scale, 1));color:inherit;padding:5px 6px}.cd-paper .cd-option [aria-invalid=true]{border-color:#c3282b}@media(max-width:760px){.cd-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cd-financial-settings{padding:12px}}

.cd-add-row>label{display:flex;flex-direction:column;gap:5px;font-size:calc(11px * var(--ui-type-scale, 1));color:#65727c}.cd-add-row .cd-category-choice{flex:0 1 155px;min-width:120px}.cd-add-row .cd-item-choice{flex:1 1 285px;min-width:190px}.cd-paper .cd-add-row>label>select{min-height:34px;border-color:#d7dce1;background:#fff;font-size:calc(12px * var(--ui-type-scale, 1));padding-right:26px}.cd-add-row:has(>label){align-items:flex-end}.cd-add-row:has(>label)>.cd-add-line{margin:0;padding:8px 5px}.cd-add-row:has(>label)>.cd-refresh-presets{margin-bottom:2px}

.cd-totals{--cd-value-width:128px;--cd-currency-width:28px;--cd-value-gap:4px}.cd-totals .cd-total-row{grid-template-columns:minmax(0,1fr) calc(var(--cd-value-width) + var(--cd-currency-width) + var(--cd-value-gap))}.cd-totals .cd-money{display:grid;grid-template-columns:var(--cd-currency-width) minmax(0,1fr);gap:var(--cd-value-gap)}.cd-paper .cd-totals .cd-money input,.cd-paper .cd-totals .cd-tax-mode,.cd-paper .cd-totals .cd-payment-timing{box-sizing:border-box;height:26px;min-height:26px;padding:3px 6px;border:1px solid #d7dce1;background:#fff;font-size:calc(11px * var(--ui-type-scale, 1))}.cd-paper .cd-totals .cd-tax-mode,.cd-paper .cd-totals .cd-payment-timing{padding-right:20px}.cd-paper .cd-totals .cd-payment-timing{width:var(--cd-value-width);max-width:100%}.cd-paper .cd-totals .cd-grand-total input{font-size:calc(13px * var(--ui-type-scale, 1))}.cd-totals .cd-due-label{padding:1px 0}.cd-totals .cd-money>[data-cd-calculated]{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;padding:3px 6px;min-height:26px;height:26px;font-size:calc(11px * var(--ui-type-scale, 1))}

.cd-paper .cd-totals .cd-tax-mode{text-align:right;text-align-last:right}
/* Keep editor tools beside the title; the paper gets the full body area. */
.customer-document-dialog .modal-head{display:grid;grid-template-columns:minmax(210px,245px) minmax(0,1fr) auto;gap:14px;align-items:start}
.cd-editor-heading h2{white-space:nowrap}
.customer-document-dialog .cd-editor-heading p{line-height:1.5}
.cd-header-tools{min-width:0}
.cd-header-tools .cd-toolbar{gap:8px 12px;margin:0}
.cd-header-tools .cd-view-tabs{flex-shrink:0}
.cd-header-tools .cd-view-tabs button{padding:6px 8px;white-space:nowrap}
.cd-header-tools .cd-toolbar>label{gap:6px;white-space:nowrap}
.cd-header-tools .cd-toolbar select{min-height:30px;padding:4px 22px 4px 8px;max-width:100%}
.cd-header-tools .link-btn{font-size:calc(12px * var(--ui-type-scale, 1));white-space:nowrap;padding:4px 0}
.cd-header-tools .cd-toolbar>[role=status]{font-size:calc(11px * var(--ui-type-scale, 1))}
.customer-document-dialog .cd-header-tools .cd-guidance{font-size:calc(11px * var(--ui-type-scale, 1));line-height:1.5;margin:7px 0 0}
.customer-document-dialog .modal-body{padding-top:12px}
@media(max-width:1050px){
  .customer-document-dialog .modal-head{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}
  .cd-editor-heading{grid-column:1;grid-row:1}
  .customer-document-dialog .modal-head>.close-btn{grid-column:2;grid-row:1}
  .cd-header-tools{grid-column:1 / -1;grid-row:2}
}
@media(max-width:760px){
  .customer-document-dialog .modal-head{padding:12px 15px;max-height:40vh;overflow:auto}
  .cd-editor-heading h2{font-size:calc(18px * var(--ui-type-scale, 1));white-space:normal}
  .cd-header-tools .cd-toolbar{gap:7px 10px}
  .cd-header-tools .cd-toolbar>[role=status]{width:auto;margin-left:auto}
  .cd-header-tools .cd-toolbar>label{flex-wrap:wrap}
}

.cd-quantity-value{display:flex;align-items:flex-start;justify-content:flex-end;gap:4px;min-width:0}.cd-paper .cd-quantity-value>input{flex:1 1 3em;width:0;min-width:3em}.cd-quantity-unit{flex:0 1 auto;max-width:55%;padding:5px 0;line-height:1.3;overflow-wrap:anywhere;text-align:left}

/* Keep bilingual editor headings readable without changing paper typography. */
@media screen {
  .cd-lines th:not(.cd-row-action){padding:10px 12px;vertical-align:bottom}
  .cd-column-heading{display:flex;flex-direction:column;gap:4px;min-width:0}
  .cd-column-heading>span{display:block;overflow-wrap:anywhere}
}