.created-order {
  align-items: center;
  border-top: 1px solid var(--line);
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 1fr) 132px;
  margin-top: 16px;
  padding-top: 16px;
}

.created-order-copy > * { display: block; }
.created-order-head { align-items: center; display: flex; justify-content: space-between; }
.created-order-head span { color: var(--muted); font-size: 11px; }
.created-order p,.created-order label { color: var(--muted); font-size: 11px; margin: 4px 0 10px; }
.created-order dl { display: grid; gap: 6px; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 10px 0; }
.created-order dl div { min-width: 0; }
.created-order dt { color: var(--muted); font-size: 10px; }
.created-order dd { font-size: 12px; margin: 2px 0 0; overflow-wrap: anywhere; }
.created-order code { font-size: 12px; overflow-wrap: anywhere; }
.created-amount { font-weight: 700; margin: 10px 0; }
.address-line { align-items: center; display: grid; gap: 8px; grid-template-columns: minmax(0,1fr) 34px; }
.copy-address { align-items: center; display: flex; height: 34px; justify-content: center; padding: 0; width: 34px; }
.mode input { border: 0; height: 100%; inset: 0; margin: 0; padding: 0; width: 100%; }
.created-order img { border: 1px solid var(--line); height: 132px; width: 132px; }
.server-timing { color: var(--muted); display: block; font-size: 10px; margin: 4px 0; }
.order-lifecycle { grid-column: 1 / -1; margin-top: 2px; }
.order-lifecycle summary { align-items: center; color: var(--muted); cursor: pointer; display: flex; font-size: 11px; gap: 12px; justify-content: space-between; list-style: none; min-height: 28px; }
.order-lifecycle summary::-webkit-details-marker { display: none; }
.order-lifecycle summary::before { color: var(--accent); content: "+"; font-size: 16px; line-height: 1; width: 12px; }
.order-lifecycle[open] summary::before { content: "−"; }
.order-lifecycle summary span { flex: 1; }
.order-lifecycle summary strong { color: var(--ink); font-size: 11px; font-weight: 600; text-align: right; }
.order-lifecycle ol { border-top: 1px solid var(--line); display: grid; gap: 0; list-style: none; margin: 7px 0 0; padding: 8px 0 0; }
.lifecycle-stage { align-items: center; display: grid; gap: 9px; grid-template-columns: 12px minmax(130px,.65fr) minmax(0,1fr); min-height: 34px; }
.lifecycle-mark { background: var(--line); border-radius: 50%; height: 7px; width: 7px; }
.lifecycle-stage.completed .lifecycle-mark { background: var(--accent); }
.lifecycle-stage.active .lifecycle-mark { background: var(--warning); box-shadow: 0 0 0 3px #fff1d6; }
.lifecycle-stage.blocked .lifecycle-mark { background: var(--danger); box-shadow: 0 0 0 3px #fae7e5; }
.lifecycle-stage div { min-width: 0; }
.lifecycle-stage strong,.lifecycle-stage small,.lifecycle-stage time { display: block; }
.lifecycle-stage strong { color: var(--ink); font-size: 11px; font-weight: 600; }
.lifecycle-stage small,.lifecycle-stage time { color: var(--muted); font-size: 10px; }
.lifecycle-time { text-align: right; }
.lifecycle-time time { overflow-wrap: anywhere; }

@media (max-width: 800px) {
  .created-order { grid-template-columns: 1fr; }
  .created-order dl { grid-template-columns: 1fr 1fr; }
  .lifecycle-stage { grid-template-columns: 12px minmax(105px,.8fr) minmax(0,1fr); }
}