/* RS-72 : le modal partagé (#actionModal, .modal-lg) ne s'élargit à 800px qu'à partir de 992px
   (media query native Bootstrap) — en dessous, il reste plafonné à 500px quelle que soit la largeur
   de l'écran (tablette comprise). On lui fait prendre toute la largeur disponible jusqu'à ce seuil,
   pour que les formulaires en modale profitent de l'espace réellement disponible sur mobile/tablette
   plutôt que d'être à l'étroit dans une boîte de 500px. */
@media (max-width: 991.98px) {
    .modal-dialog {
        max-width: calc(100% - 1rem);
    }
}

.modal .opportunity-link {
    font-size: 1.25rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid transparent;
    text-decoration: none;
    color: var(--bs-body-color);
    padding: .15rem .5rem;

    &:hover {
        border-color: var(--bs-success);
    }
}