/* ============================================================================
   CENTRALIZED FLASH ANIMATION SYSTEM
   ============================================================================
   REVERT LABEL: "CENTRALIZED_FLASH_SYSTEM_CSS"
   To revert: Remove everything from this comment block to the next comment block
   ============================================================================
   This system provides standardized flash animations across all apps.
   Usage: await Common.flashElement(element, 'simple');
   ============================================================================ */

/* Shared visibility: opacity pulse (1 → 0 → 1). Motion is separate per use. */
@keyframes flash-visibility {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Outward motion: scale up (for universal / non-opacity flash). */
@keyframes flash-motion-outward {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.15); }
}

@keyframes flash-simple {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.15);
  }
}

.flash-simple {
  animation: flash-simple 0.4s ease-in-out;
}

/* Opacity-only: no transform/motion, safe for position:absolute + transform-centered elements (e.g. nav buttons). */
.flash-opacity {
  animation: flash-visibility 0.4s ease-in-out;
}

@keyframes flash-urgent {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

.flash-urgent {
  animation: flash-urgent 0.5s ease-in-out infinite;
}

/* ============================================================================
   END CENTRALIZED FLASH ANIMATION SYSTEM
   ============================================================================ */