arengibook 3.3.6-table-required → 3.3.8-main

package/README.md

@@ -22,7 +22,7 @@ généré automatiquement.
 | [`docs/integration-symfony.md`](docs/integration-symfony.md) | intégrateurs (arengibox) | Montage des composants depuis Twig, helpers `arengibookEnhance`/`arengibookRemount`, pièges connus |
 | [`CHANGELOG.md`](CHANGELOG.md) | tous | Ce que contient chaque version publiée |
 | [`TODO_DESIGN.md`](TODO_DESIGN.md) | devs de la bibliothèque | Backlog des améliorations de composants |
-| `Table.symfony.mdx` (Storybook) | intégrateurs | Documentation complète du composant `Table` (le plus utilisé) |
+| Page Docs du `Table` (Storybook) | chefs de projet, intégrateurs | Documentation complète du composant `Table` (le plus utilisé) : onglets Doc, Implémentation, Intégration Symfony |
 
 ---
 

package/dist/index.js

@@ -83,7 +83,6 @@ var MESSAGES = {
     'arengibook.table.reorder.disabledSort': 'Réordonnancement indisponible : tri actif sur « %col% ». Retirez le tri pour réordonner.',
     'arengibook.table.reorder.disabledFilter': 'Réordonnancement indisponible : un filtre est actif. Retirez le filtre pour réordonner.',
     'arengibook.table.bulk.button': 'Actions groupées',
-    'arengibook.table.column.readOnly': 'Colonne en lecture seule',
     'arengibook.table.bulk.empty': 'Sélectionnez au moins une ligne',
     'arengibook.table.bulk.count': '%n% ligne(s) sélectionnée(s)',
     'arengibook.table.selectionFilter.tooltip': 'N\'afficher que les lignes cochées ou non cochées',
@@ -166,7 +165,6 @@ var MESSAGES = {
     'arengibook.table.reorder.disabledSort': 'Reordering unavailable: sorted by "%col%". Remove the sort to reorder.',
     'arengibook.table.reorder.disabledFilter': 'Reordering unavailable: a filter is active. Remove the filter to reorder.',
     'arengibook.table.bulk.button': 'Bulk actions',
-    'arengibook.table.column.readOnly': 'Read-only column',
     'arengibook.table.bulk.empty': 'Select at least one row',
     'arengibook.table.bulk.count': '%n% row(s) selected',
     'arengibook.table.selectionFilter.tooltip': 'Show only checked or unchecked rows',
@@ -249,7 +247,6 @@ var MESSAGES = {
     'arengibook.table.reorder.disabledSort': 'Reordenamiento no disponible: ordenado por «%col%». Quite el orden para reordenar.',
     'arengibook.table.reorder.disabledFilter': 'Reordenamiento no disponible: hay un filtro activo. Quite el filtro para reordenar.',
     'arengibook.table.bulk.button': 'Acciones masivas',
-    'arengibook.table.column.readOnly': 'Columna de solo lectura',
     'arengibook.table.bulk.empty': 'Seleccione al menos una fila',
     'arengibook.table.bulk.count': '%n% fila(s) seleccionada(s)',
     'arengibook.table.selectionFilter.tooltip': 'Mostrar solo las filas marcadas o no marcadas',
@@ -332,7 +329,6 @@ var MESSAGES = {
     'arengibook.table.reorder.disabledSort': 'Neuordnen nicht möglich: sortiert nach „%col%". Sortierung entfernen zum Neuordnen.',
     'arengibook.table.reorder.disabledFilter': 'Neuordnen nicht möglich: ein Filter ist aktiv. Filter entfernen zum Neuordnen.',
     'arengibook.table.bulk.button': 'Sammelaktionen',
-    'arengibook.table.column.readOnly': 'Schreibgeschützte Spalte',
     'arengibook.table.bulk.empty': 'Wählen Sie mindestens eine Zeile aus',
     'arengibook.table.bulk.count': '%n% Zeile(n) ausgewählt',
     'arengibook.table.selectionFilter.tooltip': 'Nur markierte oder nicht markierte Zeilen anzeigen',
@@ -38978,6 +38974,89 @@ var DropdownSelectMetaAsync = function DropdownSelectMetaAsync(_ref) {
   }, errorMessage || (showRequiredError ? ((_window$Translator = window.Translator) === null || _window$Translator === void 0 ? void 0 : _window$Translator.trans('error.required')) || 'Veuillez renseigner ce champ' : ((_window$Translator2 = window.Translator) === null || _window$Translator2 === void 0 ? void 0 : _window$Translator2.trans('error.invalid_selection')) || 'Sélection invalide'))));
 };
 
