body {
    background-color: #F8F9FA; /* Um cinza bem claro para o fundo da página */
    color: #333; /* Cor de texto padrão */
}
.container-fluid { /* Usar container-fluid para ocupar mais largura e acomodar as colunas */
    background-color: #FFFFFF; /* Fundo branco para o conteúdo principal */
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); /* Sombra suave */
}
h1, h3, h5 {
    color: #2E7D32; /* Títulos em verde escuro */
}
.card {
    border: 1px solid #B2DFDB; /* Borda suave em verde-água */
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
.card-header {
    background-color: #E6F7E6; /* Fundo do cabeçalho do card em verde claro */
    color: #2E7D32; /* Texto do cabeçalho em verde escuro */
    font-weight: bold;
    border-bottom: 1px solid #B2DFDB;
}

/* Estilos para abas verticais */
.nav-pills .nav-link { /* Usamos nav-pills para melhor visual em vertical */
    color: #4CAF50; /* Cor do texto das abas normais */
    border-radius: 8px; /* Cantos arredondados para as pílulas */
    margin-bottom: 5px; /* Espaçamento entre as abas */
    text-align: left; /* Alinha o texto à esquerda */
    padding: 10px 15px; /* Mais preenchimento */
}
.nav-pills .nav-link.active {
    color: #FFFFFF; /* Texto da aba ativa em branco */
    background-color: #4CAF50; /* Fundo da aba ativa em verde médio */
    font-weight: bold;
}
.nav-pills .nav-link:hover:not(.active) {
    background-color: #F0FBF0; /* Fundo suave ao passar o mouse */
    color: #2E7D32;
}

.tab-content {
    border: 1px solid #B2DFDB; /* Borda do conteúdo da aba */
    border-radius: 8px;
    background-color: #FFFFFF; /* Fundo branco para o conteúdo da aba */
    padding: 20px;
}
.form-check-input:checked {
    background-color: #4CAF50; /* Checkbox e radio button marcados em verde médio */
    border-color: #4CAF50;
}
.form-control, .form-select {
    border-color: #9CCC65; /* Borda dos inputs em um verde mais suave */
}
.form-control:focus, .form-select:focus {
    border-color: #4CAF50; /* Borda focada em verde médio */
    box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); /* Sombra suave focada */
}
.btn-primary {
    background-color: #4CAF50;
    border-color: #4CAF50;
}
.btn-primary:hover {
    background-color: #388E3C;
    border-color: #388E3C;
}
.text-muted {
    color: #66BB6A !important; /* Cor suave para texto muted */
}
/* Estilo para que o conteúdo do resumo comece em nova linha e tenha espaçamento */
.summary-item {
    margin-bottom: 15px; /* Mais espaço entre cada item do resumo */
    /*display: none;*/ /* Remove o display: none pois não precisamos esconder o título principal agora */
}
.summary-item strong {
    display: block; /* Garante que o título fique em sua própria linha */
    margin-bottom: 2px; /* Pequeno espaçamento entre o título e o conteúdo */
}
/* Remove os estilos de bloco para cada item de resumo, já que agora são agrupados */
.summary-block {
    /* Remover ou ajustar conforme necessário */
    /* margin-bottom: 10px; */
    /* padding-bottom: 10px; */
    /* border-bottom: 1px solid #eee; */
}
.summary-block:last-child {
    /* border-bottom: none; */
}
.summary-block p {
    margin-bottom: 0.5rem; /* Menor margem para parágrafos dentro do bloco */
}
#summaryContent ul {
    padding-left: 20px; /* Indentação para listas no resumo */
}
#summaryContent ul li {
    margin-bottom: 5px; /* Espaço entre itens da lista */
}