.sandbox-note {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(167, 118, 49, .34);
  border-radius: 12px;
  background: #f5ead2;
  color: #4c3a21;
}
.sandbox-note strong { display: block; }
.sandbox-note p { margin: .12rem 0 0; font-size: .86rem; }
.sandbox-badge {
  display: inline-flex;
  align-items: center;
  min-height: 1.8rem;
  padding: .28rem .68rem;
  border-radius: 999px;
  background: #5b3f87;
  color: white;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.subscription-order {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, .65fr);
  gap: 1rem;
  align-items: start;
}
.subscription-price-card { position: sticky; top: 84px; }
.subscription-price-card h2 { margin-top: 0; }
.subscription-price-label { color: var(--muted); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.subscription-price-value { margin: .2rem 0 .9rem; color: var(--teal); font-family: Georgia, serif; font-size: 1.55rem; }
.payment-checklist { display: grid; gap: .65rem; margin: 1rem 0 1.25rem; padding: 0; list-style: none; }
.payment-checklist li { display: flex; gap: .65rem; align-items: flex-start; }
.payment-checklist .state { display: inline-grid; width: 1.45rem; height: 1.45rem; flex: 0 0 1.45rem; place-items: center; border-radius: 50%; background: #e5e0d5; font-size: .76rem; font-weight: 800; }
.payment-checklist .done .state { background: #d7eadb; color: #235c38; }
.payment-checklist .waiting .state { background: #f5ead2; color: #79521d; }
.payment-action-card { max-width: 760px; margin-inline: auto; }
.payment-action-card .btn { font-weight: 700; }
.payment-meta { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .8rem; }
.status-pill { display: inline-flex; padding: .22rem .55rem; border-radius: 999px; background: #e8e1d3; color: #4a463d; font-size: .72rem; font-weight: 700; }
.status-pill.ok { background: #d7eadb; color: #235c38; }
.status-pill.wait { background: #f5ead2; color: #79521d; }
.status-pill.stop { background: #f1d9d6; color: #7b2f2b; }
.table-scroll { overflow-x: auto; }
.stripe-config-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.secret-state { margin: -.45rem 0 1rem; color: var(--muted); font-size: .78rem; }
code { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .subscription-order, .stripe-config-grid { grid-template-columns: 1fr; }
  .subscription-price-card { position: static; }
}