/* Fenêtre « Insérer / Modifier le lien » et info-bulle d'un lien (js/link-dialog.js). Le cadre, le libellé et le champ viennent de
   css/modal-base.css (.pp-dialog-label, .pp-dialog-input), les boutons de css/variable-actions.css (.var-modal-actions) ; ne reste ici que ce qui
   est propre au lien. Chargé après eux. */
.pp-link-note { margin: 6px 0 0; font-size: 12px; line-height: 1.45; color: var(--text-muted); overflow-wrap: anywhere; }
/* L'erreur garde la couleur du texte (--danger ne fait que 4,4:1 sur blanc) : c'est le filet et le contour rouge du champ qui la désignent. */
.pp-link-error { padding-left: 8px; border-left: 3px solid var(--danger); font-weight: 600; color: var(--text); }
/* « Retirer le lien » : le rouge de --danger fait 4,4:1 sur blanc, trop peu pour un texte (4,5:1) ; le texte garde la couleur du texte et le
   contour rouge dit « destructif ». */
.pp-link-box .var-modal-actions button.var-modal-danger { color: var(--text); border-color: var(--danger); padding: 0 12px; }
.pp-link-note[hidden], .pp-link-text-field[hidden] { display: none; }
.pp-link-box .pp-dialog-input[aria-invalid="true"] { border-color: var(--danger); }
.pp-link-text-field { margin-top: 14px; }
/* Info-bulle d'un lien de l'éditeur : l'adresse, et comment l'ouvrir. Même teinte que les infobulles de la barre (var(--text) en fond), texte en
   var(--surface) pour rester lisible dans les deux thèmes. Au-dessus des fenêtres (2100). */
.pp-link-tip { position: fixed; z-index: 2200; display: flex; flex-direction: column; gap: 2px; max-width: 320px; box-sizing: border-box; padding: 5px 9px; border-radius: 6px; background: var(--text); color: var(--surface); font-family: var(--font-ui); font-size: 11.5px; line-height: 1.4; pointer-events: none; box-shadow: 0 4px 10px rgba(15, 23, 42, .25); }
.pp-link-tip[hidden] { display: none; }
.pp-link-tip-url { font-weight: 600; overflow-wrap: anywhere; }
.pp-link-tip-hint { opacity: .85; }