/* =====================================================
   NF-e NA CENTRAL DO FRETE
===================================================== */

.nfe-central-area {
    margin-bottom: 16px;
}


.nfe-central-vazio {
    min-height: 95px;

    display: flex;
    align-items: center;

    gap: 14px;

    padding: 16px;

    border: 1px dashed #cbd5e1;
    border-radius: 12px;

    background: #101c2d;
}


.nfe-central-vazio-icone {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

    background: rgba(56,189,248,.13);

    font-size: 22px;
}


.nfe-central-vazio strong {
    display: block;

    margin-bottom: 4px;

    color: #f4f7fb;
}


.nfe-central-vazio p {
    margin: 0;

    color: #94a3b8;

    font-size: 13px;
}


.nfe-central-botao {
    width: 100%;

    min-height: 44px;
}

/* =====================================================
   NF-e - IMPORTAÇÃO MÚLTIPLA / ZIP
===================================================== */

.nfe-resumo-selecao {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 16px;
}


.nfe-resumo-selecao > div {
    padding: 13px 14px;

    border: 1px solid #bae6fd;
    border-radius: 10px;

    background: rgba(14,165,233,.10);
}


.nfe-resumo-selecao span {
    display: block;

    margin-bottom: 5px;

    color: #94a3b8;

    font-size: 11px;
}


.nfe-resumo-selecao strong {
    color: #f4f7fb;

    font-size: 16px;
}


.nfe-lista-notas {
    display: flex;

    flex-direction: column;

    gap: 14px;
}


.nfe-nota-card {
    padding: 16px;

    border: 1px solid #e2e8f0;
    border-radius: 12px;

    background: #15243a;
}


.nfe-nota-selecao {
    display: flex;
    align-items: center;

    gap: 8px;

    margin-bottom: 14px;

    color: #0369a1;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}


.nfe-nota-selecao input {
    width: 18px;
    height: 18px;
}


.nfe-nota-topo {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 14px;
}


.nfe-nota-topo > div,
.nfe-nota-dados > div {
    padding: 11px;

    border-radius: 9px;

    background: #101c2d;
}


.nfe-nota-topo span,
.nfe-nota-dados span {
    display: block;

    margin-bottom: 4px;

    color: #94a3b8;

    font-size: 11px;
}


.nfe-nota-cliente {
    display: flex;

    flex-direction: column;

    gap: 4px;

    margin-bottom: 14px;

    padding: 12px;

    border-radius: 9px;

    background: #101c2d;
}


.nfe-nota-cliente span {
    color: #94a3b8;

    font-size: 12px;
}


.nfe-nota-dados {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 10px;

    margin-bottom: 12px;
}


.nfe-produtos-detalhes {
    border-top: 1px solid #e2e8f0;

    padding-top: 12px;
}


.nfe-produtos-detalhes summary {
    color: #0369a1;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}


.nfe-produtos-detalhes .nfe-itens {
    margin-top: 12px;
}


@media
(max-width: 700px) {

    .nfe-resumo-selecao,
    .nfe-nota-topo,
    .nfe-nota-dados {
        grid-template-columns:
            1fr;
    }
}