/* Urgency Badge — structure only; skin comes from Conversion Tools tokens
   (see modules/growth/assets/conversion-tools.css). Fallbacks keep it usable
   if the shared token layer is missing. */
#codela-urgency-badge { margin: 10px 0 14px; clear: both; font-family: inherit; display: flex; flex-wrap: wrap; gap: var(--cdl-ct-gap, 8px); }
#codela-urgency-badge .cdl-ub-item {
  display: inline-flex; align-items: center; gap: 6px; line-height: 1.3;
  font-size: var(--cdl-ct-fs, 13px); font-weight: var(--cdl-ct-weight, 600);
  letter-spacing: var(--cdl-ct-ls, 0); text-transform: var(--cdl-ct-transform, none);
  border-radius: var(--cdl-ct-radius, 20px); padding: var(--cdl-ct-pad, 6px 12px); border: var(--cdl-ct-border, 0);
}
#codela-urgency-badge .cdl-ub-ico { flex-shrink: 0; width: var(--cdl-ct-ico, 16px); height: var(--cdl-ct-ico, 16px); }
#codela-urgency-badge .cdl-ub-countdown { font-weight: inherit; font-variant-numeric: tabular-nums; white-space: nowrap; }

#codela-urgency-badge .cdl-ub-scarcity { background: var(--cdl-ct-scar-bg, #fef2f2); color: var(--cdl-ct-scar-ink, #b91c1c); border-color: var(--cdl-ct-scar-bd, #fecaca); }
#codela-urgency-badge .cdl-ub-scarcity .cdl-ub-ico { color: var(--cdl-ct-scar-ico, currentColor); animation: var(--cdl-ct-flame-anim, none) 1.6s infinite; }
#codela-urgency-badge .cdl-ub-timer { background: var(--cdl-ct-timer-bg, #fff7ed); color: var(--cdl-ct-timer-ink, #c2410c); border-color: var(--cdl-ct-timer-bd, #fed7aa); }
#codela-urgency-badge .cdl-ub-timer .cdl-ub-ico { color: var(--cdl-ct-timer-ico, currentColor); }

@media (prefers-reduced-motion: reduce) {
  #codela-urgency-badge .cdl-ub-ico { animation: none !important; }
}