From 6ffe742061632b5fb491cdfafdd0f628b4148922 Mon Sep 17 00:00:00 2001
From: Marcos Reifonas <m.reifonas@gmail.com>
Date: Thu, 10 Sep 2026 13:05:13 +0000
Subject: [PATCH] style: borda continua para pecas C/M e tracejada para S/M no
 checklist pdf

---
 .../prioridades/PrioridadesPDFTemplate.tsx          | 13 +++++++++----
 src/pages/PrioridadesFabricacao.tsx                 | 13 +++++++++----
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/prioridades/PrioridadesPDFTemplate.tsx b/src/components/prioridades/PrioridadesPDFTemplate.tsx
index 6857b60..dd83464 100644
--- a/src/components/prioridades/PrioridadesPDFTemplate.tsx
+++ b/src/components/prioridades/PrioridadesPDFTemplate.tsx
@@ -151,12 +151,17 @@ export const PrioridadesPDFTemplate: React.FC<PrioridadesPDFTemplateProps> = ({
           color: #111827;
         }
         .item-card {
-          border: 1px solid #e5e7eb;
           padding: 8px 10px;
           border-radius: 6px;
           background-color: #ffffff;
           box-sizing: border-box;
         }
+        .item-card-cm {
+          border: 1.5px solid #4b5563;
+        }
+        .item-card-sm {
+          border: 1.5px dashed #9ca3af;
+        }
         .item-signature {
           margin-top: 6px;
           font-size: 11px;
@@ -249,9 +254,9 @@ export const PrioridadesPDFTemplate: React.FC<PrioridadesPDFTemplateProps> = ({
           <span className="font-semibold" style={{ marginRight: '6px' }}>Legenda:</span>
           <span style={{ marginRight: '6px' }}>Marca (Qtd)</span>
           <span className="font-medium text-gray-500" style={{ marginRight: '4px' }}>(S/M)</span>
-          <span style={{ marginRight: '6px' }}>= Sem Montagem,</span>
+          <span style={{ marginRight: '6px' }}>= Sem Montagem (borda tracejada),</span>
           <span className="font-medium text-gray-500" style={{ marginRight: '4px' }}>(C/M)</span>
-          <span style={{ marginRight: '4px' }}>= Com Montagem. Os quadrados</span>
+          <span style={{ marginRight: '4px' }}>= Com Montagem (borda contínua). Os quadrados</span>
           <svg 
             width="13" 
             height="13" 
@@ -289,7 +294,7 @@ export const PrioridadesPDFTemplate: React.FC<PrioridadesPDFTemplateProps> = ({
                           const infoType = temComponentes ? '(C/M)' : '(S/M)';
                           
                           return (
-                            <div key={item.id} className="item-card">
+                            <div key={item.id} className={`item-card ${temComponentes ? 'item-card-cm' : 'item-card-sm'}`}>
                               <div style={{ marginBottom: '6px', whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
                                 <span style={{ fontSize: '13px', fontWeight: 700, color: '#111827', verticalAlign: 'middle', marginRight: '4px' }}>
                                   {marca} ({quantidade})
diff --git a/src/pages/PrioridadesFabricacao.tsx b/src/pages/PrioridadesFabricacao.tsx
index a4e002f..2927413 100644
--- a/src/pages/PrioridadesFabricacao.tsx
+++ b/src/pages/PrioridadesFabricacao.tsx
@@ -202,7 +202,7 @@ const PrioridadesFabricacao = () => {
             const tickBoxes = generateTickBoxesHTML(quantidade);
             
             itemsContent += `
-              <div class="item-card">
+              <div class="item-card ${temComponentes ? 'item-card-cm' : 'item-card-sm'}">
                 <div style="margin-bottom: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
                   <span style="font-size: 13px; font-weight: 700; color: #111827; vertical-align: middle; margin-right: 4px;">${marca} (${quantidade})</span>
                   <span style="font-size: 11px; font-weight: 600; color: #6b7280; vertical-align: middle;">${infoType}</span>
@@ -246,12 +246,17 @@ const PrioridadesFabricacao = () => {
                     print-color-adjust: exact;
                 }
                 .item-card {
-                  border: 1px solid #e5e7eb;
                   padding: 8px 10px;
                   border-radius: 6px;
                   background-color: #ffffff;
                   box-sizing: border-box;
                 }
+                .item-card-cm {
+                  border: 1.5px solid #4b5563;
+                }
+                .item-card-sm {
+                  border: 1.5px dashed #9ca3af;
+                }
                 .item-signature {
                   margin-top: 6px;
                   font-size: 11px;
@@ -343,9 +348,9 @@ const PrioridadesFabricacao = () => {
                     <span class="font-semibold" style="margin-right: 6px;">Legenda:</span>
                     <span style="margin-right: 6px;">Marca (Qtd)</span>
                     <span class="font-medium text-gray-500" style="margin-right: 4px;">(S/M)</span>
-                    <span style="margin-right: 6px;">= Sem Montagem,</span>
+                    <span style="margin-right: 6px;">= Sem Montagem (borda tracejada),</span>
                     <span class="font-medium text-gray-500" style="margin-right: 4px;">(C/M)</span>
-                    <span style="margin-right: 4px;">= Com Montagem. Os quadrados</span>
+                    <span style="margin-right: 4px;">= Com Montagem (borda contínua). Os quadrados</span>
                     <svg width="13" height="13" viewBox="0 0 13 13" style="display: inline-block; vertical-align: -2px; margin: 0 4px;">
                       <rect x="0.5" y="0.5" width="12" height="12" rx="1.5" fill="#ffffff" stroke="#4b5563" stroke-width="1" />
                     </svg>