.coh-style-webform #edit-contact-information {
  margin-top: 0 !important;
}

@media (max-width: 768px) {
  .coh-style-webform form fieldset.form-wrapper > legend > .fieldset-legend {
    font-size: 24px;
    font-weight: 700 !important;
  }

  .ui-dialog .ui-dialog-content {
    max-height: none !important;
    overflow-y: visible !important;
  }
}

.webform-confirmation-modal.success-modal.ui-dialog {
  background: #f8fafc;
  border-radius: 24px 24px 0 0;
  padding: 0;
  max-width: 340px;
  width: 90%;
  box-shadow: 0 24px 56px -12px rgba(2, 6, 23, 0.24);
}

.webform-confirmation-modal.success-modal .ui-dialog-titlebar {
  background: transparent;
  border: 0;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.webform-confirmation-modal.success-modal .ui-dialog-titlebar::before {
  content: '';
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #e8f5e9;
  border: 3px solid #23744d;
  display: none;
}

.webform-confirmation-modal.success-modal .ui-dialog-titlebar::before {
  display: none;
}

@media (max-width: 1024px) {
  .ui-dialog {
    padding: 40px 16px !important;
  }

  /*
   * App webview: a fixed native bottom menu (~130px) overlaps the page bottom.
   * Anchor the confirmation modal near the top (24px, set in
   * webform-confirmation-modal-position.js) and cap its height so the bottom
   * edge never gets closer than 130px to the bottom of the viewport. Taller
   * content then scrolls inside the modal, keeping the action buttons reachable.
   * Scoped to .webform-confirmation-modal so admin/other dialogs are untouched,
   * and overrides the `.ui-dialog .ui-dialog-content { max-height:none }` rule
   * above via higher specificity.
   */
  .ui-dialog.webform-confirmation-modal {
    display: flex !important;
    flex-direction: column !important;
    max-height: calc(100vh - 24px - 130px) !important;
  }

  .ui-dialog.webform-confirmation-modal .ui-dialog-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
  }

  .ui-dialog.webform-confirmation-modal .ui-dialog-titlebar,
  .ui-dialog.webform-confirmation-modal .ui-dialog-buttonpane {
    flex: 0 0 auto !important;
  }

  .theme--sanepar .ui-dialog .ui-dialog-buttonpane {
    margin-top: 12px !important;
  }

  .webform-confirmation-modal.success-modal.portalcliente-water-shortage-success .ui-dialog-titlebar::before {
    display: block;
    content: '\2713';
    color: #fff;
    font-size: 32px;
    line-height: 64px;
    text-align: center;
    font-weight: 700;
  }

  .portalcliente-webform-success-modal .water-shortage-success-message {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #020617;
  }

  .portalcliente-webform-success-modal small {
    font-size: 14px;
    color: #64748b;
    font-weight: 400 !important;
    line-height: 1.5;
  }
}

.webform-confirmation-modal.success-modal .ui-dialog-titlebar .ui-dialog-title {
  color: #23744d;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}

.webform-confirmation-modal.success-modal .ui-dialog-titlebar .ui-button {
  display: none;
}

.webform-confirmation-modal.success-modal .ui-dialog-content {
  padding: 0;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #020617;
}

.portalcliente-webform-success-modal {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

.portalcliente-webform-success-modal p {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
}

.portalcliente-webform-success-modal p strong {
  font-weight: 700;
}

.portalcliente-text-emphasis {
  font-weight: 700;
}

.portalcliente-webform-success-modal p:last-child {
  font-size: 14px;
  color: #64748b;
}

.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-buttonpane {
  display: none;
}

.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .form-actions.webform-confirmation-actions,
.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .webform-confirmation-actions {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .form-actions.webform-confirmation-actions a,
.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .webform-confirmation-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 8px 24px;
  border-radius: 0 24px 0 24px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500 !important;
  text-decoration: none;
  box-sizing: border-box;
}

.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .form-actions.webform-confirmation-actions a.button--primary,
.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .webform-confirmation-actions a.button--primary {
  background: #0862ad;
  color: #f8fafc;
  border: 1px solid #0862ad;
}

.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .form-actions.webform-confirmation-actions a.button--secondary,
.ui-dialog:has(.portalcliente-webform-success-modal) .ui-dialog-content .webform-confirmation-actions a.button--secondary {
  background: transparent;
  color: #0862ad;
  border: 1px solid #0862ad;
}

/**
 * Lista de requisitos do termo de desempregado (HTML markup do webform).
 * Itens aninhados (2º nível em diante) têm marcadores digitados manualmente
 * (a, b, c...) — remove as bolinhas que o <ul> aninhado insere. Lista de 1º
 * nível mantém os marcadores padrão.
 */
.desempregado-requisitos ul ul {
  list-style: none !important;
}

.desempregado-requisitos ul ul > li {
  list-style: none !important;
}

.desempregado-requisitos ul ul > li::marker {
  content: none !important;
}

/**
 * Estilos específicos para ocultar botão "Voltar"
 */
 @media (max-width: 1024px) {
  [data-once="sanepar-logout-link-rewrite"][href="/home"] {
    display: none;
  }

  .coh-style-webform .form-actions.prepend-back-button button {
    display: none !important;
  }
}