.account-button {
  margin-left: auto;
  color: #b5cad8;
  font-size: .84rem;
  border: 1px solid var(--line);
  padding: 8px 12px;
  border-radius: 7px;
}

.account-button + .cart-button { margin-left: 0; }

body.account-page #home-view,
body.account-page #product-view,
body.account-page #checkout-message { display: none !important; }

.account-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}

.owned-products { max-width: 850px; margin: 36px auto; display: grid; gap: 12px; text-align: left; }
.owned-product,.empty-purchases { border: 1px solid var(--line); background: var(--panel); border-radius: 8px; padding: 20px; }
.owned-product { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.owned-product h2,.empty-purchases h2 { margin: 5px 0; }
.owned-product p,.empty-purchases p { margin: 0; }
.purchase-status { text-transform: uppercase; letter-spacing: .15em; font-size: .65rem; color: var(--green); }
.purchase-status.refunded { color: #ff8e8e; }