.result-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  background: #dcfce7;
  color: #15803d;
  font-size: 34px;
  font-weight: 900;
}
.result-card.failed .result-icon { background: #fee2e2; color: #b91c1c; }
.order-history { display: grid; gap: 12px; margin-top: 22px; }
.order-row {
  display: grid;
  grid-template-columns: minmax(150px,1fr) repeat(3,minmax(100px,auto));
  gap: 18px;
  align-items: center;
  border: 1px solid var(--line);
  padding: 16px;
  border-radius: 10px;
}
.order-row strong,.order-row small { display: block; }
.order-row small { font-size: 12px; color: var(--muted); margin-top: 4px; }
.order-status { padding: 7px 10px; border-radius: 20px; font-size: 12px; font-weight: 800; text-align: center; background: #fef3c7; color: #92400e; }
.order-status.completed { background: #dcfce7; color: #166534; }
.order-status.failed { background: #fee2e2; color: #991b1b; }
.order-status.processing { background: #dbeafe; color: #1d4ed8; }
.order-filters { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)) auto; gap:12px; align-items:end; margin:22px 0; }
.order-filters label { display:grid; gap:7px; font-size:13px; font-weight:700; }
.order-pagination { display:flex; justify-content:center; align-items:center; gap:15px; margin-top:20px; }
.order-pagination button { background:#eef3ff; color:#2563eb; }
.order-pagination button:disabled { opacity:.45; cursor:not-allowed; }
@media(max-width:760px) {
  .order-row { grid-template-columns:1fr; gap:12px; }
  .order-row>div:first-child { grid-column:auto; }
  .order-status { justify-self:start; }
  .order-filters { grid-template-columns:1fr; }
}