#profileForm button,
#dogForm button {
  margin-top: 18px;
}

#dogFormContainer,
#dogDetailContainer {
  margin-top: 16px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(25, 42, 70, 0.07);
  border-radius: 16px;
  padding: 14px;
}

#dogFormContainer.hidden,
#dogDetailContainer.hidden {
  display: none !important;
}

#dogFormContainer > h2,
#profilePurchasesContainer h2 {
  margin: 0 0 12px;
  color: var(--subheading);
}

#dogFormContainer > h2 {
  font-size: 1.15rem;
}

#profilePurchasesContainer h2 {
  font-size: 1.1rem;
}

#dogDetailContainer {
  background: linear-gradient(180deg, rgba(255,255,255,0.82) 0%, rgba(249,251,255,0.92) 100%);
}

#dogDetailContainer p {
  margin: 10px 0;
  padding: 8px 10px;
  background: #fff;
  border: 1px solid #e2eaf4;
  border-radius: 10px;
}

#dogDetailContainer p strong {
  color: #233852;
}

#dogList {
  align-items: start;
}

#dogList .dog-card,
#dogList .dog-intro {
  min-height: 210px;
}

.dog-card-name,
.dog-intro button {
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
}

#dogFotoFileName {
  margin-top: 8px;
  text-align: center;
  color: var(--muted);
}

.dog-card-name {
  width: 100%;
  padding: 0 4px;
}

.dog-detail-menu {
  margin-top: 8px;
}

.dog-detail-menu + #dogDetailContent {
  margin-top: 12px;
}