@charset "utf-8";
/* --- CUSTOMIZAÇÃO DEFINITIVA DA MENSAGEM DE SUCESSO (INFO) --- */

/* 1. Cores, Padding e Line-height da Caixa */
.ui-messages-info,
.alert-info {
    border-color: #c8e6c9 !important;
    background-color: #e8f5e9 !important;
    color: #1b5e20 !important;
    position: relative;
    /* Reduzido de 48px para 40px para aproximar o texto do ícone */
    padding: 16px 30px 16px 25px !important; 
}

/* 2. Ajuste fino do Texto */
.ui-messages-info-summary,
.ui-messages-info-detail {
    color: #1b5e20 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    display: inline-block;
    vertical-align: middle;
}

/* 3. Esconde o ícone original */
.ui-messages-info-icon {
    display: none !important;
}

/* 4. Ícone MAIOR e Perfeitamente Alinhado */
.ui-messages-info::before {
    content: "";
    display: inline-block;
    
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231b5e20'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
    /* TAMANHO AUMENTADO: De 20px para 26px, pra ficar proeminente */
    width: 26px;
    height: 26px;
    
    position: absolute;
    left: 12px;
    
    /* TOP REAJUSTADO: Centraliza verticalmente o ícone maior no meio da caixa com padding novo */
    top: 50%;
    transform: translateY(-50%);
}