/**
 * AC | Signature — assinatura de aprovação (Signature do DS).
 * Borda superior amarela + intro + avatar/nome/CRM à esquerda + data à direita.
 */
.ac-signature {
  border-top: 1px solid #F6A71C;
}
.ac-signature__inner {
  max-width: var(--container-max, 1104px);
  margin-inline: auto;
  padding-inline: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ac-signature__intro {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color: #808080;
}
.ac-signature__row {
  border-top: 1px solid #D9D9D9;
  padding-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
/* Data ao lado do nome (em vez de empurrada pra direita).
   A borda cinza superior acompanha só a largura do conteúdo (Figma). */
.ac-signature--date-near .ac-signature__row {
  justify-content: flex-start;
  gap: 40px;
  width: fit-content;
}
.ac-signature__person {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.ac-signature__avatar {
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border-radius: 9999px;
  border: 1px solid #FFFFFF;
  background: #E2E5E9;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ac-signature__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ac-signature__initials {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  color: #404040;
}
.ac-signature__info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.ac-signature__name {
  font-family: Arial, sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.7;
  color: #0E5236;
}
.ac-signature__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.7;
  color: #404040;
}
.ac-signature__date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.ac-signature__date-label {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color: #808080;
}
.ac-signature__date-value {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color: #404040;
}

@media (max-width: 768px) {
  /* No mobile o avatar não é exibido (variante mobile do DS). */
  .ac-signature__avatar { display: none; }
}

/* padding top/bottom (tokens DS). */
.ac-signature--pt-0  { padding-top: 0; }
.ac-signature--pt-24 { padding-top: 24px; }
.ac-signature--pt-32 { padding-top: 32px; }
.ac-signature--pt-40 { padding-top: 40px; }
.ac-signature--pt-48 { padding-top: 48px; }
.ac-signature--pt-56 { padding-top: 56px; }
.ac-signature--pt-80 { padding-top: 80px; }
.ac-signature--pb-0  { padding-bottom: 0; }
.ac-signature--pb-24 { padding-bottom: 24px; }
.ac-signature--pb-32 { padding-bottom: 32px; }
.ac-signature--pb-40 { padding-bottom: 40px; }
.ac-signature--pb-48 { padding-bottom: 48px; }
.ac-signature--pb-56 { padding-bottom: 56px; }
.ac-signature--pb-80 { padding-bottom: 80px; }