/* =====================================================================
   Protótipo do Estoque · Relatório gerencial (visual de documento)
   ===================================================================== */

.e-doc {
    background: #fff;
    border: 1px solid var(--p-borda);
    border-radius: 4px;
    box-shadow: 0 6px 24px rgba(18, 18, 18, .08);
    padding: 1.4rem 1.5rem 1.6rem;
}
.e-doc-cabeca { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem; padding-bottom: .9rem; border-bottom: 3px solid var(--p-vermelho); }
.e-doc-cabeca img { width: 150px; }
.e-doc-cabeca h3 { font-size: 1.1rem; text-transform: uppercase; letter-spacing: .04em; font-weight: 800; }
.e-doc-cabeca p { font-size: .72rem; color: var(--p-cinza); }
.proto .e-doc-filtros { font-size: .74rem; color: var(--p-cinza); margin: .8rem 0; }
.e-doc-filtros strong { color: var(--p-preto); }
.e-doc-totais {
    display: grid; grid-template-columns: repeat(7, minmax(0, 1fr));
    border: 1px solid var(--p-preto); margin-bottom: .9rem;
}
.e-doc-totais div { padding: .5rem .6rem; border-right: 1px solid var(--p-borda-forte); }
.e-doc-totais div:last-child { border-right: 0; }
.e-doc-totais dt { font-size: .6rem; text-transform: uppercase; letter-spacing: .06em; color: var(--p-cinza); }
.e-doc-totais dd { font-size: .92rem; font-weight: 800; color: var(--p-preto); white-space: nowrap; font-variant-numeric: tabular-nums; }
.e-doc-titulo { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; margin: .4rem 0 .5rem; }
.e-doc-tabela th { background: var(--p-preto); color: #fff; }
.e-doc-tabela tbody tr:nth-child(even) { background: var(--p-sup-2); }
.p-tabela .e-atraso { color: var(--p-vermelho); font-weight: 600; }

@container (max-width: 760px) {
    .e-doc { padding: 1rem; }
    .e-doc-totais { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .e-doc-totais div { border-bottom: 1px solid var(--p-borda-forte); }
}