/* ============================================================
   Vigilância de Processos e Controle de Infecção
   Consulta Rápida — POPs e materiais do setor (complementos
   sobre o CSS base de ../painel/painel.css).
   ============================================================ */

.pop-secao {

    display: flex;

    flex-direction: column;

    gap: 14px;
}


.pop-cabecalho h2 {

    margin: 0;

    color: var(--primary-navy);

    font-size: 1.15rem;
}


.pop-sub {

    margin: 4px 0 0;

    color: var(--text-muted);

    font-size: 0.86rem;
}


.pop-lista {

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

    gap: 14px;
}


.pop-card {

    display: flex;

    flex-direction: column;

    gap: 10px;

    padding: 18px;

    background: var(--surface);

    border: 1px solid var(--border-color);

    border-radius: var(--radius-medium);
}


.pop-titulo {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    margin: 0;

    color: var(--primary-navy);

    font-size: 1rem;

    line-height: 1.3;
}


.pop-titulo .icon {

    width: 22px;
    height: 22px;

    margin-top: 1px;

    color: var(--serie-1);
}


.pop-descricao {

    margin: 0;

    color: var(--text-main);

    font-size: 0.9rem;

    line-height: 1.45;
}


.pop-meta {

    margin: 0;

    color: var(--text-muted);

    font-size: 0.78rem;
}


.pop-acoes {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 10px;

    margin-top: auto;
}


.pop-abrir {

    min-height: 44px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding: 8px 16px;

    border-radius: var(--radius-medium);

    background: var(--primary-navy);

    color: #FFFFFF;

    font-weight: 700;

    text-decoration: none;
}


.pop-abrir:hover {

    background: var(--serie-1);
}


.pop-abrir .icon {

    width: 18px;
    height: 18px;
}


/* Situação do documento neste aparelho (nunca só a cor: sempre
   com texto). */

.pop-offline {

    display: inline-flex;

    align-items: center;

    gap: 6px;

    padding: 4px 10px;

    border-radius: 999px;

    border: 1px solid var(--border-color);

    background: var(--surface-secondary);

    color: var(--text-muted);

    font-size: 0.74rem;

    font-weight: 700;
}


.pop-offline.ok {

    border-color: #B7D9C2;

    background: #E9F6EE;

    color: #1E5A38;
}


.pop-offline.baixando {

    color: var(--serie-1);
}


.pop-vazio {

    margin: 0;

    padding: 18px;

    border: 1px dashed var(--border-color);

    border-radius: var(--radius-medium);

    color: var(--text-muted);

    font-size: 0.9rem;
}


.pop-vazio code {

    font-size: 0.85em;
}