/* ═══ Etiquetas — Cofermeta DVH ═══
   A folha (.folha) usa a paleta v1 · Loja: é material que o CLIENTE vê.
   O cabeçalho da tela (.cabimp) segue a v2 · Portal Interno, como o resto do app. */

/* overlay da folha */
.folhawrap{position:fixed;inset:0;z-index:70;background:#E8EDF2;overflow-y:auto;display:none}
.folhawrap.on{display:block}
.cabimp{position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid #E2E8F0}
.cabimp .topo{background:linear-gradient(120deg,#143656,#1E4A6D);color:#fff;padding:12px 16px;
display:flex;justify-content:space-between;align-items:center}
.cabimp .topo b{font:800 16px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-transform:uppercase}
.cabimp .topo button{background:rgba(255,255,255,.16);border:0;color:#fff;padding:8px 13px;border-radius:6px;
font:800 11px 'Barlow Condensed',sans-serif;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer}
.cabimp .cats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:11px 16px 0}
.cabimp .tams{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;padding:8px 16px 0}
.cabimp .cats button,.cabimp .tams button{font:700 10.5px 'Barlow Condensed',sans-serif;letter-spacing:.7px;
text-transform:uppercase;padding:10px 8px;border:1.5px solid #E2E8F0;border-radius:7px;background:#fff;
color:#1E4A6D;cursor:pointer;text-align:left;line-height:1.25}
.cabimp .cats button{text-align:center}
.cabimp .tams button span{display:block;font:400 9px 'IBM Plex Mono',monospace;color:#94A3B8;text-transform:none;letter-spacing:0}
.cabimp button[aria-pressed=true]{background:#1E4A6D;border-color:#1E4A6D;color:#fff}
.cabimp button[aria-pressed=true] span{color:#8FD3F2}
.cabimp #boxEnvio{padding:10px 16px 0}
.cabimp #boxEnvio label{display:block;font:600 9.5px 'Barlow Condensed',sans-serif;letter-spacing:1.3px;
text-transform:uppercase;color:#94A3B8;margin:9px 0 4px}
.cabimp #boxEnvio input{width:100%;padding:9px 10px;border:1px solid #DDE3EC;border-radius:6px;
font-family:'IBM Plex Mono',monospace;font-size:13px}
.cabimp .duo{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cabimp .acoes{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 16px}
.cabimp #etResumo{font:600 11px 'Barlow Condensed',sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#64748B}
.cabimp .acoes button.pri{background:#00AAE5;border:0;color:#fff;padding:12px 20px;border-radius:7px;
font:800 12px 'Barlow Condensed',sans-serif;letter-spacing:1.3px;text-transform:uppercase;cursor:pointer}

/* a folha em si — tokens v1 · Loja escopados aqui */
.folha{
  --azul:#009FE3; --blue800:#00567E; --blue700:#0072A8; --grafite:#706F6F; --ink:#1D1D1B;
  --bg:#F4F5F6; --amarelo:#FFD200; --vermelho:#E2001A; --verde:#1E9E57; --borda:#D9DBDE;
  font-family:'IBM Plex Sans',Arial,sans-serif; color:var(--ink);
  padding:14px 16px 90px; display:flex; flex-wrap:wrap; gap:2mm; align-content:flex-start;
}
.etvazio{padding:26px 6px;color:#94A3B8;font-size:14px;font-family:Barlow,sans-serif}

.avisoLote{width:100%;background:var(--amarelo);padding:8px 12px;font-size:12px;border-radius:2px;margin-bottom:2mm}
/* selos na etiqueta */
.et .selos{display:flex;flex-wrap:wrap;gap:.8mm;margin-top:.8mm}
.et .selo{font-family:Archivo;font-weight:800;background:var(--vermelho);color:#fff;padding:.3mm 1mm;
border-radius:1px;letter-spacing:.03em;white-space:nowrap}
.et .selo.gr{background:var(--ink);color:var(--amarelo)}
.et .selo.q{background:#E86B00}
.et .selo.sec{background:var(--ink);color:var(--amarelo)}
.et .selo.pri{background:#E8A400;color:var(--ink)}
.et .selo.mk{background:var(--blue800)}
.et .selo.mk.div{background:#fff;color:var(--vermelho);border:.3mm solid var(--vermelho)}
.et .selo.e9{background:var(--grafite)}
.et .selo.pd{background:#7A3BB0}
.et .selo.ln{background:var(--bg);color:var(--ink)}
.et .selo.nr{background:var(--ink)}
.et .selo.eb{background:var(--amarelo);color:var(--ink)}
.et[data-t="G"] .selo{font-size:6.5pt}
.et[data-t="M"] .selo{font-size:5pt}
.et[data-t="P"] .selo{font-size:3.8pt}
.et[data-t="R"] .selo{font-size:6pt}
.et[data-t="PG"] .selo{font-size:6.5pt}
.et[data-t="PM"] .selo{font-size:5pt}
.et[data-t="PP"] .selo{font-size:3.6pt}
.et{border:1px solid var(--ink);background:#fff;display:flex;flex-direction:column;overflow:hidden;
page-break-inside:avoid;break-inside:avoid}
.et .top{background:var(--azul);display:flex;align-items:center;justify-content:space-between;padding:0 1.5mm;flex:0 0 auto}
.et .top img{height:78%;width:auto}
.et .top .loc{font-family:'IBM Plex Mono';font-weight:700;color:#fff;letter-spacing:.02em}
.et .body{flex:1;display:flex;padding:1.5mm;gap:1.5mm;min-height:0}
.et .info{flex:1;display:flex;flex-direction:column;min-width:0}
.et .cod{font-family:'IBM Plex Mono';font-weight:700;line-height:1;letter-spacing:-.02em}
.et .desc{font-family:'IBM Plex Sans';line-height:1.15;overflow:hidden}
.et .pul{font-family:'IBM Plex Mono';color:#fff;background:var(--grafite);padding:.3mm 1mm;
align-self:flex-start;border-radius:1px;white-space:nowrap;max-width:100%;overflow:hidden}
.et .qrbox{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3mm}
/* o QR é quadrado por definição — largura e altura sempre iguais, nunca esticado */
/* o QRCode.js cria canvas + img (uma delas oculta) — a regra vale para as duas,
   e o quadrado é garantido pelo tamanho fixo do .qr, não pelo conteúdo */
.et .qr{display:block;position:relative;overflow:hidden}
.et .qr canvas,.et .qr img{position:absolute;inset:0;width:100%!important;height:100%!important;
object-fit:contain;image-rendering:pixelated}
.et .qr canvas[style*="none"],.et .qr img[style*="none"]{display:none!important}
.et .cham{font-family:Archivo;font-weight:800;letter-spacing:.04em;color:var(--grafite);white-space:nowrap}
.et .bc{flex:0 0 auto;padding:0 1.5mm 1mm}
.et .bc svg{display:block;width:100%;height:100%}
.et .bc{display:flex;align-items:center;justify-content:center}
.et .preco{font-family:'IBM Plex Mono';font-weight:700;line-height:.95;color:var(--ink);
display:flex;align-items:baseline;gap:1mm;margin-top:auto}
.et .preco .rs{font-family:Archivo;font-weight:800;color:var(--grafite)}
.et .rod{display:flex;justify-content:space-between;align-items:center;gap:1mm;margin-top:.8mm}
.et .rod .cod{font-weight:600}
.et .rod .lc{font-family:'IBM Plex Mono';color:#fff;background:var(--grafite);padding:.2mm 1mm;border-radius:1px}
.et.vazia{display:flex;align-items:center;justify-content:center;color:var(--grafite);font-size:10px;border-style:dashed}
.et .flagof{position:absolute;top:0;right:0;background:var(--vermelho);color:#fff;font-family:Archivo;
font-weight:900;letter-spacing:.06em;padding:.6mm 2mm;z-index:2;transform-origin:top right}
.et[data-t="PG"] .flagof{font-size:11pt}
.et[data-t="PM"] .flagof{font-size:8pt}
.et[data-t="PP"] .flagof{font-size:5.5pt}
.et .de{font-family:'IBM Plex Sans';color:var(--grafite);text-decoration:line-through;text-decoration-color:var(--vermelho)}
.et[data-t="PG"] .de{font-size:8pt}
.et[data-t="PM"] .de{font-size:5.6pt}
.et[data-t="PP"] .de{font-size:4pt}
.et.oferta .preco{color:var(--vermelho)}
.et.env .etop{background:var(--azul);display:flex;align-items:center;justify-content:space-between;padding:1.5mm 2mm}
.et.env .etop img{width:38mm}
.et.env .vol{background:var(--ink);color:#fff;text-align:center;padding:.6mm 2.5mm;border-radius:1px}
.et.env .vol b{display:block;font-family:Archivo;font-size:5.5pt;letter-spacing:.1em;color:var(--azul)}
.et.env .vol span{font-family:'IBM Plex Mono';font-weight:700;font-size:15pt;line-height:1}
.et.env .vol i{font-style:normal;font-size:9pt;color:#B9BCBF}
.et.env .ebody{flex:1;padding:2mm;display:flex;flex-direction:column;gap:1.5mm;min-height:0}
.et.env b{font-family:Archivo;font-size:5.5pt;letter-spacing:.08em;color:var(--grafite);display:block}
.et.env .rem{font-size:6pt;line-height:1.25;border-bottom:.3mm solid var(--borda);padding-bottom:1.5mm}
.et.env .dest{border-left:1.2mm solid var(--azul);padding-left:2mm}
.et.env .dest .nome{font-family:Archivo;font-weight:900;font-size:12pt;line-height:1.1;display:block}
.et.env .dest .end,.et.env .dest .cid{display:block;font-size:7.5pt;line-height:1.3}
.et.env .grid{display:grid;grid-template-columns:1fr 1fr;gap:1mm 2mm;font-family:'IBM Plex Mono';font-size:8pt;margin-top:auto}
.et.env .obs{background:var(--amarelo);font-family:Archivo;font-weight:800;font-size:7.5pt;padding:1mm 2mm;text-align:center}
.et.env .bc{height:12mm;padding:0 2mm 1.5mm}
.et[data-t="EG"]{width:98mm;height:140mm}
.et[data-t="EM"]{width:98mm;height:70mm}
.et[data-t="EM"] .etop img{width:30mm}
.et[data-t="EM"] .vol span{font-size:11pt}
.et[data-t="EM"] .dest .nome{font-size:9pt}
.et[data-t="EM"] .rem{font-size:4.6pt}
.et[data-t="EM"] .grid{font-size:6pt}
.et[data-t="EM"] .bc{height:8mm}
.et.mkt .mtop{background:var(--azul);display:flex;align-items:center;justify-content:center;padding:1.5mm}
.et.mkt .mbody{flex:1;display:flex;flex-direction:column;padding:1.5mm;min-width:0}
.et.mkt .desc{font-family:'IBM Plex Sans';font-weight:600;line-height:1.15;overflow:hidden;flex:1}
.et.mkt .mrod{display:flex;justify-content:space-between;align-items:baseline;gap:1mm;margin-top:1mm}
.et.mkt .cod{font-family:'IBM Plex Mono';font-weight:700}
.et.mkt .site{font-family:Archivo;color:var(--grafite)}
.et.mkt .qrbox{padding:1.5mm 1.5mm 1.5mm 0;justify-content:center}
.et[data-t="MG"]{width:70mm;height:35mm}
.et[data-t="MG"] .mtop{width:22mm}
.et[data-t="MG"] .mtop img{width:19mm}
.et[data-t="MG"] .desc{font-size:7pt}
.et[data-t="MG"] .cod{font-size:9pt}
.et[data-t="MG"] .site{font-size:4.2pt}
.et[data-t="MG"] .qrbox{width:14mm}
.et[data-t="MG"] .qr{width:14mm;height:14mm}
.et[data-t="MG"] .cham{font-size:3.2pt}
.et[data-t="MP"]{width:50mm;height:25mm}
.et[data-t="MP"] .mtop{width:16mm}
.et[data-t="MP"] .mtop img{width:13.5mm}
.et[data-t="MP"] .desc{font-size:5pt}
.et[data-t="MP"] .cod{font-size:7pt}
.et[data-t="MP"] .site{font-size:3.2pt}
.et[data-t="MP"] .qrbox{width:10mm}
.et[data-t="MP"] .qr{width:10mm;height:10mm}
.et[data-t="MP"] .cham{font-size:2.4pt}
.et[data-t="G"] .top{height:7mm}
.et[data-t="G"] .top .loc{font-size:14pt}
.et[data-t="G"] .cod{font-size:22pt}
.et[data-t="G"] .desc{font-size:8.5pt;margin-top:1mm;flex:1}
.et[data-t="G"] .pul{font-size:7pt;margin-top:1mm}
.et[data-t="G"] .qrbox{width:20mm}
.et[data-t="G"] .qr{width:20mm;height:20mm}
.et[data-t="G"] .cham{font-size:4.4pt}
.et[data-t="G"] .bc{height:11mm}
.et[data-t="M"]{width:70mm;height:35mm}
.et[data-t="M"] .top{height:5.2mm}
.et[data-t="M"] .top .loc{font-size:10pt}
.et[data-t="M"] .cod{font-size:15pt}
.et[data-t="M"] .desc{font-size:6pt;margin-top:.6mm;flex:1}
.et[data-t="M"] .pul{font-size:5.5pt;margin-top:.6mm}
.et[data-t="M"] .qrbox{width:14mm}
.et[data-t="M"] .qr{width:14mm;height:14mm}
.et[data-t="M"] .cham{font-size:3.4pt}
.et[data-t="M"] .bc{height:8mm}
.et[data-t="P"]{width:50mm;height:25mm}
.et[data-t="P"] .top{height:4mm}
.et[data-t="P"] .top .loc{font-size:7.5pt}
.et[data-t="P"] .cod{font-size:11pt}
.et[data-t="P"] .desc{font-size:4.6pt;margin-top:.4mm;flex:1}
.et[data-t="P"] .pul{font-size:4.4pt}
.et[data-t="P"] .qrbox{width:10mm}
.et[data-t="P"] .qr{width:10mm;height:10mm}
.et[data-t="P"] .cham{font-size:2.6pt}
.et[data-t="P"] .bc{height:6mm;padding:0 1mm .8mm}
.et[data-t="R"]{width:198mm;height:22mm;flex-direction:row;align-items:stretch}
.et[data-t="R"] .top{width:52mm;height:auto;flex-direction:column;justify-content:center;align-items:flex-start;padding:1mm 2mm;gap:.5mm}
.et[data-t="R"] .top img{height:auto;width:34mm}
.et[data-t="R"] .top .loc{font-size:16pt}
.et[data-t="R"] .body{align-items:center}
.et[data-t="R"] .cod{font-size:16pt}
.et[data-t="R"] .desc{font-size:8pt}
.et[data-t="R"] .pul{font-size:6.5pt;margin-top:.5mm}
.et[data-t="R"] .qrbox{width:16mm}
.et[data-t="R"] .qr{width:16mm;height:16mm}
.et[data-t="R"] .cham{font-size:3.4pt}
.et[data-t="R"] .bc{height:auto;width:52mm;padding:2mm;display:flex;align-items:center}
.et[data-t="PG"] .top{height:6mm}
.et[data-t="PG"] .top .loc{font-size:11pt}
.et[data-t="PG"] .desc{font-size:10pt;font-weight:600;max-height:11mm}
.et[data-t="PG"] .preco{font-size:34pt}
.et[data-t="PG"] .preco .rs{font-size:13pt}
.et[data-t="PG"] .rod{font-size:8pt}
.et[data-t="PG"] .qrbox{width:22mm}
.et[data-t="PG"] .qr{width:22mm;height:22mm}
.et[data-t="PG"] .cham{font-size:4.6pt}
.et[data-t="PG"] .bc{height:9mm}
.et[data-t="PM"]{width:70mm;height:35mm}
.et[data-t="PM"] .top{height:4.6mm}
.et[data-t="PM"] .top .loc{font-size:8pt}
.et[data-t="PM"] .desc{font-size:6.6pt;font-weight:600;max-height:7mm}
.et[data-t="PM"] .preco{font-size:22pt}
.et[data-t="PM"] .preco .rs{font-size:9pt}
.et[data-t="PM"] .rod{font-size:5.6pt}
.et[data-t="PM"] .qrbox{width:15mm}
.et[data-t="PM"] .qr{width:15mm;height:15mm}
.et[data-t="PM"] .cham{font-size:3.2pt}
.et[data-t="PM"] .bc{height:6.5mm}
.et[data-t="PP"]{width:50mm;height:25mm}
.et[data-t="PP"] .top{height:3.6mm}
.et[data-t="PP"] .top .loc{font-size:6pt}
.et[data-t="PP"] .desc{font-size:4.6pt;font-weight:600;max-height:4.6mm}
.et[data-t="PP"] .preco{font-size:15pt}
.et[data-t="PP"] .preco .rs{font-size:6.5pt}
.et[data-t="PP"] .rod{font-size:4.2pt}
.et[data-t="PP"] .qrbox{width:10.5mm}
.et[data-t="PP"] .qr{width:10.5mm;height:10.5mm}
.et[data-t="PP"] .cham{font-size:2.4pt}
.et[data-t="PP"] .bc{height:4.6mm;padding:0 1mm .6mm}
.et[data-t="G"] .desc.g2{font-size:16.1pt;line-height:1.05;font-weight:600}
.et[data-t="M"] .desc.g1{font-size:8.4pt;line-height:1.1}
.et[data-t="M"] .desc.g2{font-size:11.4pt;line-height:1.05;font-weight:600}
.et[data-t="P"] .desc.g1{font-size:6.4pt;line-height:1.1}
.et[data-t="P"] .desc.g2{font-size:8.7pt;line-height:1.05;font-weight:600}
.et[data-t="R"] .desc.g1{font-size:11.2pt;line-height:1.1}
.et[data-t="R"] .desc.g2{font-size:15.2pt;line-height:1.05;font-weight:600}
.et[data-t="PG"] .desc.g1{font-size:14.0pt;line-height:1.1}
.et[data-t="PG"] .desc.g2{font-size:19.0pt;line-height:1.05;font-weight:600}
.et[data-t="PM"] .desc.g1{font-size:9.2pt;line-height:1.1}
.et[data-t="PM"] .desc.g2{font-size:12.5pt;line-height:1.05;font-weight:600}
.et[data-t="PP"] .desc.g1{font-size:6.4pt;line-height:1.1}
.et[data-t="PP"] .desc.g2{font-size:8.7pt;line-height:1.05;font-weight:600}
.et[data-t="MG"] .desc.g1{font-size:9.8pt;line-height:1.1}
.et[data-t="MG"] .desc.g2{font-size:13.3pt;line-height:1.05;font-weight:600}
.et[data-t="MP"] .desc.g1{font-size:7.0pt;line-height:1.1}
.et[data-t="MP"] .desc.g2{font-size:9.5pt;line-height:1.05;font-weight:600}
.et .desc.vm{color:var(--vermelho);font-weight:700}
.et .desc.g1,.et .desc.g2{max-height:none;overflow:hidden}
.folha{border:0;padding:0;gap:2mm;border-radius:0}
/* impressão: só a folha vai ao papel */
@media print{
  body>*{display:none!important}
  .folhawrap{display:block!important;position:static;background:#fff;overflow:visible;inset:auto}
  .cabimp{display:none!important}
  .folha{padding:0;gap:2mm}
  @page{size:A4;margin:6mm}
}