/* Account recovery. Reuses the customer auth theme; only the pieces this page
   adds need rules of their own. */

.recover-back {
  position: relative;
  display: inline-block;
  margin-bottom: 18px;
  padding-left: 16px;
  color: #006ce4;
  font-size: .82rem;
  font-weight: 600;
  text-decoration: none;
}
.recover-back::before { content: "←"; position: absolute; left: 0; }
.recover-back:hover { text-decoration: underline; }

.recover-form { margin-top: 20px; gap: 5px; }
.recover-form label { margin-top: 9px; color: #1a1a1a; font: 600 .82rem Arial, sans-serif; }
.recover-hint { margin: 0 0 4px; color: #52677c; font-size: .74rem; line-height: 1.5; }
.recover-textarea { min-height: 96px; padding: 9px 10px; resize: vertical; font-family: inherit; line-height: 1.5; }
.recover-privacy { margin: 14px 0 0; padding: 10px 12px; border-left: 3px solid #ffc928; border-radius: 3px; color: #52677c; background: #fffaeb; font-size: .74rem; line-height: 1.5; }

/* Confirmation, shown in place of the form once the request is queued. */
.recover-done { margin-top: 20px; padding: 26px 22px; border: 1px solid #cfe6d8; border-radius: 6px; background: #f4fbf7; text-align: center; }
.recover-done.is-hidden { display: none; }
.recover-done__mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 14px;
  border-radius: 50%;
  background: #1d7a4c url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ffffff'%3E%3Cpath d='M8.2 13.4 5 10.2l1.2-1.2 2 2 5-5L14.4 7z'/%3E%3C/svg%3E") center/30px no-repeat;
}
.recover-done__title { margin: 0 0 8px; color: #14532d; font: 700 1.1rem Arial, sans-serif; }
.recover-done__text { margin: 0; color: #3f5a4b; font-size: .86rem; line-height: 1.6; }
.recover-done__meta { margin: 12px 0 0; color: #3f5a4b; font-size: .8rem; overflow-wrap: anywhere; }
.recover-done__actions { margin-top: 18px; display: grid; gap: 9px; }
.recover-button { display: inline-flex; align-items: center; justify-content: center; margin-top: 0; text-decoration: none; }
.recover-link { color: #006ce4; font-size: .82rem; font-weight: 600; text-decoration: none; }
.recover-link:hover { text-decoration: underline; }

.recover-form.is-hidden { display: none; }