/* Admin "view as" banner (layouts/_impersonation_banner). Rendered above the
   nav on every page while an impersonation is active — loud on purpose, so an
   admin never forgets whose session they are driving. A warning-container
   banner: loud like the old orange strip, without using the error red. */

.impersonation-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  padding: 0.5rem 1rem;
  min-height: 48px;
  background: var(--warning-bg);
  color: var(--warning-dark);
  font: var(--md-sys-typescale-body-medium);
  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
}

.impersonation-banner strong {
  font-weight: 500;
}

/* M3 filled button in the warning hue: stopping is the banner's one action. */
.impersonation-stop {
  min-height: 32px;
  border: none;
  border-radius: var(--md-sys-shape-corner-full);
  background: var(--warning);
  color: var(--md-sys-color-on-primary);
  padding: 0 16px;
  white-space: nowrap;
  font: var(--md-sys-typescale-label-large);
  letter-spacing: var(--md-sys-typescale-label-large-tracking);
  cursor: pointer;
  transition: background-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);
}

.impersonation-stop:hover {
  background: color-mix(in srgb, var(--warning), var(--md-sys-color-on-primary) 8%);
}

.impersonation-stop:active {
  background: color-mix(in srgb, var(--warning), var(--md-sys-color-on-primary) 10%);
}