@layer components {
  .impersonation {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2) var(--space-3);
    margin-bottom: var(--space-4);
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);
    border: 1px solid var(--warn);
    border-radius: var(--radius-card);
    background: var(--warn-soft);
    font-size: var(--text-sm);

    & > .icon { color: var(--warn); }
  }

  .impersonation__text { flex: 1; min-width: 12rem; overflow-wrap: anywhere; }
}