.demo-order-feedback:empty,
#demo-orders-status:empty {
  margin: 0;
}

.demo-orders {
  margin-block: 24px 30px;
}

.demo-orders h3 {
  margin: 0;
}

.demo-orders > .help {
  margin-block: 6px 12px;
}

.demo-orders-list {
  display: grid;
  gap: 10px;
}

.demo-order-card {
  padding: 13px 15px;
  border: 1px solid var(--line);
  border-inline-start: 3px solid var(--berry);
  border-radius: 6px;
  background: #fffdf7;
}

.demo-order-card header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 4px 12px;
}

.demo-order-card h4 {
  margin: 0;
  font-size: 14px;
}

.demo-order-meta {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 13px;
}

.demo-order-card ul {
  margin-block: 9px;
  padding-inline-start: 18px;
  overflow-wrap: anywhere;
}

.demo-order-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.demo-order-controls label {
  margin: 0;
}

.demo-order-controls select {
  font-size: 16px;
}

@media (max-width: 420px) {
  .demo-order-controls {
    grid-template-columns: minmax(0, 1fr);
  }
}