/* Swatches (shared by frontend + admin term list) */
.cg-swatch { display: inline-grid; place-items: center; flex: none; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(17, 20, 24, .12); overflow: hidden; vertical-align: middle; }
.cg-swatch--sm { width: 20px; height: 20px; }
.cg-swatch--md { width: 28px; height: 28px; }
.cg-swatch--lg { width: 36px; height: 36px; }
.cg-swatch.is-light { box-shadow: inset 0 0 0 1px #cfd2d8; }
.cg-swatch--image img { width: 100%; height: 100%; object-fit: cover; }
.cg-swatch--label { width: auto; height: auto; min-width: 28px; padding: 2px 8px; border-radius: 6px; font-size: 12px; font-weight: 700; background: #f6f6f7; box-shadow: inset 0 0 0 1px #e6e7ea; }
.cg-card-swatches { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cg-card-swatches__more { font-size: 13px; color: var(--erp-muted, #6b7079); font-weight: 600; }