/* Unit: account. Sign-up, login, account page, wishlist, item panel. */
.account-form { max-width: 26rem; }
.account-form form { display: grid; gap: 0.9rem; margin: 1rem 0; }
.account-form label { display: grid; gap: 0.3rem; font-weight: 600; }
.account-form input { font: inherit; padding: 0.5rem 0.6rem; border: 1px solid #b9b9b9; border-radius: 4px; }
.account-form small { font-weight: 400; color: #666; }
.account-form button, .account .logout button, .wishlist-panel button {
  font: inherit; padding: 0.5rem 1rem; border: 0; border-radius: 4px; background: #234; color: #fff; cursor: pointer;
}
.account .orders, .wishlist-items { list-style: none; padding: 0; margin: 0.5rem 0 1.5rem; }
.account .order, .wishlist-items li {
  display: flex; flex-wrap: wrap; gap: 0.75rem; align-items: baseline;
  padding: 0.6rem 0; border-bottom: 1px solid #e3e3e3;
}
.account .order-status { color: #a33; }
.wishlist-items form { margin-left: auto; }
.wishlist-items .wishlist-remove { font: inherit; background: none; border: 1px solid #b9b9b9; border-radius: 4px; padding: 0.2rem 0.6rem; cursor: pointer; }
.wishlist-panel { margin: 0.75rem 0; }
.wishlist-panel .wishlist-in { font-weight: 600; color: #2a6b3a; }