.form-control {
    margin: 1rem 0;
}

.form-control label,
.form-control input,
.form-control textarea {
    display: block;
    width: 100%;
    margin-bottom: 0.25rem;
}

.form-control input,
.form-control textarea {
    border: 1px solid #a1a1a1;
    font: inherit;
    border-radius: 2px;
}

.form-control input:focus,
.form-control textarea:focus {
    outline-color: #00695c;
}

.form-actions {
  display: flex;
  justify-content: center; /* 🔥 centraliza horizontalmente */
  gap: 12px;               /* espaço entre os botões */
  margin-top: 14px;
  flex-wrap: wrap;         /* quebra linha se faltar espaço */
}

.form-actions button {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #1e88e5;
  background: #1e88e5;
  color: white;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.form-actions button:hover {
  background: #1565c0;
}

#btn_limpar {
  background: #eeeeee;
  color: #333;
  border-color: #ccc;
}

#btn_limpar:hover {
  background: #dddddd;
}

.readonly-field{
  padding: 6px 8px;
  background: #f4f4f4;
  border: 1px solid #ccc;
  border-radius: 3px;
  color:#444;
}


.form-section-title {
  font-size: 0.85rem;
  font-weight: 700;
  margin: 12px 0 6px 0;
  letter-spacing: 0.5px;  
  color: #444;
}


.chip-group {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.chip-group input[type="radio"] {
  display: none;
}

.chip-group label {
  padding: 6px 12px;
  border-radius: 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-size: 0.85rem;
  font-weight: 600;
  transition: all 0.2s ease;
  background: #f5f5f5;
  user-select: none;              /* padrão moderno */
  -webkit-user-select: none;      /* Safari */
  -moz-user-select: none;         /* Firefox */
  -ms-user-select: none;          /* Edge antigo */
}

/* Hover (quando não está selecionado) */
.chip-group label:hover {
  background: #e3f2fd;
  border-color: #1e88e5;
  color: #1e88e5;
  transform: translateY(-1px);
}

/* Efeito de clique */
.chip-group label:active {
  transform: translateY(0);
}

/* Estado selecionado (já tinha, mas vamos melhorar) */
.chip-group input[type="radio"]:checked + label {
  background: #1e88e5;
  color: white;
  border-color: #1e88e5;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
}

.chip-group input[type="radio"]:checked + label {
  background: #1e88e5;
  color: white;
  border-color: #1e88e5;
}

.input-row {
  display: flex;
  gap: 15px;
}

.input-row input {
  flex: 1;
}