/* Mirror the sales HTML's gradient corner number onto the existing card. */
.connected-activation .ca-card{position:relative}
.connected-activation .ca-corner-number{--corner-number-size:clamp(38px,3.6vw,50px);position:absolute;top:0;left:0;z-index:4;display:grid;place-items:center;width:var(--corner-number-size);height:var(--corner-number-size);border-radius:17px 0 15px 0;background:linear-gradient(96deg,#0a7fb0,#00b0f0);box-shadow:0 8px 18px rgba(10,127,176,.3);font-family:inherit;font-size:clamp(17px,1.35vw,22px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.01em;color:#fff;pointer-events:none}
/* Retain the original label's line box so content/card geometry does not move. */
.connected-activation .ca-number-slot{display:block;height:14.4px;flex-shrink:0}

/* Scale the corner treatment down by 30%, with lighter, smaller numerals. */
.connected-activation .ca-corner-number{width:calc(var(--corner-number-size) * .7);height:calc(var(--corner-number-size) * .7);border-radius:17px 0 10.5px 0;font-size:clamp(13px,1.05vw,17px);font-weight:400;box-shadow:0 5.6px 12.6px rgba(10,127,176,.3)}