/* Exclusive shared-component styles. Global and layout rules stay shared. */

.ce-change-status {
border: 1px solid var(--chrome-border);
  border-radius: 999px;
  color: var(--chrome-muted);
  font-size: 11px;
  font-weight: 400;
  padding: 3px 9px;
}

.ce-added {
background: #edf3ef;
  border-color: #b9cfc2;
  color: var(--mbk-sage-deep);
}

.ce-changed {
background: #fff7e6;
  border-color: #ead6ac;
  color: #805d1d;
}

.ce-removed {
background: #fcefee;
  border-color: #ecc5c1;
  color: #9b433c;
}