/* Hervorhebung nach dem Sprung aus dem Entwickler-Board. @flutter: entfällt */
.dev-highlight { position: fixed; inset: 0; z-index: var(--z-dev-highlight); }

/* Der Bereich bleibt hell, alles andere wird über den Schatten abgedunkelt */
.dev-highlight__hole {
  position: fixed;
  border-radius: var(--radius-md);
  background: var(--color-dev-highlight-fill);
  box-shadow: 0 0 0 100vmax var(--color-dev-highlight-scrim);
  pointer-events: none;
  transition: left var(--duration-fast) var(--easing-standard), top var(--duration-fast) var(--easing-standard),
    width var(--duration-fast) var(--easing-standard), height var(--duration-fast) var(--easing-standard);
  animation: dev-highlight-pulse 1.6s var(--easing-standard) 3;
}

@keyframes dev-highlight-pulse { 50% { background: var(--color-dev-highlight-pulse); } }
@media (prefers-reduced-motion: reduce) { .dev-highlight__hole { animation: none; transition: none; } }

.dev-highlight__tag {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  max-width: var(--size-lookup-panel);
  padding: var(--space-12) var(--space-14);
  border-radius: var(--radius-md);
  background: var(--color-primary);
  color: var(--color-on-primary);
  box-shadow: var(--elevation-menu);
  font-size: var(--font-size-13-5);
}

.dev-highlight__eyebrow { font-size: var(--font-size-11); font-weight: var(--font-weight-semibold); opacity: var(--opacity-pressed); }
.dev-highlight__actions { display: flex; flex-wrap: wrap; gap: var(--space-6); margin-top: var(--space-6); }

.dev-highlight__actions button,
.dev-highlight__missing button {
  height: var(--size-control-small);
  padding: var(--space-0) var(--space-10);
  border-radius: var(--radius-sm);
  background: var(--color-dev-board-link-on-primary);
  color: var(--color-on-primary);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
}

.dev-highlight__actions .dev-highlight__primary { background: var(--color-on-primary); color: var(--color-primary); }

.dev-highlight__missing {
  position: fixed;
  top: var(--space-16);
  left: 50%;
  z-index: var(--z-dev-highlight);
  display: flex;
  align-items: center;
  gap: var(--space-10);
  padding: var(--space-10) var(--space-14);
  border-radius: var(--radius-md);
  background: var(--color-primary);
  color: var(--color-on-primary);
  box-shadow: var(--elevation-menu);
  font-size: var(--font-size-13);
  transform: translateX(-50%);
}