/* Estilos específicos do acompanhamento — extensão da identidade institucional. */
.ap-wrap .ap-search-box,
.ap-wrap .ap-login-box {
  border-color: var(--borda);
  box-shadow: var(--sombra);
}
.ap-wrap .ap-search-box__icon {
  background: var(--verde-light);
  color: var(--verde-dark);
}
.ap-wrap .ap-search-row input,
.ap-wrap .ap-login-input-row input,
.ap-wrap .ap-otp-input {
  border-color: var(--cinza);
}
.ap-wrap .ap-search-row input:focus,
.ap-wrap .ap-login-input-row input:focus,
.ap-wrap .ap-otp-input:focus {
  border-color: var(--verde);
  box-shadow: 0 0 0 3px rgba(121, 137, 112, 0.15);
}
.ap-wrap .ap-search-row .btn,
.ap-wrap .ap-login-input-row .btn,
.ap-wrap .ap-login-step .btn--primary {
  background: var(--verde-dark);
  border-color: var(--verde-dark);
}
.ap-wrap .ap-search-row .btn:hover,
.ap-wrap .ap-login-input-row .btn:hover,
.ap-wrap .ap-login-step .btn--primary:hover {
  background: var(--verde);
  border-color: var(--verde);
}
.ap-wrap .ap-search-error,
.ap-wrap .ap-login-feedback.error {
  background: var(--nude-light);
  border-color: rgba(186, 165, 152, 0.55);
  color: var(--azul-dark);
}
.ap-wrap .ap-help-text,
.ap-wrap .ap-login-hint--support {
  margin: 12px 0 0;
  font-size: 0.78rem;
  line-height: 1.55;
  color: var(--texto-suave);
  text-align: justify;
}
.ap-wrap .ap-help-text a,
.ap-wrap .ap-login-hint--support a {
  color: var(--verde-dark);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ap-wrap .ap-search-box__help {
  max-width: 420px;
  margin: 14px auto 0;
  padding: 10px 12px;
  border-left: 3px solid var(--nude);
  border-radius: var(--radius-xs);
  background: var(--bege);
  text-align: left;
}
.ap-wrap .ap-login-box__divider span,
.ap-wrap .ap-stepper__title,
.ap-wrap .ap-history__title,
.ap-wrap .ap-details__title,
.ap-wrap .ap-msg-section__title,
.ap-wrap .ap-docs__title,
.ap-wrap .ap-card__actions__title {
  color: var(--verde-dark);
}
.ap-wrap .ap-card__actions { background: var(--bege); }
.ap-wrap .ap-login-feedback.success { background: var(--verde-light); border-color: var(--borda-verde); color: var(--verde-dark); }
.ap-wrap .ap-login-hint { color: var(--texto-suave); }
.ap-wrap .ap-login-hint a { color: var(--verde-dark); }
.ap-wrap :where(a, button, input, textarea):focus-visible {
  outline: 3px solid var(--verde-dark);
  outline-offset: 3px;
}
@media (max-width: 480px) {
  .ap-wrap .ap-search-box__help { text-align: left; }
  .ap-wrap .ap-help-text,
  .ap-wrap .ap-login-hint--support { text-align: left; }
}