/* Cores personalizadas para botões principais - PortalAdminC8 */

/* Variáveis CSS personalizadas */
:root {
    --color-primary: rgb(162, 190, 81);
    --color-primary-hover: rgb(146, 171, 73);
    --color-primary-active: rgb(130, 152, 65);
    --color-primary-bg: rgba(162, 190, 81, 0.1);
    --color-primary-border: rgba(162, 190, 81, 0.2);
}

/* Sobrescreve a cor padrão dos botões success */
.btn-success,
.btn.btn-success {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
}

.btn-success:hover {
    background-color: rgb(146, 171, 73) !important;
    border-color: rgb(146, 171, 73) !important;
    color: #ffffff !important;
}

.btn-success:focus,
.btn-success.focus {
    background-color: rgb(146, 171, 73) !important;
    border-color: rgb(146, 171, 73) !important;
    box-shadow: 0 0 0 0.2rem rgba(162, 190, 81, 0.5) !important;
    color: #ffffff !important;
}

.btn-success:active,
.btn-success.active,
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active {
    background-color: rgb(130, 152, 65) !important;
    border-color: rgb(130, 152, 65) !important;
    color: #ffffff !important;
}

.btn-success:disabled,
.btn-success.disabled {
    background-color: rgb(162, 190, 81) !important;
    border-color: rgb(162, 190, 81) !important;
    opacity: 0.65;
}

/* Outline variant do botão success */
.btn-outline-success {
    color: rgb(162, 190, 81) !important;
    border-color: rgb(162, 190, 81) !important;
}

.btn-outline-success:hover {
    background-color: rgb(162, 190, 81) !important;
    border-color: rgb(162, 190, 81) !important;
    color: #ffffff !important;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
    box-shadow: 0 0 0 0.2rem rgba(162, 190, 81, 0.5) !important;
}

.btn-outline-success:active,
.btn-outline-success.active {
    background-color: rgb(162, 190, 81) !important;
    border-color: rgb(162, 190, 81) !important;
    color: #ffffff !important;
}

/* Badges success */
.badge.bg-success {
    background-color: rgb(162, 190, 81) !important;
}

/* Alerts success */
.alert-success {
    background-color: rgba(162, 190, 81, 0.1) !important;
    border-color: rgba(162, 190, 81, 0.2) !important;
    color: rgb(130, 152, 65) !important;
}

/* Progress bars */
.progress-bar-success,
.progress-bar.bg-success {
    background-color: rgb(162, 190, 81) !important;
}

/* Botões de login e formulários com maior especificidade */
html body .login-button,
html body .btn-modern,
html body .btn-login,
html body .btn-primary,
html body .btn.btn-primary,
html body button[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary),
html body input[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info),
html body .btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary):not(.btn-light):not(.btn-dark),
html body button.btn-primary,
html body input.btn-primary,
html body .btn-success,
html body button.btn-success,
html body input.btn-success {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
    background-image: none !important;
    background: var(--color-primary) !important;
}

/* Elementos de navegação e destaque */
html body .nav-link.active,
html body .nav-pills .nav-link.active,
html body .navbar-nav .nav-link.active,
html body .sidebar .nav-link.active,
html body .list-group-item.active,
html body .bg-primary,
html body .text-primary,
html body .link-primary,
html body .nav-link.show,
html body .navbar-nav .nav-link:hover,
html body .sidebar .nav-link:hover,
html body .sidebar-nav .nav-link.active,
html body .sidebar-nav .nav-link:hover,
html body .sidebar-item.active,
html body .sidebar-item.active a,
html body .sidebar-item.active .nav-link,
html body .simplebar-content .nav-link.active,
html body .sidebar-content .nav-link.active,
html body .sidebar-menu .nav-link.active,
html body .left-sidebar .nav-link.active,
html body .sidebar-nav .sidebar-item.active,
html body .sidebar-nav .sidebar-item.active a,
html body .sidebar-nav .sidebar-item.active .nav-link,
html body .nav-link-modern.active,
html body .nav-link-modern.active:hover,
html body .nav-link-modern.active:focus {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: #ffffff !important;
    background: var(--color-primary) !important;
    background-image: none !important;
}

/* Seletor de maior especificidade para forçar a cor */
html body div .sidebar-nav .nav-link-modern.active,
html body .sidebar .sidebar-nav .nav-link-modern.active,
html body .left-sidebar .sidebar-nav .nav-link-modern.active {
    background-color: rgb(162, 190, 81) !important;
    background: rgb(162, 190, 81) !important;
    border-color: rgb(162, 190, 81) !important;
    color: #ffffff !important;
    background-image: none !important;
}

/* Cores de fundo e elementos destacados */
.bg-teal,
.bg-info,
.card.bg-teal,
.card.bg-info,
.dashboard-card.primary,
.feature-card.primary,
.hero-section,
.primary-section {
    background-color: var(--color-primary) !important;
    background: var(--color-primary) !important;
}

html body .login-button:hover,
html body .btn-modern:hover,
html body .btn-login:hover,
html body .btn-primary:hover,
html body .btn.btn-primary:hover,
html body button[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary):hover,
html body input[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):hover,
html body .btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary):not(.btn-light):not(.btn-dark):hover,
html body button.btn-primary:hover,
html body input.btn-primary:hover,
html body .btn-success:hover,
html body button.btn-success:hover,
html body input.btn-success:hover {
    background-color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
    color: #ffffff !important;
    background-image: none !important;
    background: var(--color-primary-hover) !important;
}

.login-button:focus,
.btn-modern:focus,
.btn-login:focus,
.btn-primary:focus,
.btn.btn-primary:focus,
button[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary):focus,
input[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):focus,
.btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary):not(.btn-light):not(.btn-dark):focus {
    background-color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
    box-shadow: 0 0 0 0.2rem rgba(162, 190, 81, 0.5) !important;
    color: #ffffff !important;
}

.login-button:active,
.btn-modern:active,
.btn-login:active,
.btn-primary:active,
.btn.btn-primary:active,
button[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary):active,
input[type="submit"]:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):active,
.btn:not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-info):not(.btn-outline-secondary):not(.btn-light):not(.btn-dark):active {
    background-color: var(--color-primary-active) !important;
    border-color: var(--color-primary-active) !important;
    color: #ffffff !important;
}