/* Profile pages: a little more room and hierarchy, in step with Settings. */
.profile-page,
.profile-edit-page {
  padding-bottom: 3.5rem;
}

.profile-panel {
  border: 1px solid #dcebe2;
  box-shadow: 0 8px 24px rgba(22, 73, 48, 0.055);
}

.profile-panel > .border-b {
  border-color: #e5eee8;
}

.profile-campaign-title {
  display: -webkit-box;
  min-height: 3.5rem;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.profile-campaign-description {
  display: -webkit-box;
  min-height: 3.75rem;
  overflow: hidden;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.profile-social-link {
  max-width: 100%;
  overflow-wrap: anywhere;
}

.profile-edit-page .settings-panel input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):not([type="hidden"]),
.profile-edit-page .settings-panel select,
.profile-edit-page .settings-panel textarea {
  min-height: 2.875rem;
  border-radius: 0.5rem;
  border-color: #cbd9d0;
  background-color: #fff;
  color: #26372d;
}

.profile-edit-page .settings-panel textarea {
  min-height: 7rem;
  padding: 0.7rem 0.8rem;
  line-height: 1.55;
}

.profile-edit-page .settings-panel input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([type="submit"]):not([type="hidden"]),
.profile-edit-page .settings-panel select {
  padding: 0.55rem 0.75rem;
}

.profile-edit-page .settings-panel input:not([type="submit"]):not([type="hidden"]):focus,
.profile-edit-page .settings-panel select:focus,
.profile-edit-page .settings-panel textarea:focus {
  border-color: #16734b;
  outline: 2px solid rgba(22, 115, 75, 0.2);
  outline-offset: 1px;
  box-shadow: none;
}

.profile-edit-page .settings-panel input:not([type="submit"]):not([type="hidden"])[aria-invalid="true"],
.profile-edit-page .settings-panel select[aria-invalid="true"],
.profile-edit-page .settings-panel textarea[aria-invalid="true"] {
  border-color: #b42318;
}

.profile-edit-page .settings-panel input[type="radio"],
.profile-edit-page .settings-panel input[type="checkbox"] {
  min-width: 1.125rem;
  min-height: 1.125rem;
  accent-color: #16734b;
}

.profile-edit-page .profile-form-section [class*="text-red-"] {
  line-height: 1.45;
}

@media (max-width: 640px) {
  .profile-page {
    padding-top: 1.5rem;
  }

  .profile-campaign-title {
    min-height: auto;
    max-height: 3.5rem;
  }

  .profile-campaign-description {
    min-height: auto;
    max-height: 3.75rem;
  }

  .profile-edit-page .settings-panel .mt-1.flex {
    min-width: 0;
    flex-wrap: wrap;
  }

  .profile-edit-page .settings-panel .mt-1.flex > span {
    min-height: 2.875rem;
    border-radius: 0.5rem 0 0 0.5rem;
    font-size: 0.75rem;
    white-space: nowrap;
  }

  .profile-edit-page .settings-panel .mt-1.flex > input {
    min-width: 0;
    border-radius: 0 0.5rem 0.5rem 0;
  }
}