/* ============================================================
   danfe.css — DANFE de RASCUNHO (A4) · Bananas Canugi
   Leiaute inspirado no DANFE retrato. NÃO tem valor fiscal.
   Na tela: reduzido por JS (transform: scale) para caber no celular.
   Na impressão: A4 cheio, só o DANFE aparece.
   ============================================================ */
.danfe-caixa{width:100%;overflow:hidden;background:#d9ddd9;border-radius:var(--r-m);padding:0;position:relative}
.danfe{position:relative;width:210mm;min-height:297mm;background:#fff;color:#000;padding:8mm 10mm;font-family:Arial,Helvetica,sans-serif;font-size:7pt;line-height:1.25;transform-origin:top left;overflow:hidden}
.danfe *{box-sizing:border-box}
.danfe .dr{display:grid;border-left:.3mm solid #000;border-top:.3mm solid #000}
.danfe .dc{border-right:.3mm solid #000;border-bottom:.3mm solid #000;padding:.7mm 1.3mm;min-width:0;overflow:hidden}
.danfe .dc .l{display:block;font-size:5.2pt;text-transform:uppercase;letter-spacing:.02em;color:#222}
.danfe .dc .v{display:block;font-size:7.6pt;font-weight:700;min-height:3.4mm;overflow-wrap:anywhere}
.danfe .dc .v.n{text-align:right;font-variant-numeric:tabular-nums}
.danfe .dc.c{text-align:center}
.danfe .dt{font-size:6pt;font-weight:700;text-transform:uppercase;margin:1.6mm 0 .4mm}
.danfe .pilha{padding:0;display:flex;flex-direction:column}
.danfe .pilha>div{padding:.7mm 1.3mm;border-bottom:.3mm solid #000}
.danfe .pilha>div:last-child{border-bottom:0}

/* canhoto */
.danfe .canhoto{display:grid;grid-template-columns:34mm 1fr 38mm;grid-template-areas:"txt txt nf" "data ass nf";border-left:.3mm solid #000;border-top:.3mm solid #000}
.danfe .canhoto .dc{font-size:6pt}
.danfe .canhoto .txt{grid-area:txt;font-size:6.2pt;font-weight:700;padding:1mm 1.5mm}
.danfe .canhoto .data{grid-area:data;min-height:8mm}
.danfe .canhoto .ass{grid-area:ass;min-height:8mm}
.danfe .canhoto .nf{grid-area:nf;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:8.5pt}
.danfe .corte{border-top:.35mm dashed #000;margin:2.5mm 0 2.5mm}

/* cabeçalho */
.danfe .cab{grid-template-columns:76mm 34mm 1fr}
.danfe .emit{padding:2mm 2mm}
.danfe .emit .nome{font-size:10.5pt;font-weight:700;text-transform:uppercase;line-height:1.15;margin-bottom:1mm}
.danfe .emit .end{font-size:7pt;line-height:1.35}
.danfe .big{font-size:15pt;font-weight:700;letter-spacing:.02em}
.danfe .doc-aux{font-size:6.2pt;line-height:1.25;margin:.8mm 0 1.4mm}
.danfe .es{display:flex;align-items:center;justify-content:space-between;gap:2mm;font-size:6.4pt;text-align:left;margin:1mm 0}
.danfe .es .cx{border:.3mm solid #000;width:7mm;height:7mm;display:flex;align-items:center;justify-content:center;font-size:11pt;font-weight:700}
.danfe .numnf{font-size:8pt;font-weight:700;line-height:1.35;margin-top:1mm}
.danfe .barras{display:block;width:100%;height:12mm}
.danfe .chave-v{font-size:7.4pt;font-weight:700;letter-spacing:.01em;word-spacing:1.2mm;text-align:center;overflow-wrap:anywhere}
.danfe .consulta{font-size:5.8pt;line-height:1.3;text-align:center}

/* produtos */
.danfe .dtab{width:100%;border-collapse:collapse;font-size:6.8pt}
.danfe .dtab th,.danfe .dtab td{border:.3mm solid #000;padding:.7mm 1mm;text-align:left;vertical-align:top}
.danfe .dtab th{font-size:5.2pt;text-transform:uppercase;font-weight:700;text-align:center;background:#f4f4f4}
.danfe .dtab td.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.danfe .dtab td.c{text-align:center;white-space:nowrap}
.danfe .dtab tr.vazia td{height:5mm}

/* dados adicionais */
.danfe .adic{grid-template-columns:1fr 60mm}
.danfe .adic .dc{min-height:30mm}
.danfe .adic .v{font-weight:400;font-size:6.8pt;line-height:1.4}

/* marca d'água */
.danfe .agua{position:absolute;left:50%;top:50%;width:260mm;transform:translate(-50%,-50%) rotate(-38deg);text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:38pt;line-height:1.1;letter-spacing:.02em;color:rgba(192,73,47,.2);pointer-events:none;user-select:none;z-index:5;white-space:normal}
.danfe .agua small{display:block;font-size:20pt;letter-spacing:.2em;margin-top:2mm}

.danfe-acoes{display:flex;gap:10px;flex-wrap:wrap;margin:0 16px 14px}
.danfe-acoes>*{flex:1;min-width:150px}
.danfe-wrap{margin:0 16px}
.danfe-topo{margin:0 16px 12px}

@page{size:A4;margin:0}
@media print{
  html,body{height:auto!important;background:#fff!important;overflow:visible!important}
  body{margin:0!important;padding:0!important}
  #app{padding:0!important;max-width:none!important;margin:0!important;min-height:0!important}
  .pagina{padding:0!important;max-width:none!important}
  .danfe-wrap{margin:0!important}
  .danfe-caixa{height:auto!important;overflow:visible!important;background:#fff!important;border-radius:0!important}
  .danfe{transform:none!important;width:210mm;min-height:297mm;margin:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* RASCUNHO: faixa no topo da folha */
.danfe .faixa-sv{margin:-8mm -10mm 3mm;padding:1.6mm 4mm;background:#222;color:#fff;font-weight:700;font-size:7.5pt;letter-spacing:.08em;text-align:center}