/* C:\webgpe\static\css\main.css */

/* Estilos gerais do corpo da página */
body {
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    background-color: #f8f9fa; /* Cor de fundo clara */
    color: #343a40; /* Cor de texto padrão */
}

/* Estilos para a barra de navegação */
.navbar {
    background-color: #007bff !important; /* Cor primária do Bootstrap */
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
}

.navbar-brand, .navbar-nav .nav-link {
    color: #ffffff !important; /* Texto branco para a navbar */
}

.navbar-nav .nav-link:hover {
    color: #e9ecef !important; /* Levemente mais claro no hover */
}

/* Contraste de .text-muted dentro de containers escuros (cards/tabelas bg-dark) */
.bg-dark .text-muted,
.table-dark .text-muted,
.card.bg-dark .text-muted {
  color: #adb5bd !important;
}

/* Estilos para cards e formulários */
.card {
    border-radius: .75rem; /* Bordas mais arredondadas */
    border: none; /* Remove a borda padrão do Bootstrap */
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; /* Sombra mais pronunciada */
}

.card-header {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    background-color: #007bff; /* Cor primária */
    color: #ffffff;
    padding: 1.25rem 1.5rem;
    font-weight: 600;
}

.card-header h3 {
    margin-bottom: 0;
    font-size: 1.75rem;
}

/* Estilos para botões */
.btn-primary {
    background-color: #007bff;
    border-color: #007bff;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #0056b3;
    border-color: #0056b3;
    transform: translateY(-1px);
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
    transition: all 0.3s ease;
}

.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: #6c757d;
    border-color: #6c757d;
    transform: translateY(-1px);
}

/* Estilos para mensagens flash */
.alert {
    border-radius: .5rem;
    margin-top: 1rem;
}

/* Estilos para campos de formulário com erro */
.invalid-feedback {
    font-size: 0.875em;
    color: #dc3545; /* Cor de erro padrão do Bootstrap */
}

/* Estilos para ícones */
.fas {
    margin-right: .25rem;
}

/* Ajustes para o rodapé (se houver um) */
footer {
    margin-top: 5rem;
    padding: 2rem 0;
    background-color: #343a40;
    color: #ffffff;
    text-align: center;
}

/* Estilos específicos para a página de seleção de ambiente */
.card-header.bg-warning {
    background-color: #ffc107 !important; /* Amarelo do Bootstrap */
    color: #343a40 !important; /* Texto escuro */
}

.form-check-inline .form-check-input {
    margin-top: .3rem;
}

.form-check-inline .form-check-label {
    font-size: 1.1rem;
    font-weight: 500;
    cursor: pointer;
}

.form-check-inline .form-check-input:checked + .form-check-label {
    color: #007bff; /* Destaca o label da opção selecionada */
}