/* ============================================================
   Karlix QMS — mapa alergena po zonama (M22-0, plan 226)

   Razredi su pisani ZAJEDNO s pogledima: ograda `RazrediImajuStilTests` ne
   dopušta razred bez pravila, a nulu drži apsolutno.
   ============================================================ */

/* ------------------------------------------------------------
   1. Stanje nadzora

   Pet stanja, i ona nisu nijansa istoga.

   „Bez nadzora" je obitelj `--bad`: ni odvajanja ni dokaza znači da alergen
   može proći u proizvod koji ga ne deklarira, a to je opoziv.

   „Validacija istekla" je `--warn`, ne `--bad`: mjera je POSTOJALA i dokaz je
   bio tu, samo je ostario. To nije isto što i nikad ga nije bilo, i auditor te
   dvije stvari razlikuje.

   „Odvojeno" i „Validirano" su oba `--good`, ali NE isti: odvajanje ne zavisi
   od toga da se netko sjeti ponoviti test, pa nosi ispunu, a validirano samo
   okvir. Razlika je tiha i namjerna — jača mjera se vidi kao jača.
   ------------------------------------------------------------ */

.qms-alg-stanje {
    display: inline-block;
    padding: 2px 9px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
}

body[class*="qms-theme"] .qms-alg-stanje--odvojeno {
    background: var(--good-soft);
    border-color: var(--good);
    color: var(--good-text);
}

body[class*="qms-theme"] .qms-alg-stanje--validirano {
    border-color: var(--good);
    color: var(--good-text);
}

body[class*="qms-theme"] .qms-alg-stanje--istekla {
    border-color: var(--warn);
    color: var(--warn-text);
}

body[class*="qms-theme"] .qms-alg-stanje--rupa {
    border-color: var(--bad);
    color: var(--bad-text);
    font-weight: 700;
}

body[class*="qms-theme"] .qms-alg-stanje--zatvoreno {
    border-color: var(--ink-5);
    color: var(--ink-4);
}

/* ------------------------------------------------------------
   2. Redni broj alergena

   Broj iz Priloga II. Uredbe 1169/2011. Čita se okomito kroz stupac i
   uspoređuje s auditorovim popisom — zato tabularne brojke i jednaka širina
   znamenke, kao kod šifre zone u higijeni.
   ------------------------------------------------------------ */

body[class*="qms-theme"] .qms-alg-redni {
    display: inline-block;
    min-width: 1.6em;
    font-variant-numeric: tabular-nums;
    color: var(--ink-4);
}

/* ------------------------------------------------------------
   3. Izjave bez osnove

   Popis specifikacija koje upozoravaju na alergen kojeg u mapi nema. Stoji u
   stanju kartice, pa nasljeđuje njezin tekst — ovdje se uređuje samo razmak,
   da se popis ne slijepi s objašnjenjem iznad.
   ------------------------------------------------------------ */

.qms-alg-neosnovane {
    margin: 10px 0 0;
    padding-left: 18px;
    line-height: 1.6;
}

.qms-alg-neosnovane li + li {
    margin-top: 2px;
}