/**
 * Área da conta (cadastro/login/logado): acentos em verde — sem azul Bootstrap primary.
 * Use com <body class="conta-app">.
 */
@import url('site_form_controls.css');

.conta-app .form-check-input:checked {
    background-color: #238636;
    border-color: #238636;
}

.conta-app .form-check-input:focus {
    border-color: rgba(46, 160, 67, 0.75);
    box-shadow: 0 0 0 0.2rem rgba(46, 160, 67, 0.28);
}

.conta-app .alert-info {
    background-color: rgba(46, 160, 67, 0.12);
    border-color: rgba(46, 160, 67, 0.4);
    color: #e6edf3;
}

/* Links dentro dos cards de login/cadastro — verde em vez do azul padrão */
.conta-app .card a:not(.btn) {
    color: #3fb950;
}

.conta-app .card a:not(.btn):hover {
    color: #56d364;
}

/* Botões com fundo sólido: Brasil / Exterior (btn-check + btn-secondary) */
.conta-app .btn-group .btn-check + .btn.btn-secondary {
    background-color: #30363d;
    border-color: #484f58;
    color: #e6edf3;
    font-weight: 600;
}

.conta-app .btn-group .btn-check + .btn.btn-secondary:hover {
    background-color: #3d444d;
    border-color: #8b949e;
    color: #f0f6fc;
}

.conta-app .btn-group .btn-check:checked + .btn.btn-secondary {
    background-color: #238636;
    border-color: #2ea043;
    color: #fff;
    box-shadow: 0 2px 10px rgba(46, 160, 67, 0.28);
}

.conta-app .btn-group .btn-check:checked + .btn.btn-secondary:hover {
    background-color: #2ea043;
    border-color: #3fb950;
    color: #fff;
}
