#createOrderOverlay {
  --co-brand: #29256e;
  --co-brand-hover: #211d59;
  --co-accent: #e95640;
  --co-line: #e4e2ed;
}
.co-pending-notice {
  padding: 16px;
  border: 1px solid #f0c6bc;
  border-radius: 10px;
  background: #fff3ef;
  color: #913b2b;
  margin-bottom: 18px;
  font-size: 13px;
  line-height: 1.7;
}
.co-pending-notice[hidden] { display: none; }
.co-pending-notice p { margin: 0 0 12px; }
.co-pending-notice button { white-space: normal; max-width: 100%; }
.co-product-select:not([hidden]) {
  display: block;
  width: 100%;
  padding: 12px;
  border: 1px solid #dedbe9;
  border-radius: 8px;
  background: #fff;
  color: #29256e;
}
.co-product-item + .co-product-item {
  padding-top: 22px;
  margin-top: 20px;
  border-top: 1px solid #e4e2ed;
}
#createOrderOverlay .co-step-chip:is(.is-active, .is-complete) .co-step-chip-index {
  background: var(--co-brand);
  border-color: var(--co-brand);
}
#createOrderOverlay .co-step-chip.is-complete::after { background: var(--co-accent); }
#createOrderOverlay .co-product-preview-price,
#createOrderOverlay .co-add-btn { color: var(--co-brand); }
#createOrderOverlay .co-add-btn:hover { background: #fff3ef; border-color: var(--co-accent); }
#createOrderOverlay .primary-btn { background: var(--co-brand); border-color: var(--co-brand); color: #fff; }
#createOrderOverlay .primary-btn:hover:not(:disabled) { background: var(--co-brand-hover); }
#createOrderOverlay .primary-btn:disabled { background: #e9e7f0; border-color: #e9e7f0; color: #706b80; }
#createOrderOverlay .co-payment-option input[type="radio"] { accent-color: var(--co-brand); }
#createOrderOverlay .co-payment-option input[type="radio"]:checked ~ .co-payment-card {
  border-color: var(--co-brand);
  background: #faf9fc;
}
#createOrderOverlay .co-wallet-badge { color: var(--co-brand); background: #f0eef8; }
#createOrderOverlay :is(button, input, select, textarea):focus-visible { outline: 2px solid var(--co-accent); outline-offset: 3px; }