.btn-boon {
    color: #fff !important;
    background-color: #581283;
    border-color: #581283;
}

.border-info-boon {
    border-color: #581283 !important;
}

.bg-boon {
    color: #fff !important;
    background-color: #581283 !important;
    border-color: #581283 !important;
}

.menu-boon {
    background-color: #F2E7FF;
}

a.waves-boon:hover,
a.waves-boon:hover i,
a.waves-boon:hover span {
    background-color: #F2E7FF !important;
    color: black !important;
}

/* Estilo boon apenas para passos completos e selecionados */
li.complete .step-icon-boon,
li.selected .step-icon-boon {
    background-color: #581283 !important;
    color: white !important;
}

    /* Estilo para os ícones dentro */
    li.complete .step-icon-boon i,
    li.selected .step-icon-boon i {
        color: white !important;
    }

/* Linhas conectores - Versão Boon */
.connector-line-boon::before,
.connector-line-boon::after {
    background: #581283 !important;
}

/* Para estados ativos/completos */
li.complete .connector-line-boon::before,
li.current .connector-line-boon::before,
li.selected .connector-line-boon::before,
li.complete .connector-line-boon::after,
li.current .connector-line-boon::after {
    background: #581283 !important;
}

.spinner-boon {
    --fa-primary-color: #581283 !important;
    --fa-secondary-color: #D9B3FF !important;
}

.spinner-boon-solid {
    color: #581283 !important;
}

.callout-boon {
    border-left-color: #581283 !important;
}

.ui-state-default-boon,
.ui-button.ui-state-default-boon {
    background: #F2E7FF !important;
    border-color: #D9B3FF !important;
    color: #581283 !important;
}

    .ui-state-default-boon:hover,
    .ui-button.ui-state-default-boon:hover {
        background: #E6D1FF !important;
        border-color: #C299FF !important;
        color: #3D0C5E !important;
    }

    .ui-state-default-boon:active,
    .ui-state-default-boon:focus,
    .ui-button.ui-state-default-boon:active,
    .ui-button.ui-state-default-boon:focus {
        background: #D9B3FF !important;
        border-color: #A366FF !important;
    }

/* Container principal do grid */
#GRL0000700_PROX_AGENDAMENTO_GRID {
    background-color: #F2E7FF !important;
}

    /* Cabeçalho do grid */
    #GRL0000700_PROX_AGENDAMENTO_GRID .ui-jqgrid-hdiv {
        background: #581283 !important;
        border-color: #581283 !important;
    }

    /* Cabeçalho das colunas */
    #GRL0000700_PROX_AGENDAMENTO_GRID .ui-jqgrid .ui-jqgrid-htable th {
        background: #581283 !important;
        color: white !important;
        border-color: #D9B3FF !important;
    }

    /* Linhas do grid */
    #GRL0000700_PROX_AGENDAMENTO_GRID .ui-jqgrid-btable tr {
        background-color: white !important;
    }

        /* Linhas alternadas */
        #GRL0000700_PROX_AGENDAMENTO_GRID .ui-jqgrid-btable tr.ui-row-ltr:nth-child(even) {
            background-color: #F9F2FF !important;
        }

    /* Linha selecionada */
    #GRL0000700_PROX_AGENDAMENTO_GRID .ui-state-highlight {
        background: #E6D1FF !important;
        color: #3D0C5E !important;
    }

    /* Borda das células */
    #GRL0000700_PROX_AGENDAMENTO_GRID .ui-jqgrid-btable td {
        border-color: #F2E7FF !important;
    }

    /* Paginação */
    #GRL0000700_PROX_AGENDAMENTO_GRID .ui-pg-table .ui-state-default {
        background: #F2E7FF !important;
        color: #581283 !important;
        border-color: #D9B3FF !important;
    }

    /* Botões de paginação ativos */
    #GRL0000700_PROX_AGENDAMENTO_GRID .ui-pg-table .ui-state-active {
        background: #581283 !important;
        color: white !important;
        border-color: #581283 !important;
    }

/* Card que contém o grid */
.card-grid-boon {
    border-color: #581283 !important;
}

    .card-grid-boon .card-header {
        background: #581283 !important;
        color: white !important;
    }

    .card-grid-boon .ui-state-default.ui-jqgrid-pager.ui-corner-bottom {
        background: #F2E7FF !important;
        color: #581283 !important;
        border-color: #D9B3FF !important;
    }

/* Ícone flutuante do WhatsApp - Estilo Boon */
#whatsapp-boon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
}

    #whatsapp-boon a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: #25D366 !important;
        text-align: center;
        box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    }

    #whatsapp-boon i.fab {
        font-size: 40px;
        color: #000000 !important;
    }


    #whatsapp-boon a:hover,
    #whatsapp-boon a:hover i {
        background-color: #25D366 !important;
        color: #000000 !important;
    }