/* Informational only: module status never changes navigation or permissions. */
.module-beta-badge {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  padding: 3px 7px;
  border: 1px solid #f1d28a;
  border-radius: 6px;
  background: #fff1c9;
  color: #735000;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: .02em;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
}
.nav-item:has(.module-beta-badge) > svg { flex-shrink: 0; }
.nav-item:has(.module-beta-badge) > span:first-of-type {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
}
.nav-item > .module-beta-badge { margin-left: auto; }
.breadcrumb strong:has(.module-beta-badge) { display: flex; align-items: center; gap: 7px; }
.breadcrumb strong:has(.module-beta-badge) .breadcrumb-page-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-head .module-heading-beta { display: block; }
.page-head .module-heading-beta > span:first-child { white-space: normal; }
.page-head .module-heading-beta > .module-beta-badge { margin-left: 10px; font-size: 11px; padding: 4px 8px; }
html.web-theme-dark .module-beta-badge { background: #453816; border-color: #806523; color: #ffe6a1; }
/* Keep a clear, compact badge on the blue sidebar, including active modules. */
.sidebar .nav-item > .module-beta-badge { background: #fff1c9; border-color: #f1d28a; color: #735000; }
@media (max-width: 700px) {
  .breadcrumb .module-beta-badge { font-size: 9px; padding: 3px 5px; }
  .page-head .module-heading-beta > .module-beta-badge { margin-left: 8px; }
}