.webform-submission-form { max-width: 820px; }
.sr-box { padding: 14px 16px; border: 1px solid #e6e6e6; border-radius: 8px; margin-bottom: 14px; background: #fafafa; }
.sr-box h2 { margin: 0 0 6px; font-size: 22px; }
.sr-box p { margin: 0; opacity: .92; }
.sr-info { padding: 10px 12px; border-left: 4px solid #0b4aa2; background: #f4f7ff; border-radius: 6px; margin: 8px 0 12px; }
.sr-info em { opacity: .9; }

.webform-submission-form label,
.webform-submission-form .fieldset-legend {
  display: block !important;
  font-weight: 700;
  margin: 12px 0 6px;
}
.webform-submission-form .description {
  margin-top: 4px;
  margin-bottom: 10px;
  opacity: .9;
}

.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form input[type="tel"]{
  width: 100%;
  max-width: 760px;
  height: 40px;
}

/* Radios/checkboxes: texto na mesma linha */
.webform-submission-form .webform-options-display-one-column .js-form-type-radio,
.webform-submission-form .webform-options-display-one-column .js-form-type-checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0;
}
.webform-submission-form .webform-options-display-one-column input.form-radio,
.webform-submission-form .webform-options-display-one-column input.form-checkbox {
  margin: 0;
}
.webform-submission-form .webform-options-display-one-column label.option {
  display: inline !important;
  margin: 0 !important;
  font-weight: 600;
}

/* Botão + espaço no rodapé */
.webform-submission-form .form-actions input[type="submit"],
.webform-submission-form .form-actions button {
  padding: 10px 18px;
  font-weight: 700;
  border-radius: 6px;
}
.webform-submission-form .form-actions {
  margin-bottom: 60px !important;
  padding-bottom: 60px !important;
}
/* Igualar 100% o botão Limpar ao Submit */
.webform-submission-form .form-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}

.webform-submission-form .form-actions .sr-clear-oficinas,
.webform-submission-form .form-actions input[type="submit"]{
  height: 44px !important;
  line-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  text-transform: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
}

/* cor igual */
.webform-submission-form .form-actions .sr-clear-oficinas{
  background: #0b4aa2 !important;
  color: #fff !important;
  min-width: 150px; /* deixa parecido com o submit */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* garante que o submit também fique centralizado e com largura parecida */
.webform-submission-form .form-actions input[type="submit"]{
  min-width: 110px;
}
.sr-field-error {
  border-left: 3px solid #dc3545;
  padding-left: 10px;
  background-color: rgba(220, 53, 69, 0.05);
}

.sr-field-error label {
  color: #dc3545;
  font-weight: bold;
}


/* Seu estilo existente error */
.sr-field-error {
  border-left: 3px solid #dc3545;
  padding-left: 10px;
  background-color: rgba(220, 53, 69, 0.05);
}

.sr-field-error label {
  color: #dc3545;
  font-weight: bold;
}

/* Estilo para mensagens inline (igual ao Drupal) */
.form-item--error-message {
  color: #dc3545;
  font-size: 0.9em;
  margin-top: 5px;
  display: block;
}

/* Garante que as mensagens do Drupal e nossas se misturem */
.messages ul, 
.webform-messages ul {
  margin: 0;
  padding-left: 20px;
}

.messages li,
.webform-messages li {
  list-style-type: disc;
}