/* Intégrations : composition seulement. Cases, champs, boutons, onglets et pastilles viennent du socle et de outils-sur-mesure.css. */
#outils-integrations { min-width: 0; }
#int-panneau { min-height: 0; }
#int-colonne { min-width: 0; }
.int-ligne .pastille { white-space: normal; height: auto; padding-block: 2px; }
.int-panne { margin-bottom: var(--espace-3); }
.int-erreur { margin: 0; font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-primary); }
.int-erreur:not(:empty)::before { content: "× "; color: var(--etat-echec); }
.int-erreur:empty { display: none; }
.int-attention { margin: 0; font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-primary); overflow-wrap: anywhere; }
.int-cout { margin: 0; font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-secondary); }
.int-coche { display: flex; align-items: flex-start; gap: var(--espace-2); min-height: var(--cible-min); font-size: var(--t-texte); line-height: var(--i-texte); }
.int-coche input { margin-top: 3px; flex: none; accent-color: var(--accent); }
.int-coche > span { min-width: 0; overflow-wrap: anywhere; }
.int-coche .int-aide { display: block; margin-top: var(--espace-2); font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-secondary); }
.int-choix { display: flex; flex-direction: column; gap: var(--espace-2); }
.int-fiche { display: flex; flex-direction: column; gap: var(--espace-2); margin: 0; }
.int-fiche > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.int-fiche dt { font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-secondary); }
.int-fiche dd { margin: 0; overflow-wrap: anywhere; }
.int-adresse { overflow-wrap: anywhere; }
.int-operation__tete { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--espace-2); min-width: 0; }
.int-operation .pastille, .int-outil .pastille, .int-coche .pastille { white-space: normal; height: auto; padding-block: 2px; }
.int-liste { margin: 0; padding-left: var(--espace-4); display: flex; flex-direction: column; gap: var(--espace-2); overflow-wrap: anywhere; }
.int-liste--outils { list-style: none; padding: 0; }
.int-outil { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--espace-2); padding-bottom: var(--espace-2); border-bottom: 1px solid var(--border-subtle); min-width: 0; }
.int-outil:last-child { border-bottom: 0; }
.int-outil > div { flex: 1 1 200px; min-width: 0; }
.int-outil p { margin: 0; }
.int-journal { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--espace-3); }
.int-journal li { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: var(--espace-3); overflow-wrap: anywhere; }
.int-journal time { font-size: var(--t-aide); line-height: var(--i-aide); color: var(--text-secondary); }
.int-decision { min-width: 0; }
.int-decision h3, .int-decision p { margin: 0; overflow-wrap: anywhere; }
.int-abandon { margin-top: var(--espace-1); }
#outils-integrations [data-int="retour"] { display: none; }
#outils-integrations .sm-form [data-int="retour"] { display: inline-flex; }
@media (max-width: 1100px) {
  .sm-grille:has(#int-panneau) { grid-template-columns: minmax(200px, 28%) minmax(0, 1fr); gap: var(--espace-4); }
}
@media (max-width: 640px) {
  .sm-grille:has(#int-panneau) { grid-template-columns: minmax(0, 1fr); }
  #outils-integrations:not(.sm--detail) #int-panneau { display: none; }
  .sm--detail#outils-integrations #int-colonne { display: none; }
  .sm--detail#outils-integrations [data-int="retour"] { display: inline-flex; align-self: flex-start; }
  #int-panneau { min-height: 0; }
  .int-journal li { grid-template-columns: minmax(0, 1fr); gap: var(--espace-1); }
}
.int-branchee { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--espace-2); min-width: 0; }
.int-branchee .pastille { white-space: normal; height: auto; padding-block: 2px; }
#outils-integrations .sm-form .segment { align-self: flex-start; flex-wrap: wrap; }
#int-f-spec { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; resize: vertical; }