/* Ajustes específicos das telas (entregas). O padrão comum fica em css/apr-padrao.css. */

/* Atalhos de período: linha própria no topo da grade de filtros */
.apr-filtros-grade > .apr-entregas-atalhos {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: -4px;
}
.apr-entregas-atalhos .mud-chip { margin: 0; }

/* Até 1099 px (sem o menu fixo, a grade fica com 3 colunas): Colaborador em 1 coluna e as ações na última
   coluna da linha da NF, para o painel ficar com 2 linhas de campos, como na rodada 2 */
@media (min-width: 600px) and (max-width: 1099.98px) {
    .apr-filtros-grade > .apr-entregas-filtro-colaborador.apr-filtro--largo { grid-column: auto; }
    .apr-entregas-tela .apr-filtros-grade > .apr-filtros-acoes {
        grid-column: auto / -1;
        flex-wrap: nowrap;
        align-self: center;
        justify-content: flex-end;
    }
    /* Na célula de ~280 px, "Limpar filtros" vira só o ícone (o nome continua para o leitor de tela e no tooltip),
       para ficar na mesma linha do Pesquisar, centralizado com os campos */
    .apr-entregas-tela .apr-filtros-acoes [data-teste='filtros-limpar'] {
        min-width: 36px;
        width: 36px;
        padding-left: 0;
        padding-right: 0;
    }
    .apr-entregas-tela .apr-filtros-acoes [data-teste='filtros-limpar'] .apr-botao-conteudo { gap: 0; }
    .apr-entregas-tela .apr-filtros-acoes [data-teste='filtros-limpar'] .apr-botao-texto {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}

/* Cabeçalho do cartão da lista: título, resumo da fila e chips dos filtros */
.apr-entregas-lista-cabecalho { padding: 12px 16px 8px; }
.apr-entregas-resumo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}
.apr-entregas-resumo .mud-chip { margin: 0; }
.apr-entregas-resumo .apr-chips-filtros { display: contents; }
.apr-entregas-resumo-opcao {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

/* Larguras das colunas (as de texto, Itens, ficam com o resto) */
.apr-entregas-grid .mud-table-head th.apr-entregas-col-data { width: 112px; }
/* Tipo: chip + segunda linha curta ("Perda · +2 novos"); 136 px para a segunda linha caber inteira */
.apr-entregas-grid .mud-table-head th.apr-entregas-col-tipo { width: 136px; }
/* Fila: a segunda linha da Data traz hora e idade ("16:03 · há 3 dias") */
.apr-entregas-grid.apr-entregas-grid--fila .mud-table-head th.apr-entregas-col-data { width: 120px; }
.apr-entregas-grid .mud-table-head th.apr-entregas-col-colaborador { width: 220px; }
.apr-entregas-grid .mud-table-head th.apr-entregas-col-entregue { width: 200px; }

@media (min-width: 1600px) {
    .apr-entregas-grid .mud-table-head th.apr-entregas-col-colaborador { width: 260px; }
    .apr-entregas-grid .mud-table-head th.apr-entregas-col-entregue { width: 220px; }
}

/* NF: some na fila de conferência (está vazia por definição) e abaixo de 1440 px, para sobrar espaço para Colaborador e Itens */
.apr-entregas-grid.apr-entregas-grid--fila .apr-entregas-col-nf { display: none !important; }
@media (max-width: 1439.98px) {
    .apr-entregas-grid .apr-entregas-col-nf { display: none !important; }
}

/* Segunda linha de Itens com os ícones de categoria */
.apr-entregas-categorias .apr-entregas-categoria { white-space: nowrap; }
.apr-entregas-categorias .mud-icon-root { vertical-align: -2px; }

/* Fila: entrega esperando há mais de 7 dias (ícone e texto, não só cor) */
.apr-entregas-atrasada {
    color: var(--apr-ambar-escuro);
    font-weight: 600;
}

/* Tipo: chip estreito e, embaixo, o motivo da troca (vem do detalhe da entrega) */
.apr-entregas-tipo,
.apr-entregas-conferencia {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
}
.apr-entregas-tipo .apr-texto-linha,
.apr-entregas-conferencia .apr-texto-linha { max-width: 100%; }
/* Chip de Tipo alinhado pelo topo em todas as linhas (com ou sem o motivo embaixo) */
.apr-entregas-grid .mud-table-body td.apr-entregas-col-tipo {
    vertical-align: top;
    padding-top: 10px;
}

/* Fila: até 1599 px o tipo (com o motivo da troca) vai para a segunda linha dos EPIs e a coluna Tipo some,
   para os EPIs ficarem com a largura; a coluna Tipo volta a partir de 1600 px, junto com o Código */
.apr-entregas-tipo-inline { display: none; }
@media (max-width: 1599.98px) {
    .apr-entregas-grid.apr-entregas-grid--fila .apr-entregas-col-tipo { display: none !important; }
    .apr-entregas-grid.apr-entregas-grid--fila .apr-entregas-tipo-inline { display: inline; }
}

/* NF embaixo do chip de Conferência quando a coluna NF some (abaixo de 1440 px) */
.apr-entregas-nf-inline { display: none; font-size: .75rem; }
@media (max-width: 1439.98px) {
    .apr-entregas-grid .apr-entregas-nf-inline { display: block; }
}
.apr-entregas-nf-destaque {
    font-weight: 700;
    color: var(--apr-verde-escuro);
    background-color: var(--apr-verde-claro);
    border-radius: 3px;
    padding: 0 4px;
}

/* Itens: abaixo de 1100 px a segunda linha fica só com a contagem e os ícones de categoria */
@media (max-width: 1099.98px) {
    .apr-entregas-categoria-texto { display: none; }
}

/* Ações da linha: todos no mesmo padrão de botão de ícone, com pelo menos 4 px entre os alvos */
.apr-entregas-grid .apr-acoes-linha { gap: 4px; }

/* Estado vazio: frase equilibrada, sem palavra sozinha na segunda linha */
.apr-entregas-lista .apr-estado-vazio .apr-estado-vazio-mensagem {
    max-width: 640px;
    text-wrap: balance;
}

/* -----------------------------------------------------------------------------
   Impressão da lista ("Imprimir lista"): só vale com a classe ligada por js/epi-entregas-impressao.js,
   para não mudar a impressão das outras telas.
   ----------------------------------------------------------------------------- */
.apr-entregas-impressao { display: none; }
@media print {
    html.apr-imprimir-entregas .mud-appbar,
    html.apr-imprimir-entregas .mud-drawer,
    html.apr-imprimir-entregas .mud-overlay,
    html.apr-imprimir-entregas .mud-snackbar-provider,
    html.apr-imprimir-entregas .apr-entregas-tela {
        display: none !important;
    }
    html.apr-imprimir-entregas .mud-main-content {
        padding: 0 !important;
        margin: 0 !important;
    }
    html.apr-imprimir-entregas .apr-entregas-impressao {
        display: block;
        font-family: Roboto, Arial, sans-serif;
        font-size: 10pt;
        color: #000;
    }
    .apr-entregas-impressao-cabecalho h1 { font-size: 14pt; margin: 0 0 4pt; }
    .apr-entregas-impressao-cabecalho p { margin: 0 0 2pt; font-size: 9pt; }
    .apr-entregas-impressao table { width: 100%; border-collapse: collapse; margin-top: 8pt; }
    .apr-entregas-impressao th,
    .apr-entregas-impressao td {
        border-bottom: 0.5pt solid #999;
        padding: 3pt 4pt;
        text-align: left;
        vertical-align: top;
    }
    .apr-entregas-impressao th { font-weight: 700; border-bottom: 1pt solid #000; }
    .apr-entregas-impressao tr { page-break-inside: avoid; }
    .apr-entregas-impressao thead { display: table-header-group; }
}

/* Fila: "Conferir" é botão de texto contornado (ação principal da linha), ao lado do ícone de impressão */
.apr-entregas-conferir-texto { display: inline-flex; }