/* ===========================================================================
   08 · IMPRESSÃO
   O que sai no papel.

   POR QUE ESTA CAMADA NÃO MUDA NADA HOJE
   O sistema inteiro tem UM bloco `@media print`: 7 regras dentro do <style>
   de views/elite-cred/payment-receipt.ejs, que escondem sidebar, topbar e
   botões e passam o card para fundo branco com texto preto. Todas as outras
   22 telas do painel imprimem a sidebar e os botões junto.

   Promover aquele bloco para cá, sem recorte, conserta as 22 e MUDA O QUE
   ELAS IMPRIMEM, e impressão é aparência. Esta fase não pode mudar aparência,
   então a regra entra por adesão: a tela declara `class="folha-limpa"` no
   <body> e ganha o tratamento. Hoje nenhuma declara, e por isso nada muda.

   PARA QUEM FOR CONVERTER AS VIEWS: colocar `folha-limpa` no <body> de
   payment-receipt.ejs e apagar o `@media print` do <style> dela deixa a tela
   exatamente igual ao que é hoje. Depois disso, acrescentar a classe nas
   outras telas é uma decisão por tela, e cada uma dá para conferir no
   pré-visualizar impressão do navegador.
   =========================================================================== */

@media print {
    /* A ÚNICA REGRA SEM ADESÃO DESTA CAMADA, e ela não contradiz o bloco
       acima: o elemento que ela esconde não existia quando aquele texto foi
       escrito, então esconder a barra não muda nada do que as 22 telas já
       imprimiam.
       Ela precisa ser incondicional porque `@media (max-width: 1024px)`, que
       é quem acende a barra em 03-layout, mede a LARGURA DA PÁGINA na
       impressão: um A4 dá cerca de 794px a 96dpi, cai dentro do limite, e a
       barra sairia atravessada no rodapé de toda folha, inclusive do recibo
       de pagamento, que é a única tela do sistema feita para o papel. */
    .barra-inf {
        display: none !important;
    }

    .folha-limpa .sidebar,
    .folha-limpa .topbar,
    .folha-limpa .btn {
        display: none !important;
    }

    .folha-limpa .main-content {
        margin: 0;
        padding: 0;
    }

    /* O painel é escuro na tela e precisa virar claro no papel: fundo preto
       em impressora é tinta desperdiçada e texto cinza em papel branco some. */
    .folha-limpa .card {
        box-shadow: none;
        border: 1px solid #ccc;
        color: black !important;
        background: white !important;
    }

    .folha-limpa .card * {
        color: black !important;
    }

    .folha-limpa {
        background: white;
    }
}