.webform-submission-dan-testing-application-form {
  max-width: 1100px;
  margin: 0 auto;
}

.webform-submission-dan-testing-application-form .panam-form-intro,
.webform-submission-dan-testing-application-form .panam-form-section {
  background: #ffffff;
  border: 1px solid rgba(16, 43, 78, 0.14);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.webform-submission-dan-testing-application-form .panam-form-intro {
  border-top: 6px solid #102b4e;
}

.webform-submission-dan-testing-application-form .panam-kicker {
  color: #b21f2d;
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.webform-submission-dan-testing-application-form .panam-form-intro h2,
.webform-submission-dan-testing-application-form .panam-form-section legend,
.webform-submission-dan-testing-application-form .panam-photo-guidelines h3 {
  color: #102b4e;
  font-weight: 800;
}

.webform-submission-dan-testing-application-form .panam-section-help {
  margin: 0 0 18px;
  color: #4c5a6a;
  font-size: 1rem;
}

.webform-submission-dan-testing-application-form .panam-photo-guidelines {
  background: #f8fafc;
  border-left: 6px solid #b21f2d;
  border-radius: 12px;
  padding: 18px 20px;
  margin-bottom: 18px;
}

.webform-submission-dan-testing-application-form .panam-photo-guidelines ul {
  margin-bottom: 14px;
}

.webform-submission-dan-testing-application-form .panam-photo-example {
  text-align: center;
  margin: 14px 0;
}

.webform-submission-dan-testing-application-form .panam-photo-example img {
  max-width: 140px;
  height: auto;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  padding: 4px;
}

.webform-submission-dan-testing-application-form .panam-warning {
  color: #9f1d2b;
  margin-bottom: 0;
}

.webform-submission-dan-testing-application-form input,
.webform-submission-dan-testing-application-form select,
.webform-submission-dan-testing-application-form textarea {
  border-radius: 8px;
}

.webform-submission-dan-testing-application-form .form-actions input[type="submit"] {
  background: #102b4e;
  color: #ffffff;
  border: 0;
  border-radius: 999px;
  padding: 12px 30px;
  font-weight: 800;
}

.webform-submission-dan-testing-application-form .form-actions input[type="submit"]:hover,
.webform-submission-dan-testing-application-form .form-actions input[type="submit"]:focus {
  background: #0b203c;
}

/* PanAm Webform Review / Preview Page */

.webform-submission-dan-testing-application-form,
form[id*="dan-testing-application"] {
  max-width: 1020px;
  margin: 0 auto;
}

/* Style the generated preview wrapper */
.webform-preview,
.webform-submission-dan-testing-application-form .webform-preview,
form[id*="dan-testing-application"] .webform-preview {
  background: #ffffff !important;
  border: 1px solid rgba(16, 43, 78, 0.16) !important;
  border-left: 4px solid #d6a642 !important;
  border-radius: 14px !important;
  padding: 22px !important;
  margin: 0 auto 26px !important;
  max-width: 1020px !important;
  box-shadow: 0 8px 22px rgba(16, 43, 78, 0.07) !important;
}

/* Each preview section */
.webform-preview details,
.webform-preview fieldset {
  background: #ffffff !important;
  border: 1px solid rgba(16, 43, 78, 0.16) !important;
  border-radius: 12px !important;
  margin: 0 0 18px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(16, 43, 78, 0.04) !important;
}

/* Preview section headers */
.webform-preview details > summary,
.webform-preview fieldset > legend {
  background: #f8fafc !important;
  color: #102b4e !important;
  font-weight: 800 !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgba(16, 43, 78, 0.12) !important;
  width: 100% !important;
}

/* Preview section content */
.webform-preview details > .details-wrapper,
.webform-preview fieldset > .fieldset-wrapper {
  padding: 18px 16px !important;
}

/* Preview rows */
.webform-preview .form-item,
.webform-preview .webform-element,
.webform-preview .webform-preview-item {
  margin-bottom: 18px !important;
}

/* Preview labels */
.webform-preview strong,
.webform-preview label,
.webform-preview .webform-element-label {
  color: #102b4e !important;
  font-weight: 800 !important;
  margin-right: 6px !important;
}

/* Edit buttons inside preview sections */
.webform-preview input[type="submit"],
.webform-preview .button,
.webform-preview a.button {
  background: #6d7884 !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 10px 26px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

/* Main form action buttons */
.webform-submission-dan-testing-application-form .form-actions,
form[id*="dan-testing-application"] .form-actions {
  max-width: 1020px !important;
  margin: 24px auto 0 !important;
}

/* Submit / previous / review buttons */
.webform-submission-dan-testing-application-form .form-actions input[type="submit"],
form[id*="dan-testing-application"] .form-actions input[type="submit"],
.webform-submission-dan-testing-application-form .form-actions .button,
form[id*="dan-testing-application"] .form-actions .button {
  border-radius: 999px !important;
  padding: 12px 30px !important;
  font-weight: 800 !important;
  border: 0 !important;
}

.webform-submission-dan-testing-application-form .form-actions input[value*="Submit"],
form[id*="dan-testing-application"] .form-actions input[value*="Submit"] {
  background: #102b4e !important;
  color: #ffffff !important;
}

.webform-submission-dan-testing-application-form .form-actions input[value*="Previous"],
form[id*="dan-testing-application"] .form-actions input[value*="Previous"] {
  background: #6d7884 !important;
  color: #ffffff !important;
}

/* Style Drupal's preview message box if Webform renders it as a message */
.messages,
.messages--status,
.messages--warning,
.webform-message {
  max-width: 1020px !important;
  margin: 0 auto 24px !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 43, 78, 0.16) !important;
  border-top: 6px solid #102b4e !important;
  border-radius: 14px !important;
  padding: 22px 24px !important;
  color: #1f2933 !important;
  box-shadow: 0 8px 22px rgba(16, 43, 78, 0.07) !important;
}

/* Hide dismiss X if the preview message is rendered as a closable alert */
.messages .button,
.messages button,
.messages .close,
.messages__close {
  display: none !important;
}

/* PanAm custom confirmation page */
.panam-confirmation-card {
  max-width: 1020px !important;
  margin: 0 auto 32px !important;
  background: #ffffff !important;
  border: 1px solid rgba(16, 43, 78, 0.16) !important;
  border-top: 7px solid #102b4e !important;
  border-radius: 16px !important;
  padding: 28px !important;
  box-shadow: 0 10px 28px rgba(16, 43, 78, 0.08) !important;
}

.panam-confirmation-card h2 {
  color: #102b4e !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
}

.panam-confirmation-card h3 {
  color: #102b4e !important;
  font-weight: 800 !important;
}

.panam-confirmation-next {
  background: #f8fafc !important;
  border: 1px solid rgba(16, 43, 78, 0.12) !important;
  border-left: 5px solid #d6a642 !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
  margin: 22px 0 !important;
}

.panam-confirmation-note {
  font-weight: 700 !important;
  color: #102b4e !important;
}

@media (max-width: 700px) {
  .webform-submission-dan-testing-application-form .panam-form-intro,
  .webform-submission-dan-testing-application-form .panam-form-section {
    padding: 18px;
    border-radius: 12px;
  }
}