/* ===================================================================
   Nishonlar (badge) va holat muhrlari (seal).

   BARCHA "tabletka" nishonlari bitta ichki bo'shliqqa keltirildi:
   `var(--sp-1) var(--sp-3)` (4 / 12 px). Ilgari ular sakkiz xil edi —
   3/9, 3/10, 4/10, 4/11, 4/12, 4/14, 5/12, 5/13, 5/14 — va bitta
   kartochka ichida yonma-yon turgan ikki nishon ko'zga ko'rinadigan
   darajada har xil kenglikda chiqardi. Aynan shu "bir element katta,
   bir element kichik" ko'rinishini berardi.
   =================================================================== */
.seal {
  display: inline-flex; align-items: center; gap: var(--sp-1);
  padding: var(--sp-1) var(--sp-3); border-radius: var(--radius-pill);
  font-size: var(--fs-xs); font-weight: 800; letter-spacing: .02em;
  border: 1.5px dashed currentColor;
  /* Nishon ikki qatorga bo'linmaydi: tor ustunda "Tasdiqlangan"
     yozuvi "Tasdiqlan / gan" bo'lib, tabletka shakli buzilardi. */
  white-space: nowrap;
}
.seal-ok    { color: var(--ok);     background: var(--ok-dim); }
.seal-warn  { color: var(--warn);   background: var(--warn-dim); }
.seal-bad   { color: var(--danger); background: var(--danger-dim); }
/* Rang qattiq #7A6210 edi va TUNGI REJIMDA buzilardi: `--gold-100`
   fon tungi temada to'q jigarrangga (#2A2413) aylanadi, matn esa
   o'sha-o'sha to'q oltin bo'lib qolib, kontrast 2.6 ga tushardi —
   muhr deyarli ko'rinmasdi. `--gold-ink` ikkala temada ham fonga
   qarab almashadi: kunduzi 5.3, tunda 9.5. */
.seal-gold  { color: var(--gold-ink); background: var(--gold-100); }
.seal-info  { color: var(--info);   background: var(--info-dim); }

.tag {
  display: inline-block; padding: var(--sp-1) var(--sp-3); border-radius: var(--radius-pill);
  background: var(--surface-2); color: var(--ink-soft);
  font-size: var(--fs-xs); font-weight: 700;
}

.rating { display: inline-flex; align-items: center; gap: var(--sp-1); font-weight: 700; }
.star { color: var(--gold-mark); }


.count-pill {
  min-width: 20px; padding: 1px var(--sp-2); border-radius: var(--radius-pill);
  background: var(--danger); color: var(--on-accent);
  font-size: var(--fs-2xs); font-weight: 800; text-align: center;
}