/* OrderStatusBadge (sg-osb) */
.cc_b3eorip4_EGTqIQU8Cq .sg-osb, .cc_b3eorip4_ROhFhiCBfi .sg-osb, .cc_b3eorip4_ouQlbNfFgd .sg-osb {
  --osb: var(--sg-accent);
  display: inline-flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 12px;
  border-radius: var(--sg-r-pill);
  background: color-mix(in srgb, var(--osb) 11%, #fff);
  color: color-mix(in srgb, var(--osb) 82%, var(--sg-ink));
  font-size: 12.5px; font-weight: 600; white-space: nowrap;
}
.cc_b3eorip4_EGTqIQU8Cq .sg-osb__dot, .cc_b3eorip4_ROhFhiCBfi .sg-osb__dot, .cc_b3eorip4_ouQlbNfFgd .sg-osb__dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--osb); flex-shrink: 0; }
.cc_b3eorip4_EGTqIQU8Cq .sg-osb--progress .sg-osb__dot::after, .cc_b3eorip4_ROhFhiCBfi .sg-osb--progress .sg-osb__dot::after, .cc_b3eorip4_ouQlbNfFgd .sg-osb--progress .sg-osb__dot::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--osb); animation: cc_b3eorip4_sg-ping calc(1.8s * var(--sg-speed, 1)) ease-out infinite; }
/* the accent can be any merchant colour (live: #FFC400 → 2.2:1 as text): only the dot + tint carry it */
.cc_b3eorip4_EGTqIQU8Cq .sg-osb--progress, .cc_b3eorip4_ROhFhiCBfi .sg-osb--progress, .cc_b3eorip4_ouQlbNfFgd .sg-osb--progress { color: var(--sg-ink); }
.cc_b3eorip4_EGTqIQU8Cq .sg-osb--done, .cc_b3eorip4_ROhFhiCBfi .sg-osb--done, .cc_b3eorip4_ouQlbNfFgd .sg-osb--done { --osb: var(--sg-ok); }
.cc_b3eorip4_EGTqIQU8Cq .sg-osb--neutral, .cc_b3eorip4_ROhFhiCBfi .sg-osb--neutral, .cc_b3eorip4_ouQlbNfFgd .sg-osb--neutral { --osb: var(--sg-ink-3); color: var(--sg-ink-2); }
.cc_b3eorip4_EGTqIQU8Cq .sg-osb--problem, .cc_b3eorip4_ROhFhiCBfi .sg-osb--problem, .cc_b3eorip4_ouQlbNfFgd .sg-osb--problem { --osb: var(--sg-sale); }
.cc_b3eorip4_EGTqIQU8Cq .sg-osb--cancelRequested, .cc_b3eorip4_ROhFhiCBfi .sg-osb--cancelRequested, .cc_b3eorip4_ouQlbNfFgd .sg-osb--cancelRequested, .cc_b3eorip4_EGTqIQU8Cq .sg-osb--returning, .cc_b3eorip4_ROhFhiCBfi .sg-osb--returning, .cc_b3eorip4_ouQlbNfFgd .sg-osb--returning { --osb: var(--sg-warn); }
@media (prefers-reduced-motion: reduce) { .cc_b3eorip4_EGTqIQU8Cq .sg-osb__dot::after, .cc_b3eorip4_ROhFhiCBfi .sg-osb__dot::after, .cc_b3eorip4_ouQlbNfFgd .sg-osb__dot::after { animation: none; display: none; } }