
.popover[data-v-722b334c] {
  /* Popper.js positionne l'élément lui-même (top/left ou transform selon le
     mode) ; position: absolute reste nécessaire pour que ce positionnement soit
     bien relatif au document plutôt qu'au flux normal. */
  position: absolute;
  z-index: 1060;
  font-size: 0.875rem;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
}

/*
 * Par défaut, la popover s'adapte à son contenu plutôt que d'hériter du
 * max-width: 276px de Bootstrap (qui tronquait visuellement tout contenu plus
 * large, ex: menus d'actions). On exclut explicitement les classes de taille
 * fixe existantes (cw-popover-sm/md/lg, cw-board-actions-popover) : elles
 * continuent de définir leur propre largeur sans rien changer côté appelant.
 * (Un simple :where() ne suffit pas ici : sa spécificité nulle le ferait
 * perdre face au .popover { max-width: 276px } de Bootstrap lui-même.)
 */
.popover[data-v-722b334c]:not(.cw-popover-sm):not(.cw-popover-md):not(.cw-popover-lg):not(.cw-board-actions-popover) {
  width: fit-content;
  max-width: min(90vw, 400px);
}
.popover-arrow[data-v-722b334c] {
  position: absolute;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover-arrow[data-v-722b334c]::before,
.popover-arrow[data-v-722b334c]::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top .popover-arrow[data-v-722b334c] {
  bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top .popover-arrow[data-v-722b334c]::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top .popover-arrow[data-v-722b334c]::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-bottom .popover-arrow[data-v-722b334c] {
  top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom .popover-arrow[data-v-722b334c]::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom .popover-arrow[data-v-722b334c]::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-left .popover-arrow[data-v-722b334c] {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left .popover-arrow[data-v-722b334c]::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left .popover-arrow[data-v-722b334c]::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.bs-popover-right .popover-arrow[data-v-722b334c] {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right .popover-arrow[data-v-722b334c]::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right .popover-arrow[data-v-722b334c]::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.popover-body[data-v-722b334c] {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
