.mx-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;      /* kleiner */
  border-radius:999px;
  font-size:12px;        /* kleiner */
  font-weight:500;
  line-height:18px;      /* lager */
  white-space:nowrap;
  border:1px solid rgba(0,0,0,.18);
  box-shadow:0 1px 0 rgba(0,0,0,.06);
}

.mx-badge-new  { background:#198754; color:#fff; border-color:#146c43; }
.mx-badge-upd  { background:#fd7e14; color:#fff; border-color:#c26410; }
.mx-badge-rem  { background:#dc3545; color:#fff; border-color:#b02a37; }
.mx-badge-unch { background:#d1e7dd; color:#0f5132; border-color:#a3cfbb; }

.mx-load-planned { background:#e2e3e5; color:#111; border-color:#c6c8ca; }
.mx-load-loaded  { background:#198754; color:#fff; border-color:#146c43; }
.mx-load-noload  { background:#dc3545; color:#fff; border-color:#b02a37; }
.mx-load-post    { background:#fd7e14; color:#fff; border-color:#c26410; }