/* src/proposal-doc.css — estilos do documento oficial da proposta (.prop-*).
   Extraído do <style> inline do index.html (F1 do braço Pós-Vendas) SEM
   alterar regras. Carregado pelo index.html e pela página /pos-vendas, que
   renderizam o HTML de buildHTML() (src/core/proposal-doc.js). */

/* ========================
   PROPOSAL DOCUMENT
   ======================== */
.prop{background:#fff;width:190mm;margin:0 auto;padding:6mm 10mm;font-family:'Inter',Arial,Helvetica,sans-serif;font-size:8.5pt;color:#1C1C1C;line-height:1.5}
.prop-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:3mm;padding-bottom:3mm;border-bottom:3px solid #F47920}
.prop-logo{height:17mm}
.prop-hdr-left{display:flex;align-items:center;gap:4mm}
.prop-iso-badge{height:15mm;width:15mm;flex-shrink:0}
.prop-ci{text-align:right;font-size:7.5pt;color:#555;line-height:1.5}
.prop-ci strong{display:block;font-size:9pt;color:#1C1C1C;margin-bottom:0.3mm}
.prop-title{background:linear-gradient(135deg,#1C1C1C,#2d2d2d);color:#fff;text-align:center;padding:2.5mm;font-size:10.5pt;font-weight:700;letter-spacing:1px;margin-bottom:3mm;border-radius:3px}
.prop-inforow{display:flex;gap:2mm;margin-bottom:2mm}
.prop-index{font-size:7.5pt;color:#444;background:#FAFAFA;border:1px solid #eee;border-left:3px solid #F47920;border-radius:2px;padding:2mm 3mm;margin-bottom:2.5mm;line-height:1.7}
.prop-index strong{color:#1C1C1C;font-size:8pt}
.prop-ibox{flex:1;border:1px solid #ddd;border-radius:2px;padding:1.2mm}
.prop-ilabel{font-size:6.5pt;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:0.2mm}
.prop-ival{font-size:8pt;font-weight:700}
.prop-tbl{width:100%;border-collapse:collapse;margin-bottom:2mm;font-size:7.5pt}
.prop-tbl th{background:#1C1C1C;color:#fff;padding:1.2mm 2mm;text-align:left;font-size:7pt;text-transform:uppercase}
.prop-tbl td{padding:0.8mm 2mm;border-bottom:1px solid #eee;vertical-align:top}
.prop-tbl tr:nth-child(even) td{background:#f9f9f9}
.prop-tbl .lc{font-weight:700;color:#555;width:42%;font-size:7.5pt}
.prop-sec{margin-bottom:2mm}
.prop-sec-title{background:linear-gradient(135deg,#F47920,#e06610);color:#fff;padding:1.5mm 4mm;font-weight:700;font-size:8.5pt;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2mm;border-radius:3px;page-break-after:avoid}
.prop-sec-content{padding:0 0.5mm;font-size:8pt;line-height:1.4;color:#333}
.prop-imgbox{display:flex;justify-content:center;margin:3mm 0;padding:4mm;background:#f8f9fa;border:1px solid #eee;border-radius:3px}
.prop-imgbox img{max-height:55mm;max-width:85mm;object-fit:contain}
.prop-vtbl{width:100%;border-collapse:collapse;margin-bottom:2mm;page-break-inside:avoid}
.prop-vtbl th{background:#1C1C1C;color:#fff;padding:1.2mm;text-align:center;font-size:7.5pt}
.prop-vtbl td{padding:1.2mm;border:1px solid #ddd;text-align:center;font-size:8pt}
.prop-vtotal{background:#F47920!important;color:#fff!important;font-weight:700;font-size:9pt!important}
.prop-vsum{width:100%;border-collapse:collapse;margin-bottom:2mm;page-break-inside:avoid}
.prop-vsum td{padding:1.1mm 1.2mm;border:1px solid #ddd;font-size:8pt;text-align:right}
.prop-vsum td.vsum-lbl{text-align:left;padding-left:4mm;color:#333}
.prop-vsum td.vsum-val{padding-right:4mm;font-weight:600;width:34%;white-space:nowrap}
.prop-vsum tr.vsum-disc td{color:#c0392b}
.prop-vsum tr.vsum-net td{background:#fafafa;font-weight:700}
.prop-disc-cell{color:#c0392b}
.prop-list{list-style:none;padding:0}
.prop-list li{padding:0.6mm 0 0.6mm 4mm;border-bottom:1px solid #f2f2f2;position:relative;font-size:8pt}
.prop-list li:before{content:"▸";position:absolute;left:0;color:#F47920;font-size:7pt;top:0.8mm}
.prop-hl{background:#FFF3EA;border:1px solid #F47920;padding:0.7mm 2mm;border-radius:2px;font-weight:700;color:#D4641A;display:inline-block;font-size:8pt}
.prop-bank{background:#f5f5f5;border-left:3px solid #F47920;padding:1.2mm 2.5mm;font-size:8pt;margin-top:1mm;line-height:1.6}
.prop-sig-area{margin-top:5mm;display:flex;gap:6mm;page-break-inside:avoid;padding-top:3mm}
.prop-sig{flex:1;border-top:2px solid #1C1C1C;padding-top:2mm;font-size:8pt;text-align:center}
.prop-sig-name{font-weight:700;font-size:9pt;margin-bottom:0.5mm}
.prop-sig-sub{color:#999;font-size:7.5pt;margin-top:0.3mm}
.prop-footer{margin-top:3mm;padding-top:1.5mm;border-top:2px solid #F47920;display:flex;justify-content:space-between;font-size:7pt;color:#999;align-items:center;page-break-inside:avoid}
.prop-mini-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:2mm;padding-bottom:1.5mm;border-bottom:2px solid #F47920;page-break-after:avoid}
.prop-item-sep{background:#F47920;color:#fff;padding:1.2mm 2.5mm;font-weight:700;font-size:8.5pt;text-transform:uppercase;margin:2mm 0 1.5mm;border-radius:2px;letter-spacing:.6px}

/* Bloco "Fale com nosso comercial" (WhatsApp + catálogo) — entre assinaturas
   e rodapé. É .prop-sec (atômico: nunca cortado entre páginas do PDF). */
.prop-contact-box{margin-top:3mm;padding:2mm 3mm;background:#FFF8F2;border:1px solid #F47920;border-radius:2px;page-break-inside:avoid}
.prop-contact-title{font-weight:800;font-size:8pt;color:#F47920;letter-spacing:.6px;margin-bottom:1mm}
.prop-contact-line{font-size:8.5pt;color:#333;line-height:1.5}
.prop-contact-strong{color:#F47920;font-weight:700}

/* Regras de impressão do documento (o scaffolding de print do app —
   #printzone, @page etc. — permanece no index.html). */
@media print{
  .prop{box-shadow:none!important;width:100%!important;padding:8mm!important}
  .prop-tbl{page-break-inside:avoid}
  .prop-tbl tr{page-break-inside:avoid}
  .prop-sec{page-break-inside:avoid}
  .prop-list{page-break-inside:avoid}
  .prop-vtbl{page-break-inside:avoid}
  .prop-sig-area{page-break-inside:avoid}
  .prop-footer{page-break-inside:avoid}
  .prop-sec-title{page-break-after:avoid}
  .prop-imgbox{page-break-inside:avoid}
}
