/**
 * @author Marcel Aimar <marcel_aimar@hotmail.com>
 *
 * Alípio Isoldi da Cunha, 19 - Jardim Paineiras
 * Presidente Venceslau, CEP 19400-000, Brasil
 * Telefone: +55(18)98825-8193
 * marcel_aimar@hotmail.com  | @marcelaimar
 *
 * @file pagina-nota-fiscal-transmitir.css
 * @encoding UTF-8
 * @access public

 * @license https://creativecommons.org/licenses/by-nc-nd/4.0/legalcode CC BY-NC-ND
 * @copyright (c) 2026
 */

/* Regras compartilhadas com a tela da nota (nota-fiscal.php usa a mesma marcacao) */

/* Mesmo topo da tela de agendamento */
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) {
    /* menor que o agendamento (280px): aqui o header nao tem a barra de abas */
    --altura-topo: 230px;
    overflow: auto;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) header {
    height: var(--altura-topo);
    position: relative;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) header .dados {
    --tamanho-imagem: 80px;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) header .dados span.destaque {
    font-size: 14px;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) header .dados figure > img {
    width: 45%;
}

/*
    O .page-content do Framework7 nasce com height:100% e rolagem própria, o que
    o empurrava para baixo do header (altura fixa) e cortava o conteúdo. Aqui quem
    rola é a própria página, como na tela de agendamento.
*/
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) > .page-content {
    height: auto;
    overflow: visible;
    padding-top: 0;
    padding-bottom: 90px;
}

/* Dados da nota e impostos lado a lado em telas largas; empilhados abaixo de 1000px */
@media (min-width: 1000px) {
    :is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .colunas-nota {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    /* Os dois cards esticam até a altura da coluna mais alta */
    :is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .colunas-nota .coluna {
        display: flex;
        flex-direction: column;
    }

    :is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .colunas-nota .coluna > .card {
        flex: 1;
    }
}

/* Dados da nota e impostos no mesmo formato da lista de vacinas do pedido */
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.dados-nota .item-media i,
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.impostos .item-media i {
    font-size: 26px;
    color: var(--azul);
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.dados-nota .item-title,
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.impostos .item-title {
    font-weight: 500;
}

/* Valor sem o balão verde, mas no mesmo tamanho do valor dos impostos */
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.dados-nota .item-after > b {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    background: #cdcdcd;
    top: 7px;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.dados-nota .item-subtitle,
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.impostos .item-subtitle {
    margin: -3px 0 0 0;
    padding: 0;
    font-size: 13px;
    color: #adadad;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .card.observacao-nota .observacao {
    display: block;
    white-space: pre-line;
    line-height: 1.4em;
    opacity: .7;
}

/* Card da campanha igual ao card de cliente do agendamento */
:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) .campanha .list.pessoas-vacinas {
    min-height: 0;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) > .card.total > p > span {
    font-size: 20px;
    font-weight: 600;
    display: block;
}

:is(#pagina-nota-fiscal-transmitir, #pagina-nota-fiscal) > .card.total > p > small {
    font-size: 13px;
    font-weight: 400;
    color: #7d7c7c;
}