/*
 * urgent-flag-ext.css
 * Phase 2c.2.5 (v2.40.5) — Pastilles d'urgence sur cards dashboard
 *
 * REFONTE v2.40.5 : 14px (était 9px), bordure blanche 2px solide,
 * z-index 100, !important sur position pour passer toute concurrence CSS.
 */

.urgent-flag-dot {
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 50% !important;
  pointer-events: none;
  z-index: 100 !important;
  border: 2px solid #FFFFFF;
  box-sizing: border-box;
}

/* Rouge Boow — Hamon ouverte (urgence immédiate) */
.urgent-flag-dot--open {
  background: var(--boow, #F85558);
  animation: urgent-flag-pulse-red 2.2s ease-in-out infinite;
}

@keyframes urgent-flag-pulse-red {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(248, 85, 88, 0.55);
  }
  50% {
    box-shadow: 0 0 0 7px rgba(248, 85, 88, 0);
  }
}

/* Orange chaud — Fin d'engagement proche (anticipation) */
.urgent-flag-dot--ending {
  background: #E89044;
  animation: urgent-flag-pulse-orange 2.8s ease-in-out infinite;
}

@keyframes urgent-flag-pulse-orange {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(232, 144, 68, 0.5);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(232, 144, 68, 0);
  }
}

/* Reduce motion : pas de pulse */
@media (prefers-reduced-motion: reduce) {
  .urgent-flag-dot--open,
  .urgent-flag-dot--ending {
    animation: none;
  }
}

/* Mobile : légèrement plus petit mais reste très visible */
@media (max-width: 480px) {
  .urgent-flag-dot {
    top: 10px !important;
    right: 12px !important;
    width: 12px !important;
    height: 12px !important;
  }
}