/* Task 24: "My orders" — sign-in form, confirm page, the buyer's order list. */
.account-card { margin-bottom: 18px; }
.account-card h2 { margin-top: 0; }
.account-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 18px; }
.account-bar p { margin: 0; overflow-wrap: anywhere; }
.account-bar-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.account-orders { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.account-order { margin: 0; }
.account-order-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.account-order-number { font-weight: 600; font-size: 17px; }
.account-order-facts { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 10px 0 0; }
.account-order-facts dt { color: var(--text-2); }
.account-order-facts dd { margin: 0; }
.account-order-links { list-style: none; margin: 10px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 18px; }
.account-order-open { margin: 10px 0 0; }

@media (max-width: 700px) {
  /* tap targets ≥ 44 px */
  .account-order-number, .account-order-links a, .account-order-open a { display: inline-flex; align-items: center; min-height: 44px; }
  .account-bar-actions, .account-bar form, .account-bar .btn { width: 100%; }
}