.badge{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:800;line-height:1;border:1px solid transparent;white-space:nowrap}.badge-muted{background:#f2f4f7;color:#344054}.badge-info{background:#eff8ff;color:#175cd3}.badge-success{background:#ecfdf3;color:#087443}.badge-warning{background:#fffaeb;color:#b54708}.badge-danger{background:#fef3f2;color:#b42318}.badge-priority-critical{background:#fdecec;color:#b42318}.badge-status-new{background:#eef4ff;color:#3538cd}.badge-status-planned{background:#eff8ff;color:#175cd3}.badge-status-in-followup{background:#ecfdf3;color:#087443}.badge-status-completed{background:#f2f4f7;color:#344054}

/* .badge-neutral is the name the code actually uses for the "off" state -- six scripts
   (settings users, roles, email recipients, sender profiles, notification rules) pair it
   against .badge-success, and framework/components.php lists it in the gallery. It was
   never defined here, so 91 badges across six pages rendered as a bare .badge: transparent
   background, transparent border, invisible as a pill. Same palette as .badge-muted, which
   is what the design always intended it to be. */
.badge-neutral{background:#f2f4f7;color:#344054}