/* @import primeiro: obrigatório pelo spec (precede qualquer outra regra). Garante que
   cupom-termico.css carregue junto mesmo quando só este arquivo é referenciado — é o caso da
   impressão, onde o iframe de wwwroot/js/impressao.js carrega um único <link>. */
@import url('cupom-termico.css');

/* O que é comum à impressão térmica de 80mm (tipografia, tabela, totais, dimensionamento do
   @media print) está em cupom-termico.css. Aqui só entra o que pertence exclusivamente à DANFE
   NFC-e. */

.danfe-cupom .danfe-titulo {
    text-align: center;
    font-weight: 900;
    font-size: 10px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.danfe-cupom .danfe-emitente .nome-fantasia {
    font-weight: 900;
    font-size: 12px;
}

.danfe-cupom .danfe-pagamentos {
    margin-top: 4px;
}

.danfe-cupom .danfe-pagamentos .linha-total {
    display: flex;
    justify-content: space-between;
    font-size: 10px;
}

.danfe-cupom .danfe-tributos {
    text-align: center;
    font-size: 9px;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px dashed #000;
}

.danfe-cupom .danfe-consumidor {
    text-align: center;
    font-size: 9px;
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px dashed #000;
}

.danfe-cupom .danfe-chave {
    text-align: center;
    font-size: 9px;
    word-break: break-all;
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px dashed #000;
}

.danfe-cupom .danfe-chave .rotulo {
    font-weight: 900;
    margin-bottom: 2px;
}

.danfe-cupom .danfe-consulta {
    text-align: center;
    font-size: 9px;
    margin-top: 4px;
}

.danfe-cupom .danfe-qrcode {
    text-align: center;
    margin-top: 8px;
}

.danfe-cupom .danfe-qrcode img {
    width: 160px;
    height: 160px;
    image-rendering: pixelated;
}

.danfe-cupom .danfe-protocolo {
    text-align: center;
    font-size: 9px;
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px dashed #000;
}

/* Os 160px do QR são ~42mm e cabem numa bobina de 58mm, mas a largura fixa é a mesma aposta que
   causou o corte investigado em docs/investigacoes/danfe-impressao-largura-cortada.md — o teto
   relativo garante que ele encolha em vez de transbordar. */
@media print {
    .danfe-cupom .danfe-qrcode img {
        max-width: 100%;
        height: auto;
    }
}