/* Beanie: boonvormig label voor informatie (status, score). Groen = in orde of actief, oranje = al het andere (open, gepland, afgelopen, niet geplaatst).
   Eigen bestand: de portalpagina's laden jobjob-ux.css, de werkgeverspagina's css/style.css + jobjob-dark-compat.css. Beide koppen linken dit. */
.beanie{display:inline-flex;align-items:center;max-width:100%;font-size:.78rem;font-weight:800;line-height:1.2;padding:4px 10px;border-radius:999px}
.beanie-green{background:var(--lime-soft);color:var(--green)}
.beanie-orange{background:var(--warn-bg);color:var(--warn)}