.local-group-signature {
  display: flex;
  min-height: 22px;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  padding: 3px 12px;
  background: linear-gradient(115deg, #0a7180, #06384b);
  color: #d1e5e9;
  font-size: 10px;
  line-height: 16px;
}
.local-group-signature strong {
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
@media(min-width:768px) {
  .local-group-signature { justify-content: flex-end; padding-inline: 24px; }
}
/* Match the app shell: show the strip only on pages with its header. */
body:not(:has(.app-header)) > .local-group-signature { display: none; }
body:has(.app-header) > #root > .min-h-screen { min-height: calc(100vh - 22px); }