/* Dermely visual hotfix 2026-06-13: CSS-only, no JS changes. */
@media (min-width: 640px) {
  header.sticky button[title*="Karen"] {
    min-width: 10.75rem;
    flex-shrink: 0;
    white-space: nowrap;
    overflow: visible;
  }

  header.sticky button[title*="Karen"] > span {
    flex-shrink: 0;
    white-space: nowrap;
    overflow: visible;
  }
}

header.sticky button[title*="Karen"] > * {
  flex-shrink: 0;
}

[data-testid="operational-health"] > div:nth-child(2),
[data-testid="operational-health"] > div:nth-child(2) > div:nth-child(2) {
  min-width: 0;
  overflow: visible;
}

[data-testid="operational-health"] > div:nth-child(2) > div:nth-child(2) > div:first-child {
  min-width: 0;
  align-items: center;
  overflow: visible;
}

[data-testid="operational-health"] > div:nth-child(2) > div:nth-child(2) > div:first-child > p:first-child,
[data-testid="operational-health"] > div:nth-child(2) > div:nth-child(2) > div:first-child > p:last-child {
  flex-shrink: 0;
  white-space: nowrap;
  overflow: visible;
}

[data-testid="operational-health"] > div:nth-child(2) > div:nth-child(2) > div:first-child > p:last-child {
  margin-left: 0.5rem;
}