/* =====================================================================
   CONSORCIOPRO — MÓDULO DE CONFIGURAÇÕES
===================================================================== */

.config-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;

    margin-bottom:25px;

}

.config-card{

    background:white;
    border-radius:16px;
    padding:26px 28px;
    box-shadow:0 2px 10px rgba(0,0,0,.05);

}

.config-card h3{

    font-size:17px;
    margin-bottom:6px;

}

.config-hint{

    font-size:13px;
    color:#888;
    margin-bottom:20px;
    line-height:1.5;

}

.config-actions{

    display:flex;
    gap:14px;
    flex-wrap:wrap;

}

/* .info-card (definido em css/comissoes.css, componente compartilhado
   com o modal de Nova Venda e o rodapé de Assembleias) usado aqui para
   destacar frases de aviso/dica com uma "faixa" colorida em vez de
   texto cinza comum (pedido do usuário, 2026-07-18). Sempre dá um
   respiro embaixo — nos cards em que ele é o último elemento (Dados
   do Consultor, Backup), isso só soma um pouco ao padding do próprio
   .config-card, sem problema visual; no card Comissão, onde vem antes
   do .form-grid, é esse respiro que evita a caixa colar na grade. */
.config-card .info-card{
    margin-bottom:20px;
}

.config-footer{

    display:flex;
    justify-content:flex-end;

}

@media(max-width:900px){

    .config-grid{
        grid-template-columns:1fr;
    }

}