/* Magic Link recovery banner — Faza 2 release plan demo v2 (Krok 2.3).
   Pojawia sie 5s na gorze viewportu po pomyslnym restore z magic linka. */

.magic-link-banner {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translate(-50%, -120%);
  z-index: 9000;
  max-width: min(560px, calc(100vw - 32px));
  padding: 12px 18px;
  border-radius: var(--radius-card, 10px);
  background: linear-gradient(160deg, rgba(52, 211, 153, 0.18), rgba(52, 211, 153, 0.06));
  border: 1px solid rgba(52, 211, 153, 0.55);
  color: var(--text-primary, #f4f4f5);
  font-size: var(--fs-sm, 14px);
  line-height: var(--lh-relaxed, 1.55);
  text-align: center;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.32s ease, transform 0.32s ease;
}

.magic-link-banner.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}