/* NASORA - affichage téléphone dans tous les tableaux */
.phone-cell,
td[data-label*="Téléphone" i],
td[data-label*="telephone" i],
td[data-label*="téléphone" i],
td[data-label*="Tél" i],
td[data-label*="Tel" i],
td[data-label*="mobile" i],
td[data-label*="portable" i] {
  white-space: nowrap;
}

.phone-link,
td[data-phone-cell="true"] a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #245b3a;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  overflow-wrap: normal;
}

.phone-link::before,
td[data-phone-cell="true"] a::before {
  content: "☎";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 7px;
  background: #edf3e8;
  font-size: .78rem;
}

.phone-link:hover,
td[data-phone-cell="true"] a:hover {
  color: #173f29;
  text-decoration: underline;
}

@media (max-width: 700px) {
  .crm-table-card>.responsive-table td[data-phone-cell="true"] {
    grid-template-columns: minmax(82px, 35%) minmax(0, 1fr);
  }

  .crm-table-card>.responsive-table td[data-phone-cell="true"] a,
  .crm-table-card>.responsive-table td[data-phone-cell="true"] .phone-link {
    width: fit-content;
    max-width: 100%;
    min-height: 36px;
    padding: 6px 10px 6px 6px;
    box-sizing: border-box;
    border: 1px solid #dce7dd;
    border-radius: 9px;
    background: #f8fbf8;
    font-size: .92rem;
    text-decoration: none;
  }

  .crm-table-card>.responsive-table td[data-phone-cell="true"] a:active,
  .crm-table-card>.responsive-table td[data-phone-cell="true"] .phone-link:active {
    transform: scale(.98);
  }
}

@media (max-width: 420px) {
  .crm-table-card>.responsive-table td[data-phone-cell="true"] a,
  .crm-table-card>.responsive-table td[data-phone-cell="true"] .phone-link {
    font-size: .86rem;
    gap: 5px;
  }
}