/* popovers.css -- OCA Team Dashboard v2 (Agent J)
   Covers: AttentionPopover, PrioritiesPopover, PromptPopover
   Most structural styles are applied inline via JS.
   This file provides animation classes and focus-visible polish.
*/

/* -------------------------------------------------------------------------
   Bell-ping keyframe -- attention bell pulse (2.4s infinite)
   Applied via class .bell-ping-active on the attention button wrapper.
   ------------------------------------------------------------------------- */
@keyframes bell-ping {
  0%   { box-shadow: 0 0 0 0 rgba(159, 10, 55, .45); }
  55%  { box-shadow: 0 0 0 8px rgba(159, 10, 55, 0); }
  100% { box-shadow: 0 0 0 0 rgba(159, 10, 55, 0); }
}

.bell-ping-active {
  animation: bell-ping 2.4s cubic-bezier(0, 0, .2, 1) infinite;
  border-radius: 50%;
}

/* -------------------------------------------------------------------------
   Priority checkbox hover
   ------------------------------------------------------------------------- */
.prio-check:hover {
  border-color: var(--teal) !important;
}

/* -------------------------------------------------------------------------
   Focus-visible on popover buttons
   ------------------------------------------------------------------------- */
.popover-row:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: -2px;
  border-radius: 8px;
}

/* -------------------------------------------------------------------------
   Prompt item hover arrow (JS handles the transition inline)
   ------------------------------------------------------------------------- */
.prompt-item-arrow {
  pointer-events: none;
}