/* =============================================
   PAGE COMPTES LIÉS — Redesign épuré
   ============================================= */

/* ---- Titres sections ---- */
h2.pf-v5-c-title {
  font-family: "Reckless Neue", sans-serif !important;
  color: #1a2a3a !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1.5px solid #eef5fb !important;
  margin-bottom: 16px !important;
}

/* ---- Toolbar recherche ---- */
.pf-v5-c-toolbar {
  background-color: transparent !important;
  padding: 0 0 12px 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.pf-v5-c-text-input-group {
  border-radius: 50px !important;
  border: 1.5px solid #ddeef8 !important;
  overflow: hidden !important;
  background-color: #f9fcfe !important;
}

.pf-v5-c-text-input-group__text-input {
  border: none !important;
  background-color: transparent !important;
  font-family: "Reckless Neue", sans-serif !important;
  font-size: 13px !important;
  color: #1a2a3a !important;
  padding-left: 14px !important;
}

.pf-v5-c-text-input-group__text-input:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.pf-v5-c-text-input-group:focus-within {
  border-color: #009cde !important;
}

/* Bouton flèche recherche */
.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
  border: none !important;
  background: transparent !important;
  color: #009cde !important;
}

/* ---- Pagination ---- */
.pf-v5-c-pagination {
  font-family: "Reckless Neue", sans-serif !important;
  font-size: 12px !important;
  color: #5a7a9a !important;
}

.pf-v5-c-pagination__nav-page-select input {
  border-radius: 8px !important;
  border-color: #ddeef8 !important;
}

/* ---- DataList — chaque provider = card ---- */
#linked-idps .pf-v5-c-data-list,
#unlinked-idps .pf-v5-c-data-list {
  border: none !important;
}

#linked-idps .pf-v5-c-data-list__item,
#unlinked-idps .pf-v5-c-data-list__item {
  border: 1.5px solid #ddeef8 !important;
  border-radius: 14px !important;
  margin-bottom: 10px !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
  transition: border-color 0.2s !important;
}

#linked-idps .pf-v5-c-data-list__item:hover,
#unlinked-idps .pf-v5-c-data-list__item:hover {
  border-color: #009cde !important;
  box-shadow: none !important;
  transform: none !important;
}

#linked-idps .pf-v5-c-data-list__item-row,
#unlinked-idps .pf-v5-c-data-list__item-row {
  border: none !important;
  box-shadow: none !important;
  padding: 14px 20px !important;
  background-color: transparent !important;
}

/* ---- Nom du provider ---- */
.pf-v5-c-data-list__cell span {
  font-family: "Reckless Neue", sans-serif !important;
  color: #1a2a3a !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* ---- Badge "Connexion via réseau social" ---- */
.pf-v5-c-label {
  border-radius: 50px !important;
  border: none !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  padding: 2px 10px !important;
  font-family: "Reckless Neue", sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  background-color: #e0f4fd !important;
  color: #009cde !important;
}

.pf-v5-c-label__content {
  color: #009cde !important;
}

/* ---- Bouton "Lier le compte" — noir arrondi ---- */
#unlinked-idps .pf-v5-c-button.pf-m-link {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  border-radius: 50px !important;
  padding: 6px 18px !important;
  border: none !important;
  background-color: #1a2a3a !important;
  font-family: "Reckless Neue", sans-serif !important;
  transition: background-color 0.2s !important;
  text-decoration: none !important;
}

#unlinked-idps .pf-v5-c-button.pf-m-link:hover {
  background-color: #009cde !important;
  color: #ffffff !important;
}

/* ---- Bouton "Dissocier" — style rouge comme Supprimer ---- */
#linked-idps .pf-v5-c-button.pf-m-link {
  color: #d93025 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  border-radius: 50px !important;
  padding: 4px 14px !important;
  border: 1.5px solid #f5c6c3 !important;
  background-color: transparent !important;
  font-family: "Reckless Neue", sans-serif !important;
  text-decoration: none !important;
  transition: all 0.2s !important;
}

#linked-idps .pf-v5-c-button.pf-m-link:hover {
  background-color: #d93025 !important;
  color: #ffffff !important;
  border-color: #d93025 !important;
}

/* ---- Empty row "Aucun fournisseur lié" ---- */
#linked-idps .pf-v5-c-data-list__item:only-child,
.pf-v5-c-data-list__item[class*="align-items-center"]:only-child {
  background-color: #f9fcfe !important;
  border: 1.5px dashed #b8d9f0 !important;
  border-radius: 14px !important;
  text-align: center !important;
}

.pf-v5-c-data-list__item:only-child .pf-v5-c-data-list__cell {
  font-size: 13px !important;
  color: #5a7a9a !important;
  font-family: "Reckless Neue", sans-serif !important;
}

/* Supprimer le border pointillé du DataList vide */
#linked-idps .pf-v5-c-data-list,
#unlinked-idps .pf-v5-c-data-list {
  border: none !important;
  box-shadow: none !important;
}

/* EmptyRow — masquer complètement le cadre */
#linked-idps .pf-v5-c-data-list__item:only-child,
#unlinked-idps .pf-v5-c-data-list__item:only-child {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}