.checkout-progress {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  padding: 10px 14px;
  border-bottom: 1px solid #203b33;
}
.checkout-progress span {
  padding: 7px 4px;
  border-radius: 8px;
  background: #10251f;
  color: #718d84;
  text-align: center;
  font-size: .62rem;
  font-weight: 700;
}
.checkout-progress span.active { background: #245fe5; color: #fff; }
.checkout-progress span.done { background: #1b5945; color: #9ff5ce; }
.action-bar small { color: #7fa294; }
.action-bar button { font-size: .82rem; }
.order-summary {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 0 14px 10px;
  padding: 12px 14px;
  border: 1px solid #2e6956;
  border-radius: 13px;
  background: #102a22;
  font-size: .78rem;
}
.order-summary[hidden] { display: none; }
.order-summary strong { color: #9ff5ce; }
.order-summary.success { border-color: #57e6aa; background: #12392c; }
.chat-card form.checkout-details { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 14px 12px;padding:12px;border:1px solid #2e6956;border-radius:13px;background:#102a22;max-height:300px;overflow:auto;flex-shrink:0; }
.chat-card form.checkout-details[hidden] { display:none; }
.checkout-details > strong,.checkout-details > small,.checkout-details > button { grid-column:1/-1; }
.checkout-details label { display:flex;flex-direction:column;gap:4px;color:#9dbcb0;font-size:.75rem; }
.checkout-details input,.checkout-details select { min-width:0;padding:8px;border:1px solid #325647;border-radius:7px;background:#0d1e19;color:#e7fff4; }
.checkout-details small { color:#9dbcb0; }
.verification-box { grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;padding-top:8px;border-top:1px solid #2e6956; }
.verification-box[hidden] { display:none; }
.verification-box small { grid-column:1/-1; }
.product-card .card-select {
  margin-top: auto;
  padding: 8px 10px;
  border: 1px solid #57e6aa;
  background: transparent;
  color: #57e6aa;
  font-size: .72rem;
}
.product-card .card-select:hover,
.product-card .card-select:focus {
  background: #57e6aa;
  color: #07110f;
}
.orders-panel { margin-top: 18px; }
.order-row { display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(4,minmax(100px,.7fr));gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #203b33; }
.order-row:last-child { border-bottom: 0; }
.order-row small { color: #7fa294; }
@media(max-width:850px) { .order-row { grid-template-columns:1fr 1fr; } }