/* CRM V2.6.1 isolated DOC export workspace */
#view-tool-doc{height:100%;min-height:0}
.docx-v261{height:100%;min-height:0;display:grid;grid-template-columns:430px minmax(660px,1fr);gap:16px;padding:18px;background:#f4f7fb}
.docx-v261 *{box-sizing:border-box}
.docx-v261 button,.docx-v261 input,.docx-v261 select,.docx-v261 textarea{font:inherit}
.docx-v261-editor,.docx-v261-preview{min-height:0;border:1px solid #e0e7f0;border-radius:16px;background:#fff;box-shadow:0 10px 32px rgba(22,46,81,.06);overflow:hidden}
.docx-v261-editor{display:flex;flex-direction:column}
.docx-v261-tabs{display:flex;gap:7px;padding:14px 16px 12px;border-bottom:1px solid #e8eef5}
.docx-v261-tab{border:1px solid #d7e2ef;background:#f7f9fc;color:#55677d;border-radius:9px;padding:9px 14px;font-weight:800;font-size:13px}
.docx-v261-tab.active{color:#fff;background:#2268ee;border-color:#2268ee;box-shadow:0 6px 16px rgba(34,104,238,.22)}
.docx-v261-scroll{overflow:auto;padding:14px 16px 30px}
.docx-v261 details{border:1px solid #dfe7f1;border-radius:11px;background:#fff;margin-bottom:10px;overflow:hidden}
.docx-v261 summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;font-weight:800;font-size:13px;cursor:pointer;background:#fbfcfe}
.docx-v261 summary::-webkit-details-marker{display:none}.docx-v261 summary span{color:#8291a4;font-weight:500;font-size:11px}
.docx-v261-body{padding:14px;border-top:1px solid #edf1f6}
.docx-v261-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.docx-v261-field{margin-bottom:11px}.docx-v261-field label{display:flex;justify-content:space-between;margin:0 0 6px;font-size:12px;font-weight:800;color:#465870}.docx-v261-field label em{font-style:normal;font-weight:500;color:#92a0b1}
.docx-v261-field input,.docx-v261-field select,.docx-v261-field textarea{width:100%;border:1px solid #d7e1ed;border-radius:8px;padding:9px 10px;color:#16283e;background:#fff;outline:none}
.docx-v261-field textarea{resize:vertical;min-height:66px;line-height:1.5}.docx-v261-field input:focus,.docx-v261-field textarea:focus,.docx-v261-field select:focus{border-color:#5b96f5;box-shadow:0 0 0 3px rgba(64,129,238,.09)}
.docx-v261-field :disabled{background:#f5f7fa;color:#6e7e91;cursor:not-allowed}.docx-v261-required{color:#e45151}
.docx-v261-template-head{display:flex;gap:8px;align-items:end;margin-bottom:12px}.docx-v261-template-head .docx-v261-field{flex:1;margin:0}
.docx-v261-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#fff4da;color:#956315;padding:6px 9px;font-size:11px;font-weight:800;border:1px solid #f1d89d;white-space:nowrap}
.docx-v261-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.docx-v261-actions{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 12px}.docx-v261-btn{border:1px solid #d8e2ef;background:#fff;color:#52657b;border-radius:8px;padding:8px 11px;font-size:12px;font-weight:800;cursor:pointer}.docx-v261-btn:hover{border-color:#8bb7f6;color:#1759bb}.docx-v261-btn.primary{background:#2268ee;border-color:#2268ee;color:#fff}.docx-v261-btn.success{color:#087355;background:#effbf6;border-color:#bdebd9}.docx-v261-btn.danger{color:#d33f3f;background:#fff8f8;border-color:#f1d4d4}.docx-v261-btn:disabled{opacity:.48;cursor:not-allowed}
.docx-v261-upload{border:1px dashed #a9c4e7;border-radius:9px;padding:10px;text-align:center;color:#577395;background:#f7fbff;font-size:12px}.docx-v261-upload input{margin-top:8px;font-size:11px}.docx-v261-thumb{margin:8px auto 0;width:90px;height:90px;display:grid;place-items:center;border-radius:8px;border:1px dashed #c5d5e8;background:#fff;color:#8392a5;font-size:11px;overflow:hidden}.docx-v261-thumb img{width:100%;height:100%;object-fit:contain}
.docx-v261-product{border:1px solid #cfe1fb;background:linear-gradient(180deg,#f7fbff,#fff);border-radius:12px;padding:13px}.docx-v261-product-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.docx-v261-product-head b{font-size:14px}.docx-v261-product-head span{font-size:11px;color:#3970b7;background:#e9f3ff;border-radius:999px;padding:5px 8px}
.docx-v261-preview{display:flex;flex-direction:column;background:#e9eef5}.docx-v261-toolbar{height:72px;flex:0 0 auto;padding:13px 17px;background:#fff;border-bottom:1px solid #dfe7f1;display:flex;align-items:center;justify-content:space-between;gap:14px}.docx-v261-toolbar h3{margin:0 0 4px;font-size:15px}.docx-v261-toolbar p{margin:0;font-size:12px;color:#7a8a9f}.docx-v261-export{height:40px;border:0;border-radius:9px;padding:0 17px;background:linear-gradient(135deg,#2b72f0,#1c59dc);color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(36,101,231,.24);cursor:pointer}
.docx-v261-stage{min-height:0;flex:1;overflow:auto;padding:22px;display:flex;align-items:flex-start;justify-content:center}
.docx-v261-paper{position:relative;width:210mm;height:297mm;min-height:297mm;max-height:297mm;background:#fff;box-shadow:0 10px 30px rgba(27,48,72,.16);padding:14mm 16mm 16mm;color:#111;font-family:"Times New Roman",Times,serif;font-size:9.5pt;line-height:1.24;overflow:hidden}
.docx-v261-kicker{text-align:center;font-size:8.2pt;letter-spacing:1.7px;color:#777;text-transform:uppercase;margin-bottom:1mm}.docx-v261-title{text-align:center;font-size:20pt;font-weight:700;text-transform:uppercase;letter-spacing:.3px;margin:0 0 1mm}.docx-v261-rule{height:1.2px;background:#111;margin:0 0 3mm}.docx-v261-lead{margin:0 0 2.2mm;text-align:justify}
.docx-v261-section{margin:2.2mm 0 1mm;font-size:10.2pt;font-weight:700;padding:.8mm 2mm;background:#f1f1f1;border-left:3px solid #333}
.docx-v261-line{margin:.8mm 0;display:grid;grid-template-columns:43mm 1fr;gap:2mm;align-items:start}.docx-v261-line .label{font-weight:700}.docx-v261-line .value{min-height:3.7mm;border-bottom:1px solid #c7c7c7;padding:0 1mm .5mm;overflow-wrap:anywhere}.docx-v261-line.stack{display:block}.docx-v261-line.stack .value{margin-top:.6mm;min-height:6mm}.docx-v261-small{font-size:8.9pt}.docx-v261-legal{margin:1.2mm 0 0;padding-left:5mm}.docx-v261-legal li{margin:.7mm 0}.docx-v261-legal:empty{list-style:none;min-height:4mm;margin-left:0;border-bottom:1px solid #c7c7c7}
.docx-v261-signature{position:relative;margin-top:2.2mm;padding-top:1.6mm;border-top:1px solid #999;min-height:43mm}.docx-v261-sign-grid{width:78%;display:grid;grid-template-columns:43mm 1fr;gap:2mm;font-size:9.2pt}.docx-v261-sign-grid>div{padding:1mm 0}.docx-v261-sign-grid .label{font-weight:700}.docx-v261-sign-line{border-bottom:1px solid #333;min-height:5mm;padding:0 1mm}.docx-v261-sign-reserve{min-height:10mm}
.docx-v261-stamp{position:absolute;left:49mm;top:-14mm;width:40mm;height:40mm;z-index:12;pointer-events:none;object-fit:contain}
.docx-v261-footer{position:absolute;left:16mm;right:16mm;bottom:7mm;border-top:1px solid #bbb;padding-top:1.5mm;display:flex;justify-content:space-between;color:#777;font-size:8.2pt}
.docx-v261-paper.compact{font-size:9pt;line-height:1.18}.docx-v261-paper.compact .docx-v261-section{margin:1.6mm 0 .7mm}.docx-v261-paper.compact .docx-v261-line{margin:.55mm 0}.docx-v261-paper.compact .docx-v261-signature{min-height:40mm}
.docx-v261-paper.compact-more{font-size:8.5pt;line-height:1.14}.docx-v261-paper.compact-more .docx-v261-title{font-size:18pt}.docx-v261-paper.compact-more .docx-v261-section{margin:1.2mm 0 .5mm}.docx-v261-paper.compact-more .docx-v261-line{margin:.4mm 0}.docx-v261-paper.compact-more .docx-v261-signature{min-height:38mm}
@media(max-width:1250px){.docx-v261{grid-template-columns:390px minmax(610px,1fr)}}
@media print{
  @page{size:A4;margin:0}
  body.doc-print-v261{background:#fff!important}
  body.doc-print-v261 *{visibility:hidden!important}
  body.doc-print-v261 .docx-v261-paper,body.doc-print-v261 .docx-v261-paper *{visibility:visible!important}
  body.doc-print-v261 .docx-v261-paper{position:fixed!important;left:0!important;top:0!important;width:210mm!important;height:297mm!important;min-height:297mm!important;max-height:297mm!important;margin:0!important;box-shadow:none!important;overflow:hidden!important}
}

/* DOC_PRINT_V261_LAYOUT_FIX */
@media print {
  body.doc-print-v261 #appPage .content > .view,
  body.doc-print-v261 #appPage #view-tool-quote {
    display: none !important;
  }

  body.doc-print-v261 #appPage #view-tool-doc {
    display: block !important;
    position: static !important;
    width: 210mm !important;
    min-width: 210mm !important;
    height: 297mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.doc-print-v261 #view-tool-doc > .docx-v261 {
    display: block !important;
    position: static !important;
    width: 210mm !important;
    min-width: 210mm !important;
    height: 297mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
  }

  body.doc-print-v261 .docx-v261-editor,
  body.doc-print-v261 .docx-v261-toolbar {
    display: none !important;
  }

  body.doc-print-v261 .docx-v261-preview,
  body.doc-print-v261 .docx-v261-stage {
    display: block !important;
    position: static !important;
    width: 210mm !important;
    min-width: 210mm !important;
    height: 297mm !important;
    min-height: 297mm !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  body.doc-print-v261 .docx-v261-paper {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 210mm !important;
    min-width: 210mm !important;
    max-width: 210mm !important;
    height: 297mm !important;
    min-height: 297mm !important;
    max-height: 297mm !important;
    margin: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
  }
}

/* SIDEBAR_SCROLLBAR_V261 */
#appPage > .sidebar,
#appPage > .sidebar * {
  scrollbar-width: thin;
  scrollbar-color: #355f82 #0a1c30;
}

#appPage > .sidebar::-webkit-scrollbar,
#appPage > .sidebar *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

#appPage > .sidebar::-webkit-scrollbar-track,
#appPage > .sidebar *::-webkit-scrollbar-track {
  background: #0a1c30;
  border-radius: 999px;
}

#appPage > .sidebar::-webkit-scrollbar-thumb,
#appPage > .sidebar *::-webkit-scrollbar-thumb {
  min-height: 42px;
  background: linear-gradient(180deg, #3b6a90, #244a69);
  border: 2px solid #0a1c30;
  border-radius: 999px;
}

#appPage > .sidebar::-webkit-scrollbar-thumb:hover,
#appPage > .sidebar *::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #42a8d5, #287ca8);
}
