.account-membership {
  padding: 18px;
  margin-bottom: 26px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-primary);
}
.account-membership h2, .account-invoices h2 {
  margin: 0 0 12px;
  font-size: 1.05rem;
}
.account-membership-state {
  margin: 0 0 7px;
  font-weight: 700;
}
.account-membership-state.is-active { color: #8df0b0; }
.account-orders-muted {
  margin: 8px 0 14px;
  color: var(--text-secondary);
  font-size: .86rem;
  line-height: 1.55;
}
.account-orders-heading, .account-order-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.account-orders-heading h2 { margin: 0; }
.account-orders-empty {
  padding: 22px 16px;
  border: 1px dashed var(--border);
  border-radius: 9px;
  color: var(--text-secondary);
}
.account-orders-list {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 16px 0 0;
  list-style: none;
}
.account-order {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: var(--bg-primary);
}
.account-order h3 { margin: 0; font-size: .96rem; }
.account-order-state {
  padding: 5px 8px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .06);
  color: var(--text-secondary);
  font-size: .76rem;
  line-height: 1.45;
}
.account-order-state.is-confirmed { color: #8df0b0; }
.account-order-state.is-pending { color: #ffd181; }
.account-order-state.is-review { color: #ff9eae; }
.account-order-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0;
}
.account-order-details dt { color: var(--text-secondary); font-size: .75rem; }
.account-order-details dd { margin: 4px 0 0; font-size: .86rem; overflow-wrap: anywhere; }
.account-order .btn, .account-orders-heading .btn { font-size: .8rem; }
@media (max-width: 480px) {
  .account-order-details { grid-template-columns: 1fr; gap: 9px; }
  .account-order-details > div { display: flex; align-items: baseline; gap: 12px; }
  .account-order-details dt { min-width: 54px; }
  .account-order-details dd { margin: 0; }
  .account-membership, .account-order { padding: 14px; }
}