.table th, .table td {
    color: #333333;
    vertical-align: middle;
}
.table td a.link-show {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    position:  relative;
}
.table td a.link-show:hover {
    border-color: #0dcaf0;
    color: #0dcaf0;
    text-decoration: none;
}
.table td a.link-show:after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='rgb(13 202 240)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 12a2 2 0 1 0 4 0a2 2 0 0 0-4 0'/%3E%3Cpath d='M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6'/%3E%3C/g%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    opacity: 0;
    visibility:  hidden;
}
.table td a.link-show:hover:after {
    opacity: 1;
    visibility:  visible;
}


.table-contact {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-left: 2px solid transparent;
    padding-left: 5px;
}
.table-contact.recuiter {
    border-color: #18bc9c;
}
.table-contact small {
    margin-top: .15rem;
}

/* RS-75 : la colonne Contacts (liste Actions) n'a pas de largeur maximale — un ou plusieurs
   contacts au nom/entreprise longs forcent le tableau bien au-delà de la largeur d'un écran mobile.
   En dessous de 768px, on plafonne sa largeur et on tronque chaque contact avec une ellipse plutôt
   que de laisser le tableau s'étirer (l'utilisateur retrouve le détail complet via la fiche action). */
@media (max-width: 767.98px) {
    .td-contacts-cap {
        max-width: 160px;
    }
    .td-contacts-cap .table-contact {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.table .wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr) 160px 100px;
    grid-template-rows: 1fr auto;
    margin-bottom: .25rem;
}
.table .wrapper > div:last-child {
    grid-area: 2 / 1 / 2 / 5;
}