/* R710: portal header actions remain readable with live counters. */

body.portal-page .portal-header-actions .portal-notification-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow: visible !important;
  white-space: nowrap;
}

body.portal-page .portal-header-actions .portal-notification-button .portal-notification-badge {
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 6px !important;
  border-width: 0 !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary, #0ea5c6) 12%, transparent);
}

@media (max-width: 620px) {
  body.portal-page .portal-header-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) repeat(2, auto);
    width: 100%;
  }

  body.portal-page .portal-header-actions .portal-notification-button {
    min-width: 0;
  }
}