/* KONSALTOFF CRM v97.21 · договоры и счета в карточке клиента */
.cd-card{display:flex;flex-direction:column;gap:14px;margin:14px 0}
.cd-block{background:#fff;border:1px solid #dfe7f0;border-radius:14px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.cd-icon-doc{background:#1f7a4d!important}.cd-icon-inv{background:#6a35c9!important}
.cd-note{font-size:13px;color:#6b7f96;background:#f6f9fd;border:1px solid #e3ebf4;border-radius:8px;padding:8px 12px}
.cd-chip{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;background:#eef2f7;color:#52667f;white-space:nowrap}
.cd-chip.draft,.cd-chip.created{background:#fff4d6;color:#8a6100}
.cd-chip.sent{background:#e3efff;color:#0b63ce}
.cd-chip.signed{background:#e6f6ec;color:#1b7f47}
.cd-chip.cancelled{background:#f3f4f6;color:#8a97a8;text-decoration:line-through}
.cd-table{width:100%;border-collapse:collapse;font-size:13px}
.cd-table td{padding:8px 10px;border-top:1px solid #eef2f7;vertical-align:middle;color:#12304f}
.cd-table td small{display:block;font-size:12px;color:#6b7f96;margin-top:2px}
.cd-table tr.cd-off td{opacity:.55}
.cd-num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.cd-row-actions{text-align:right;white-space:nowrap}.cd-row-actions .btn{margin-left:6px}
.cd-cancel{border-color:#e8aeb5!important;color:#b62d3d!important}
.cd-overlay{position:fixed;inset:0;z-index:5000;background:rgba(18,48,79,.45);display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow:auto}
.cd-window{background:#f4f7fb;border-radius:14px;width:min(760px,100%);box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column}
.cd-window.wide{width:min(1060px,100%)}
.cd-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #dfe7f0;background:#fff;border-radius:14px 14px 0 0}
.cd-window-head h3{margin:0;font-size:16px;color:#12304f}
.cd-x{border:0;background:#eef2f7;border-radius:8px;width:32px;height:32px;font-size:20px;line-height:1;cursor:pointer;color:#36526d}
.cd-window-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.cd-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cd-form .full{grid-column:1/-1}
.cd-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#52667f}
.cd-form input,.cd-form select,.cd-form textarea{font:14px/1.4 system-ui;padding:8px 10px;border:1px solid #cfd9e5;border-radius:8px;background:#fff;color:#12304f;width:100%}
.cd-form textarea{resize:vertical}
.cd-form small{font-weight:400;color:#6b7f96;font-size:12px}
.cd-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cd-upload{cursor:pointer}
.cd-editbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#fffaf0;border:1px solid #f0d9a8;border-radius:10px;padding:10px 12px;font-size:13px;color:#5c4a1c;position:sticky;top:0;z-index:2}
.cd-editbar div{display:flex;gap:8px}
.cd-paper{background:#dfe5ec;border-radius:10px;padding:16px;max-height:62vh;overflow:auto}
.cd-doc{background:#fff;max-width:190mm;margin:0 auto;padding:16mm 14mm;font:11pt/1.35 "Times New Roman",Times,serif;color:#000;box-shadow:0 2px 10px rgba(0,0,0,.12);outline:none}
.cd-doc p{margin:0 0 4pt;text-align:justify}.cd-doc p.c{text-align:center}.cd-doc p.r{text-align:right}.cd-doc p.e{height:8pt;margin:0}.cd-doc p.li{padding-left:8mm}
.cd-doc table{width:100%;border-collapse:collapse;margin:6pt 0}.cd-doc td,.cd-doc th{border:1px solid #000;padding:3pt 5pt;vertical-align:top}.cd-doc td p{text-align:left}.cd-doc table.nb td{border:none}
.cd-doc .pb{border-top:2px dashed #b9c6d6;margin:14pt -14mm;height:0}
.cd-doc[contenteditable="true"]:focus{box-shadow:0 0 0 2px #0b63ce,0 2px 10px rgba(0,0,0,.12)}
.cd-inv{font-family:Arial,Helvetica,sans-serif;font-size:10pt}
.cd-inv small{font-size:8pt}.cd-inv .inv-title{font:700 14pt Arial;border-bottom:2px solid #000;padding-bottom:6pt;margin:14pt 0 8pt}
.cd-inv .inv-sides td:first-child{width:32mm}.cd-inv .r{text-align:right;white-space:nowrap}.cd-inv .c{text-align:center}
.cd-inv .inv-total{width:auto;margin-left:auto}.cd-inv .inv-total td{font-weight:700;text-align:right}
.cd-inv .inv-p{margin:3pt 0;text-align:left}.cd-inv .inv-sign{margin-top:14pt}.cd-inv .inv-sign td.line{border-bottom:1px solid #000!important;width:38mm}
.cd-inv hr{border:0;border-top:2px solid #000;margin:10pt 0}
.cd-view{display:flex;flex-direction:column;gap:12px}
.cd-view-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#36526d}
.cd-send{background:#fff;border:1px solid #dfe7f0;border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.cd-send b{font-size:13px;color:#12304f}.cd-send-btns{display:flex;flex-wrap:wrap;gap:8px}
.cd-send textarea{font:13px/1.4 system-ui;padding:8px 10px;border:1px solid #cfd9e5;border-radius:8px;width:100%;resize:vertical}
.cd-send small{font-size:12px;color:#6b7f96}
.cd-history{font-size:12.5px;color:#36526d;background:#fff;border:1px solid #e3ebf4;border-radius:8px;padding:8px 12px}
.cd-history summary{cursor:pointer;font-weight:600;color:#12304f}
.cd-history>div{display:grid;grid-template-columns:120px 1fr auto;gap:8px;padding:5px 0;border-top:1px solid #eef2f7;margin-top:5px}
.cd-history time,.cd-history span{color:#6b7f96}
.cd-items{width:100%;border-collapse:collapse;font-size:13px}
.cd-items th{text-align:left;font-size:11px;text-transform:uppercase;color:#6b7f96;padding:4px 6px}
.cd-items td{padding:3px 4px}.cd-items td:nth-child(1){width:52%}.cd-items td:nth-child(2),.cd-items td:nth-child(3){width:9%}
.cd-items input{padding:6px 8px!important;font-size:13px!important}
.cd-sum{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
.cd-del{border:1px solid #e8aeb5;background:#fff7f8;color:#b62d3d;border-radius:6px;width:26px;height:26px;cursor:pointer}
.cd-items-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:8px;font-size:13px;color:#12304f;font-weight:600}
/* v97.41: в карточке клиента «Оплаты клиента» идут под «Продажами клиента», а не сбоку — блок не уезжает за край экрана */.v72-pair,.directory-pair{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px}.v72-pair>*,.directory-pair>*{min-width:0}
/* v97.58: форма счёта с живым предпросмотром */
.cd-window.xwide{width:min(1480px,100%)}
.cd-inv2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}
.cd-inv2-prev{position:sticky;top:0;display:flex;flex-direction:column;gap:8px}
.cd-inv2-head{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:#12304f}.cd-inv2-head span{font-size:12px;color:#6b7f96}
.cd-inv2-prev .cd-paper{max-height:74vh;overflow:auto}
.cd-inv2-prev .cd-doc{zoom:.82}
.cd-sec{font-size:13px;font-weight:700;color:#12304f;margin-top:4px;padding-top:8px;border-top:1px solid #e3ebf4}
.cd-form .cd-sec:first-child{border-top:0;padding-top:0;margin-top:0}
.cd-num{display:flex;align-items:center;gap:6px}.cd-num i{font-style:normal;color:#6b7f96}.cd-num input:last-child{width:76px;flex:0 0 76px}
.cd-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.cd-quick select{width:auto;max-width:300px;min-height:34px;padding:6px 9px;border:1px solid #cdd9e6;border-radius:8px;font-size:13px}
.cd-items-foot span small{display:block;font-weight:400;color:#6b7f96;margin-top:2px}
.cd-toggles{display:flex;flex-direction:column;gap:8px;justify-content:center}.cd-toggles label{flex-direction:row!important;align-items:center;gap:8px!important;font-size:13px!important;font-weight:500!important;color:#12304f!important}.cd-toggles input{width:auto}.cd-toggles small{font-size:12px;color:#6b7f96}
.cd-inv td.inv-qr{width:34mm;text-align:center;vertical-align:middle}.cd-inv .inv-qr svg{display:block;margin:0 auto;width:30mm;height:30mm}.cd-inv .inv-qr small{display:block;font-size:7pt;line-height:1.2}
@media(max-width:1200px){.cd-inv2{grid-template-columns:1fr}.cd-inv2-prev{position:static}}
.cd-items th{background:#f1f5fa!important;color:#6b7f96!important;border:0!important}.cd-items td{border:0!important;background:transparent!important}
.cd-inv th{background:#fff!important;color:#000!important;border:1px solid #000!important}.cd-inv td{background:#fff!important;color:#000}
/* v97.59: фирменная шапка документов в окне CRM (те же правила, что при печати) */
.lh{display:flex;align-items:center;gap:6mm;padding:1mm 0 4mm;font-family:Arial,Helvetica,sans-serif;color:#12325c}.lh-brand{display:flex;align-items:center;gap:4mm;flex:0 0 38%}.lh-brand img{height:17mm;width:auto}.lh-brand.wide{flex-basis:36%}.lh-brand.wide img{height:19mm;max-width:100%}.lh-brand b{display:block;font-size:19pt;letter-spacing:.3pt;color:#0b4da2;line-height:1}.lh-brand span{display:block;font-size:7.5pt;color:#5b7191;margin-top:1.5mm;line-height:1.25}.lh-col{font-size:8pt;line-height:1.5;border-left:1px solid #9db4d3;padding-left:5mm}.lh-contacts{flex:1 1 34%}.lh-contacts div{display:flex;gap:2mm;margin-bottom:.8mm}.lh-contacts i{font-style:normal;width:4mm;flex:0 0 4mm;text-align:center;color:#0b4da2}.lh-req{flex:0 0 27%;white-space:nowrap}.lh-line{height:1.2mm;background:linear-gradient(90deg,#0b3f8f 0,#0b3f8f 34%,#3f8fe6 34%,#9fc6f3 100%);margin:0 0 6mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cd-doc p.ttl{font-size:15pt;font-weight:700;color:#0b2a55;text-align:center!important;margin:2mm 0 3mm}.cd-doc p.sec{background:#e9f1fc;border-radius:1.2mm;padding:2mm 3mm;font-weight:700;text-transform:uppercase;color:#0b2a55;text-align:left!important;margin:4mm 0 2.5mm;-webkit-print-color-adjust:exact;print-color-adjust:exact}

/* v97.88: длинная строка поставщика переносится; выбор услуги из каталога */
.cd-inv .inv-sides{table-layout:fixed;width:100%}.cd-inv .inv-sides td{white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.cd-quick select{max-width:260px}
/* v97.376: широкие таблицы в окне правки договора — в ширину листа */
.cd-doc td,.cd-doc th,.cd-doc td *{white-space:normal!important;overflow-wrap:break-word;word-break:normal;hyphens:manual}
.cd-doc table:has(tr>td:nth-child(7)){table-layout:auto;max-width:100%}
.cd-doc table:has(tr>td:nth-child(7)) td{font-size:8.5pt;padding:2pt 2.5pt;overflow-wrap:break-word}
.cd-doc table:has(tr>td:nth-child(7)) td p{text-align:center}
.cd-doc table:has(tr>td:nth-child(7)) tr>td:first-child{width:7mm}
/* v97.377: заявка о ТС (8 столбцов) — ширины столбцов, VIN шире */
.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))){table-layout:fixed}
.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(1){width:5%}.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(2){width:13%}.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(3){width:12%}.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(4){width:16%}.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(5){width:18%}.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(6){width:9%}.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(7){width:13%}.cd-doc table:has(tr>td:nth-child(8)):not(:has(tr>td:nth-child(9))) tr:first-child>td:nth-child(8){width:12%}