+// Outils communs aux infobulles des selects (Dropdown, MultiSelect).
+//
+// Une page peut monter plus d'une centaine de selects (questionnaire d'évaluation :
+// 136). Tout ce qu'un select installe au niveau du document est donc multiplié
+// d'autant : un MutationObserver par instance sur document.body suffisait à faire
+// coûter ~50 ms à la moindre modification du DOM. Ce qui est global est ici partagé,
+// et ce qui est propre à une instance est restreint à ses propres éléments.
+
+var scopeCounter = 0;
+
+// Classe CSS unique par instance, posée sur la racine du composant et sur son panneau
+// (rattaché au body) : les `<Tooltip target>` ne visent plus que les éléments de
+// l'instance, au lieu de tous ceux de la page (une infobulle par select pour la même
+// option, et autant d'écouteurs posés sur chaque élément).
+var useTooltipScope = function useTooltipScope(prefix) {
+  var ref = useRef(null);
+  if (ref.current === null) {
+    scopeCounter += 1;
+    ref.current = "".concat(prefix, "-").concat(scopeCounter);
+  }
+  return ref.current;
+};
+
+// `.scope .a, .scope .b` à partir de ['.a', '.b'].
+var scopeSelector = function scopeSelector(scope, selectors) {
+  return selectors.map(function (s) {
+    return ".".concat(scope, " ").concat(s);
+  }).join(', ');
+};
+
+// --- Tooltip HTML support ---
+// PrimeReact 10 ignore la prop `escape` : sa Tooltip écrit toujours via
+// createTextNode. Un MutationObserver convertit le texte contenant du HTML en
+// innerHTML rendu — nécessaire car le tooltip est réutilisé (onShow ne se déclenche
+// pas lors du changement de cible pendant que le tooltip est déjà visible).
+// Un seul observer pour toute la page, quel que soit le nombre de selects, et il
+// n'examine que les nœuds touchés au lieu de rescanner tout le document.
+var HTML_RE = /<[a-z][\s\S]*>/i;
+var rewriteTooltipText = function rewriteTooltipText(el) {
+  var raw = el.textContent;
+  if (raw && HTML_RE.test(raw) && el.innerHTML !== raw) {
+    el.innerHTML = raw;
+  }
+};
+var handleMutations = function handleMutations(mutations) {
+  mutations.forEach(function (mutation) {
+    var _target$closest;
+    var target = mutation.target.nodeType === 1 ? mutation.target : mutation.target.parentElement;
+    var text = target === null || target === void 0 || (_target$closest = target.closest) === null || _target$closest === void 0 ? void 0 : _target$closest.call(target, '.p-tooltip-text');
+    if (text) {
+      rewriteTooltipText(text);
+      return;
+    }
+    mutation.addedNodes.forEach(function (node) {
+      if (node.nodeType !== 1) return;
+      if (node.matches('.p-tooltip-text')) rewriteTooltipText(node);else node.querySelectorAll('.p-tooltip-text').forEach(rewriteTooltipText);
+    });
+  });
+};
+var htmlObserver = null;
+var htmlObserverUsers = 0;
+var useTooltipHtmlRewrite = function useTooltipHtmlRewrite(enabled) {
+  useEffect(function () {
+    if (!enabled) return undefined;
+    htmlObserverUsers += 1;
+    if (!htmlObserver) {
+      htmlObserver = new MutationObserver(handleMutations);
+      htmlObserver.observe(document.body, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
+    }
+    return function () {
+      htmlObserverUsers -= 1;
+      if (htmlObserverUsers === 0 && htmlObserver) {
+        htmlObserver.disconnect();
+        htmlObserver = null;
+      }
+    };
+  }, [enabled]);
+};
+
 var _excluded$1 = ["class"],
   _excluded2$1 = ["style", "className"];
 var Dropdown = function Dropdown(props) {
@@ -39140,13 +39219,12 @@ var Dropdown = function Dropdown(props) {
     _useState10 = _slicedToArray$b(_useState1, 2),
     tooltipKey = _useState10[0],
     setTooltipKey = _useState10[1];
-  // 'right' : à droite du picto i (comportement par défaut)
-  // 'panelBottom' : sous le panel d'options (si pas assez de place à droite)
-  // 'panelTop' : au-dessus du panel d'options (si pas assez de place en bas non plus)
-  var _useState11 = useState('right'),
-    _useState12 = _slicedToArray$b(_useState11, 2);
-    _useState12[0];
-    var setTooltipMode = _useState12[1];
+  // Portée des infobulles : cf. useTooltipScope
+  var tooltipScope = useTooltipScope('ab-dd');
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray$b(_useState11, 2),
+    isPanelOpen = _useState12[0],
+    setIsPanelOpen = _useState12[1];
   var _useState13 = useState(null),
     _useState14 = _slicedToArray$b(_useState13, 2),
     sortOrder = _useState14[0],
@@ -39262,40 +39340,20 @@ var Dropdown = function Dropdown(props) {
     return label.slice(0, truncateAt) + '…';
   };
 
-  // --- Tooltip HTML support ---
-  // PrimeReact 10 ignore la prop `escape` : sa Tooltip écrit toujours via
-  // createTextNode. Un MutationObserver global rescande les `.p-tooltip-text`
-  // pour convertir le texte contenant du HTML en innerHTML rendu.
-  // On l'installe une seule fois côté document.body, indépendamment du montage
-  // des composants — car onShow ne se déclenche pas lors du changement de
-  // cible pendant que le tooltip est déjà visible.
-  useEffect(function () {
-    if (!enableItemTooltip) return undefined;
-    var rewrite = function rewrite() {
-      document.querySelectorAll('.p-tooltip .p-tooltip-text').forEach(function (el) {
-        var raw = el.textContent;
-        if (raw && /<[a-z][\s\S]*>/i.test(raw) && el.innerHTML !== raw) {
-          el.innerHTML = raw;
-        }
-      });
-    };
-    var observer = new MutationObserver(rewrite);
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true,
-      characterData: true
-    });
-    return function () {
-      return observer.disconnect();
-    };
-  }, [enableItemTooltip]);
+  // --- Tooltip HTML support --- (un seul observer pour toute la page)
+  useTooltipHtmlRewrite(enableItemTooltip);
 
   // --- Repositionnement fin du tooltip ---
   // La détection du mode ('right' / 'panelBottom' / 'panelTop') est refaite
   // à chaque survol : la mesure reste à jour en intégration réelle même si
   // le layout a changé après le montage (scroll ancêtre, resize parent…).
+  // Écouteur posé seulement panneau ouvert : sinon chaque select de la page
+  // recalculait la position à chaque survol de n'importe quel élément.
+  // 'right' : à droite du picto i (comportement par défaut)
+  // 'panelBottom' : sous le panel d'options (si pas assez de place à droite)
+  // 'panelTop' : au-dessus du panel d'options (si pas assez de place en bas non plus)
   useEffect(function () {
-    if (!enableItemTooltip) return undefined;
+    if (!enableItemTooltip || !isPanelOpen) return undefined;
     var hoveredRow = null;
     var computeMode = function computeMode() {
       var container = containerRef.current;
@@ -39304,7 +39362,7 @@ var Dropdown = function Dropdown(props) {
       var tooltipPxWidth = parseInt(String(tooltipWidth), 10) || 220;
       var spaceRight = window.innerWidth - cRect.right;
       if (spaceRight >= tooltipPxWidth + 40) return 'right';
-      var panel = document.querySelector('.p-dropdown-panel.p-component');
+      var panel = getPanel();
       var anchor = panel || container;
       var aRect = anchor.getBoundingClientRect();
       var estimateHeight = 120;
@@ -39318,7 +39376,6 @@ var Dropdown = function Dropdown(props) {
       var tooltipEl = document.querySelector('.p-tooltip.p-component');
       if (!tooltipEl) return;
       var mode = computeMode();
-      setTooltipMode(mode);
       var arrowEl = tooltipEl.querySelector('.p-tooltip-arrow');
       if (mode === 'right') {
         var _hoveredRow;
@@ -39334,7 +39391,7 @@ var Dropdown = function Dropdown(props) {
           arrowEl.style.marginTop = '-0.25rem';
         }
       } else {
-        var panel = document.querySelector('.p-dropdown-panel.p-component');
+        var panel = getPanel();
         if (!panel) return;
         var pRect = panel.getBoundingClientRect();
         var _tt = tooltipEl.getBoundingClientRect();
@@ -39349,7 +39406,7 @@ var Dropdown = function Dropdown(props) {
     };
     var trackHover = function trackHover(e) {
       var _e$target, _e$target$closest;
-      var row = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, '.dropdown-tooltip-item, .dropdown-tooltip-trigger');
+      var row = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, scopeSelector(tooltipScope, ['.dropdown-tooltip-item', '.dropdown-tooltip-trigger']));
       if (row) {
         hoveredRow = row;
         requestAnimationFrame(reposition);
@@ -39362,7 +39419,7 @@ var Dropdown = function Dropdown(props) {
     return function () {
       return document.removeEventListener('mouseover', trackHover);
     };
-  }, [enableItemTooltip, tooltipWidth]);
+  }, [enableItemTooltip, tooltipWidth, isPanelOpen]);
 
   // --- Event handlers ---
   var handleShow = function handleShow() {
@@ -39967,12 +40024,13 @@ var Dropdown = function Dropdown(props) {
   return /*#__PURE__*/React__default.createElement("div", {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
+    className: tooltipScope,
     style: {
       width: '100%'
     }
   }, enableItemTooltip && /*#__PURE__*/React__default.createElement(Tooltip$1, {
     key: tooltipKey,
-    target: ".dropdown-tooltip-item, .dropdown-tooltip-trigger",
+    target: scopeSelector(tooltipScope, ['.dropdown-tooltip-item', '.dropdown-tooltip-trigger']),
     appendTo: document.body,
     position: "right",
     autoHide: false,
@@ -40036,7 +40094,7 @@ var Dropdown = function Dropdown(props) {
       '--ab-panel-min-width': panelMinWidth,
       width: undefined
     } : {}),
-    panelClassName: 'dropdownbook' + (panelMinWidth ? ' dropdownbook--min-width' : ''),
+    panelClassName: "dropdownbook ".concat(tooltipScope) + (panelMinWidth ? ' dropdownbook--min-width' : ''),
     itemTemplate: optionTemplate
   }, (hasInfoLine || creatable) && {
     panelFooterTemplate: panelFooterTemplate
@@ -40051,6 +40109,7 @@ var Dropdown = function Dropdown(props) {
   }, {
     onShow: function onShow() {
       var _containerRef$current;
+      setIsPanelOpen(true);
       var el = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
       while (el) {
         var _style3 = window.getComputedStyle(el);
@@ -40087,6 +40146,7 @@ var Dropdown = function Dropdown(props) {
     },
     onHide: function onHide() {
       var _dropdownComposantRef8;
+      setIsPanelOpen(false);
       panelListenersRef.current.forEach(function (_ref6) {
         var element = _ref6.element,
           handler = _ref6.handler,
@@ -40109,7 +40169,7 @@ var Dropdown = function Dropdown(props) {
       delay: 200
     }, virtualScrollerOptions) : undefined
   }))), !isDropdownOpen && selectedGroupLabel && isGroupedOption && /*#__PURE__*/React__default.createElement(Tooltip$1, {
-    target: ".p-dropdown-label.p-inputtext",
+    target: scopeSelector(tooltipScope, ['.p-dropdown-label.p-inputtext']),
     content: selectedGroupLabel,
     position: "top"
   }), name && /*#__PURE__*/React__default.createElement("input", {
@@ -44546,13 +44606,12 @@ var MultiSelect = function MultiSelect(props) {
     _useState0 = _slicedToArray$b(_useState9, 2),
     tooltipKey = _useState0[0],
     setTooltipKey = _useState0[1];
-  // 'right' : flèche du tooltip sur le picto i
-  // 'panelBottom' : tooltip sous le panel d'options
-  // 'panelTop' : tooltip au-dessus du panel d'options
-  var _useState1 = useState('right'),
-    _useState10 = _slicedToArray$b(_useState1, 2);
-    _useState10[0];
-    var setTooltipMode = _useState10[1];
+  // Portée des infobulles : cf. useTooltipScope
+  var tooltipScope = useTooltipScope('ab-ms');
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray$b(_useState1, 2),
+    isPanelOpen = _useState10[0],
+    setIsPanelOpen = _useState10[1];
   var multiSelectRef = useRef(null);
   var containerRef = useRef(null);
   var didMountRef = useRef(false);
@@ -44619,21 +44678,6 @@ var MultiSelect = function MultiSelect(props) {
     setSelectedOptions(next);
     setAppliedOptions(next);
   }, [value, objValue, optionValue]);
-  useEffect(function () {
-    var observer = new MutationObserver(function () {
-      var panel = document.querySelector('.p-multiselect-panel.p-component');
-      if (panel) {
-        panel.style.zIndex = '10000';
-      }
-    });
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true
-    });
-    return function () {
-      return observer.disconnect();
-    };
-  }, []);
   useEffect(function () {}, []);
 
   // Panneau de CE composant (cf. Dropdown.getPanel) : un querySelector global renvoyait
@@ -44988,38 +45032,21 @@ var MultiSelect = function MultiSelect(props) {
     }
   };
 
-  // PrimeReact 10 ignore la prop `escape` : sa Tooltip écrit toujours via
-  // createTextNode. Un MutationObserver rescande les `.p-tooltip-text` pour
-  // convertir le texte contenant du HTML en innerHTML rendu — nécessaire car
-  // le tooltip est réutilisé (pas de callback à chaque changement de cible).
-  useEffect(function () {
-    if (!enableItemTooltip) return undefined;
-    var rewrite = function rewrite() {
-      document.querySelectorAll('.p-tooltip .p-tooltip-text').forEach(function (el) {
-        var raw = el.textContent;
-        if (raw && /<[a-z][\s\S]*>/i.test(raw) && el.innerHTML !== raw) {
-          el.innerHTML = raw;
-        }
-      });
-    };
-    var observer = new MutationObserver(rewrite);
-    observer.observe(document.body, {
-      childList: true,
-      subtree: true,
-      characterData: true
-    });
-    return function () {
-      return observer.disconnect();
-    };
-  }, [enableItemTooltip]);
+  // --- Tooltip HTML support --- (un seul observer pour toute la page)
+  useTooltipHtmlRewrite(enableItemTooltip);
 
   // --- Repositionnement fin du tooltip ---
   // La détection du mode ('right' / 'panelBottom' / 'panelTop') est refaite à
   // chaque survol : ainsi la mesure de position est toujours à jour même si
   // le layout a changé après le montage (intégration dans une page réelle,
   // scroll d'un ancêtre, resize du parent, etc.).
+  // Écouteur posé seulement panneau ouvert : sinon chaque select de la page
+  // recalculait la position à chaque survol de n'importe quel élément.
+  // 'right' : flèche du tooltip sur le picto i
+  // 'panelBottom' : tooltip sous le panel d'options
+  // 'panelTop' : tooltip au-dessus du panel d'options
   useEffect(function () {
-    if (!enableItemTooltip) return undefined;
+    if (!enableItemTooltip || !isPanelOpen) return undefined;
     var hoveredRow = null;
     var computeMode = function computeMode() {
       var container = containerRef.current;
@@ -45028,7 +45055,7 @@ var MultiSelect = function MultiSelect(props) {
       var tooltipPxWidth = parseInt(String(tooltipWidth), 10) || 220;
       var spaceRight = window.innerWidth - cRect.right;
       if (spaceRight >= tooltipPxWidth + 40) return 'right';
-      var panel = document.querySelector('.p-multiselect-panel.p-component');
+      var panel = getPanel();
       var anchor = panel || container;
       var aRect = anchor.getBoundingClientRect();
       var estimateHeight = 120;
@@ -45042,7 +45069,6 @@ var MultiSelect = function MultiSelect(props) {
       var tooltipEl = document.querySelector('.p-tooltip.p-component');
       if (!tooltipEl) return;
       var mode = computeMode();
-      setTooltipMode(mode);
       var arrowEl = tooltipEl.querySelector('.p-tooltip-arrow');
       if (mode === 'right') {
         var _hoveredRow;
@@ -45058,7 +45084,7 @@ var MultiSelect = function MultiSelect(props) {
           arrowEl.style.marginTop = '-0.25rem';
         }
       } else {
-        var panel = document.querySelector('.p-multiselect-panel.p-component');
+        var panel = getPanel();
         if (!panel) return;
         var pRect = panel.getBoundingClientRect();
         var _tt = tooltipEl.getBoundingClientRect();
@@ -45073,7 +45099,7 @@ var MultiSelect = function MultiSelect(props) {
     };
     var trackHover = function trackHover(e) {
       var _e$target, _e$target$closest;
-      var row = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, '.multiselect-tooltip-item, .multiselect-tooltip-trigger, .multiselect-selected-tooltip-trigger');
+      var row = (_e$target = e.target) === null || _e$target === void 0 || (_e$target$closest = _e$target.closest) === null || _e$target$closest === void 0 ? void 0 : _e$target$closest.call(_e$target, scopeSelector(tooltipScope, ['.multiselect-tooltip-item', '.multiselect-tooltip-trigger', '.multiselect-selected-tooltip-trigger']));
       if (row) {
         hoveredRow = row;
         requestAnimationFrame(reposition);
@@ -45086,7 +45112,7 @@ var MultiSelect = function MultiSelect(props) {
     return function () {
       return document.removeEventListener('mouseover', trackHover);
     };
-  }, [enableItemTooltip, tooltipWidth]);
+  }, [enableItemTooltip, tooltipWidth, isPanelOpen]);
   var handleChange = function handleChange(e) {
     if (disabled || effectiveReadOnly) return;
     var ids = Array.isArray(e.value) ? e.value : [e.value];
@@ -45562,12 +45588,13 @@ var MultiSelect = function MultiSelect(props) {
   return /*#__PURE__*/React__default.createElement("div", {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
+    className: tooltipScope,
     style: {
       width: '100%'
     }
   }, enableItemTooltip && /*#__PURE__*/React__default.createElement(Tooltip$1, {
     key: tooltipKey,
-    target: ".multiselect-tooltip-item, .multiselect-tooltip-trigger, .multiselect-selected-tooltip-trigger",
+    target: scopeSelector(tooltipScope, ['.multiselect-tooltip-item', '.multiselect-tooltip-trigger', '.multiselect-selected-tooltip-trigger']),
     appendTo: document.body,
     position: "right",
     autoHide: false,
@@ -45590,10 +45617,10 @@ var MultiSelect = function MultiSelect(props) {
       width: '100%'
     }
   }, displayCounter && /*#__PURE__*/React__default.createElement(Tooltip$1, {
-    target: ".custom-target-icon"
+    target: scopeSelector(tooltipScope, ['.custom-target-icon'])
   }), /*#__PURE__*/React__default.createElement(Tooltip$1, {
     key: "counter-".concat(tooltipKey),
-    target: ".ms-counter-label, .ab-mini-badge",
+    target: scopeSelector(tooltipScope, ['.ms-counter-label', '.ab-mini-badge']),
     appendTo: document.body,
     position: "top",
     showDelay: 0,
@@ -45601,7 +45628,7 @@ var MultiSelect = function MultiSelect(props) {
       zIndex: 9999999
     }
   }), /*#__PURE__*/React__default.createElement(Tooltip$1, {
-    target: ".p-multiselect-token",
+    target: scopeSelector(tooltipScope, ['.p-multiselect-token']),
     appendTo: document.body,
     position: "top",
     showDelay: 200,
@@ -45620,7 +45647,7 @@ var MultiSelect = function MultiSelect(props) {
   }, /*#__PURE__*/React__default.createElement(MultiSelect$1, _extends$G({
     ref: multiSelectRef,
     className: isInvalidEffective ? 'is-error' : undefined,
-    panelClassName: !useCheckbox ? 'ms-no-checkbox' : ''
+    panelClassName: "".concat(tooltipScope).concat(!useCheckbox ? ' ms-no-checkbox' : '')
   }, displayBadge && selectedOptions.length <= maxSelectedLabels ? {
     display: 'chip',
     pt: {
@@ -45692,6 +45719,11 @@ var MultiSelect = function MultiSelect(props) {
   }), {
     onShow: function onShow() {
       var _containerRef$current;
+      setIsPanelOpen(true);
+      // Au-dessus des surcouches de l'hôte (était posé par un MutationObserver
+      // global par instance, rejoué à chaque modification du DOM)
+      var panel = getPanel();
+      if (panel) panel.style.zIndex = '10000';
       var el = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
       while (el) {
         var _style = window.getComputedStyle(el);
@@ -45721,6 +45753,7 @@ var MultiSelect = function MultiSelect(props) {
       if (_onShow) _onShow();
     },
     onHide: function onHide() {
+      setIsPanelOpen(false);
       panelListenersRef.current.forEach(function (_ref5) {
         var element = _ref5.element,
           handler = _ref5.handler,
@@ -48270,7 +48303,7 @@ if (typeof window !== 'undefined') {
   window.ArengibookToastPresets = ToastPresets;
 }
 
-var css_248z$3 = "@charset \"UTF-8\";\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes toastSlideIn {\n  from {\n    opacity: 0;\n    transform: translateX(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes toastIconPop {\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  60% {\n    transform: scale(1.2);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes toastTextSlide {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.p-paginator {\n  font-size: 14px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last,\n.p-paginator .p-paginator-pages .p-paginator-page,\n.p-paginator .p-paginator-current,\n.p-paginator .p-dropdown .p-dropdown-label,\n.p-paginator .p-dropdown-item,\n.p-paginator .p-paginator-page-input .p-inputtext {\n  font-size: 14px;\n}\n\n.p-datatable .p-datatable-tbody > tr.air-row--selected > td {\n  background-color: #f0fdf8 !important;\n}\n\n.p-datatable .p-datatable-tbody > tr > td.ab-col--readonly {\n  background-color: #f4f4f5;\n  cursor: not-allowed;\n}\n.p-datatable .p-datatable-tbody > tr > td.ab-col--readonly a,\n.p-datatable .p-datatable-tbody > tr > td.ab-col--readonly button,\n.p-datatable .p-datatable-tbody > tr > td.ab-col--readonly [role=button] {\n  cursor: pointer;\n}\n\n.ab-col-header--readonly .material-icons {\n  display: inline-block;\n  vertical-align: middle;\n  margin-left: 4px;\n  font-size: 13px;\n  line-height: 1;\n  color: #a1a1aa;\n  width: 13px;\n  overflow: hidden;\n}\n\ntable.ab-table {\n  background-color: #ffffff;\n  font-family: \"Roboto\", sans-serif;\n  table-layout: fixed;\n}\ntable.ab-table thead {\n  border: 1px solid #e0e3e8;\n}\ntable.ab-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 800;\n  background-color: #e8eaee;\n  border-bottom: 1px solid #e0e3e8;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  font-size: 14px;\n}\ntable.ab-table tbody tr {\n  background-color: transparent;\n}\n\n.ab-table td {\n  overflow: hidden;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  text-align: left;\n  border-right: 1px solid #e8eaee;\n  border-bottom: 1px solid #e8eaee;\n}\n\n.ab-table .cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background: #fff !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr:has(> td.ab-td--editable):hover > td.p-frozen-column {\n  background: #f4f5f6 !important;\n}\n\ntable.ab-table thead th.p-frozen-column:not(.row-actions-cell) {\n  background: #fff !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  border-right: 1px solid #e8eaee !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: #e8eaee !important;\n  border: none !important;\n  border-right: 1px solid #e0e3e8 !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\ntable.ab-table td input.p-inputtext {\n  box-sizing: border-box;\n  min-height: 26px;\n  padding: 0 8px;\n  border: 1px solid #e0e3e8;\n  border-radius: 3px;\n  background: #ffffff;\n  box-shadow: none;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 300;\n}\ntable.ab-table td input.p-inputtext:enabled:hover {\n  border-color: #c8cdd6;\n}\ntable.ab-table td input.p-inputtext:enabled:focus {\n  border-color: #3f3f3f;\n  box-shadow: none;\n  outline: none;\n}\n\n.ab-table .p-cell-editing input,\n.ab-table .p-cell-editing .p-inputtext,\n.ab-table .p-cell-editing .p-dropdown,\n.ab-table .p-cell-editing .p-multiselect,\n.ab-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.ab-table .cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 1.4px;\n  font-size: 12.25px;\n}\n.ab-table .cell-devise--editable {\n  cursor: pointer;\n}\n.ab-table .cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 21px;\n  cursor: pointer;\n}\n.ab-table .cell-devise .span-sub {\n  font-size: 10.5px;\n  color: #71717a;\n}\n\n.ab-table .devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.ab-table .devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  width: 100%;\n  position: relative;\n}\n.ab-table .devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.ab-table .devise-editor-save {\n  align-self: flex-end;\n}\n\n.ab-table .p-cell-editing .devise-editor-fields input,\n.ab-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.ab-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.ab-table .select-editor .p-dropdown-label > div {\n  min-width: 0;\n}\n.ab-table .select-editor .dd-color-badge.is-selected {\n  display: inline-block;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.ab-table .select-editor .p-multiselect .p-multiselect-label-container {\n  margin-right: 1.75rem;\n}\n\n.ab-table .div-col-select .ab-color-badge.is-selected,\n.ab-table .div-col-select-multiple .ab-color-badge.is-selected {\n  animation: none;\n}\n.ab-table .div-col-select .ab-chips-lecture,\n.ab-table .div-col-select .p-multiselect .p-multiselect-label,\n.ab-table .div-col-select .p-dropdown .p-dropdown-label,\n.ab-table .div-col-select-multiple .ab-chips-lecture,\n.ab-table .div-col-select-multiple .p-multiselect .p-multiselect-label,\n.ab-table .div-col-select-multiple .p-dropdown .p-dropdown-label {\n  overflow: clip visible !important;\n}\n.ab-table .div-col-select > div:not(.select-editor),\n.ab-table .div-col-select-multiple > div:not(.select-editor) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  min-height: 40px !important;\n  padding: 0 20px 0 12px;\n  border: 1.5px solid transparent;\n}\n.ab-table .div-col-select > div:not(.select-editor):focus-visible,\n.ab-table .div-col-select-multiple > div:not(.select-editor):focus-visible {\n  outline: 2px solid #3f3f3f;\n  outline-offset: -2px;\n}\n.ab-table .div-col-select > div:not(.select-editor) > *,\n.ab-table .div-col-select-multiple > div:not(.select-editor) > * {\n  min-width: 0;\n  max-width: 100%;\n}\n.ab-table .div-col-select .p-dropdown-trigger,\n.ab-table .div-col-select .p-multiselect-trigger,\n.ab-table .div-col-select-multiple .p-dropdown-trigger,\n.ab-table .div-col-select-multiple .p-multiselect-trigger {\n  display: none;\n}\n.ab-table .div-col-select [data-pc-section=clearicon],\n.ab-table .div-col-select-multiple [data-pc-section=clearicon] {\n  right: 12px;\n  opacity: 0;\n  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-table .div-col-select .ab-chips-lecture,\n.ab-table .div-col-select-multiple .ab-chips-lecture {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: 6px;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.ab-table .div-col-select .ab-chip-lecture,\n.ab-table .div-col-select-multiple .ab-chip-lecture {\n  padding: 4px 4px 4px 8px;\n  gap: 2px;\n  margin: 0;\n  flex: 0 1 auto;\n  width: max-content;\n  min-width: 0;\n}\n.ab-table .div-col-select .ab-chip-lecture .p-multiselect-token-icon,\n.ab-table .div-col-select-multiple .ab-chip-lecture .p-multiselect-token-icon {\n  width: 14px;\n  height: 14px;\n  flex-shrink: 0;\n}\n.ab-table .div-col-select .p-multiselect .p-multiselect-label-container,\n.ab-table .div-col-select-multiple .p-multiselect .p-multiselect-label-container {\n  margin-right: 34px;\n}\n.ab-table .div-col-select .dropdown-container .p-dropdown,\n.ab-table .div-col-select .multiselect-container .p-multiselect,\n.ab-table .div-col-select-multiple .dropdown-container .p-dropdown,\n.ab-table .div-col-select-multiple .multiselect-container .p-multiselect {\n  border-color: transparent;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-table .div-col-select .p-dropdown.p-focus,\n.ab-table .div-col-select .p-multiselect.p-focus,\n.ab-table .div-col-select-multiple .p-dropdown.p-focus,\n.ab-table .div-col-select-multiple .p-multiselect.p-focus {\n  border-color: #3f3f3f;\n}\n.ab-table .div-col-select .p-dropdown.p-focus [data-pc-section=clearicon],\n.ab-table .div-col-select .p-multiselect.p-focus [data-pc-section=clearicon],\n.ab-table .div-col-select-multiple .p-dropdown.p-focus [data-pc-section=clearicon],\n.ab-table .div-col-select-multiple .p-multiselect.p-focus [data-pc-section=clearicon] {\n  opacity: 1;\n}\n\n.ab-table .div-col-select-multiple > div:not(.select-editor) {\n  padding-right: 46px;\n}\n\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select .dropdown-container .p-dropdown,\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select-multiple .multiselect-container .p-multiselect {\n  border-color: #c8cdd6;\n}\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select [data-pc-section=clearicon],\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select-multiple [data-pc-section=clearicon] {\n  opacity: 1;\n}\n\n.ab-table .doc-cell-empty {\n  color: #aaa;\n  font-size: 11.9px;\n}\n\n.ab-table .doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 3.5px;\n  min-width: 0;\n  overflow: hidden;\n}\n.ab-table .doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 4.9px;\n  font-size: 12.25px;\n  min-width: 0;\n}\n.ab-table .doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 11.2px;\n  flex-shrink: 0;\n}\n.ab-table .doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.ab-table .doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2.1px;\n  padding-left: 15.4px;\n  font-size: 11.2px;\n}\n.ab-table .doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ab-table .doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.ab-table .doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.ab-table .doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.ab-table .doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 11.2px;\n}\n.ab-table .doc-editor-table td {\n  padding: 2.8px 4.9px;\n  vertical-align: middle;\n}\n.ab-table .doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.ab-table .doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.ab-table .doc-editor-table td:last-child {\n  width: 28px;\n  text-align: center;\n}\n.ab-table .doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 4.2px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.ab-table .ab-titre-box {\n  overflow: hidden;\n  min-width: 0;\n}\n\n.ab-table .table-item-title {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-title-lines, 1);\n  line-height: 16px;\n  min-width: 0 !important;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  overflow: hidden;\n  max-height: var(--ab-content-max, none);\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 0;\n  padding: 0 1rem;\n  overflow: hidden;\n  container-type: inline-size;\n}\n\n.p-datatable .p-column-header-content .p-column-title {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.p-datatable .p-column-header-content [data-pc-section=sort] {\n  flex: 0 0 auto;\n}\n\n@container (max-width: 77px) {\n  .p-datatable .p-column-header-content [data-pc-section=sort] {\n    display: none;\n  }\n}\n.ab-table .tab_label {\n  display: inline-block;\n  padding: 5px 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 5px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  height: initial;\n}\n.ab-table .tab_label .tab_label-clear {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  min-height: 0;\n  margin-left: 3px;\n  margin-right: -3px;\n  padding: 0;\n  border: none;\n  border-radius: 3px;\n  background: none;\n  color: inherit;\n  opacity: 0.55;\n  cursor: pointer;\n  transition: opacity 0.12s, background-color 0.12s;\n}\n.ab-table .tab_label .tab_label-clear:hover, .ab-table .tab_label .tab_label-clear:focus-visible {\n  outline: none;\n  opacity: 1;\n  background: rgba(0, 0, 0, 0.14);\n}\n\n.ab-table .badge,\n.ab-select-badge {\n  padding: 8px 12px;\n  border-radius: 5px;\n  height: auto;\n  margin: 2px;\n  font-weight: 400;\n  box-shadow: 2px 4px 5px grey;\n  white-space: inherit;\n  min-width: 90px;\n}\n.ab-table .badge:not(.badge-small),\n.ab-select-badge:not(.badge-small) {\n  width: 100%;\n}\n\ntable.ab-table a.table-item-title {\n  color: #2563eb;\n  font-weight: 500;\n  text-decoration: none;\n}\ntable.ab-table a.table-item-title:hover {\n  color: #1d4ed8;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.ab-table .RiskNumber-table div {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ab-table .RiskNumber-table div span {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  min-height: 30px;\n  max-width: 30px;\n  max-height: 30px;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ab-table .RiskLabel-table .etiquetteMatrix-risque {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  min-height: 26px;\n  width: fit-content;\n  max-width: 190px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 3px;\n  background-color: #fff;\n  color: black;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.ab-table .RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabelColor {\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 5px;\n  border-right: 1px solid rgba(0, 0, 0, 0.3607843137);\n  border-radius: 3px 0 0 3px;\n}\n.ab-table .RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel {\n  font-size: 13px;\n  font-weight: 300;\n  padding: 3px 10px 3px 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: flex;\n  align-items: center;\n}\n.ab-table .RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel > p {\n  margin: 0;\n  display: inline;\n  font: inherit;\n}\n\n.ab-table .RiskOwner-table .risk_owner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: max-content;\n}\n.ab-table .RiskOwner-table .risk_owner a {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  background-color: white;\n  opacity: 1;\n  margin: 2px;\n  position: relative;\n}\n.ab-table .RiskOwner-table .risk_owner a:hover {\n  z-index: 9999;\n}\n\n.ab-table .ab-cell-display--html {\n  display: block !important;\n}\n\n.ab-table .ab-texte-limite {\n  min-width: 0 !important;\n  max-width: 100% !important;\n  min-height: 0 !important;\n  max-height: var(--ab-content-max, none) !important;\n  margin: 0;\n  overflow: hidden;\n  text-align: left;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-html-lines, none);\n  line-height: 17px !important;\n  font-size: 14px;\n}\n.ab-table .ab-texte-limite p {\n  line-height: 17px !important;\n  font-size: 14px;\n  margin: 0;\n}\n.ab-table .ab-texte-limite p,\n.ab-table .ab-texte-limite div,\n.ab-table .ab-texte-limite ul,\n.ab-table .ab-texte-limite ol,\n.ab-table .ab-texte-limite li,\n.ab-table .ab-texte-limite blockquote,\n.ab-table .ab-texte-limite h1,\n.ab-table .ab-texte-limite h2,\n.ab-table .ab-texte-limite h3,\n.ab-table .ab-texte-limite h4,\n.ab-table .ab-texte-limite h5,\n.ab-table .ab-texte-limite h6 {\n  display: inline;\n  margin: 0;\n  padding: 0;\n  font-size: 14px;\n  line-height: 17px !important;\n}\n.ab-table .ab-texte-limite h1,\n.ab-table .ab-texte-limite h2,\n.ab-table .ab-texte-limite h3,\n.ab-table .ab-texte-limite h4,\n.ab-table .ab-texte-limite h5,\n.ab-table .ab-texte-limite h6,\n.ab-table .ab-texte-limite strong,\n.ab-table .ab-texte-limite b {\n  font-weight: 600;\n}\n.ab-table .ab-texte-limite p::after,\n.ab-table .ab-texte-limite div::after,\n.ab-table .ab-texte-limite blockquote::after,\n.ab-table .ab-texte-limite h1::after,\n.ab-table .ab-texte-limite h2::after,\n.ab-table .ab-texte-limite h3::after,\n.ab-table .ab-texte-limite h4::after,\n.ab-table .ab-texte-limite h5::after,\n.ab-table .ab-texte-limite h6::after {\n  content: \" \";\n}\n.ab-table .ab-texte-limite li + li::before {\n  content: \" · \";\n  color: #6b7280;\n}\n\n.ab-table .action-picto .picto {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  margin: 5px;\n}\n\n.ab-table .RiskClusters-table .RiskClusters {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  padding: 5px 19px;\n  background-color: rgba(255, 255, 255, 0.5098039216);\n  border-radius: 5px;\n  opacity: 1;\n  position: relative;\n  margin: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ab-table .RiskClusters-table .RiskClusters .material-icons {\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3137254902);\n}\n\n.ab-table .progress_bar_menu {\n  position: relative;\n  height: 20px;\n  margin: 0;\n}\n\n.ab-table .progress_bar_menu_black {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 6px;\n  background-color: #b0bec5;\n  border-radius: 3px;\n  text-align: left;\n}\n\n.ab-table .progress_bar_menu_load {\n  border-radius: 3px;\n  height: 6px;\n  background-color: #136b89;\n}\n\n.ab-table .progress_bar_menu_info {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1;\n  padding: 1px 7px;\n  border: 1px solid #e0e3e8;\n  border-radius: 999px;\n  background: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  color: #3f535f;\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 1.45;\n  white-space: nowrap;\n}\n.ab-table .progress_bar_menu_info a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.ab-table .div-col {\n  width: 100%;\n}\n\n.ab-table .div-col:not(.div-col-select):not(.div-col-select-multiple) {\n  max-height: var(--ab-content-max, none);\n  overflow: clip;\n  overflow-clip-margin: 6px;\n}\n\n.ab-table .ab-cell-scroll {\n  max-height: var(--ab-cell-max, none);\n  overflow-y: auto;\n}\n\n.ab-table .tab_label {\n  max-width: 100%;\n}\n\ntable.ab-table thead th {\n  background-color: #e8eaee !important;\n  border-right: 1px solid #e0e3e8 !important;\n  border-bottom: 1px solid #e0e3e8 !important;\n}\ntable.ab-table thead th:hover {\n  background-color: #e8eaee !important;\n}\ntable.ab-table thead th:last-child {\n  border-right: 0 !important;\n}\n\ntable.ab-table .p-column-resizer {\n  width: 15px;\n  cursor: col-resize;\n  border: 0;\n  height: auto;\n  top: 0;\n  bottom: -1px;\n}\n\ntable.ab-table thead th:not(.row-actions-cell):not(:has(> .p-column-filter)) {\n  overflow: visible;\n  padding-left: 0;\n  padding-right: 0;\n}\n\ntable.ab-table thead th:nth-child(1) {\n  z-index: 839 !important;\n}\n\ntable.ab-table thead th:nth-child(2) {\n  z-index: 838 !important;\n}\n\ntable.ab-table thead th:nth-child(3) {\n  z-index: 837 !important;\n}\n\ntable.ab-table thead th:nth-child(4) {\n  z-index: 836 !important;\n}\n\ntable.ab-table thead th:nth-child(5) {\n  z-index: 835 !important;\n}\n\ntable.ab-table thead th:nth-child(6) {\n  z-index: 834 !important;\n}\n\ntable.ab-table thead th:nth-child(7) {\n  z-index: 833 !important;\n}\n\ntable.ab-table thead th:nth-child(8) {\n  z-index: 832 !important;\n}\n\ntable.ab-table thead th:nth-child(9) {\n  z-index: 831 !important;\n}\n\ntable.ab-table thead th:nth-child(10) {\n  z-index: 830 !important;\n}\n\ntable.ab-table thead th:nth-child(11) {\n  z-index: 829 !important;\n}\n\ntable.ab-table thead th:nth-child(12) {\n  z-index: 828 !important;\n}\n\ntable.ab-table thead th:nth-child(13) {\n  z-index: 827 !important;\n}\n\ntable.ab-table thead th:nth-child(14) {\n  z-index: 826 !important;\n}\n\ntable.ab-table thead th:nth-child(15) {\n  z-index: 825 !important;\n}\n\ntable.ab-table thead th:nth-child(16) {\n  z-index: 824 !important;\n}\n\ntable.ab-table thead th:nth-child(17) {\n  z-index: 823 !important;\n}\n\ntable.ab-table thead th:nth-child(18) {\n  z-index: 822 !important;\n}\n\ntable.ab-table thead th:nth-child(19) {\n  z-index: 821 !important;\n}\n\ntable.ab-table thead th:nth-child(20) {\n  z-index: 820 !important;\n}\n\ntable.ab-table thead th:nth-child(21) {\n  z-index: 819 !important;\n}\n\ntable.ab-table thead th:nth-child(22) {\n  z-index: 818 !important;\n}\n\ntable.ab-table thead th:nth-child(23) {\n  z-index: 817 !important;\n}\n\ntable.ab-table thead th:nth-child(24) {\n  z-index: 816 !important;\n}\n\ntable.ab-table thead th:nth-child(25) {\n  z-index: 815 !important;\n}\n\ntable.ab-table thead th:nth-child(26) {\n  z-index: 814 !important;\n}\n\ntable.ab-table thead th:nth-child(27) {\n  z-index: 813 !important;\n}\n\ntable.ab-table thead th:nth-child(28) {\n  z-index: 812 !important;\n}\n\ntable.ab-table thead th:nth-child(29) {\n  z-index: 811 !important;\n}\n\ntable.ab-table thead th:nth-child(30) {\n  z-index: 810 !important;\n}\n\ntable.ab-table thead th:nth-child(31) {\n  z-index: 809 !important;\n}\n\ntable.ab-table thead th:nth-child(32) {\n  z-index: 808 !important;\n}\n\ntable.ab-table thead th:nth-child(33) {\n  z-index: 807 !important;\n}\n\ntable.ab-table thead th:nth-child(34) {\n  z-index: 806 !important;\n}\n\ntable.ab-table thead th:nth-child(35) {\n  z-index: 805 !important;\n}\n\ntable.ab-table thead th:nth-child(36) {\n  z-index: 804 !important;\n}\n\ntable.ab-table thead th:nth-child(37) {\n  z-index: 803 !important;\n}\n\ntable.ab-table thead th:nth-child(38) {\n  z-index: 802 !important;\n}\n\ntable.ab-table thead th:nth-child(39) {\n  z-index: 801 !important;\n}\n\ntable.ab-table thead th:nth-child(40) {\n  z-index: 800 !important;\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: -15px;\n  background: linear-gradient(to right, transparent calc(50% - 1px), #000 calc(50% - 1px), #000 calc(50% + 1px), transparent calc(50% + 1px));\n  opacity: 0;\n  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: calc(-16px - 2px * 0.5);\n  width: 30px;\n  height: 30px;\n  transform: translateY(-50%);\n  border-radius: 50%;\n  background: #000 url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Cpath d='M5 0v8L0 4z' fill='%23fff'/%3E%3Cpath d='M11 0v8l5-4z' fill='%23fff'/%3E%3C/svg%3E\") center/16px 8px no-repeat;\n  opacity: 0;\n  transform: translateY(-50%) scale(0.35);\n  transition: opacity 240ms cubic-bezier(0.4, 0, 0.2, 1), transform 240ms cubic-bezier(0.34, 1.3, 0.64, 1);\n}\n\ntable.ab-table thead th:not(.row-actions-cell):hover .p-column-resizer::before {\n  opacity: 1;\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer:hover::before {\n  opacity: 0;\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer:hover::after {\n  opacity: 1;\n  transform: translateY(-50%) scale(1);\n}\n\n.p-datatable.p-component .p-column-resizer-helper {\n  width: 2px;\n  top: var(--ab-th-top, 0px) !important;\n  height: var(--ab-trait-h, calc(100% - var(--ab-th-top, 0px))) !important;\n  background: transparent;\n  pointer-events: none;\n  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-datatable.p-component .p-column-resizer-helper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: #000;\n  transform-origin: center calc(var(--ab-thead-h, 42px) / 2);\n  transform: scaleY(1);\n  transition: transform 300ms cubic-bezier(0.2, 0.75, 0.2, 1) 70ms, background-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--masque {\n  opacity: 0;\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--masque::after {\n  transform: scaleY(0);\n  transition-delay: 0s;\n}\n.p-datatable.p-component .p-column-resizer-helper::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 100%;\n  width: 90px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 160ms cubic-bezier(0.4, 0, 0.2, 1);\n  background: linear-gradient(to left, color-mix(in srgb, #dc2626 13%, transparent), color-mix(in srgb, #dc2626 5%, transparent) 45%, transparent);\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--butee::after {\n  background: #dc2626;\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--butee::before {\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .p-datatable.p-component .p-column-resizer-helper,\n  .p-datatable.p-component .p-column-resizer-helper::before,\n  .p-datatable.p-component .p-column-resizer-helper::after,\n  table.ab-table thead th .p-column-resizer::before,\n  table.ab-table thead th .p-column-resizer::after {\n    transition: none;\n  }\n  table.ab-table thead th .p-column-resizer::after,\n  table.ab-table thead th .p-column-resizer:hover::after {\n    transform: translateY(-50%) scale(1);\n  }\n  .p-datatable.p-component .p-column-resizer-helper::after,\n  .p-datatable.p-component .p-column-resizer-helper.ab-resizer--masque::after {\n    transform: scaleY(1);\n  }\n}\n.ab-row-resizer-helper {\n  position: absolute;\n  height: 1px;\n  margin-top: calc(1px * -0.5);\n  z-index: 10;\n  pointer-events: none;\n  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-row-resizer-helper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: #000;\n  transform-origin: center center;\n  transform: scaleX(1);\n  transition: transform 300ms cubic-bezier(0.2, 0.75, 0.2, 1) 70ms;\n}\n.ab-row-resizer-helper.ab-resizer--masque {\n  opacity: 0;\n}\n.ab-row-resizer-helper.ab-resizer--masque::after {\n  transform: scaleX(0);\n  transition-delay: 0s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ab-row-resizer-helper,\n  .ab-row-resizer-helper::after {\n    transition: none;\n  }\n  .ab-row-resizer-helper.ab-resizer--masque::after {\n    transform: scaleX(1);\n  }\n}\ntable.ab-table thead th {\n  text-align: left;\n  cursor: grab;\n}\ntable.ab-table thead th:active {\n  cursor: grabbing;\n}\n\ntable.ab-table thead th [data-pc-section=sort] {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  border-radius: 5px;\n  background: #f4f5f6;\n  color: #b0b8c4;\n  cursor: pointer;\n  transition: background-color 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\ntable.ab-table thead th [data-pc-section=sort]:hover {\n  background: #e0e3e8;\n  color: #1a1e26;\n}\ntable.ab-table thead th [data-pc-section=sort] .p-sortable-column-icon {\n  margin: 0;\n  background: none;\n}\n\ntable.ab-table thead th.p-highlight [data-pc-section=sort] {\n  background: color-mix(in srgb, #3f3f3f 12%, transparent);\n  color: #3f3f3f;\n}\n\n.p-datatable .p-datatable-tbody > tr:has(> td.ab-td--editable):hover > td {\n  background-color: #f4f5f6;\n}\n\n.p-datatable .p-datatable-tbody > tr:hover > td.ab-td--editable:hover {\n  background-color: color-mix(in srgb, #c8cdd6 55%, #f4f5f6);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr:has(> td.ab-td--editable):hover > td.p-frozen-column:not(.row-actions-cell) {\n  background: #f4f5f6 !important;\n}\n\n.ab-row-actions-menu {\n  transform: translateY(-50%);\n}\n\n.ab-table .p-datatable-header {\n  background: none;\n  border: 0;\n}\n\n.ab-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.ab-toolbar__zone {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.ab-toolbar__rule {\n  flex: 0 0 1px;\n  width: 1px;\n  height: 22px;\n  background: #c8cdd6;\n  margin: 0 2px;\n}\n\n.ab-toolbar__search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: #f4f5f6;\n  border: 1px solid #e0e3e8;\n  border-radius: 8px;\n  padding: 7px 12px;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-toolbar__search:hover {\n  border-color: #c8cdd6;\n}\n.ab-toolbar__search:focus-within {\n  border-color: #3f3f3f;\n}\n.ab-toolbar__search > i {\n  color: #6b7280;\n  font-size: 12px;\n}\n.ab-toolbar__search > i.pi-times {\n  cursor: pointer;\n  font-size: 10.5px;\n}\n.ab-toolbar__search input.p-inputtext {\n  border: 0;\n  background: transparent;\n  outline: none;\n  box-shadow: none;\n  padding: 0;\n  height: auto;\n  font-size: 12.5px;\n  width: 200px;\n}\n\n.ab-tbtn {\n  font-weight: 400;\n  font-family: \"Roboto\", sans-serif;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  height: 32px;\n  padding: 0 9px;\n  background: #ffffff;\n  color: #1a1e26;\n  border: 1px solid #e0e3e8;\n  border-radius: 6px;\n  font-size: 12.5px;\n  cursor: pointer;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1), border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-tbtn .material-icons {\n  font-size: 18px;\n  line-height: 1;\n  color: #6b7280;\n}\n.ab-tbtn:hover:not(:disabled) {\n  border-color: #c8cdd6;\n  background: #f4f5f6;\n}\n.ab-tbtn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ab-picto-menu:disabled {\n  opacity: 0.35;\n  cursor: default;\n}\n\n.ab-tbtn--icon {\n  width: 32px;\n  padding: 0;\n}\n\n.ab-tbtn--primary {\n  background: #3f3f3f;\n  border-color: #3f3f3f;\n  color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n}\n.ab-tbtn--primary .material-icons {\n  color: #ffffff;\n}\n.ab-tbtn--primary:hover:not(:disabled) {\n  background: #1a1e26;\n  border-color: #1a1e26;\n}\n\n.ab-tbtn--on {\n  background: #e8eaee;\n  border-color: #c8cdd6;\n}\n\n.ab-tbtn__chevron {\n  font-size: 15px !important;\n  margin-left: -2px;\n  opacity: 0.7;\n}\n\n.ab-menu__item--danger {\n  color: #dc2626;\n}\n.ab-menu__item--danger .material-icons {\n  color: #dc2626;\n}\n.ab-menu__item--danger:hover:not(:disabled) {\n  background: rgba(220, 38, 38, 0.08);\n}\n\n@keyframes abCountPulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(63, 63, 63, 0.5);\n  }\n  35% {\n    transform: scale(1.28);\n    box-shadow: 0 0 0 5px rgba(63, 63, 63, 0);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(63, 63, 63, 0);\n  }\n}\n.ab-tbtn__count--pulse {\n  animation: abCountPulse 420ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ab-tbtn__count--pulse {\n    animation: none;\n  }\n}\n.ab-tbtn__count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 17px;\n  height: 17px;\n  padding: 0 4px;\n  border-radius: 9px;\n  background: #3f3f3f;\n  color: #ffffff;\n  font-size: 10.5px;\n  font-weight: 500;\n}\n\n.ab-toolbar__anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.ab-toolbar__pop {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 4px);\n  z-index: 1000;\n  background: #ffffff;\n  border: 1px solid #e0e3e8;\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1215686275), 0 2px 6px rgba(0, 0, 0, 0.2392156863);\n  overflow: hidden;\n  text-align: left;\n}\n\n.ab-menu {\n  min-width: 208px;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.ab-menu__item {\n  font-family: \"Roboto\", sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 8px 10px;\n  background: none;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n  font-size: 13px;\n  color: #1a1e26;\n  text-align: left;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-menu__item .material-icons {\n  font-size: 16px;\n  line-height: 1;\n  color: #6b7280;\n  flex: 0 0 16px;\n  width: 16px;\n  overflow: hidden;\n}\n.ab-menu__item:hover:not(:disabled) {\n  background: #f4f5f6;\n}\n.ab-menu__item:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ab-brain {\n  width: 580px;\n  font-size: 13px;\n  color: #1a1e26;\n}\n\n.ab-brain__corps {\n  display: flex;\n  align-items: stretch;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.ab-brain__sec--cols {\n  flex: 0 0 288px;\n  border-right: 1px solid #e0e3e8;\n  border-bottom: 0;\n}\n\n.ab-brain__reglages {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n.ab-brain__reglages .ab-brain__foot {\n  margin-top: auto;\n}\n.ab-brain__reglages .ab-brain__sec:last-of-type {\n  border-bottom: 0;\n}\n\n.ab-brain__head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 11px 14px;\n  background: #e8eaee;\n  border-bottom: 1px solid #e0e3e8;\n  font-weight: 500;\n  font-size: 12.5px;\n}\n.ab-brain__head .material-icons {\n  font-size: 17px;\n  color: #6b7280;\n}\n\n.ab-brain__close {\n  margin-left: auto;\n  display: grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  color: #6b7280;\n  cursor: pointer;\n  transition: background-color 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-brain__close:hover {\n  background: rgba(63, 63, 63, 0.08);\n  color: #1a1e26;\n}\n.ab-brain__close:focus-visible {\n  outline: 2px solid #3f3f3f;\n  outline-offset: 1px;\n}\n.ab-brain__close .material-icons {\n  font-size: 16px;\n  color: inherit;\n}\n\n.ab-brain__sec {\n  border-bottom: 1px solid #e0e3e8;\n  padding: 12px 14px;\n}\n.ab-brain__sec:last-child {\n  border-bottom: 0;\n}\n\n.ab-brain__sec-head {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n.ab-brain__sec-head .ab-brain__title {\n  margin-bottom: 0;\n}\n\n.ab-brain__reinit {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  padding: 2px 4px;\n  border: 0;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 10.5px;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: #6b7280;\n  white-space: nowrap;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-brain__reinit .material-icons {\n  font-size: 13px;\n}\n.ab-brain__reinit:hover {\n  color: #dc2626;\n  background: rgba(220, 38, 38, 0.08);\n}\n\n.ab-brain__title {\n  font-size: 10.5px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: #6b7280;\n  margin-bottom: 10px;\n}\n\n.ab-brain__cols {\n  max-height: 216px;\n  overflow-y: auto;\n  margin: 0 -4px;\n}\n.ab-brain__cols::-webkit-scrollbar {\n  width: 8px;\n}\n.ab-brain__cols::-webkit-scrollbar-thumb {\n  background: #c8cdd6;\n  border-radius: 4px;\n}\n\n.ab-col-row {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  padding: 6px 8px;\n  border: 0;\n  border-radius: 5px;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 13px;\n  color: #1a1e26;\n  text-align: left;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-col-row:hover {\n  background: #f4f5f6;\n}\n.ab-col-row .ab-col-row__name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ab-col-row:not(.is-on) .ab-col-row__name {\n  color: #6b7280;\n}\n\n.ab-col-row__tick {\n  flex: 0 0 15px;\n  width: 15px;\n  height: 15px;\n  border: 1.5px solid #c8cdd6;\n  border-radius: 3px;\n  display: grid;\n  place-items: center;\n}\n.ab-col-row__tick .material-icons {\n  font-size: 13px;\n  color: #ffffff;\n  visibility: hidden;\n}\n.is-on .ab-col-row__tick {\n  background: #3f3f3f;\n  border-color: #3f3f3f;\n}\n.is-on .ab-col-row__tick .material-icons {\n  visibility: visible;\n}\n\n.ab-seg {\n  display: flex;\n  background: #f4f5f6;\n  border: 1px solid #e0e3e8;\n  border-radius: 7px;\n  padding: 2px;\n  gap: 2px;\n}\n\n.ab-seg__opt {\n  flex: 1;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 11.5px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 5px 4px;\n  border: 0;\n  border-radius: 5px;\n  background: transparent;\n  color: #6b7280;\n  cursor: pointer;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-seg__opt[aria-pressed=true] {\n  background: #ffffff;\n  color: #1a1e26;\n  font-weight: 500;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n}\n\n.ab-switch-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 6px 0;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 13px;\n  color: #1a1e26;\n  text-align: left;\n}\n.ab-switch-row .ab-switch-row__label {\n  flex: 1;\n}\n\n.ab-switch {\n  position: relative;\n  flex: 0 0 32px;\n  width: 32px;\n  height: 18px;\n  border-radius: 9px;\n  background: #c8cdd6;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.is-on .ab-switch {\n  background: #3f3f3f;\n}\n.is-on .ab-switch::after {\n  transform: translateX(14px);\n}\n\n.ab-brain__foot {\n  padding: 10px 14px 12px;\n  background: #f4f5f6;\n  border-top: 1px solid #e0e3e8;\n}\n\n.ab-brain__reset {\n  font-family: \"Roboto\", sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: 100%;\n  padding: 5px 0;\n  background: none;\n  border: 0;\n  cursor: pointer;\n  font-size: 12px;\n  color: #dc2626;\n  text-align: left;\n}\n.ab-brain__reset .material-icons {\n  font-size: 15px;\n}\n.ab-brain__reset:hover {\n  text-decoration: underline;\n}\n\n.ab-brain__reset--minor {\n  color: #6b7280;\n  font-size: 11.5px;\n  padding: 3px 0 3px 22px;\n}\n\n.ab-brain__persist {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid #e0e3e8;\n  font-size: 11px;\n  color: #6b7280;\n}\n.ab-brain__persist .material-icons {\n  font-size: 13px;\n}\n\n.ab-brain {\n  max-height: min(72vh, 660px);\n  display: flex;\n  flex-direction: column;\n}\n\n.ab-brain__sec--cols {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n}\n\n.ab-brain__cols {\n  max-height: none;\n  flex: 1 1 auto;\n  min-height: 120px;\n}\n\n.ab-brain__title-note {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  margin-left: 8px;\n  letter-spacing: 0;\n  color: #3f3f3f;\n}\n.ab-brain__title-note .material-icons {\n  font-size: 13px;\n}\n\n.ab-brain__search {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 8px;\n  padding: 5px 8px;\n  background: #f4f5f6;\n  border: 1px solid #e0e3e8;\n  border-radius: 6px;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-brain__search:focus-within {\n  border-color: #3f3f3f;\n}\n.ab-brain__search > .material-icons {\n  font-size: 15px;\n  color: #6b7280;\n}\n.ab-brain__search input {\n  flex: 1;\n  min-width: 0;\n  border: 0;\n  background: transparent;\n  outline: none;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 12.5px;\n  color: #1a1e26;\n}\n.ab-brain__search input::placeholder {\n  color: #b0b8c4;\n}\n\n.ab-brain__cols-legende {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 9px 5px 4px;\n  border-bottom: 1px solid #e0e3e8;\n  margin-bottom: 4px;\n  font-size: 9.5px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #6b7280;\n}\n\n.ab-brain__cols-legende__gauche {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n}\n\n.ab-brain__search-clear {\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  color: #6b7280;\n}\n.ab-brain__search-clear .material-icons {\n  font-size: 14px;\n}\n.ab-brain__search-clear:hover {\n  color: #1a1e26;\n}\n\n.ab-brain__vide {\n  padding: 14px 8px;\n  font-size: 12px;\n  color: #6b7280;\n  text-align: center;\n}\n\n.ab-col-row {\n  padding: 0;\n  background: none;\n}\n.ab-col-row:hover {\n  background: #f4f5f6;\n}\n\n.ab-col-row__main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  padding: 6px 4px 6px 8px;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 13px;\n  color: inherit;\n  text-align: left;\n}\n\n.ab-col-row__pin {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  padding: 5px 7px;\n  border: 0;\n  border-radius: 5px;\n  background: none;\n  cursor: pointer;\n  color: #6b7280;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-col-row__pin .material-icons {\n  font-size: 16px;\n}\n.ab-col-row__pin:hover:not(:disabled) {\n  color: #1a1e26;\n  background: #e8eaee;\n}\n.ab-col-row__pin:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.ab-col-row.is-pinned .ab-col-row__pin {\n  color: #3f3f3f;\n}\n.ab-col-row.is-pinned .ab-col-row__pin .material-icons {\n  transform: rotate(45deg);\n}\n\n.ab-th {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  width: 100%;\n  min-width: 0;\n}\n\n.ab-th__label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ab-th__btn,\n.ab-picto-menu {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  border: 0;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  color: #6b7280;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-th__btn .material-icons,\n.ab-picto-menu .material-icons {\n  font-size: 15px;\n}\n.ab-th__btn:hover,\n.ab-picto-menu:hover {\n  color: #1a1e26;\n  background: #ffffff;\n}\n\n@container (max-width: 77px) {\n  .p-column-title {\n    margin-left: -10px;\n    margin-right: -10px;\n  }\n  .ab-th__btn {\n    width: 18px;\n    height: 18px;\n  }\n  .ab-th__btn .material-icons {\n    font-size: 14px;\n  }\n}\n.ab-menu__item.is-actif {\n  background: rgba(63, 63, 63, 0.08);\n  color: #1a1e26;\n  font-weight: 500;\n}\n.ab-menu__item.is-actif .material-icons {\n  color: #1a1e26;\n}\n.ab-menu__item.is-actif:hover {\n  background: rgba(63, 63, 63, 0.14);\n}\n\n.ab-menu__item--gele .material-icons {\n  transform: rotate(45deg);\n}\n\n.ab-menu__filet {\n  height: 1px;\n  margin: 3px 6px;\n  background: #e0e3e8;\n}\n\ntable.ab-table thead th .p-column-header-content > [data-pc-section=sort] {\n  display: none;\n}\n\n.ab-col-menu {\n  right: auto;\n  top: auto;\n  z-index: 1200;\n}\n\n.ab-align--left .ab-table td {\n  text-align: left;\n}\n.ab-align--left .ab-table td .div-col,\n.ab-align--left .ab-table td .div-col > * {\n  justify-content: flex-start;\n}\n.ab-align--left .ab-th__label {\n  text-align: left;\n}\n\n.ab-align--center .ab-table td {\n  text-align: center;\n}\n.ab-align--center .ab-table td .div-col,\n.ab-align--center .ab-table td .div-col > * {\n  justify-content: safe center;\n}\n.ab-align--center .ab-table td .div-col-select .p-dropdown-label,\n.ab-align--center .ab-table td .div-col-select-multiple .p-multiselect-label {\n  justify-content: safe center;\n}\n.ab-align--center .ab-table td .div-col-select > div:not(.select-editor),\n.ab-align--center .ab-table td .div-col-select .p-dropdown-label {\n  padding-left: 20px;\n  padding-right: 20px;\n}\n.ab-align--center .ab-table td .div-col .ab-texte-limite,\n.ab-align--center .ab-table td .div-col .cell-text,\n.ab-align--center .ab-table td .div-col .tab_label,\n.ab-align--center .ab-table td .div-col p,\n.ab-align--center .ab-table td .div-col ul,\n.ab-align--center .ab-table td .div-col li {\n  text-align: left;\n}\n.ab-align--center .ab-th__label {\n  text-align: center;\n}\n.ab-align--center .ab-table td.row-actions-cell {\n  text-align: center;\n}\n\n.ab-checkbox {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  border: 1.5px solid #e0e3e8;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: #ffffff;\n  color: #ffffff;\n  font-size: 10px;\n  cursor: pointer;\n  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-checkbox.checked, .ab-checkbox.p-highlight {\n  background-color: #3f3f3f;\n  border-color: #3f3f3f;\n}\n.ab-checkbox.partial {\n  background: linear-gradient(to top right, #3f3f3f 50%, transparent 50%);\n  border-color: #3f3f3f;\n}\n.ab-checkbox {\n  margin: auto;\n  padding: 0;\n}\n.ab-checkbox .material-icons {\n  font-size: 12px;\n  line-height: 1;\n  color: #ffffff;\n}\n.ab-checkbox:hover:not(.checked):not(.partial) {\n  border-color: #c8cdd6;\n}\n\n.ab-menu__titre {\n  padding: 7px 10px 4px;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  color: #6b7280;\n}\n\n/* ═══════════════════════════════════════════════════════════════════════════\n   LIGNE DE FILTRES — une seule épaisseur\n   ═══════════════════════════════════════════════════════════════════════════\n   Mesuré le 08/09/2026 sur la story `columnFilter` : la rangée alignait DEUX\n   hauteurs de champ (40px et 45,5px), DEUX bordures (1px et 1,5px) et DEUX\n   rayons (6px et 7px) — et un troisième format, 25,5px, dès qu'une colonne\n   `index` était présente.\n\n   La cause n'est pas un réglage oublié, c'est une origine différente pour\n   chaque champ : les selects et le calendrier passent par le design system,\n   donc par `@include field` (40px, bordure 1,5px, rayon 7px), alors que les\n   champs texte sont des `InputText` NUS — ils prennent le `padding: 12px` du\n   thème PrimeReact, d'où leurs 45,5px. Tous passent désormais par le même\n   gabarit, et la hauteur est posée explicitement pour qu'aucune ne dérive.\n   ═══════════════════════════════════════════════════════════════════════════ */\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label) {\n  font-family: \"Roboto\", sans-serif;\n  min-height: 40px;\n  padding: 0 12px;\n  background: #ffffff;\n  border: 1.5px solid #e0e3e8;\n  border-radius: 7px;\n  color: #1a1e26;\n  outline: none;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label):hover:not(:focus):not(:focus-within):not([disabled]):not(.is-disabled) {\n  border-color: #c8cdd6;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label):focus, table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label):focus-within, table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-open {\n  border-color: #3f3f3f;\n  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label)[disabled], table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n  pointer-events: none;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label)[readonly], table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-readonly {\n  background: #f4f5f6;\n  cursor: default;\n  box-shadow: none;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label)[readonly]:hover, table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-readonly:hover {\n  border-color: #e0e3e8;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-error {\n  border-color: #dc2626;\n  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-success {\n  border-color: #15803d;\n  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.12);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label) {\n  height: 40px;\n  font-size: 14px;\n  width: 100%;\n  min-width: 0;\n}\ntable.ab-table thead th.p-filter-column .p-dropdown,\ntable.ab-table thead th.p-filter-column .p-calendar {\n  width: 100%;\n  min-width: 0;\n  font-size: 14px;\n}\ntable.ab-table thead th.p-filter-column .p-calendar > .p-inputtext {\n  height: 40px !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  padding: 0 12px !important;\n  border-width: 1.5px !important;\n  border-radius: 7px !important;\n}\ntable.ab-table thead th.p-filter-column .p-calendar > .p-inputtext:not(.p-invalid) {\n  border-color: #e0e3e8 !important;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext.ab-filtre-compact {\n  padding-left: 4px;\n  padding-right: 4px;\n}\ntable.ab-table thead th.p-filter-column .p-column-filter-clear-button {\n  width: 32px;\n  height: 32px;\n  color: #6b7280;\n  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;\n}\ntable.ab-table thead th.p-filter-column .p-column-filter-clear-button.p-hidden-space {\n  visibility: visible;\n  opacity: 0.38;\n}\ntable.ab-table thead th.p-filter-column .p-column-filter-clear-button:hover {\n  opacity: 1;\n  color: #1a1e26;\n  background: rgba(26, 30, 38, 0.06);\n}\n\ntable.ab-table thead th.ab-th--editable:not(.p-frozen-column) {\n  background-color: color-mix(in srgb, #c8cdd6 70%, #e8eaee) !important;\n}\ntable.ab-table thead th.ab-th--editable:not(.p-frozen-column):hover {\n  background-color: color-mix(in srgb, #c8cdd6 70%, #e8eaee) !important;\n}\n\ntd.ab-td--editable:not(.p-frozen-column) {\n  position: relative;\n}\n\ntd.ab-td--editable::after {\n  content: \"\";\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-bottom: 5px solid #c8cdd6;\n  pointer-events: none;\n}\n\ntd.ab-td--editable {\n  cursor: pointer;\n}\n\ntd.ab-td--lecture {\n  cursor: default;\n}\n\ntd.ab-td--obligatoire {\n  box-shadow: inset 3px 0 0 #dc2626, inset 0 0 0 100vmax rgba(220, 38, 38, 0.06);\n}\ntd.ab-td--obligatoire .div-col > :first-child:not(:has(input, textarea, [contenteditable]))::before {\n  content: \"warning\";\n  font-family: \"Material Icons\";\n  font-size: 16px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: normal;\n  font-feature-settings: \"liga\";\n  -webkit-font-smoothing: antialiased;\n  color: #dc2626;\n  align-self: center;\n  vertical-align: middle;\n  flex: none;\n  margin-right: 4px;\n  pointer-events: none;\n}\n\ntd.ab-td--facultatif {\n  box-shadow: inset 3px 0 0 #d97706, inset 0 0 0 100vmax rgba(217, 119, 6, 0.06);\n}\ntd.ab-td--facultatif .div-col > :first-child:not(:has(input, textarea, [contenteditable]))::before {\n  content: \"info\";\n  font-family: \"Material Icons\";\n  font-size: 16px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: normal;\n  font-feature-settings: \"liga\";\n  -webkit-font-smoothing: antialiased;\n  color: #d97706;\n  align-self: center;\n  vertical-align: middle;\n  flex: none;\n  margin-right: 4px;\n  pointer-events: none;\n}\n\ntr[style*=row-resize] > td {\n  cursor: row-resize;\n}\n\ntable.ab-table thead tr th:has(> .p-column-filter) {\n  background-color: #ffffff !important;\n}\n\ntable.ab-table:has(td.ab-td--editable) tbody td:not(.ab-td--editable):not(.row-actions-cell) {\n  background-image: linear-gradient(135deg, rgba(200, 205, 214, 0.45) 0 12.5%, transparent 12.5% 50%, rgba(200, 205, 214, 0.45) 50% 62.5%, transparent 62.5% 100%);\n  background-size: 8px 8px;\n  background-origin: border-box;\n}\n\n.div-col {\n  width: 100%;\n}\n\n.ab-picking {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-width: 24px;\n}\n\n.ab-picking__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  border: 0;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  line-height: 0;\n  color: #6b7280;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-picking__btn:hover {\n  color: #1a1e26;\n  background: #f4f5f6;\n}\n.ab-picking__btn.is-actif {\n  color: #1a1e26;\n}\n\n.ab-picking__menu {\n  right: auto;\n  top: auto;\n  z-index: 1200;\n  overflow: visible;\n}\n.ab-picking__menu::before {\n  content: \"\";\n  position: absolute;\n  top: -6px;\n  left: var(--ab-picking-fleche, 17px);\n  width: 10px;\n  height: 10px;\n  transform: translateX(-50%) rotate(45deg);\n  background: #ffffff;\n  border-left: 1px solid #e0e3e8;\n  border-top: 1px solid #e0e3e8;\n}\n\n.ab-picking__libelle {\n  flex: 1;\n  white-space: nowrap;\n}\n\n.ab-picking__compteur {\n  margin-left: 12px;\n  font-size: 12px;\n  color: #6b7280;\n  font-variant-numeric: tabular-nums;\n}\n\n.ab-menu__item .ab-picto-lignes {\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  color: #6b7280;\n}\n\n.ab-menu__item.is-actif .ab-picto-lignes {\n  color: #1a1e26;\n}";
+var css_248z$3 = "@charset \"UTF-8\";\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.85);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n@keyframes toastSlideIn {\n  from {\n    opacity: 0;\n    transform: translateX(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n@keyframes toastIconPop {\n  0% {\n    transform: scale(0);\n    opacity: 0;\n  }\n  60% {\n    transform: scale(1.2);\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes toastTextSlide {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.p-paginator {\n  font-size: 14px;\n}\n.p-paginator .p-paginator-first,\n.p-paginator .p-paginator-prev,\n.p-paginator .p-paginator-next,\n.p-paginator .p-paginator-last,\n.p-paginator .p-paginator-pages .p-paginator-page,\n.p-paginator .p-paginator-current,\n.p-paginator .p-dropdown .p-dropdown-label,\n.p-paginator .p-dropdown-item,\n.p-paginator .p-paginator-page-input .p-inputtext {\n  font-size: 14px;\n}\n\n.p-datatable .p-datatable-tbody > tr.air-row--selected > td {\n  background-color: #f0fdf8 !important;\n}\n\ntable.ab-table {\n  background-color: #ffffff;\n  font-family: \"Roboto\", sans-serif;\n  table-layout: fixed;\n}\ntable.ab-table thead {\n  border: 1px solid #e0e3e8;\n}\ntable.ab-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 800;\n  background-color: #e8eaee;\n  border-bottom: 1px solid #e0e3e8;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  font-size: 14px;\n}\ntable.ab-table tbody tr {\n  background-color: transparent;\n}\n\n.ab-table td {\n  overflow: hidden;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  text-align: left;\n  border-right: 1px solid #e8eaee;\n  border-bottom: 1px solid #e8eaee;\n}\n\n.ab-table .cell-text {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column {\n  z-index: 1;\n  background: #fff !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr:has(> td.ab-td--editable):hover > td.p-frozen-column {\n  background: #f4f5f6 !important;\n}\n\ntable.ab-table thead th.p-frozen-column:not(.row-actions-cell) {\n  background: #fff !important;\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-frozen-column.row-actions-cell,\n.p-datatable-scrollable .p-datatable-tbody > tr.p-row-odd > td.p-frozen-column.row-actions-cell {\n  background: #ffffff !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n  border-right: 1px solid #e8eaee !important;\n}\n\n.p-datatable .p-datatable-thead > tr > th.row-actions-cell {\n  background: #e8eaee !important;\n  border: none !important;\n  border-right: 1px solid #e0e3e8 !important;\n  box-shadow: none !important;\n  padding: 0 !important;\n}\n\ntable.ab-table td input.p-inputtext {\n  box-sizing: border-box;\n  min-height: 26px;\n  padding: 0 8px;\n  border: 1px solid #e0e3e8;\n  border-radius: 3px;\n  background: #ffffff;\n  box-shadow: none;\n  font-family: inherit;\n  font-size: 13px;\n  font-weight: 300;\n}\ntable.ab-table td input.p-inputtext:enabled:hover {\n  border-color: #c8cdd6;\n}\ntable.ab-table td input.p-inputtext:enabled:focus {\n  border-color: #3f3f3f;\n  box-shadow: none;\n  outline: none;\n}\n\n.ab-table .p-cell-editing input,\n.ab-table .p-cell-editing .p-inputtext,\n.ab-table .p-cell-editing .p-dropdown,\n.ab-table .p-cell-editing .p-multiselect,\n.ab-table .p-cell-editing .p-calendar {\n  width: 100%;\n  min-width: 0;\n  box-sizing: border-box;\n}\n\n.ab-table .cell-devise {\n  display: flex;\n  flex-direction: column;\n  gap: 1.4px;\n  font-size: 12.25px;\n}\n.ab-table .cell-devise--editable {\n  cursor: pointer;\n}\n.ab-table .cell-devise--empty {\n  display: block;\n  width: 100%;\n  height: 21px;\n  cursor: pointer;\n}\n.ab-table .cell-devise .span-sub {\n  font-size: 10.5px;\n  color: #71717a;\n}\n\n.ab-table .devise-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.ab-table .devise-editor-fields {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  width: 100%;\n  position: relative;\n}\n.ab-table .devise-editor-fields .p-dropdown-panel {\n  position: absolute;\n  z-index: 1000;\n  top: 100%;\n  left: 0;\n  width: 100%;\n}\n.ab-table .devise-editor-save {\n  align-self: flex-end;\n}\n\n.ab-table .p-cell-editing .devise-editor-fields input,\n.ab-table .p-cell-editing .devise-editor-fields .p-inputtext,\n.ab-table .p-cell-editing .devise-editor-fields .p-dropdown {\n  width: 100%;\n  min-width: 0;\n}\n\n.ab-table .select-editor .p-dropdown-label > div {\n  min-width: 0;\n}\n.ab-table .select-editor .p-multiselect .p-multiselect-label-container {\n  margin-right: 1.75rem;\n}\n\n.ab-table .div-col-select .ab-color-badge.is-selected,\n.ab-table .div-col-select-multiple .ab-color-badge.is-selected {\n  animation: none;\n}\n.ab-table .div-col-select .ab-chips-lecture,\n.ab-table .div-col-select .p-multiselect .p-multiselect-label,\n.ab-table .div-col-select .p-dropdown .p-dropdown-label,\n.ab-table .div-col-select-multiple .ab-chips-lecture,\n.ab-table .div-col-select-multiple .p-multiselect .p-multiselect-label,\n.ab-table .div-col-select-multiple .p-dropdown .p-dropdown-label {\n  overflow: clip visible !important;\n}\n.ab-table .div-col-select > div:not(.select-editor),\n.ab-table .div-col-select-multiple > div:not(.select-editor) {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  min-height: 40px !important;\n  padding: 0 20px 0 12px;\n  border: 1.5px solid transparent;\n}\n.ab-table .div-col-select > div:not(.select-editor):focus-visible,\n.ab-table .div-col-select-multiple > div:not(.select-editor):focus-visible {\n  outline: 2px solid #3f3f3f;\n  outline-offset: -2px;\n}\n.ab-table .div-col-select > div:not(.select-editor) > *,\n.ab-table .div-col-select-multiple > div:not(.select-editor) > * {\n  min-width: 0;\n  max-width: 100%;\n}\n.ab-table .div-col-select .p-dropdown-trigger,\n.ab-table .div-col-select .p-multiselect-trigger,\n.ab-table .div-col-select-multiple .p-dropdown-trigger,\n.ab-table .div-col-select-multiple .p-multiselect-trigger {\n  display: none;\n}\n.ab-table .div-col-select [data-pc-section=clearicon],\n.ab-table .div-col-select-multiple [data-pc-section=clearicon] {\n  right: 12px;\n  opacity: 0;\n  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-table .div-col-select .ab-chips-lecture,\n.ab-table .div-col-select-multiple .ab-chips-lecture {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  gap: 6px;\n  width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n}\n.ab-table .div-col-select .ab-chip-lecture,\n.ab-table .div-col-select-multiple .ab-chip-lecture {\n  padding: 4px 4px 4px 8px;\n  gap: 2px;\n  margin: 0;\n  flex: 0 1 auto;\n  width: max-content;\n  min-width: 0;\n}\n.ab-table .div-col-select .ab-chip-lecture .p-multiselect-token-icon,\n.ab-table .div-col-select-multiple .ab-chip-lecture .p-multiselect-token-icon {\n  width: 14px;\n  height: 14px;\n  flex-shrink: 0;\n}\n.ab-table .div-col-select .p-multiselect .p-multiselect-label-container,\n.ab-table .div-col-select-multiple .p-multiselect .p-multiselect-label-container {\n  margin-right: 34px;\n}\n.ab-table .div-col-select .dropdown-container .p-dropdown,\n.ab-table .div-col-select .multiselect-container .p-multiselect,\n.ab-table .div-col-select-multiple .dropdown-container .p-dropdown,\n.ab-table .div-col-select-multiple .multiselect-container .p-multiselect {\n  border-color: transparent;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-table .div-col-select .p-dropdown.p-focus,\n.ab-table .div-col-select .p-multiselect.p-focus,\n.ab-table .div-col-select-multiple .p-dropdown.p-focus,\n.ab-table .div-col-select-multiple .p-multiselect.p-focus {\n  border-color: #3f3f3f;\n}\n.ab-table .div-col-select .p-dropdown.p-focus [data-pc-section=clearicon],\n.ab-table .div-col-select .p-multiselect.p-focus [data-pc-section=clearicon],\n.ab-table .div-col-select-multiple .p-dropdown.p-focus [data-pc-section=clearicon],\n.ab-table .div-col-select-multiple .p-multiselect.p-focus [data-pc-section=clearicon] {\n  opacity: 1;\n}\n\n.ab-table .div-col-select-multiple > div:not(.select-editor) {\n  padding-right: 46px;\n}\n\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select .dropdown-container .p-dropdown,\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select-multiple .multiselect-container .p-multiselect {\n  border-color: #c8cdd6;\n}\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select [data-pc-section=clearicon],\n.p-datatable .p-datatable-tbody > tr > td:hover .div-col-select-multiple [data-pc-section=clearicon] {\n  opacity: 1;\n}\n\n.ab-table .doc-cell-empty {\n  color: #aaa;\n  font-size: 11.9px;\n}\n\n.ab-table .doc-cell {\n  display: flex;\n  flex-direction: column;\n  gap: 3.5px;\n  min-width: 0;\n  overflow: hidden;\n}\n.ab-table .doc-cell-summary {\n  display: flex;\n  align-items: center;\n  gap: 4.9px;\n  font-size: 12.25px;\n  min-width: 0;\n}\n.ab-table .doc-cell-summary .pi-paperclip {\n  color: #71717a;\n  font-size: 11.2px;\n  flex-shrink: 0;\n}\n.ab-table .doc-cell-summary span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  min-width: 0;\n}\n.ab-table .doc-cell-list {\n  display: flex;\n  flex-direction: column;\n  gap: 2.1px;\n  padding-left: 15.4px;\n  font-size: 11.2px;\n}\n.ab-table .doc-cell-list div {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ab-table .doc-cell-list a {\n  color: #3b82f6;\n  text-decoration: none;\n}\n.ab-table .doc-cell-list a:hover {\n  text-decoration: underline;\n}\n\n.ab-table .doc-editor {\n  display: flex;\n  flex-direction: column;\n  gap: 5.6px;\n  padding: 3.5px 0;\n}\n.ab-table .doc-editor-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 11.2px;\n}\n.ab-table .doc-editor-table td {\n  padding: 2.8px 4.9px;\n  vertical-align: middle;\n}\n.ab-table .doc-editor-table td a {\n  color: #3b82f6;\n  text-decoration: none;\n  word-break: break-all;\n}\n.ab-table .doc-editor-table td a:hover {\n  text-decoration: underline;\n}\n.ab-table .doc-editor-table td:last-child {\n  width: 28px;\n  text-align: center;\n}\n.ab-table .doc-editor-add {\n  display: inline-flex;\n  align-items: center;\n  gap: 4.2px;\n  cursor: pointer;\n  align-self: center;\n}\n\n.ab-table .ab-titre-box {\n  overflow: hidden;\n  min-width: 0;\n}\n\n.ab-table .table-item-title {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-title-lines, 1);\n  line-height: 16px;\n  min-width: 0 !important;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  overflow: hidden;\n  max-height: var(--ab-content-max, none);\n}\n\n.p-datatable .p-column-header-content {\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  min-width: 0;\n  padding: 0 1rem;\n  overflow: hidden;\n  container-type: inline-size;\n}\n\n.p-datatable .p-column-header-content .p-column-title {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.p-datatable .p-column-header-content [data-pc-section=sort] {\n  flex: 0 0 auto;\n}\n\n@container (max-width: 77px) {\n  .p-datatable .p-column-header-content [data-pc-section=sort] {\n    display: none;\n  }\n}\n.ab-table .tab_label {\n  display: inline-block;\n  padding: 5px 10px;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1;\n  text-align: center;\n  white-space: nowrap;\n  vertical-align: middle;\n  border-radius: 5px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  height: initial;\n}\n.ab-table .tab_label .tab_label-clear {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  min-height: 0;\n  margin-left: 3px;\n  margin-right: -3px;\n  padding: 0;\n  border: none;\n  border-radius: 3px;\n  background: none;\n  color: inherit;\n  opacity: 0.55;\n  cursor: pointer;\n  transition: opacity 0.12s, background-color 0.12s;\n}\n.ab-table .tab_label .tab_label-clear:hover, .ab-table .tab_label .tab_label-clear:focus-visible {\n  outline: none;\n  opacity: 1;\n  background: rgba(0, 0, 0, 0.14);\n}\n\n.ab-table .badge,\n.ab-select-badge {\n  padding: 8px 12px;\n  border-radius: 5px;\n  height: auto;\n  margin: 2px;\n  font-weight: 400;\n  box-shadow: 2px 4px 5px grey;\n  white-space: inherit;\n  min-width: 90px;\n}\n.ab-table .badge:not(.badge-small),\n.ab-select-badge:not(.badge-small) {\n  width: 100%;\n}\n\ntable.ab-table a.table-item-title {\n  color: #2563eb;\n  font-weight: 500;\n  text-decoration: none;\n}\ntable.ab-table a.table-item-title:hover {\n  color: #1d4ed8;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n\n.ab-table .RiskNumber-table div {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ab-table .RiskNumber-table div span {\n  width: 30px;\n  height: 30px;\n  min-width: 30px;\n  min-height: 30px;\n  max-width: 30px;\n  max-height: 30px;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.ab-table .RiskLabel-table .etiquetteMatrix-risque {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  min-height: 26px;\n  width: fit-content;\n  max-width: 190px;\n  display: flex;\n  justify-content: flex-start;\n  border-radius: 3px;\n  background-color: #fff;\n  color: black;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.ab-table .RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabelColor {\n  min-width: 20px;\n  max-width: 20px;\n  margin-right: 5px;\n  border-right: 1px solid rgba(0, 0, 0, 0.3607843137);\n  border-radius: 3px 0 0 3px;\n}\n.ab-table .RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel {\n  font-size: 13px;\n  font-weight: 300;\n  padding: 3px 10px 3px 5px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  display: flex;\n  align-items: center;\n}\n.ab-table .RiskLabel-table .etiquetteMatrix-risque .matrix-RisqueLabel > p {\n  margin: 0;\n  display: inline;\n  font: inherit;\n}\n\n.ab-table .RiskOwner-table .risk_owner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: max-content;\n}\n.ab-table .RiskOwner-table .risk_owner a {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  background-color: white;\n  opacity: 1;\n  margin: 2px;\n  position: relative;\n}\n.ab-table .RiskOwner-table .risk_owner a:hover {\n  z-index: 9999;\n}\n\n.ab-table .ab-cell-display--html {\n  display: block !important;\n}\n\n.ab-table .ab-texte-limite {\n  min-width: 0 !important;\n  max-width: 100% !important;\n  min-height: 0 !important;\n  max-height: var(--ab-content-max, none) !important;\n  margin: 0;\n  overflow: hidden;\n  text-align: left;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: var(--ab-html-lines, none);\n  line-height: 17px !important;\n  font-size: 14px;\n}\n.ab-table .ab-texte-limite p {\n  line-height: 17px !important;\n  font-size: 14px;\n  margin: 0;\n}\n.ab-table .ab-texte-limite p,\n.ab-table .ab-texte-limite div,\n.ab-table .ab-texte-limite ul,\n.ab-table .ab-texte-limite ol,\n.ab-table .ab-texte-limite li,\n.ab-table .ab-texte-limite blockquote,\n.ab-table .ab-texte-limite h1,\n.ab-table .ab-texte-limite h2,\n.ab-table .ab-texte-limite h3,\n.ab-table .ab-texte-limite h4,\n.ab-table .ab-texte-limite h5,\n.ab-table .ab-texte-limite h6 {\n  display: inline;\n  margin: 0;\n  padding: 0;\n  font-size: 14px;\n  line-height: 17px !important;\n}\n.ab-table .ab-texte-limite h1,\n.ab-table .ab-texte-limite h2,\n.ab-table .ab-texte-limite h3,\n.ab-table .ab-texte-limite h4,\n.ab-table .ab-texte-limite h5,\n.ab-table .ab-texte-limite h6,\n.ab-table .ab-texte-limite strong,\n.ab-table .ab-texte-limite b {\n  font-weight: 600;\n}\n.ab-table .ab-texte-limite p::after,\n.ab-table .ab-texte-limite div::after,\n.ab-table .ab-texte-limite blockquote::after,\n.ab-table .ab-texte-limite h1::after,\n.ab-table .ab-texte-limite h2::after,\n.ab-table .ab-texte-limite h3::after,\n.ab-table .ab-texte-limite h4::after,\n.ab-table .ab-texte-limite h5::after,\n.ab-table .ab-texte-limite h6::after {\n  content: \" \";\n}\n.ab-table .ab-texte-limite li + li::before {\n  content: \" · \";\n  color: #6b7280;\n}\n\n.ab-table .action-picto .picto {\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4705882353);\n  padding: 5px 10px;\n  border-radius: 5px;\n  margin: 5px;\n}\n\n.ab-table .RiskClusters-table .RiskClusters {\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  padding: 5px 19px;\n  background-color: rgba(255, 255, 255, 0.5098039216);\n  border-radius: 5px;\n  opacity: 1;\n  position: relative;\n  margin: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ab-table .RiskClusters-table .RiskClusters .material-icons {\n  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3137254902);\n}\n\n.ab-table .progress_bar_menu {\n  position: relative;\n  height: 20px;\n  margin: 0;\n}\n\n.ab-table .progress_bar_menu_black {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  transform: translateY(-50%);\n  height: 6px;\n  background-color: #b0bec5;\n  border-radius: 3px;\n  text-align: left;\n}\n\n.ab-table .progress_bar_menu_load {\n  border-radius: 3px;\n  height: 6px;\n  background-color: #136b89;\n}\n\n.ab-table .progress_bar_menu_info {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1;\n  padding: 1px 7px;\n  border: 1px solid #e0e3e8;\n  border-radius: 999px;\n  background: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  color: #3f535f;\n  font-weight: bold;\n  font-size: 11px;\n  line-height: 1.45;\n  white-space: nowrap;\n}\n.ab-table .progress_bar_menu_info a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.ab-table .div-col {\n  width: 100%;\n}\n\n.ab-table .div-col:not(.div-col-select):not(.div-col-select-multiple) {\n  max-height: var(--ab-content-max, none);\n  overflow: clip;\n  overflow-clip-margin: 6px;\n}\n\n.ab-table .ab-cell-scroll {\n  max-height: var(--ab-cell-max, none);\n  overflow-y: auto;\n}\n\n.ab-table .tab_label {\n  max-width: 100%;\n}\n\ntable.ab-table thead th {\n  background-color: #e8eaee !important;\n  border-right: 1px solid #e0e3e8 !important;\n  border-bottom: 1px solid #e0e3e8 !important;\n}\ntable.ab-table thead th:hover {\n  background-color: #e8eaee !important;\n}\ntable.ab-table thead th:last-child {\n  border-right: 0 !important;\n}\n\ntable.ab-table .p-column-resizer {\n  width: 15px;\n  cursor: col-resize;\n  border: 0;\n  height: auto;\n  top: 0;\n  bottom: -1px;\n}\n\ntable.ab-table thead th:not(.row-actions-cell):not(:has(> .p-column-filter)) {\n  overflow: visible;\n  padding-left: 0;\n  padding-right: 0;\n}\n\ntable.ab-table thead th:nth-child(1) {\n  z-index: 839 !important;\n}\n\ntable.ab-table thead th:nth-child(2) {\n  z-index: 838 !important;\n}\n\ntable.ab-table thead th:nth-child(3) {\n  z-index: 837 !important;\n}\n\ntable.ab-table thead th:nth-child(4) {\n  z-index: 836 !important;\n}\n\ntable.ab-table thead th:nth-child(5) {\n  z-index: 835 !important;\n}\n\ntable.ab-table thead th:nth-child(6) {\n  z-index: 834 !important;\n}\n\ntable.ab-table thead th:nth-child(7) {\n  z-index: 833 !important;\n}\n\ntable.ab-table thead th:nth-child(8) {\n  z-index: 832 !important;\n}\n\ntable.ab-table thead th:nth-child(9) {\n  z-index: 831 !important;\n}\n\ntable.ab-table thead th:nth-child(10) {\n  z-index: 830 !important;\n}\n\ntable.ab-table thead th:nth-child(11) {\n  z-index: 829 !important;\n}\n\ntable.ab-table thead th:nth-child(12) {\n  z-index: 828 !important;\n}\n\ntable.ab-table thead th:nth-child(13) {\n  z-index: 827 !important;\n}\n\ntable.ab-table thead th:nth-child(14) {\n  z-index: 826 !important;\n}\n\ntable.ab-table thead th:nth-child(15) {\n  z-index: 825 !important;\n}\n\ntable.ab-table thead th:nth-child(16) {\n  z-index: 824 !important;\n}\n\ntable.ab-table thead th:nth-child(17) {\n  z-index: 823 !important;\n}\n\ntable.ab-table thead th:nth-child(18) {\n  z-index: 822 !important;\n}\n\ntable.ab-table thead th:nth-child(19) {\n  z-index: 821 !important;\n}\n\ntable.ab-table thead th:nth-child(20) {\n  z-index: 820 !important;\n}\n\ntable.ab-table thead th:nth-child(21) {\n  z-index: 819 !important;\n}\n\ntable.ab-table thead th:nth-child(22) {\n  z-index: 818 !important;\n}\n\ntable.ab-table thead th:nth-child(23) {\n  z-index: 817 !important;\n}\n\ntable.ab-table thead th:nth-child(24) {\n  z-index: 816 !important;\n}\n\ntable.ab-table thead th:nth-child(25) {\n  z-index: 815 !important;\n}\n\ntable.ab-table thead th:nth-child(26) {\n  z-index: 814 !important;\n}\n\ntable.ab-table thead th:nth-child(27) {\n  z-index: 813 !important;\n}\n\ntable.ab-table thead th:nth-child(28) {\n  z-index: 812 !important;\n}\n\ntable.ab-table thead th:nth-child(29) {\n  z-index: 811 !important;\n}\n\ntable.ab-table thead th:nth-child(30) {\n  z-index: 810 !important;\n}\n\ntable.ab-table thead th:nth-child(31) {\n  z-index: 809 !important;\n}\n\ntable.ab-table thead th:nth-child(32) {\n  z-index: 808 !important;\n}\n\ntable.ab-table thead th:nth-child(33) {\n  z-index: 807 !important;\n}\n\ntable.ab-table thead th:nth-child(34) {\n  z-index: 806 !important;\n}\n\ntable.ab-table thead th:nth-child(35) {\n  z-index: 805 !important;\n}\n\ntable.ab-table thead th:nth-child(36) {\n  z-index: 804 !important;\n}\n\ntable.ab-table thead th:nth-child(37) {\n  z-index: 803 !important;\n}\n\ntable.ab-table thead th:nth-child(38) {\n  z-index: 802 !important;\n}\n\ntable.ab-table thead th:nth-child(39) {\n  z-index: 801 !important;\n}\n\ntable.ab-table thead th:nth-child(40) {\n  z-index: 800 !important;\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: -15px;\n  background: linear-gradient(to right, transparent calc(50% - 1px), #000 calc(50% - 1px), #000 calc(50% + 1px), transparent calc(50% + 1px));\n  opacity: 0;\n  transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  right: calc(-16px - 2px * 0.5);\n  width: 30px;\n  height: 30px;\n  transform: translateY(-50%);\n  border-radius: 50%;\n  background: #000 url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8'%3E%3Cpath d='M5 0v8L0 4z' fill='%23fff'/%3E%3Cpath d='M11 0v8l5-4z' fill='%23fff'/%3E%3C/svg%3E\") center/16px 8px no-repeat;\n  opacity: 0;\n  transform: translateY(-50%) scale(0.35);\n  transition: opacity 240ms cubic-bezier(0.4, 0, 0.2, 1), transform 240ms cubic-bezier(0.34, 1.3, 0.64, 1);\n}\n\ntable.ab-table thead th:not(.row-actions-cell):hover .p-column-resizer::before {\n  opacity: 1;\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer:hover::before {\n  opacity: 0;\n}\n\ntable.ab-table thead th:not(.row-actions-cell) .p-column-resizer:hover::after {\n  opacity: 1;\n  transform: translateY(-50%) scale(1);\n}\n\n.p-datatable.p-component .p-column-resizer-helper {\n  width: 2px;\n  top: var(--ab-th-top, 0px) !important;\n  height: var(--ab-trait-h, calc(100% - var(--ab-th-top, 0px))) !important;\n  background: transparent;\n  pointer-events: none;\n  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-datatable.p-component .p-column-resizer-helper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: #000;\n  transform-origin: center calc(var(--ab-thead-h, 42px) / 2);\n  transform: scaleY(1);\n  transition: transform 300ms cubic-bezier(0.2, 0.75, 0.2, 1) 70ms, background-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--masque {\n  opacity: 0;\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--masque::after {\n  transform: scaleY(0);\n  transition-delay: 0s;\n}\n.p-datatable.p-component .p-column-resizer-helper::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 100%;\n  width: 90px;\n  pointer-events: none;\n  opacity: 0;\n  transition: opacity 160ms cubic-bezier(0.4, 0, 0.2, 1);\n  background: linear-gradient(to left, color-mix(in srgb, #dc2626 13%, transparent), color-mix(in srgb, #dc2626 5%, transparent) 45%, transparent);\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--butee::after {\n  background: #dc2626;\n}\n.p-datatable.p-component .p-column-resizer-helper.ab-resizer--butee::before {\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .p-datatable.p-component .p-column-resizer-helper,\n  .p-datatable.p-component .p-column-resizer-helper::before,\n  .p-datatable.p-component .p-column-resizer-helper::after,\n  table.ab-table thead th .p-column-resizer::before,\n  table.ab-table thead th .p-column-resizer::after {\n    transition: none;\n  }\n  table.ab-table thead th .p-column-resizer::after,\n  table.ab-table thead th .p-column-resizer:hover::after {\n    transform: translateY(-50%) scale(1);\n  }\n  .p-datatable.p-component .p-column-resizer-helper::after,\n  .p-datatable.p-component .p-column-resizer-helper.ab-resizer--masque::after {\n    transform: scaleY(1);\n  }\n}\n.ab-row-resizer-helper {\n  position: absolute;\n  height: 1px;\n  margin-top: calc(1px * -0.5);\n  z-index: 10;\n  pointer-events: none;\n  transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-row-resizer-helper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: #000;\n  transform-origin: center center;\n  transform: scaleX(1);\n  transition: transform 300ms cubic-bezier(0.2, 0.75, 0.2, 1) 70ms;\n}\n.ab-row-resizer-helper.ab-resizer--masque {\n  opacity: 0;\n}\n.ab-row-resizer-helper.ab-resizer--masque::after {\n  transform: scaleX(0);\n  transition-delay: 0s;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ab-row-resizer-helper,\n  .ab-row-resizer-helper::after {\n    transition: none;\n  }\n  .ab-row-resizer-helper.ab-resizer--masque::after {\n    transform: scaleX(1);\n  }\n}\ntable.ab-table thead th {\n  text-align: left;\n  cursor: grab;\n}\ntable.ab-table thead th:active {\n  cursor: grabbing;\n}\n\ntable.ab-table thead th [data-pc-section=sort] {\n  flex: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  border-radius: 5px;\n  background: #f4f5f6;\n  color: #b0b8c4;\n  cursor: pointer;\n  transition: background-color 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\ntable.ab-table thead th [data-pc-section=sort]:hover {\n  background: #e0e3e8;\n  color: #1a1e26;\n}\ntable.ab-table thead th [data-pc-section=sort] .p-sortable-column-icon {\n  margin: 0;\n  background: none;\n}\n\ntable.ab-table thead th.p-highlight [data-pc-section=sort] {\n  background: color-mix(in srgb, #3f3f3f 12%, transparent);\n  color: #3f3f3f;\n}\n\n.p-datatable .p-datatable-tbody > tr:has(> td.ab-td--editable):hover > td {\n  background-color: #f4f5f6;\n}\n\n.p-datatable .p-datatable-tbody > tr:hover > td.ab-td--editable:hover {\n  background-color: color-mix(in srgb, #c8cdd6 55%, #f4f5f6);\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr:has(> td.ab-td--editable):hover > td.p-frozen-column:not(.row-actions-cell) {\n  background: #f4f5f6 !important;\n}\n\n.ab-row-actions-menu {\n  transform: translateY(-50%);\n}\n\n.ab-table .p-datatable-header {\n  background: none;\n  border: 0;\n}\n\n.ab-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.ab-toolbar__zone {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.ab-toolbar__rule {\n  flex: 0 0 1px;\n  width: 1px;\n  height: 22px;\n  background: #c8cdd6;\n  margin: 0 2px;\n}\n\n.ab-toolbar__search {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: #f4f5f6;\n  border: 1px solid #e0e3e8;\n  border-radius: 8px;\n  padding: 7px 12px;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-toolbar__search:hover {\n  border-color: #c8cdd6;\n}\n.ab-toolbar__search:focus-within {\n  border-color: #3f3f3f;\n}\n.ab-toolbar__search > i {\n  color: #6b7280;\n  font-size: 12px;\n}\n.ab-toolbar__search > i.pi-times {\n  cursor: pointer;\n  font-size: 10.5px;\n}\n.ab-toolbar__search input.p-inputtext {\n  border: 0;\n  background: transparent;\n  outline: none;\n  box-shadow: none;\n  padding: 0;\n  height: auto;\n  font-size: 12.5px;\n  width: 200px;\n}\n\n.ab-tbtn {\n  font-weight: 400;\n  font-family: \"Roboto\", sans-serif;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  height: 32px;\n  padding: 0 9px;\n  background: #ffffff;\n  color: #1a1e26;\n  border: 1px solid #e0e3e8;\n  border-radius: 6px;\n  font-size: 12.5px;\n  cursor: pointer;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1), border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-tbtn .material-icons {\n  font-size: 18px;\n  line-height: 1;\n  color: #6b7280;\n}\n.ab-tbtn:hover:not(:disabled) {\n  border-color: #c8cdd6;\n  background: #f4f5f6;\n}\n.ab-tbtn:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ab-picto-menu:disabled {\n  opacity: 0.35;\n  cursor: default;\n}\n\n.ab-tbtn--icon {\n  width: 32px;\n  padding: 0;\n}\n\n.ab-tbtn--primary {\n  background: #3f3f3f;\n  border-color: #3f3f3f;\n  color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n}\n.ab-tbtn--primary .material-icons {\n  color: #ffffff;\n}\n.ab-tbtn--primary:hover:not(:disabled) {\n  background: #1a1e26;\n  border-color: #1a1e26;\n}\n\n.ab-tbtn--on {\n  background: #e8eaee;\n  border-color: #c8cdd6;\n}\n\n.ab-tbtn__chevron {\n  font-size: 15px !important;\n  margin-left: -2px;\n  opacity: 0.7;\n}\n\n.ab-menu__item--danger {\n  color: #dc2626;\n}\n.ab-menu__item--danger .material-icons {\n  color: #dc2626;\n}\n.ab-menu__item--danger:hover:not(:disabled) {\n  background: rgba(220, 38, 38, 0.08);\n}\n\n@keyframes abCountPulse {\n  0% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(63, 63, 63, 0.5);\n  }\n  35% {\n    transform: scale(1.28);\n    box-shadow: 0 0 0 5px rgba(63, 63, 63, 0);\n  }\n  100% {\n    transform: scale(1);\n    box-shadow: 0 0 0 0 rgba(63, 63, 63, 0);\n  }\n}\n.ab-tbtn__count--pulse {\n  animation: abCountPulse 420ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ab-tbtn__count--pulse {\n    animation: none;\n  }\n}\n.ab-tbtn__count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 17px;\n  height: 17px;\n  padding: 0 4px;\n  border-radius: 9px;\n  background: #3f3f3f;\n  color: #ffffff;\n  font-size: 10.5px;\n  font-weight: 500;\n}\n\n.ab-toolbar__anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.ab-toolbar__pop {\n  position: absolute;\n  right: 0;\n  top: calc(100% + 4px);\n  z-index: 1000;\n  background: #ffffff;\n  border: 1px solid #e0e3e8;\n  border-radius: 8px;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1215686275), 0 2px 6px rgba(0, 0, 0, 0.2392156863);\n  overflow: hidden;\n  text-align: left;\n}\n\n.ab-menu {\n  min-width: 208px;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.ab-menu__item {\n  font-family: \"Roboto\", sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 8px 10px;\n  background: none;\n  border: 0;\n  border-radius: 5px;\n  cursor: pointer;\n  font-size: 13px;\n  color: #1a1e26;\n  text-align: left;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-menu__item .material-icons {\n  font-size: 16px;\n  line-height: 1;\n  color: #6b7280;\n  flex: 0 0 16px;\n  width: 16px;\n  overflow: hidden;\n}\n.ab-menu__item:hover:not(:disabled) {\n  background: #f4f5f6;\n}\n.ab-menu__item:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.ab-brain {\n  width: 580px;\n  font-size: 13px;\n  color: #1a1e26;\n}\n\n.ab-brain__corps {\n  display: flex;\n  align-items: stretch;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.ab-brain__sec--cols {\n  flex: 0 0 288px;\n  border-right: 1px solid #e0e3e8;\n  border-bottom: 0;\n}\n\n.ab-brain__reglages {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  min-width: 0;\n}\n.ab-brain__reglages .ab-brain__foot {\n  margin-top: auto;\n}\n.ab-brain__reglages .ab-brain__sec:last-of-type {\n  border-bottom: 0;\n}\n\n.ab-brain__head {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 11px 14px;\n  background: #e8eaee;\n  border-bottom: 1px solid #e0e3e8;\n  font-weight: 500;\n  font-size: 12.5px;\n}\n.ab-brain__head .material-icons {\n  font-size: 17px;\n  color: #6b7280;\n}\n\n.ab-brain__close {\n  margin-left: auto;\n  display: grid;\n  place-items: center;\n  width: 22px;\n  height: 22px;\n  padding: 0;\n  border: none;\n  border-radius: 4px;\n  background: none;\n  color: #6b7280;\n  cursor: pointer;\n  transition: background-color 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-brain__close:hover {\n  background: rgba(63, 63, 63, 0.08);\n  color: #1a1e26;\n}\n.ab-brain__close:focus-visible {\n  outline: 2px solid #3f3f3f;\n  outline-offset: 1px;\n}\n.ab-brain__close .material-icons {\n  font-size: 16px;\n  color: inherit;\n}\n\n.ab-brain__sec {\n  border-bottom: 1px solid #e0e3e8;\n  padding: 12px 14px;\n}\n.ab-brain__sec:last-child {\n  border-bottom: 0;\n}\n\n.ab-brain__sec-head {\n  display: flex;\n  align-items: baseline;\n  gap: 10px;\n  margin-bottom: 10px;\n}\n.ab-brain__sec-head .ab-brain__title {\n  margin-bottom: 0;\n}\n\n.ab-brain__reinit {\n  margin-left: auto;\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  padding: 2px 4px;\n  border: 0;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 10.5px;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: #6b7280;\n  white-space: nowrap;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-brain__reinit .material-icons {\n  font-size: 13px;\n}\n.ab-brain__reinit:hover {\n  color: #dc2626;\n  background: rgba(220, 38, 38, 0.08);\n}\n\n.ab-brain__title {\n  font-size: 10.5px;\n  font-weight: 500;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: #6b7280;\n  margin-bottom: 10px;\n}\n\n.ab-brain__cols {\n  max-height: 216px;\n  overflow-y: auto;\n  margin: 0 -4px;\n}\n.ab-brain__cols::-webkit-scrollbar {\n  width: 8px;\n}\n.ab-brain__cols::-webkit-scrollbar-thumb {\n  background: #c8cdd6;\n  border-radius: 4px;\n}\n\n.ab-col-row {\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  width: 100%;\n  padding: 6px 8px;\n  border: 0;\n  border-radius: 5px;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 13px;\n  color: #1a1e26;\n  text-align: left;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-col-row:hover {\n  background: #f4f5f6;\n}\n.ab-col-row .ab-col-row__name {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.ab-col-row:not(.is-on) .ab-col-row__name {\n  color: #6b7280;\n}\n\n.ab-col-row__tick {\n  flex: 0 0 15px;\n  width: 15px;\n  height: 15px;\n  border: 1.5px solid #c8cdd6;\n  border-radius: 3px;\n  display: grid;\n  place-items: center;\n}\n.ab-col-row__tick .material-icons {\n  font-size: 13px;\n  color: #ffffff;\n  visibility: hidden;\n}\n.is-on .ab-col-row__tick {\n  background: #3f3f3f;\n  border-color: #3f3f3f;\n}\n.is-on .ab-col-row__tick .material-icons {\n  visibility: visible;\n}\n\n.ab-seg {\n  display: flex;\n  background: #f4f5f6;\n  border: 1px solid #e0e3e8;\n  border-radius: 7px;\n  padding: 2px;\n  gap: 2px;\n}\n\n.ab-seg__opt {\n  flex: 1;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 11.5px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  padding: 5px 4px;\n  border: 0;\n  border-radius: 5px;\n  background: transparent;\n  color: #6b7280;\n  cursor: pointer;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1), color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-seg__opt[aria-pressed=true] {\n  background: #ffffff;\n  color: #1a1e26;\n  font-weight: 500;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n}\n\n.ab-switch-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 6px 0;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 13px;\n  color: #1a1e26;\n  text-align: left;\n}\n.ab-switch-row .ab-switch-row__label {\n  flex: 1;\n}\n\n.ab-switch {\n  position: relative;\n  flex: 0 0 32px;\n  width: 32px;\n  height: 18px;\n  border-radius: 9px;\n  background: #c8cdd6;\n  transition: background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-switch::after {\n  content: \"\";\n  position: absolute;\n  top: 2px;\n  left: 2px;\n  width: 14px;\n  height: 14px;\n  border-radius: 50%;\n  background: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1215686275), 0 1px 2px rgba(0, 0, 0, 0.2392156863);\n  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.is-on .ab-switch {\n  background: #3f3f3f;\n}\n.is-on .ab-switch::after {\n  transform: translateX(14px);\n}\n\n.ab-brain__foot {\n  padding: 10px 14px 12px;\n  background: #f4f5f6;\n  border-top: 1px solid #e0e3e8;\n}\n\n.ab-brain__reset {\n  font-family: \"Roboto\", sans-serif;\n  display: flex;\n  align-items: center;\n  gap: 7px;\n  width: 100%;\n  padding: 5px 0;\n  background: none;\n  border: 0;\n  cursor: pointer;\n  font-size: 12px;\n  color: #dc2626;\n  text-align: left;\n}\n.ab-brain__reset .material-icons {\n  font-size: 15px;\n}\n.ab-brain__reset:hover {\n  text-decoration: underline;\n}\n\n.ab-brain__reset--minor {\n  color: #6b7280;\n  font-size: 11.5px;\n  padding: 3px 0 3px 22px;\n}\n\n.ab-brain__persist {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 8px;\n  padding-top: 8px;\n  border-top: 1px solid #e0e3e8;\n  font-size: 11px;\n  color: #6b7280;\n}\n.ab-brain__persist .material-icons {\n  font-size: 13px;\n}\n\n.ab-brain {\n  max-height: min(72vh, 660px);\n  display: flex;\n  flex-direction: column;\n}\n\n.ab-brain__sec--cols {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n}\n\n.ab-brain__cols {\n  max-height: none;\n  flex: 1 1 auto;\n  min-height: 120px;\n}\n\n.ab-brain__title-note {\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  margin-left: 8px;\n  letter-spacing: 0;\n  color: #3f3f3f;\n}\n.ab-brain__title-note .material-icons {\n  font-size: 13px;\n}\n\n.ab-brain__search {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-bottom: 8px;\n  padding: 5px 8px;\n  background: #f4f5f6;\n  border: 1px solid #e0e3e8;\n  border-radius: 6px;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-brain__search:focus-within {\n  border-color: #3f3f3f;\n}\n.ab-brain__search > .material-icons {\n  font-size: 15px;\n  color: #6b7280;\n}\n.ab-brain__search input {\n  flex: 1;\n  min-width: 0;\n  border: 0;\n  background: transparent;\n  outline: none;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 12.5px;\n  color: #1a1e26;\n}\n.ab-brain__search input::placeholder {\n  color: #b0b8c4;\n}\n\n.ab-brain__cols-legende {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 9px 5px 4px;\n  border-bottom: 1px solid #e0e3e8;\n  margin-bottom: 4px;\n  font-size: 9.5px;\n  font-weight: 500;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: #6b7280;\n}\n\n.ab-brain__cols-legende__gauche {\n  display: flex;\n  align-items: center;\n  gap: 7px;\n}\n\n.ab-brain__search-clear {\n  display: inline-flex;\n  padding: 0;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  color: #6b7280;\n}\n.ab-brain__search-clear .material-icons {\n  font-size: 14px;\n}\n.ab-brain__search-clear:hover {\n  color: #1a1e26;\n}\n\n.ab-brain__vide {\n  padding: 14px 8px;\n  font-size: 12px;\n  color: #6b7280;\n  text-align: center;\n}\n\n.ab-col-row {\n  padding: 0;\n  background: none;\n}\n.ab-col-row:hover {\n  background: #f4f5f6;\n}\n\n.ab-col-row__main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  gap: 9px;\n  padding: 6px 4px 6px 8px;\n  border: 0;\n  background: none;\n  cursor: pointer;\n  font-family: \"Roboto\", sans-serif;\n  font-size: 13px;\n  color: inherit;\n  text-align: left;\n}\n\n.ab-col-row__pin {\n  flex: 0 0 auto;\n  display: inline-flex;\n  align-items: center;\n  padding: 5px 7px;\n  border: 0;\n  border-radius: 5px;\n  background: none;\n  cursor: pointer;\n  color: #6b7280;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-col-row__pin .material-icons {\n  font-size: 16px;\n}\n.ab-col-row__pin:hover:not(:disabled) {\n  color: #1a1e26;\n  background: #e8eaee;\n}\n.ab-col-row__pin:disabled {\n  opacity: 0.35;\n  cursor: not-allowed;\n}\n\n.ab-col-row.is-pinned .ab-col-row__pin {\n  color: #3f3f3f;\n}\n.ab-col-row.is-pinned .ab-col-row__pin .material-icons {\n  transform: rotate(45deg);\n}\n\n.ab-th {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  width: 100%;\n  min-width: 0;\n}\n\n.ab-th__label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ab-th__btn,\n.ab-picto-menu {\n  display: inline-flex;\n  flex: 0 0 auto;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  border: 0;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  color: #6b7280;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-th__btn .material-icons,\n.ab-picto-menu .material-icons {\n  font-size: 15px;\n}\n.ab-th__btn:hover,\n.ab-picto-menu:hover {\n  color: #1a1e26;\n  background: #ffffff;\n}\n\n@container (max-width: 77px) {\n  .p-column-title {\n    margin-left: -10px;\n    margin-right: -10px;\n  }\n  .ab-th__btn {\n    width: 18px;\n    height: 18px;\n  }\n  .ab-th__btn .material-icons {\n    font-size: 14px;\n  }\n}\n.ab-menu__item.is-actif {\n  background: rgba(63, 63, 63, 0.08);\n  color: #1a1e26;\n  font-weight: 500;\n}\n.ab-menu__item.is-actif .material-icons {\n  color: #1a1e26;\n}\n.ab-menu__item.is-actif:hover {\n  background: rgba(63, 63, 63, 0.14);\n}\n\n.ab-menu__item--gele .material-icons {\n  transform: rotate(45deg);\n}\n\n.ab-menu__filet {\n  height: 1px;\n  margin: 3px 6px;\n  background: #e0e3e8;\n}\n\ntable.ab-table thead th .p-column-header-content > [data-pc-section=sort] {\n  display: none;\n}\n\n.ab-col-menu {\n  right: auto;\n  top: auto;\n  z-index: 1200;\n}\n\n.ab-align--left .ab-table td {\n  text-align: left;\n}\n.ab-align--left .ab-table td .div-col,\n.ab-align--left .ab-table td .div-col > * {\n  justify-content: flex-start;\n}\n.ab-align--left .ab-th__label {\n  text-align: left;\n}\n\n.ab-align--center .ab-table td {\n  text-align: center;\n}\n.ab-align--center .ab-table td .div-col,\n.ab-align--center .ab-table td .div-col > * {\n  justify-content: safe center;\n}\n.ab-align--center .ab-table td .div-col-select .p-dropdown-label,\n.ab-align--center .ab-table td .div-col-select-multiple .p-multiselect-label {\n  justify-content: safe center;\n}\n.ab-align--center .ab-table td .div-col-select > div:not(.select-editor),\n.ab-align--center .ab-table td .div-col-select .p-dropdown-label {\n  padding-left: 20px;\n  padding-right: 20px;\n}\n.ab-align--center .ab-table td .div-col .ab-texte-limite,\n.ab-align--center .ab-table td .div-col .cell-text,\n.ab-align--center .ab-table td .div-col .tab_label,\n.ab-align--center .ab-table td .div-col p,\n.ab-align--center .ab-table td .div-col ul,\n.ab-align--center .ab-table td .div-col li {\n  text-align: left;\n}\n.ab-align--center .ab-th__label {\n  text-align: center;\n}\n.ab-align--center .ab-table td.row-actions-cell {\n  text-align: center;\n}\n\n.ab-checkbox {\n  width: 16px;\n  height: 16px;\n  min-width: 16px;\n  min-height: 16px;\n  border: 1.5px solid #e0e3e8;\n  border-radius: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  background: #ffffff;\n  color: #ffffff;\n  font-size: 10px;\n  cursor: pointer;\n  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-checkbox.checked, .ab-checkbox.p-highlight {\n  background-color: #3f3f3f;\n  border-color: #3f3f3f;\n}\n.ab-checkbox.partial {\n  background: linear-gradient(to top right, #3f3f3f 50%, transparent 50%);\n  border-color: #3f3f3f;\n}\n.ab-checkbox {\n  margin: auto;\n  padding: 0;\n}\n.ab-checkbox .material-icons {\n  font-size: 12px;\n  line-height: 1;\n  color: #ffffff;\n}\n.ab-checkbox:hover:not(.checked):not(.partial) {\n  border-color: #c8cdd6;\n}\n\n.ab-menu__titre {\n  padding: 7px 10px 4px;\n  font-size: 10px;\n  font-weight: 500;\n  letter-spacing: 0.09em;\n  text-transform: uppercase;\n  color: #6b7280;\n}\n\n/* ═══════════════════════════════════════════════════════════════════════════\n   LIGNE DE FILTRES — une seule épaisseur\n   ═══════════════════════════════════════════════════════════════════════════\n   Mesuré le 08/09/2026 sur la story `columnFilter` : la rangée alignait DEUX\n   hauteurs de champ (40px et 45,5px), DEUX bordures (1px et 1,5px) et DEUX\n   rayons (6px et 7px) — et un troisième format, 25,5px, dès qu'une colonne\n   `index` était présente.\n\n   La cause n'est pas un réglage oublié, c'est une origine différente pour\n   chaque champ : les selects et le calendrier passent par le design system,\n   donc par `@include field` (40px, bordure 1,5px, rayon 7px), alors que les\n   champs texte sont des `InputText` NUS — ils prennent le `padding: 12px` du\n   thème PrimeReact, d'où leurs 45,5px. Tous passent désormais par le même\n   gabarit, et la hauteur est posée explicitement pour qu'aucune ne dérive.\n   ═══════════════════════════════════════════════════════════════════════════ */\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label) {\n  font-family: \"Roboto\", sans-serif;\n  min-height: 40px;\n  padding: 0 12px;\n  background: #ffffff;\n  border: 1.5px solid #e0e3e8;\n  border-radius: 7px;\n  color: #1a1e26;\n  outline: none;\n  transition: border-color 180ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label):hover:not(:focus):not(:focus-within):not([disabled]):not(.is-disabled) {\n  border-color: #c8cdd6;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label):focus, table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label):focus-within, table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-open {\n  border-color: #3f3f3f;\n  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label)[disabled], table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-disabled {\n  opacity: 0.45;\n  cursor: not-allowed;\n  pointer-events: none;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label)[readonly], table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-readonly {\n  background: #f4f5f6;\n  cursor: default;\n  box-shadow: none;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label)[readonly]:hover, table.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-readonly:hover {\n  border-color: #e0e3e8;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-error {\n  border-color: #dc2626;\n  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label).is-success {\n  border-color: #15803d;\n  box-shadow: 0 0 0 3px rgba(21, 128, 61, 0.12);\n}\ntable.ab-table thead th.p-filter-column .p-inputtext:not(.p-dropdown-label):not(.p-multiselect-label) {\n  height: 40px;\n  font-size: 14px;\n  width: 100%;\n  min-width: 0;\n}\ntable.ab-table thead th.p-filter-column .p-dropdown,\ntable.ab-table thead th.p-filter-column .p-calendar {\n  width: 100%;\n  min-width: 0;\n  font-size: 14px;\n}\ntable.ab-table thead th.p-filter-column .p-calendar > .p-inputtext {\n  height: 40px !important;\n  width: 100% !important;\n  min-width: 0 !important;\n  padding: 0 12px !important;\n  border-width: 1.5px !important;\n  border-radius: 7px !important;\n}\ntable.ab-table thead th.p-filter-column .p-calendar > .p-inputtext:not(.p-invalid) {\n  border-color: #e0e3e8 !important;\n}\ntable.ab-table thead th.p-filter-column .p-inputtext.ab-filtre-compact {\n  padding-left: 4px;\n  padding-right: 4px;\n}\ntable.ab-table thead th.p-filter-column .p-column-filter-clear-button {\n  width: 32px;\n  height: 32px;\n  color: #6b7280;\n  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;\n}\ntable.ab-table thead th.p-filter-column .p-column-filter-clear-button.p-hidden-space {\n  visibility: visible;\n  opacity: 0.38;\n}\ntable.ab-table thead th.p-filter-column .p-column-filter-clear-button:hover {\n  opacity: 1;\n  color: #1a1e26;\n  background: rgba(26, 30, 38, 0.06);\n}\n\ntable.ab-table thead th.ab-th--editable:not(.p-frozen-column) {\n  background-color: color-mix(in srgb, #c8cdd6 70%, #e8eaee) !important;\n}\ntable.ab-table thead th.ab-th--editable:not(.p-frozen-column):hover {\n  background-color: color-mix(in srgb, #c8cdd6 70%, #e8eaee) !important;\n}\n\ntd.ab-td--editable:not(.p-frozen-column) {\n  position: relative;\n}\n\ntd.ab-td--editable::after {\n  content: \"\";\n  position: absolute;\n  right: 3px;\n  bottom: 3px;\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-bottom: 5px solid #c8cdd6;\n  pointer-events: none;\n}\n\ntd.ab-td--editable {\n  cursor: pointer;\n}\n\ntd.ab-td--lecture {\n  cursor: default;\n}\n\ntd.ab-td--obligatoire {\n  box-shadow: inset 3px 0 0 #dc2626, inset 0 0 0 100vmax rgba(220, 38, 38, 0.06);\n}\ntd.ab-td--obligatoire .div-col > :first-child:not(:has(input, textarea, [contenteditable]))::before {\n  content: \"warning\";\n  font-family: \"Material Icons\";\n  font-size: 16px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: normal;\n  font-feature-settings: \"liga\";\n  -webkit-font-smoothing: antialiased;\n  color: #dc2626;\n  align-self: center;\n  vertical-align: middle;\n  flex: none;\n  margin-right: 4px;\n  pointer-events: none;\n}\n\ntd.ab-td--facultatif {\n  box-shadow: inset 3px 0 0 #d97706, inset 0 0 0 100vmax rgba(217, 119, 6, 0.06);\n}\ntd.ab-td--facultatif .div-col > :first-child:not(:has(input, textarea, [contenteditable]))::before {\n  content: \"info\";\n  font-family: \"Material Icons\";\n  font-size: 16px;\n  line-height: 1;\n  font-style: normal;\n  font-weight: normal;\n  font-feature-settings: \"liga\";\n  -webkit-font-smoothing: antialiased;\n  color: #d97706;\n  align-self: center;\n  vertical-align: middle;\n  flex: none;\n  margin-right: 4px;\n  pointer-events: none;\n}\n\ntr[style*=row-resize] > td {\n  cursor: row-resize;\n}\n\ntable.ab-table thead tr th:has(> .p-column-filter) {\n  background-color: #ffffff !important;\n}\n\ntable.ab-table:has(td.ab-td--editable) tbody td:not(.ab-td--editable):not(.row-actions-cell) {\n  background-image: linear-gradient(135deg, rgba(200, 205, 214, 0.45) 0 12.5%, transparent 12.5% 50%, rgba(200, 205, 214, 0.45) 50% 62.5%, transparent 62.5% 100%);\n  background-size: 8px 8px;\n  background-origin: border-box;\n}\n\n.div-col {\n  width: 100%;\n}\n\n.ab-picking {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  min-width: 24px;\n}\n\n.ab-picking__btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  border: 0;\n  border-radius: 4px;\n  background: none;\n  cursor: pointer;\n  line-height: 0;\n  color: #6b7280;\n  transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1), background 180ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.ab-picking__btn:hover {\n  color: #1a1e26;\n  background: #f4f5f6;\n}\n.ab-picking__btn.is-actif {\n  color: #1a1e26;\n}\n\n.ab-picking__menu {\n  right: auto;\n  top: auto;\n  z-index: 1200;\n  overflow: visible;\n}\n.ab-picking__menu::before {\n  content: \"\";\n  position: absolute;\n  top: -6px;\n  left: var(--ab-picking-fleche, 17px);\n  width: 10px;\n  height: 10px;\n  transform: translateX(-50%) rotate(45deg);\n  background: #ffffff;\n  border-left: 1px solid #e0e3e8;\n  border-top: 1px solid #e0e3e8;\n}\n\n.ab-picking__libelle {\n  flex: 1;\n  white-space: nowrap;\n}\n\n.ab-picking__compteur {\n  margin-left: 12px;\n  font-size: 12px;\n  color: #6b7280;\n  font-variant-numeric: tabular-nums;\n}\n\n.ab-menu__item .ab-picto-lignes {\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  color: #6b7280;\n}\n\n.ab-menu__item.is-actif .ab-picto-lignes {\n  color: #1a1e26;\n}\n\nbody.ab-table-plein-ecran .datepickerbook,\nbody.ab-table-plein-ecran .p-dialog-mask,\nbody.ab-table-plein-ecran .p-overlaypanel,\nbody.ab-table-plein-ecran .ts-backdrop,\nbody.ab-table-plein-ecran .ts-panel--modal,\nbody.ab-table-plein-ecran .ts-tooltip {\n  z-index: 10000 !important;\n}\nbody.ab-table-plein-ecran .ts-panel--modal,\nbody.ab-table-plein-ecran .ts-tooltip {\n  z-index: 10001 !important;\n}";
 styleInject(css_248z$3);
 
 // src/components/react/Table/Table.tokens.js
@@ -58100,6 +58133,7 @@ var Table$1 = function Table(_ref17) {
     addTooltip = _ref17.addTooltip,
     _ref17$addRowPosition = _ref17.addRowPosition,
     addRowPosition = _ref17$addRowPosition === void 0 ? 'end' : _ref17$addRowPosition,
+    newRowDefaults = _ref17.newRowDefaults,
     _ref17$defaultRowHeig = _ref17.defaultRowHeight,
     defaultRowHeight = _ref17$defaultRowHeig === void 0 ? 'small' : _ref17$defaultRowHeig,
     onReorderClick = _ref17.onReorderClick,
@@ -58125,14 +58159,10 @@ var Table$1 = function Table(_ref17) {
     selectionActionHandlers = _ref17.selectionActionHandlers,
     toolbarActionHandlers = _ref17.toolbarActionHandlers,
     _ref17$selectionFilte = _ref17.selectionFilter,
-    selectionFilter = _ref17$selectionFilte === void 0 ? false : _ref17$selectionFilte;
-    _ref17.bulkActions;
-    _ref17.onBulkAction;
-    var _ref17$toolbarActions = _ref17.toolbarActions,
+    selectionFilter = _ref17$selectionFilte === void 0 ? false : _ref17$selectionFilte,
+    _ref17$toolbarActions = _ref17.toolbarActions,
     toolbarActions = _ref17$toolbarActions === void 0 ? [] : _ref17$toolbarActions,
     onToolbarAction = _ref17.onToolbarAction,
-    _ref17$readOnlyStyle = _ref17.readOnlyStyle,
-    readOnlyStyle = _ref17$readOnlyStyle === void 0 ? true : _ref17$readOnlyStyle,
     _ref17$requiredKey = _ref17.requiredKey,
     requiredKey = _ref17$requiredKey === void 0 ? '_required' : _ref17$requiredKey,
     _ref17$optionalKey = _ref17.optionalKey,
@@ -59095,9 +59125,7 @@ var Table$1 = function Table(_ref17) {
     });
   }, [onChange]);
   var handleAddRow = useCallback(function () {
-    // id temporaire négatif pour éviter les collisions avec les id BDD positifs
     var newRow = {
-      id: -Date.now(),
       attributeData: buildAttributeData()
     };
     columns.forEach(function (col) {
@@ -59110,7 +59138,18 @@ var Table$1 = function Table(_ref17) {
         default:
           newRow[col.field] = null;
       }
+      // Copie profonde : une valeur objet/tableau partagée entre les lignes neuves
+      // serait modifiée dans toutes à la fois.
+      if (newRowDefaults && col.field !== 'id' && col.field !== 'attributeData' && Object.prototype.hasOwnProperty.call(newRowDefaults, col.field)) {
+        var def = newRowDefaults[col.field];
+        newRow[col.field] = def !== null && _typeof$e(def) === 'object' ? JSON.parse(JSON.stringify(def)) : def;
+      }
     });
+    // id temporaire négatif pour éviter les collisions avec les id BDD positifs.
+    // Posé APRÈS les colonnes : une colonne `field: 'id'` (ex. tableau de saisie du
+    // mapper d'import) le remettait à null, et toutes les lignes ajoutées partageaient
+    // alors le même id — modifier une cellule modifiait toutes ces lignes (updateRow).
+    newRow.id = -Date.now();
     // En lazy, l'insertion optimiste n'a pas de sens (la page cible n'est pas
     // forcément chargée) : tout est délégué à l'app via onAdd(newRow, null) —
     // charge à elle de créer côté serveur puis de recharger la page voulue.
@@ -59131,7 +59170,7 @@ var Table$1 = function Table(_ref17) {
       setFirst(Math.floor(index / pageRows) * pageRows);
     }
     setPendingScroll(addRowPosition === 'start' ? 'top' : 'bottom');
-  }, [columns, data, onChange, onAdd, buildAttributeData, addRowPosition, paginator, pageRows, lazy]);
+  }, [columns, data, onChange, onAdd, buildAttributeData, addRowPosition, newRowDefaults, paginator, pageRows, lazy]);
 
   // Visibilité du bouton « + » : opt-in explicite (`showAdd`), sinon déduite de la
   // présence de `onAdd`. Voir le commentaire de la prop `showAdd`.
@@ -59544,8 +59583,13 @@ var Table$1 = function Table(_ref17) {
       if (e.key === 'Escape') setFullscreen(false);
     };
     document.addEventListener('keydown', onKeyDown);
+    // En plein écran le tableau est `fixed` à z-index 9999 : les surcouches portées
+    // au body sous ce seuil (calendrier, pop-in html, TreeSelect…) s'ouvraient
+    // DERRIÈRE lui. La classe les fait passer devant (cf. Table.scss).
+    document.body.classList.add('ab-table-plein-ecran');
     return function () {
-      return document.removeEventListener('keydown', onKeyDown);
+      document.removeEventListener('keydown', onKeyDown);
+      document.body.classList.remove('ab-table-plein-ecran');
     };
   }, [fullscreen]);
   var FILTER_KEY = useMemo(function () {
@@ -59627,31 +59671,12 @@ var Table$1 = function Table(_ref17) {
     };
   }, [settingsOpen, menuOpen]);
 
-  // Actions groupées : même mécanique de menu que l'engrenage (positionnement absolu
-  // dans un conteneur relatif + fermeture au clic extérieur), pour un comportement
-  // homogène entre les deux menus voisins de la barre d'outils.
-  var _useState85 = useState(false),
-    _useState86 = _slicedToArray$b(_useState85, 2),
-    bulkOpen = _useState86[0],
-    setBulkOpen = _useState86[1];
-  var bulkRef = useRef(null);
-  useEffect(function () {
-    if (!bulkOpen) return;
-    var onClickOutside = function onClickOutside(e) {
-      if (bulkRef.current && !bulkRef.current.contains(e.target)) setBulkOpen(false);
-    };
-    document.addEventListener('mousedown', onClickOutside);
-    return function () {
-      return document.removeEventListener('mousedown', onClickOutside);
-    };
-  }, [bulkOpen]);
-
   // Un seul menu de `toolbarActions` ouvert à la fois : on mémorise la clé de l'action
   // ouverte plutôt qu'un booléen par bouton (le nombre de boutons est libre).
-  var _useState87 = useState(null),
-    _useState88 = _slicedToArray$b(_useState87, 2),
-    openToolbarKey = _useState88[0],
-    setOpenToolbarKey = _useState88[1];
+  var _useState85 = useState(null),
+    _useState86 = _slicedToArray$b(_useState85, 2),
+    openToolbarKey = _useState86[0],
+    setOpenToolbarKey = _useState86[1];
   var toolbarRef = useRef(null);
   useEffect(function () {
     if (openToolbarKey === null) return;
@@ -59693,16 +59718,16 @@ var Table$1 = function Table(_ref17) {
       rowHeightsRef.current = {};
     }
   }
-  var _useState89 = useState(function () {
+  var _useState87 = useState(function () {
       try {
         var saved = localStorage.getItem(ROW_PRESET_KEY);
         if (saved === 'fit' || ROW_PRESETS[saved]) return saved;
       } catch (_unused13) {/* noop */}
       return defaultRowHeight === 'fit' || ROW_PRESETS[defaultRowHeight] ? defaultRowHeight : 'small';
     }),
-    _useState90 = _slicedToArray$b(_useState89, 2),
-    rowPreset = _useState90[0],
-    setRowPreset = _useState90[1];
+    _useState88 = _slicedToArray$b(_useState87, 2),
+    rowPreset = _useState88[0],
+    setRowPreset = _useState88[1];
   var tableWrapperRef = useRef(null);
   var applyRowHeights = useCallback(function () {
     if (!tableWrapperRef.current) return;
@@ -59987,12 +60012,12 @@ var Table$1 = function Table(_ref17) {
       if (Object.keys(values).length) localStorage.setItem(FILTERS_VALUES_KEY, JSON.stringify(values));else localStorage.removeItem(FILTERS_VALUES_KEY);
     } catch (_unused16) {}
   }, [FILTERS_VALUES_KEY]);
-  var _useState91 = useState(function () {
+  var _useState89 = useState(function () {
       return hydrateFilters(initialFilters);
     }),
-    _useState92 = _slicedToArray$b(_useState91, 2),
-    filters = _useState92[0],
-    setFilters = _useState92[1];
+    _useState90 = _slicedToArray$b(_useState89, 2),
+    filters = _useState90[0],
+    setFilters = _useState90[1];
 
   // ─────────────────────────────────────────────────────────────────────────────
   // Effacer TOUS les filtres colonnes d'un coup.
@@ -60033,16 +60058,16 @@ var Table$1 = function Table(_ref17) {
   // Tri actif (pour griser le bouton « Réordonner » : réordonner sous un tri
   // corromprait les positions). Initialisé depuis l'état persisté (le tri restauré
   // au montage ne déclenche pas onSort), mis à jour ensuite via onSort.
-  var _useState93 = useState(function () {
+  var _useState91 = useState(function () {
       var s = readDTState();
       return s.sortField ? {
         field: s.sortField,
         order: s.sortOrder
       } : null;
     }),
-    _useState94 = _slicedToArray$b(_useState93, 2),
-    activeSort = _useState94[0],
-    setActiveSort = _useState94[1];
+    _useState92 = _slicedToArray$b(_useState91, 2),
+    activeSort = _useState92[0],
+    setActiveSort = _useState92[1];
   // Un filtre est actif si un filtre de colonne porte une valeur, ou la recherche globale.
   var hasActiveFilter = useMemo(function () {
     if (globalFilter && String(globalFilter).trim() !== '') return true;
@@ -60074,13 +60099,13 @@ var Table$1 = function Table(_ref17) {
   // onLazyLoad({first, rows, sortField, sortOrder, filters, globalFilter}) :
   // l'app requête son endpoint puis re-render avec la nouvelle page.
   // Le tri devient contrôlé en lazy (sinon PrimeReact trierait la page seule).
-  var _useState95 = useState({
+  var _useState93 = useState({
       sortField: null,
       sortOrder: null
     }),
-    _useState96 = _slicedToArray$b(_useState95, 2),
-    lazySort = _useState96[0],
-    setLazySort = _useState96[1];
+    _useState94 = _slicedToArray$b(_useState93, 2),
+    lazySort = _useState94[0],
+    setLazySort = _useState94[1];
   var onLazyLoadRef = useRef(onLazyLoad);
   onLazyLoadRef.current = onLazyLoad;
   var fireLazy = useCallback(function () {
@@ -60719,6 +60744,9 @@ var Table$1 = function Table(_ref17) {
       if (val === null || val === undefined || val === '') return '';
       var num = parseFloat(val);
       if (isNaN(num)) return val;
+      // id provisoire (négatif) d'une ligne ajoutée par handleAddRow : interne au
+      // composant, sans signification pour l'utilisateur tant que la ligne n'est pas créée.
+      if (col.field === 'id' && num < 0) return '';
       var outOfRange = col.min != null && num < col.min || col.max != null && num > col.max;
       var message = col.min != null && num < col.min ? "Min : ".concat(col.min) : col.max != null && num > col.max ? "Max : ".concat(col.max) : null;
       if (outOfRange) return /*#__PURE__*/React__default.createElement("span", {
@@ -61088,35 +61116,6 @@ var Table$1 = function Table(_ref17) {
     });
   }, [data, onChange, columns]);
 
-  // ─── Repère « colonne en lecture seule » ──────────────────────────────────
-  // La colonne peut-elle être éditée un jour, VERROU MIS À PART ? Le verrou
-  // (`lockable`) est volontairement ignoré : il est temporaire — l'utilisateur
-  // déverrouille — alors que la lecture seule d'une colonne est définitive. Sans
-  // ça, un tableau verrouillé afficherait des cadenas partout puis les perdrait
-  // tous au déverrouillage, ce qui en ferait un indicateur d'état du verrou et
-  // non de la colonne.
-  var columnCanEverBeEdited = useCallback(function (col) {
-    return lockable ? editable && col.editable === true : editable ? col.editable !== false : col.editable === true;
-  }, [lockable, editable]);
-
-  // Le repère n'a de sens que si QUELQUE CHOSE est éditable dans le tableau :
-  // sur un tableau entièrement en lecture seule (le cas le plus courant), il
-  // n'aurait rien à distinguer et teinterait simplement toutes les cellules.
-  var readOnlyHintActive = useMemo(function () {
-    if (readOnlyStyle === false) return false;
-    return rowEdit ? columns.some(function (c) {
-      return c.editable !== false;
-    }) : columns.some(columnCanEverBeEdited);
-  }, [readOnlyStyle, rowEdit, columns, columnCanEverBeEdited]);
-  var isReadOnlyColumn = useCallback(function (col) {
-    if (!readOnlyHintActive || col.readOnlyStyle === false) return false;
-    // Colonnes techniques : ce ne sont pas des données qu'on chercherait à
-    // éditer, un cadenas y serait du bruit.
-    if (col.actionsField || col.type === 'button' || col.type === 'index') return false;
-    // En édition par ligne, seule `editable: false` exclut la colonne.
-    return rowEdit ? col.editable === false : !columnCanEverBeEdited(col);
-  }, [readOnlyHintActive, rowEdit, columnCanEverBeEdited]);
-
   /** Get the body renderer for a column based on its type */
   var getBodyTemplate = useCallback(function (col) {
     // colCanEdit: is this column capable of being editable (ignoring lock state)?
@@ -61502,6 +61501,10 @@ var Table$1 = function Table(_ref17) {
     }
   } : null]).filter(Boolean);
 
+  // Le bouton « Actions » n'existe que s'il a quelque chose à montrer : une action
+  // déclarée, des lignes cochées, ou le filtre « cochées » à relâcher.
+  var menuActionsVisible = actionsSecondaires.length > 0 || rowSelection && nbSelectionnees > 0 || filtreSelectionActif;
+
   // ── Reinitialisations, une par objet + une globale ───────────────────────────
   var reinitColonnes = function reinitColonnes() {
     localStorage.removeItem(STORAGE_KEY);
@@ -61709,7 +61712,7 @@ var Table$1 = function Table(_ref17) {
     title: addTooltip !== null && addTooltip !== void 0 ? addTooltip : translate('arengibook.table.toolbar.add', labels)
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "material-icons"
-  }, "add"), addLabel && addLabel !== '+' ? addLabel : translate('arengibook.table.toolbar.add', labels)), (actionsSecondaires.length > 0 || rowSelection && nbSelectionnees > 0 || filtreSelectionActif) && /*#__PURE__*/React__default.createElement("div", {
+  }, "add"), addLabel && addLabel !== '+' ? addLabel : translate('arengibook.table.toolbar.add', labels)), menuActionsVisible && /*#__PURE__*/React__default.createElement("div", {
     className: "ab-toolbar__anchor",
     ref: menuRef
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -61786,7 +61789,7 @@ var Table$1 = function Table(_ref17) {
     }, /*#__PURE__*/React__default.createElement("span", {
       className: "material-icons"
     }, icon), label);
-  })))), /*#__PURE__*/React__default.createElement("span", {
+  })))), (showAddButton || menuActionsVisible) && /*#__PURE__*/React__default.createElement("span", {
     className: "ab-toolbar__rule",
     "aria-hidden": "true"
   }), /*#__PURE__*/React__default.createElement("div", {
@@ -62583,7 +62586,6 @@ var Table$1 = function Table(_ref17) {
     var _col$field, _col$options9;
     // Fusionne les options créées à la volée (tag) → cellule, éditeur ET filtre à jour.
     var col = withCreatedOptions(rawCol);
-    isReadOnlyColumn(col);
     return /*#__PURE__*/React__default.createElement(Column, {
       key: (_col$field = col.field) !== null && _col$field !== void 0 ? _col$field : index
       // ─────────────────────────────────────────────────────

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "3.3.6-table-required",
+  "version": "3.3.8-main",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {