/* Ocorrências de Amostras.
   Reaproveita a estética da listagem de amostras (tabela densa no desktop, cards no
   mobile) e acrescenta só o que é próprio daqui: badge de status, ações por linha e o
   formulário do modal. */

.flag-resolvido {
    background: #E8F5E9;
    color: #2E7D32;
}

/* ─── Ações ─── */
.tabela-amostras .col-acoes {
    white-space: nowrap;
    text-align: right;
}

.acoes-linha {
    display: inline-flex;
    gap: 0.25rem;
}

.acoes-linha .btn {
    padding: 0.2rem 0.45rem;
    line-height: 1.2;
}

.card-acoes {
    display: flex;
    justify-content: flex-end;
    padding-top: 0.4rem;
    border-top: 1px dashed #ECEFF1;
}

.card-observacao {
    font-size: 0.8rem;
    color: #546E7A;
    padding: 0.3rem 0;
    white-space: pre-wrap;
}

/* ─── Modal de cadastro ─── */
/* A amostra e a observação ocupam a linha inteira: nome de produto e texto livre não
   cabem na mesma coluna estreita dos demais campos. */
.form-group-largo {
    grid-column: 1 / -1;
}

.edicao-rodape {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid #ECEFF1;
    font-size: 0.8rem;
    color: #607D8B;
}