#vcc-contacts-preview{font:14px/1.5 Arial,sans-serif;color:light-dark(#233647,#e3edf3);background:light-dark(#eef4f7,#17232e);border-radius:12px;overflow:hidden;--vcc-paper:light-dark(#fff,#22303c);--vcc-line:light-dark(#dce6ec,#40515e);--vcc-muted:light-dark(#607787,#afc0cc);--vcc-ink:light-dark(#146f7a,#77d4dd)}
#vcc-contacts-preview *{box-sizing:border-box}#vcc-contacts-preview .crm{padding:20px 24px 0}#vcc-contacts-preview .crm-title{font-size:18px;font-weight:600;margin-bottom:16px}#vcc-contacts-preview .crumb{font-size:12px;color:var(--vcc-muted);font-weight:400;margin-top:4px}#vcc-contacts-preview .tabs{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--vcc-line);padding-bottom:12px;color:var(--vcc-muted)}#vcc-contacts-preview .active{color:var(--vcc-ink);font-weight:600}#vcc-contacts-preview .sheet{margin:20px 24px;background:var(--vcc-paper);border:1px solid var(--vcc-line);border-radius:10px;padding:26px}#vcc-contacts-preview .heading{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap}#vcc-contacts-preview h2{font-size:23px;margin:4px 0 18px}#vcc-contacts-preview .brand{letter-spacing:.12em;font-size:11px;color:var(--vcc-ink);font-weight:600}#vcc-contacts-preview .badge{background:light-dark(#e8f6f4,#234341);color:var(--vcc-ink);padding:5px 10px;border-radius:5px;font-size:12px}#vcc-contacts-preview label{display:block;font-weight:600;margin-bottom:6px}#vcc-contacts-preview input,#vcc-contacts-preview select,#vcc-contacts-preview textarea{width:100%;min-width:0;border:1px solid var(--vcc-line);background:var(--vcc-paper);color:inherit;border-radius:5px;padding:10px 11px;font:inherit}#vcc-contacts-preview textarea{resize:vertical;min-height:70px}#vcc-contacts-preview input::placeholder,#vcc-contacts-preview textarea::placeholder{color:var(--vcc-muted)}#vcc-contacts-preview .columns,#vcc-contacts-preview .product{display:grid;grid-template-columns:1.1fr 1.7fr .8fr;gap:12px}#vcc-contacts-preview .columns{margin-top:20px;color:var(--vcc-muted);font-size:12px}#vcc-contacts-preview .product{margin-top:9px}#vcc-contacts-preview .price{text-align:right;font-variant-numeric:tabular-nums}#vcc-contacts-preview .note{font-size:12px;color:var(--vcc-muted);margin:8px 0 0}#vcc-contacts-preview .descriptions{margin:20px 0;padding:16px 18px;background:light-dark(#f1f8f9,#1a343c);border-left:3px solid var(--vcc-ink);border-radius:4px}#vcc-contacts-preview .descriptions h3{font-size:13px;margin:0 0 12px;color:var(--vcc-muted);font-weight:400}#vcc-contacts-preview .description + .description{margin-top:14px}#vcc-contacts-preview .description strong{color:var(--vcc-ink)}#vcc-contacts-preview .description p{margin:4px 0 0}#vcc-contacts-preview .field{margin-top:19px}#vcc-contacts-preview .contacts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;border:1px solid var(--vcc-line);border-radius:6px;padding:16px}#vcc-contacts-preview .contacts label{font-size:12px;color:var(--vcc-muted);font-weight:400}#vcc-contacts-preview .footer{border-top:1px solid var(--vcc-line);margin-top:24px;padding-top:18px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}#vcc-contacts-preview button{font:inherit;padding:11px 16px;border:1px solid var(--vcc-line);border-radius:5px;background:var(--vcc-paper);color:inherit}#vcc-contacts-preview button.primary{background:light-dark(#147d88,#87dae1);color:light-dark(#fff,#113239);border-color:transparent;font-weight:600}#vcc-contacts-preview button:disabled{opacity:.5}#vcc-contacts-preview [hidden]{display:none!important}#vcc-contacts-preview .document{padding:24px;border:1px solid var(--vcc-line);border-top:5px solid var(--vcc-ink);margin-top:20px;background:var(--vcc-paper)}#vcc-contacts-preview .document h3{margin:22px 0 6px}#vcc-contacts-preview .document p{white-space:pre-wrap;overflow-wrap:anywhere}#vcc-contacts-preview table{border-collapse:collapse;width:100%}#vcc-contacts-preview td,#vcc-contacts-preview th{text-align:left;padding:10px 6px;border-bottom:1px solid var(--vcc-line);overflow-wrap:anywhere}#vcc-contacts-preview .mobile-label{display:none}
@media(max-width:650px){#vcc-contacts-preview .crm{padding:16px 14px 0}#vcc-contacts-preview .sheet{margin:14px;padding:16px}#vcc-contacts-preview .columns{display:none}#vcc-contacts-preview .product,#vcc-contacts-preview .contacts{grid-template-columns:1fr}#vcc-contacts-preview .product{padding:14px 0;border-bottom:1px solid var(--vcc-line)}#vcc-contacts-preview .mobile-label{display:block;font-size:12px;color:var(--vcc-muted)}#vcc-contacts-preview input,#vcc-contacts-preview textarea,#vcc-contacts-preview select{font-size:16px}#vcc-contacts-preview .tabs{gap:12px}#vcc-contacts-preview .price{text-align:left}}
#vcc-contacts-preview .sheet{overflow:hidden;padding-top:0}
#vcc-contacts-preview .booklet-header{display:block;width:calc(100% + 52px);max-width:none;height:auto;margin:0 -26px 18px;background:#fff}
#vcc-contacts-preview .company-intro{border-left:3px solid #00bde7;padding:10px 16px;margin:0 0 22px;background:light-dark(#f0fbfe,#1b343c)}
#vcc-contacts-preview .brand{color:light-dark(#bc0088,#ff8bd7)}
#vcc-contacts-preview .columns{background:light-dark(#172136,#111b2d);color:#fff;padding:12px;border-radius:4px}
#vcc-contacts-preview .description strong{color:light-dark(#bc0088,#ff8bd7)}
#vcc-contacts-preview .description:nth-child(even) strong{color:light-dark(#0086a7,#60dafa)}
#vcc-contacts-preview .footer{border-top:2px solid #00bde7}
#vcc-contacts-preview .document .booklet-header{width:100%;margin:0 0 18px}
@media(max-width:650px){#vcc-contacts-preview .booklet-header{width:calc(100% + 32px);margin:0 -16px 18px}#vcc-contacts-preview .document{padding:14px}}
#vcc-contacts-preview .vat-under-logo{width:42%;margin:-10px 0 24px auto;text-align:center}
#vcc-contacts-preview .vat-under-logo .badge{display:inline-block;background:light-dark(#eaf9fd,#1b343c);color:light-dark(#007b9b,#60dafa)}
@media(max-width:480px){#vcc-contacts-preview .vat-under-logo{width:55%;margin-top:0}}
#vcc-contacts-preview .company-contacts{grid-template-columns:1fr 1fr}@media(max-width:650px){#vcc-contacts-preview .company-contacts{grid-template-columns:1fr}}

body.quote-page{padding:0;background:#eef4f7}body.quote-page main{padding:0;max-width:1100px;border:0}body.quote-page #deal{padding:0;margin:0;border:0;background:transparent}#vcc-contacts-preview .connection,#vcc-contacts-preview .deal-heading{padding:8px 24px}#vcc-contacts-preview .deal-heading h2{font-size:16px;margin:4px 0}#vcc-contacts-preview .sheet{margin-top:8px}#vcc-contacts-preview .document table{table-layout:fixed}#vcc-contacts-preview .document th{font-size:12px}#vcc-contacts-preview .document td{word-break:break-word}

/* Shared editor/preview treatment: one price block and highlighted descriptions. */
#vcc-contacts-preview .quote-prices{border:1px solid #9bcbd8;border-radius:8px;padding:16px;background:light-dark(#f1f9fc,#1b343c);margin:20px 0}
#vcc-contacts-preview .quote-prices .columns{margin-top:0}
#vcc-contacts-preview .quote-prices .note{margin:12px 0 0}
#vcc-contacts-preview .product select{font-size:18px;font-weight:600}
#vcc-contacts-preview .description strong{display:block;font-size:20px;line-height:1.35}
#vcc-contacts-preview .document .quote-prices table{table-layout:fixed}
#vcc-contacts-preview .document .quote-prices th{background:light-dark(#172136,#111b2d);color:#fff;font-size:13px}
#vcc-contacts-preview .document .quote-prices th:first-child{width:30%}
#vcc-contacts-preview .document .quote-prices th:nth-child(2){width:42%}
#vcc-contacts-preview .document .quote-prices td:first-child{font-size:20px;font-weight:600;color:var(--vcc-ink)}
#vcc-contacts-preview .document .quote-prices td:last-child{font-size:18px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
#vcc-contacts-preview .document .quote-prices th:last-child{text-align:right}
#vcc-contacts-preview .document .descriptions{background:light-dark(#eaf6fb,#1a343c);border-left:4px solid #00a7cc;padding:18px 20px}
#vcc-contacts-preview .document .description p{font-size:15px;line-height:1.6;margin:6px 0 0}
#vcc-contacts-preview .document .description+.description{margin-top:20px}
@media(max-width:650px){#vcc-contacts-preview .quote-prices{padding:10px}#vcc-contacts-preview .document .quote-prices td:first-child{font-size:17px}#vcc-contacts-preview .document .quote-prices td:last-child{font-size:16px}#vcc-contacts-preview .document .quote-prices th{font-size:12px}#vcc-contacts-preview .document .descriptions{padding:14px}}

/* 0.2.3: centered column headings, left-aligned values, larger regular descriptions. */
#vcc-contacts-preview .columns > span,#vcc-contacts-preview .mobile-label,
#vcc-contacts-preview .document .quote-prices th,#vcc-contacts-preview .document .quote-prices th:last-child{text-align:center}
#vcc-contacts-preview .product input,#vcc-contacts-preview .product select,
#vcc-contacts-preview .document .quote-prices td,#vcc-contacts-preview .document .quote-prices td:last-child{text-align:left}
#vcc-contacts-preview .product input[id^="vcc-detail"],
#vcc-contacts-preview .document .quote-prices td:nth-child(2),
#vcc-contacts-preview .description p,#vcc-contacts-preview .document .description p{font-size:18px;font-weight:400;line-height:1.6}

#vcc-contacts-preview .company-intro,#vcc-contacts-preview .document .company-intro{font-size:18px;font-weight:400;line-height:1.6}

#vcc-contacts-preview .contact-icon{display:inline-block;min-width:22px;color:var(--vcc-ink);font-size:20px;line-height:1;vertical-align:middle;font-weight:400}
#vcc-contacts-preview .contact-details{display:grid;gap:8px;font-size:16px}
#vcc-contacts-preview .contact-line{display:flex;align-items:baseline;gap:8px;overflow-wrap:anywhere}
#vcc-contacts-preview .contact-line>span:last-child{min-width:0}
#vcc-contacts-preview .warehouses{margin-top:24px;padding-top:18px;border-top:1px solid var(--vcc-line)}
#vcc-contacts-preview .warehouses h3{font-size:18px;margin:0 0 14px}
#vcc-contacts-preview .warehouse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#vcc-contacts-preview .warehouse h4{margin:0 0 6px;font-size:16px;color:var(--vcc-ink)}
#vcc-contacts-preview .warehouse p{margin:0 0 8px;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
#vcc-contacts-preview .warehouse a{font-size:14px;color:var(--vcc-ink);text-underline-offset:3px}
@media(max-width:700px){#vcc-contacts-preview .warehouse-grid{grid-template-columns:1fr}}

#vcc-contacts-preview .contact-email{color:light-dark(#1769c2,#75baff);font-family:Arial,sans-serif;font-weight:600;font-size:22px}
#vcc-contacts-preview .contact-phone{color:light-dark(#218647,#6bd491)}
#vcc-contacts-preview .contact-phone svg{display:inline-block;width:20px;height:20px;vertical-align:middle}

#vcc-contacts-preview #quote-status{font-size:14px;overflow-wrap:anywhere}#vcc-contacts-preview #download-pdf{color:var(--vcc-ink);padding:10px;text-decoration:underline}

#vcc-contacts-preview .editor-prices .columns{font-size:18px;font-weight:600;align-items:center}
#vcc-contacts-preview .document .quote-prices th{font-size:20px;line-height:1.35;font-weight:600}
#vcc-contacts-preview .product-entry{margin-top:14px;padding-bottom:12px;border-bottom:1px solid var(--vcc-line)}
#vcc-contacts-preview .remove-product{display:block;margin:6px 0 0 auto;padding:6px 10px;font-size:13px;color:var(--vcc-muted)}
#vcc-contacts-preview #add-product{margin-top:14px;color:var(--vcc-ink)}
@media(max-width:650px){#vcc-contacts-preview .document .quote-prices th{font-size:17px}#vcc-contacts-preview .mobile-label{font-size:18px;color:inherit}#vcc-contacts-preview .product{border:0;padding:0}}

/* Compact quote layout, aligned with the PDF. */
#vcc-contacts-preview .company-intro,#vcc-contacts-preview .document .company-intro,
#vcc-contacts-preview .description p,#vcc-contacts-preview .document .description p{font-size:15px;line-height:1.4}
#vcc-contacts-preview .company-intro{margin-bottom:12px;padding:8px 12px}
#vcc-contacts-preview .quote-prices{padding:10px;margin:12px 0}
#vcc-contacts-preview .descriptions,#vcc-contacts-preview .document .descriptions{padding:10px 14px;margin:12px 0}
#vcc-contacts-preview .description strong{font-size:17px}
#vcc-contacts-preview .description+.description,#vcc-contacts-preview .document .description+.description{margin-top:10px}
#vcc-contacts-preview .columns,#vcc-contacts-preview .product{grid-template-columns:1.52fr 1.48fr 1fr}
#vcc-contacts-preview .product select,#vcc-contacts-preview .editor-prices .columns{font-size:16px}
#vcc-contacts-preview .product input[id^="vcc-detail"],#vcc-contacts-preview .product .price{font-size:15px;text-align:center}
#vcc-contacts-preview .columns>span:first-child,#vcc-contacts-preview .document .quote-prices th:first-child{text-align:left}
#vcc-contacts-preview .document .quote-prices th:first-child{width:38%}
#vcc-contacts-preview .document .quote-prices th:nth-child(2){width:37%}
#vcc-contacts-preview .document .quote-prices th,#vcc-contacts-preview .document .quote-prices td:first-child{font-size:16px;line-height:1.35}
#vcc-contacts-preview .document .quote-prices td:nth-child(2),#vcc-contacts-preview .document .quote-prices td:last-child{font-size:15px;line-height:1.4;text-align:center}
#vcc-contacts-preview .document td,#vcc-contacts-preview .document th{padding:7px 6px;vertical-align:middle}
#vcc-contacts-preview .document h3{font-size:16px;margin:12px 0 4px}
#vcc-contacts-preview .contact-details{gap:4px;font-size:14px}
#vcc-contacts-preview .warehouses{margin-top:14px;padding-top:10px}
@media(max-width:650px){#vcc-contacts-preview .product{grid-template-columns:1fr}#vcc-contacts-preview .product input{font-size:16px}}