arengibook 3.3.8-main → 3.4.1-main

package/README.md

@@ -21,6 +21,7 @@ généré automatiquement.
 | [`docs/architecture.md`](docs/architecture.md) | devs de la bibliothèque | Build rollup, API publique, design tokens, cœur i18n, outillage Storybook |
 | [`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 |
+| [`RELEASE_NOTES.md`](RELEASE_NOTES.md) | chefs de projet, utilisateurs | Ce qui change pour l'utilisateur à chaque version, sans jargon technique |
 | [`TODO_DESIGN.md`](TODO_DESIGN.md) | devs de la bibliothèque | Backlog des améliorations de composants |
 | 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

@@ -69,6 +69,7 @@ var MESSAGES = {
     'arengibook.table.settings.rowHeightFit': 'Ajustée',
     'arengibook.table.settings.resetRowHeights': 'Réinitialiser la hauteur des lignes',
     'arengibook.table.filter.all': 'Tous',
+    'arengibook.table.filter.dateRange': 'Période',
     'arengibook.table.action.delete': 'Supprimer',
     'arengibook.table.action.edit': 'Éditer',
     'arengibook.table.confirmDelete.title': 'Supprimer cette ligne ?',
@@ -151,6 +152,7 @@ var MESSAGES = {
     'arengibook.table.settings.rowHeightFit': 'Fitted',
     'arengibook.table.settings.resetRowHeights': 'Reset row heights',
     'arengibook.table.filter.all': 'All',
+    'arengibook.table.filter.dateRange': 'Date range',
     'arengibook.table.action.delete': 'Delete',
     'arengibook.table.action.edit': 'Edit',
     'arengibook.table.confirmDelete.title': 'Delete this row?',
@@ -233,6 +235,7 @@ var MESSAGES = {
     'arengibook.table.settings.rowHeightFit': 'Ajustada',
     'arengibook.table.settings.resetRowHeights': 'Restablecer la altura de filas',
     'arengibook.table.filter.all': 'Todos',
+    'arengibook.table.filter.dateRange': 'Periodo',
     'arengibook.table.action.delete': 'Eliminar',
     'arengibook.table.action.edit': 'Editar',
     'arengibook.table.confirmDelete.title': '¿Eliminar esta fila?',
@@ -315,6 +318,7 @@ var MESSAGES = {
     'arengibook.table.settings.rowHeightFit': 'Angepasst',
     'arengibook.table.settings.resetRowHeights': 'Zeilenhöhen zurücksetzen',
     'arengibook.table.filter.all': 'Alle',
+    'arengibook.table.filter.dateRange': 'Zeitraum',
     'arengibook.table.action.delete': 'Löschen',
     'arengibook.table.action.edit': 'Bearbeiten',
     'arengibook.table.confirmDelete.title': 'Diese Zeile löschen?',
@@ -39194,45 +39198,58 @@ var Dropdown = function Dropdown(props) {
   var dropdownRef = useRef(null);
   var dropdownComposantRef = useRef(null);
   var containerRef = useRef(null);
+  // Largeur du declencheur, appliquee au panneau. Mesuree quand on va ouvrir (mousedown,
+  // focus, autoOpen) et JAMAIS pendant le rendu : lire offsetWidth au rendu force un reflow
+  // complet de la page a chaque montage (~65 ms par select, x136 sur l'evaluation
+  // questionnaire = plusieurs secondes de chargement). setState a valeur egale = no-op.
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray$b(_useState3, 2),
+    triggerWidth = _useState4[0],
+    setTriggerWidth = _useState4[1];
+  var measureTrigger = function measureTrigger() {
+    var _containerRef$current;
+    var w = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth;
+    if (w) setTriggerWidth(w);
+  };
   var didMountRef = useRef(false);
   var panelListenersRef = useRef([]);
   var clickedFromList = useRef(false);
   var currentPageRef = useRef(1);
   var filterRef = useRef('');
-  var _useState3 = useState(''),
-    _useState4 = _slicedToArray$b(_useState3, 2),
-    filterText = _useState4[0],
-    setFilterText = _useState4[1];
-  var _useState5 = useState(false),
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray$b(_useState5, 2),
-    isEditing = _useState6[0],
-    setIsEditing = _useState6[1];
+    filterText = _useState6[0],
+    setFilterText = _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray$b(_useState7, 2),
-    isDropdownOpen = _useState8[0],
-    setIsDropdownOpen = _useState8[1];
-  var _useState9 = useState(''),
+    isEditing = _useState8[0],
+    setIsEditing = _useState8[1];
+  var _useState9 = useState(false),
     _useState0 = _slicedToArray$b(_useState9, 2),
-    selectedGroupLabel = _useState0[0],
-    setSelectedGroupLabel = _useState0[1];
-  var _useState1 = useState(0),
+    isDropdownOpen = _useState0[0],
+    setIsDropdownOpen = _useState0[1];
+  var _useState1 = useState(''),
     _useState10 = _slicedToArray$b(_useState1, 2),
-    tooltipKey = _useState10[0],
-    setTooltipKey = _useState10[1];
+    selectedGroupLabel = _useState10[0],
+    setSelectedGroupLabel = _useState10[1];
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray$b(_useState11, 2),
+    tooltipKey = _useState12[0],
+    setTooltipKey = _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),
+  var _useState13 = useState(false),
     _useState14 = _slicedToArray$b(_useState13, 2),
-    sortOrder = _useState14[0],
-    setSortOrder = _useState14[1];
-  var _useState15 = useState(false),
+    isPanelOpen = _useState14[0],
+    setIsPanelOpen = _useState14[1];
+  var _useState15 = useState(null),
     _useState16 = _slicedToArray$b(_useState15, 2),
-    showRequiredError = _useState16[0],
-    setShowRequiredError = _useState16[1];
+    sortOrder = _useState16[0],
+    setSortOrder = _useState16[1];
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray$b(_useState17, 2),
+    showRequiredError = _useState18[0],
+    setShowRequiredError = _useState18[1];
 
   // --- Derived values ---
   var hasSelection = options.some(function (opt) {
@@ -39517,6 +39534,7 @@ var Dropdown = function Dropdown(props) {
     var rafAlign;
     var rafShow = requestAnimationFrame(function () {
       var _dropdownComposantRef4;
+      measureTrigger();
       (_dropdownComposantRef4 = dropdownComposantRef.current) === null || _dropdownComposantRef4 === void 0 || _dropdownComposantRef4.show();
       rafAlign = requestAnimationFrame(function () {
         return alignPanel(true);
@@ -39531,6 +39549,7 @@ var Dropdown = function Dropdown(props) {
   var handleMouseEnter = function handleMouseEnter() {
     var _dropdownComposantRef5;
     if (!openOnHover || disabled || readOnly) return;
+    measureTrigger();
     (_dropdownComposantRef5 = dropdownComposantRef.current) === null || _dropdownComposantRef5 === void 0 || _dropdownComposantRef5.show();
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -40070,10 +40089,12 @@ var Dropdown = function Dropdown(props) {
     },
     editable: isSelectMeta && isEditing,
     onMouseDown: function onMouseDown() {
+      measureTrigger();
       if (enableItemTooltip) setTooltipKey(function (k) {
         return k + 1;
       });
     },
+    onFocus: measureTrigger,
     value: optionSelected,
     options: computedOptions,
     onChange: handleChange,
@@ -40089,7 +40110,7 @@ var Dropdown = function Dropdown(props) {
       maxHeight: 'auto',
       overflowY: 'auto',
       zIndex: 999999,
-      width: containerRef.current ? containerRef.current.offsetWidth + 'px' : undefined
+      width: triggerWidth ? triggerWidth + 'px' : undefined
     }, panelMinWidth ? {
       '--ab-panel-min-width': panelMinWidth,
       width: undefined
@@ -40108,9 +40129,9 @@ var Dropdown = function Dropdown(props) {
     optionGroupChildren: 'items'
   }, {
     onShow: function onShow() {
-      var _containerRef$current;
+      var _containerRef$current2;
       setIsPanelOpen(true);
-      var el = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
+      var el = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentElement;
       while (el) {
         var _style3 = window.getComputedStyle(el);
         if (/auto|scroll/.test(_style3.overflow + _style3.overflowX + _style3.overflowY)) {
@@ -43079,11 +43100,24 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var loadedOptionsRef = useRef([]);
   var multiSelectRef = useRef(null);
   var containerRef = useRef(null);
-  var panelListenersRef = useRef([]);
-  var _useState5 = useState(false),
+  // Largeur du declencheur, appliquee au panneau. Mesuree quand on va ouvrir (mousedown,
+  // focus, autoOpen) et JAMAIS pendant le rendu : lire offsetWidth au rendu force un reflow
+  // complet de la page a chaque montage (~65 ms par select, x136 sur l'evaluation
+  // questionnaire = plusieurs secondes de chargement). setState a valeur egale = no-op.
+  var _useState5 = useState(),
     _useState6 = _slicedToArray$b(_useState5, 2),
-    loading = _useState6[0],
-    setLoading = _useState6[1];
+    triggerWidth = _useState6[0],
+    setTriggerWidth = _useState6[1];
+  var measureTrigger = function measureTrigger() {
+    var _containerRef$current;
+    var w = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth;
+    if (w) setTriggerWidth(w);
+  };
+  var panelListenersRef = useRef([]);
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray$b(_useState7, 2),
+    loading = _useState8[0],
+    setLoading = _useState8[1];
   var isLoadingRef = useRef(false);
   var loadLazyTimeout = useRef();
   var currentPageRef = useRef(1);
@@ -43093,41 +43127,41 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     loadedOptionsRef.current = opts;
     setLoadedOptions(opts);
   };
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray$b(_useState7, 2),
-    tooltipKey = _useState8[0],
-    setTooltipKey = _useState8[1];
+  var _useState9 = useState(0),
+    _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 _useState9 = useState('right'),
-    _useState0 = _slicedToArray$b(_useState9, 2);
-    _useState0[0];
-    var setTooltipMode = _useState0[1];
-  var _useState1 = useState(null),
-    _useState10 = _slicedToArray$b(_useState1, 2),
-    sortOrder = _useState10[0],
-    setSortOrder = _useState10[1];
-  var _useState11 = useState([]),
+  var _useState1 = useState('right'),
+    _useState10 = _slicedToArray$b(_useState1, 2);
+    _useState10[0];
+    var setTooltipMode = _useState10[1];
+  var _useState11 = useState(null),
     _useState12 = _slicedToArray$b(_useState11, 2),
-    collapsedGroups = _useState12[0],
-    setCollapsedGroups = _useState12[1];
-  var _useState13 = useState(value !== null && value !== void 0 ? value : []),
-    _useState14 = _slicedToArray$b(_useState13, 2);
-    _useState14[0];
-    _useState14[1];
-  var _useState15 = useState(null),
-    _useState16 = _slicedToArray$b(_useState15, 2),
-    displayValue = _useState16[0],
-    setDisplayValue = _useState16[1];
+    sortOrder = _useState12[0],
+    setSortOrder = _useState12[1];
+  var _useState13 = useState([]),
+    _useState14 = _slicedToArray$b(_useState13, 2),
+    collapsedGroups = _useState14[0],
+    setCollapsedGroups = _useState14[1];
+  var _useState15 = useState(value !== null && value !== void 0 ? value : []),
+    _useState16 = _slicedToArray$b(_useState15, 2);
+    _useState16[0];
+    _useState16[1];
+  var _useState17 = useState(null),
+    _useState18 = _slicedToArray$b(_useState17, 2),
+    displayValue = _useState18[0],
+    setDisplayValue = _useState18[1];
   var isOptionsArray = Array.isArray(options) && !optionsUrl;
   var hasMoreRef = useRef(true);
   var effectiveReadOnly = Boolean(readOnly);
   var applyEnabled = typeof onApply === 'function';
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray$b(_useState17, 2),
-    showRequiredError = _useState18[0],
-    setShowRequiredError = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray$b(_useState19, 2),
+    showRequiredError = _useState20[0],
+    setShowRequiredError = _useState20[1];
   var hasSelection = Array.isArray(selectedOptions) && selectedOptions.length > 0;
   var isError = Boolean(invalid || status === 'error' || showRequiredError);
   var isInvalidEffective = Boolean(isError && !hasSelection);
@@ -43627,6 +43661,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
   var handleMouseEnter = function handleMouseEnter() {
     var _multiSelectRef$curre2;
     if (!openOnHover || disabled || effectiveReadOnly) return;
+    measureTrigger();
     (_multiSelectRef$curre2 = multiSelectRef.current) === null || _multiSelectRef$curre2 === void 0 || _multiSelectRef$curre2.show();
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -44307,8 +44342,8 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     selectedItemsLabel: '{0} éléments sélectionnés'
   }, (_extends2 = {
     onShow: function onShow() {
-      var _containerRef$current;
-      var el = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.parentElement;
+      var _containerRef$current2;
+      var el = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentElement;
       while (el) {
         var _style = window.getComputedStyle(el);
         if (/auto|scroll/.test(_style.overflow + _style.overflowX + _style.overflowY)) {
@@ -44348,10 +44383,12 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
       if (_onHide) _onHide();
     },
     onMouseDown: function onMouseDown() {
+      measureTrigger();
       if (enableItemTooltip) setTooltipKey(function (k) {
         return k + 1;
       });
     },
+    onFocus: measureTrigger,
     options: computedOptions,
     value: displayValue ? displayValue : selectedOptions,
     placeholder: placeholder,
@@ -44368,7 +44405,7 @@ var MultiSelectMetaAsync = function MultiSelectMetaAsync(_ref) {
     ,
     optionValue: optionValue
   }, _defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_extends2, "optionValue", optionValue), "style", style), "loading", false), "maxSelectedLabels", maxSelectedLabels), "emptyMessage", loading ? loadingMessage : emptyMessage), "onChange", handleChange), "itemTemplate", optionTemplate), "selectedItemTemplate", displayBadge ? undefined : selectedItemTemplate), "showClear", effectiveShowClear), "closeIcon", closeIcon), _defineProperty$e(_defineProperty$e(_defineProperty$e(_defineProperty$e(_extends2, "showSelectAll", showSelectAll), "panelStyle", {
-    width: containerRef.current ? containerRef.current.offsetWidth + 'px' : undefined
+    width: triggerWidth ? triggerWidth + 'px' : undefined
   }), "panelHeaderTemplate", customPanelHeader), "panelFooterTemplate", customPanelFooter)), isGroupedOption && {
     optionGroupChildren: optionGroupChildren,
     optionGroupLabel: optionGroupLabel
@@ -44614,16 +44651,29 @@ var MultiSelect = function MultiSelect(props) {
     setIsPanelOpen = _useState10[1];
   var multiSelectRef = useRef(null);
   var containerRef = useRef(null);
+  // Largeur du declencheur, appliquee au panneau. Mesuree quand on va ouvrir (mousedown,
+  // focus, autoOpen) et JAMAIS pendant le rendu : lire offsetWidth au rendu force un reflow
+  // complet de la page a chaque montage (~65 ms par select, x136 sur l'evaluation
+  // questionnaire = plusieurs secondes de chargement). setState a valeur egale = no-op.
+  var _useState11 = useState(),
+    _useState12 = _slicedToArray$b(_useState11, 2),
+    triggerWidth = _useState12[0],
+    setTriggerWidth = _useState12[1];
+  var measureTrigger = function measureTrigger() {
+    var _containerRef$current;
+    var w = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.offsetWidth;
+    if (w) setTriggerWidth(w);
+  };
   var didMountRef = useRef(false);
   var panelListenersRef = useRef([]);
-  var _useState11 = useState(null),
-    _useState12 = _slicedToArray$b(_useState11, 2),
-    sortOrder = _useState12[0],
-    setSortOrder = _useState12[1];
-  var _useState13 = useState([]),
+  var _useState13 = useState(null),
     _useState14 = _slicedToArray$b(_useState13, 2),
-    collapsedGroups = _useState14[0],
-    setCollapsedGroups = _useState14[1];
+    sortOrder = _useState14[0],
+    setSortOrder = _useState14[1];
+  var _useState15 = useState([]),
+    _useState16 = _slicedToArray$b(_useState15, 2),
+    collapsedGroups = _useState16[0],
+    setCollapsedGroups = _useState16[1];
   useEffect(function () {
     if (!didMountRef.current) {
       didMountRef.current = true;
@@ -45348,6 +45398,7 @@ var MultiSelect = function MultiSelect(props) {
     var rafAlign;
     var rafShow = requestAnimationFrame(function () {
       var _multiSelectRef$curre4;
+      measureTrigger();
       (_multiSelectRef$curre4 = multiSelectRef.current) === null || _multiSelectRef$curre4 === void 0 || _multiSelectRef$curre4.show();
       rafAlign = requestAnimationFrame(function () {
         return alignPanel(true);
@@ -45362,6 +45413,7 @@ var MultiSelect = function MultiSelect(props) {
   var handleMouseEnter = function handleMouseEnter() {
     var _multiSelectRef$curre5;
     if (!openOnHover || disabled || effectiveReadOnly) return;
+    measureTrigger();
     (_multiSelectRef$curre5 = multiSelectRef.current) === null || _multiSelectRef$curre5 === void 0 || _multiSelectRef$curre5.show();
   };
   var handleMouseLeave = function handleMouseLeave() {
@@ -45718,13 +45770,13 @@ var MultiSelect = function MultiSelect(props) {
     }))))
   }), {
     onShow: function onShow() {
-      var _containerRef$current;
+      var _containerRef$current2;
       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;
+      var el = (_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.parentElement;
       while (el) {
         var _style = window.getComputedStyle(el);
         if (/auto|scroll/.test(_style.overflow + _style.overflowX + _style.overflowY)) {
@@ -45766,10 +45818,12 @@ var MultiSelect = function MultiSelect(props) {
       if (_onHide) _onHide();
     },
     onMouseDown: function onMouseDown() {
+      measureTrigger();
       if (enableItemTooltip) setTooltipKey(function (k) {
         return k + 1;
       });
     },
+    onFocus: measureTrigger,
     options: displayOptions,
     value: displayValue ? displayValue : selectedOptions,
     placeholder: placeholder,
@@ -45800,7 +45854,7 @@ var MultiSelect = function MultiSelect(props) {
     ,
     showSelectAll: showSelectAll,
     panelStyle: {
-      minWidth: containerRef.current ? containerRef.current.offsetWidth + 'px' : undefined
+      minWidth: triggerWidth ? triggerWidth + 'px' : undefined
     },
     panelHeaderTemplate: customPanelHeader,
     panelFooterTemplate: customPanelFooter
@@ -48303,7 +48357,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\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}";
+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 .ab-date-range-filter > .p-inputtext {\n  text-overflow: ellipsis;\n}\ntable.ab-table thead th.p-filter-column .ab-date-range-filter > .p-inputtext[readonly] {\n  background: #ffffff !important;\n  color: #1a1e26 !important;\n  cursor: pointer !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}\n\n/* ═══════════════════════════════════════════════════════════════════════════\n   Panneau du filtre date « période » (portalisé dans <body>).\n\n   `DatePicker.scss` masque GLOBALEMENT l'en-tête natif de PrimeReact (flèches,\n   mois/année) et les vues mois/année, parce que le DatePicker maison les\n   remplace par son propre `headerTemplate`. Le filtre période utilise le\n   Calendar PrimeReact nu (mode range) : sans ces rétablissements, impossible\n   de changer de mois. Spécificité 0,3,0 + !important pour passer devant.\n   ═══════════════════════════════════════════════════════════════════════════ */\n.p-datepicker.ab-date-range-panel .p-datepicker-header .p-datepicker-title {\n  display: flex !important;\n  gap: 4px;\n}\n.p-datepicker.ab-date-range-panel .p-datepicker-header .p-datepicker-prev,\n.p-datepicker.ab-date-range-panel .p-datepicker-header .p-datepicker-next {\n  display: inline-flex !important;\n}\n.p-datepicker.ab-date-range-panel .p-monthpicker.p-monthpicker,\n.p-datepicker.ab-date-range-panel .p-yearpicker.p-yearpicker {\n  display: block !important;\n}";
 styleInject(css_248z$3);
 
 // src/components/react/Table/Table.tokens.js
@@ -48388,6 +48442,17 @@ var MIN_COLUMN_WIDTH = 70;
 // Ce plancher sert AUSSI de largeur initiale : cf. colMinWidthPx() dans Table.jsx.
 var SELECT_COLUMN_MIN_WIDTH = 200;
 
+// Plancher des colonnes `date`. Leur contenu (« 08/01/2024 ») ne réclame que ~80px,
+// mais leur filtre est une PÉRIODE dans un seul champ (« 08/01/2024 - 31/05/2024 ») :
+// sous ce seuil, le champ n'affichait plus que « P ».
+// Mesuré le 16/10/2026 : la période occupe ~177px de champ (texte + padding) dans
+// Storybook, 184px dans arengibox6 (métriques de police différentes) ; la cellule en
+// retire 28 (padding du th) → 212px, portés à 220 pour garder de la marge. À 210, la
+// période était coupée de 3px dans arengibox6. Le ✕ de colonne est
+// retiré sur les dates (effacement dans le panneau) : avec lui, il aurait fallu 250px.
+// Comme SELECT_COLUMN_MIN_WIDTH, ce plancher sert aussi de largeur initiale.
+var DATE_COLUMN_MIN_WIDTH = 220;
+
 // Largeur initiale d'une colonne dont on ne connaît pas encore la largeur
 // (ni sauvegardée, ni auto-mesurée).
 var DEFAULT_COLUMN_WIDTH = 200;
@@ -55997,17 +56062,31 @@ FilterService.register('arrayContains', function (value, filter) {
   return Array.isArray(value) && value.includes(filter);
 });
 
-// Correspondance au JOUR pour les colonnes date : la cellule stocke la date sous des
-// formats hétérogènes (ISO, dd/mm/yyyy, yyyy-MM…) → on parse les deux bords plutôt
-// que de comparer des chaînes. `filter` = Date (datepicker) ou chaîne (valeur persistée).
-FilterService.register('abDateIs', function (value, filter) {
-  var _parseDateAuto, _parseDateAuto2;
-  if (filter === null || filter === undefined || filter === '') return true;
+// Filtre PAR PÉRIODE pour les colonnes date : `filter` = [du, au], bornes INCLUSES et
+// comparées au JOUR. Chaque borne est optionnelle (« à partir du » / « jusqu'au »).
+// La cellule stocke la date sous des formats hétérogènes (ISO, dd/mm/yyyy, yyyy-MM…)
+// → on parse plutôt que de comparer des chaînes. Une borne = Date (datepicker) ou
+// chaîne (valeur persistée). Une valeur non-tableau (filtre persisté par une version
+// antérieure, qui filtrait sur le jour exact) vaut période d'un seul jour.
+var toDayNumber = function toDayNumber(d) {
+  return d.getFullYear() * 10000 + d.getMonth() * 100 + d.getDate();
+};
+var toFilterDate = function toFilterDate(b) {
+  var _parseDateAuto$date, _parseDateAuto;
+  return b instanceof Date ? b : b ? (_parseDateAuto$date = (_parseDateAuto = parseDateAuto(b)) === null || _parseDateAuto === void 0 ? void 0 : _parseDateAuto.date) !== null && _parseDateAuto$date !== void 0 ? _parseDateAuto$date : null : null;
+};
+FilterService.register('abDateRange', function (value, filter) {
+  var _parseDateAuto2;
+  var _map = (Array.isArray(filter) ? filter : [filter, filter]).map(toFilterDate),
+    _map2 = _slicedToArray$b(_map, 2),
+    from = _map2[0],
+    to = _map2[1];
+  if (!from && !to) return true;
   if (value === null || value === undefined || value === '') return false;
-  var f = filter instanceof Date ? filter : (_parseDateAuto = parseDateAuto(filter)) === null || _parseDateAuto === void 0 ? void 0 : _parseDateAuto.date;
   var v = (_parseDateAuto2 = parseDateAuto(value)) === null || _parseDateAuto2 === void 0 ? void 0 : _parseDateAuto2.date;
-  if (!f || !v) return false;
-  return v.getFullYear() === f.getFullYear() && v.getMonth() === f.getMonth() && v.getDate() === f.getDate();
+  if (!v) return false;
+  var n = toDayNumber(v);
+  return (!from || n >= toDayNumber(from)) && (!to || n <= toDayNumber(to));
 });
 
 // Déduit le dateFormat PrimeReact depuis un dbDateFormat utilisateur
@@ -56313,7 +56392,7 @@ var TIP_CELLULE_A_REMPLIR = {
  * d'une largeur persistée. `col.minWidth` l'emporte toujours sur le défaut du type.
  */
 var colMinWidthPx = function colMinWidthPx(col) {
-  return Number.parseInt(col.minWidth, 10) || (col.type === 'index' ? 60 : SELECT_COLUMN_TYPES.has(col.type) ? SELECT_COLUMN_MIN_WIDTH : MIN_COLUMN_WIDTH);
+  return Number.parseInt(col.minWidth, 10) || (col.type === 'index' ? 60 : SELECT_COLUMN_TYPES.has(col.type) ? SELECT_COLUMN_MIN_WIDTH : col.type === 'date' ? DATE_COLUMN_MIN_WIDTH : MIN_COLUMN_WIDTH);
 };
 var cellEditorSeq = 0;
 
@@ -59965,10 +60044,10 @@ var Table$1 = function Table(_ref17) {
           matchMode: FilterMatchMode$2.EQUALS
         };
       } else if (col.type === 'date') {
-        // Date : correspondance au JOUR via le datepicker (matchMode custom).
+        // Date : filtre par période [du, au] via deux datepickers (matchMode custom).
         f[col.field] = {
           value: null,
-          matchMode: 'abDateIs'
+          matchMode: 'abDateRange'
         };
       } else {
         f[col.field] = {
@@ -60006,7 +60085,11 @@ var Table$1 = function Table(_ref17) {
         if (meta && meta.value != null && meta.value !== '') {
           // Filtre date : persiste en 'yyyy-MM-dd' local (JSON.stringify(Date) donnerait
           // un ISO horodaté UTC que parseDateAuto ne relit pas — et J±1 selon le fuseau).
-          values[field] = meta.value instanceof Date ? format(meta.value, 'yyyy-MM-dd') : meta.value;
+          // Période [du, au] : chaque borne suit la même règle.
+          var ser = function ser(v) {
+            return v instanceof Date ? format(v, 'yyyy-MM-dd') : v;
+          };
+          values[field] = Array.isArray(meta.value) ? meta.value.map(ser) : ser(meta.value);
         }
       });
       if (Object.keys(values).length) localStorage.setItem(FILTERS_VALUES_KEY, JSON.stringify(values));else localStorage.removeItem(FILTERS_VALUES_KEY);
@@ -60204,29 +60287,50 @@ var Table$1 = function Table(_ref17) {
     }));
   }, [labels]);
 
-  // Filtre des colonnes date : datepicker (même composant que l'éditeur de cellule)
-  // au lieu d'un input texte. La correspondance se fait sur le JOUR (matchMode
-  // custom `abDateIs`) quel que soit le format de stockage de la cellule.
+  // Filtre des colonnes date : PÉRIODE dans UN SEUL champ (Calendar PrimeReact en
+  // `selectionMode="range"` — le DatePicker maison ne sait porter qu'une date : son
+  // en-tête, son masque et sa normalisation supposent une `Date`). Bornes incluses,
+  // comparées au JOUR (matchMode custom `abDateRange`) quel que soit le format de
+  // stockage de la cellule. Premier clic = « à partir du » (filtre déjà appliqué),
+  // second clic = « au ». L'effacement passe par le bouton « Effacer » du panneau
+  // (barre de boutons) : le ✕ de colonne est retiré pour laisser sa place à la période.
   var dateFilterElement = useCallback(function (options, col) {
-    var _parseDateAuto$date, _parseDateAuto3;
     var primeFormat = col.dbDateFormat ? dbDateFormatToPrime(col.dbDateFormat) : 'dd/mm/yy';
-    // La valeur persistée (localStorage) revient en chaîne ISO → on la reparse.
-    var val = options.value instanceof Date ? options.value : options.value ? (_parseDateAuto$date = (_parseDateAuto3 = parseDateAuto(options.value)) === null || _parseDateAuto3 === void 0 ? void 0 : _parseDateAuto3.date) !== null && _parseDateAuto$date !== void 0 ? _parseDateAuto$date : null : null;
-    return /*#__PURE__*/React__default.createElement(DatePicker, {
-      value: val,
+    var lang = LOCALES[getLocale()] ? getLocale() : 'fr';
+    addLocale(lang, LOCALES[lang]);
+    // La valeur persistée (localStorage) revient en chaînes ISO → on la reparse.
+    // Valeur non-tableau = ancien filtre « jour exact » → période d'un jour.
+    var raw = Array.isArray(options.value) ? options.value : [options.value, options.value];
+    var _raw$map = raw.map(toFilterDate),
+      _raw$map2 = _slicedToArray$b(_raw$map, 2),
+      from = _raw$map2[0],
+      to = _raw$map2[1];
+    return /*#__PURE__*/React__default.createElement(Calendar, {
+      value: from || to ? [from, to] : null,
+      selectionMode: "range",
+      readOnlyInput: true,
+      hideOnRangeSelection: true,
+      showButtonBar: true,
       dateFormat: primeFormat,
+      view: primeFormat === 'yy' ? 'year' : primeFormat === 'mm/yy' ? 'month' : 'date',
+      locale: lang,
+      placeholder: translate('arengibook.table.filter.dateRange', labels),
       onChange: function onChange(e) {
-        var _e$value2;
-        return options.filterApplyCallback((_e$value2 = e.value) !== null && _e$value2 !== void 0 ? _e$value2 : null);
+        var _ref32 = Array.isArray(e.value) ? e.value : [],
+          _ref33 = _slicedToArray$b(_ref32, 2),
+          f = _ref33[0],
+          t = _ref33[1];
+        // En vue mois/année, le calendrier rend le 1er du mois/de l'année choisi :
+        // la borne de fin est portée au DERNIER jour, sinon « mars → mai »
+        // exclurait le 15 mai.
+        var end = !t ? null : primeFormat === 'yy' ? new Date(t.getFullYear(), 11, 31) : primeFormat === 'mm/yy' ? new Date(t.getFullYear(), t.getMonth() + 1, 0) : t;
+        options.filterApplyCallback(f || end ? [f !== null && f !== void 0 ? f : null, end] : null);
       },
-      onSelect: function onSelect(date, meta) {
-        if ((meta === null || meta === void 0 ? void 0 : meta.type) === 'clear') options.filterApplyCallback(null);else if (date) options.filterApplyCallback(date);
-      },
-      style: {
-        width: '100%'
-      }
+      className: "ab-date-range-filter",
+      panelClassName: "ab-date-range-panel",
+      appendTo: document.body
     });
-  }, []);
+  }, [labels]);
 
   // ─────────────────────────────────────────────────────────────────────────
   // LE PICKING — « Afficher : toutes les lignes / cochées / non cochées »
@@ -60417,10 +60521,10 @@ var Table$1 = function Table(_ref17) {
 
   var linkTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _ref33, _col$href2;
+      var _ref35, _col$href2;
       var label = rowData[col.field];
       if (col.type === 'titleLink') {
-        var _ref32, _col$href;
+        var _ref34, _col$href;
         // ─────────────────────────────────────────────────────────────────
         // Le titre est un LIEN quand une cible existe.
         //
@@ -60432,7 +60536,7 @@ var Table$1 = function Table(_ref17) {
         // Sans cible, on garde un <span> : un titre en couleur de lien qui ne
         // mene nulle part est un mensonge.
         // ─────────────────────────────────────────────────────────────────
-        var cible = typeof col.href === 'function' ? col.href(rowData) : (_ref32 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref32 !== void 0 ? _ref32 : null;
+        var cible = typeof col.href === 'function' ? col.href(rowData) : (_ref34 = (_col$href = col.href) !== null && _col$href !== void 0 ? _col$href : rowData[col.field + 'Url']) !== null && _ref34 !== void 0 ? _ref34 : null;
         return /*#__PURE__*/React__default.createElement("div", {
           className: "ab-titre-box",
           style: {
@@ -60447,7 +60551,7 @@ var Table$1 = function Table(_ref17) {
           className: "table-item-title cell-text"
         }, label));
       }
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref33 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : rowData[col.field + 'Url']) !== null && _ref33 !== void 0 ? _ref33 : '#';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref35 = (_col$href2 = col.href) !== null && _col$href2 !== void 0 ? _col$href2 : rowData[col.field + 'Url']) !== null && _ref35 !== void 0 ? _ref35 : '#';
       return /*#__PURE__*/React__default.createElement("div", {
         className: "ab-titre-box",
         style: {
@@ -60539,13 +60643,13 @@ var Table$1 = function Table(_ref17) {
   }, []);
   var lienFormulaireTemplate = useCallback(function (col) {
     return function (rowData) {
-      var _col$options5, _ref34, _opt$label, _ref35, _col$href3;
+      var _col$options5, _ref36, _opt$label, _ref37, _col$href3;
       var val = rowData[col.field];
       var opt = (_col$options5 = col.options) === null || _col$options5 === void 0 ? void 0 : _col$options5.find(function (o) {
         return o.value === val;
       });
-      var label = (_ref34 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref34 !== void 0 ? _ref34 : '';
-      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref35 = (_col$href3 = col.href) !== null && _col$href3 !== void 0 ? _col$href3 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref35 !== void 0 ? _ref35 : null;
+      var label = (_ref36 = (_opt$label = opt === null || opt === void 0 ? void 0 : opt.label) !== null && _opt$label !== void 0 ? _opt$label : val) !== null && _ref36 !== void 0 ? _ref36 : '';
+      var href = typeof col.href === 'function' ? col.href(rowData) : (_ref37 = (_col$href3 = col.href) !== null && _col$href3 !== void 0 ? _col$href3 : opt === null || opt === void 0 ? void 0 : opt.href) !== null && _ref37 !== void 0 ? _ref37 : null;
       if (!label) return '';
       return /*#__PURE__*/React__default.createElement("div", {
         style: {
@@ -61095,10 +61199,10 @@ var Table$1 = function Table(_ref17) {
       });
       if (option) {
         var extra = {};
-        Object.entries(col.updates).forEach(function (_ref36) {
-          var _ref37 = _slicedToArray$b(_ref36, 2),
-            targetField = _ref37[0],
-            optionProp = _ref37[1];
+        Object.entries(col.updates).forEach(function (_ref38) {
+          var _ref39 = _slicedToArray$b(_ref38, 2),
+            targetField = _ref39[0],
+            optionProp = _ref39[1];
           if (option[optionProp] !== undefined) extra[targetField] = option[optionProp];
         });
         enrichedRow = _objectSpread2(_objectSpread2({}, newRowData), extra);
@@ -61258,10 +61362,10 @@ var Table$1 = function Table(_ref17) {
                 return opt.value === v;
               });
               if (option) {
-                Object.entries(col.updates).forEach(function (_ref38) {
-                  var _ref39 = _slicedToArray$b(_ref38, 2),
-                    tf = _ref39[0],
-                    op = _ref39[1];
+                Object.entries(col.updates).forEach(function (_ref40) {
+                  var _ref41 = _slicedToArray$b(_ref40, 2),
+                    tf = _ref41[0],
+                    op = _ref41[1];
                   if (option[op] !== undefined) enrichedFields[tf] = option[op];
                 });
               }
@@ -61767,14 +61871,14 @@ var Table$1 = function Table(_ref17) {
     className: "ab-menu__filet"
   })), actionsSecondaires.length > 0 && /*#__PURE__*/React__default.createElement("div", {
     className: "ab-menu__titre"
-  }, translate('arengibook.table.selection.onTable', labels)), actionsSecondaires.map(function (_ref40) {
-    var key = _ref40.key,
-      icon = _ref40.icon,
-      label = _ref40.label,
-      title = _ref40.title,
-      disabled = _ref40.disabled,
-      danger = _ref40.danger,
-      action = _ref40.action;
+  }, translate('arengibook.table.selection.onTable', labels)), actionsSecondaires.map(function (_ref42) {
+    var key = _ref42.key,
+      icon = _ref42.icon,
+      label = _ref42.label,
+      title = _ref42.title,
+      disabled = _ref42.disabled,
+      danger = _ref42.danger,
+      action = _ref42.action;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -61942,9 +62046,9 @@ var Table$1 = function Table(_ref17) {
   }, {
     key: 'fit',
     label: translate('arengibook.table.settings.rowHeightFit', labels)
-  }].map(function (_ref41) {
-    var key = _ref41.key,
-      label = _ref41.label;
+  }].map(function (_ref43) {
+    var key = _ref43.key,
+      label = _ref43.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -61983,9 +62087,9 @@ var Table$1 = function Table(_ref17) {
   }, {
     key: 'fit',
     label: translate('arengibook.table.settings.rowHeightFit', labels)
-  }].map(function (_ref42) {
-    var key = _ref42.key,
-      label = _ref42.label;
+  }].map(function (_ref44) {
+    var key = _ref44.key,
+      label = _ref44.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -62016,9 +62120,9 @@ var Table$1 = function Table(_ref17) {
   }, {
     key: 'center',
     label: translate('arengibook.table.settings.alignCenter', labels)
-  }].map(function (_ref43) {
-    var key = _ref43.key,
-      label = _ref43.label;
+  }].map(function (_ref45) {
+    var key = _ref45.key,
+      label = _ref45.label;
     return /*#__PURE__*/React__default.createElement("button", {
       key: key,
       type: "button",
@@ -62536,7 +62640,7 @@ var Table$1 = function Table(_ref17) {
       columnKey: "__row_actions__",
       header: inline ? actionsCol.actionsHeader || '' : '',
       body: function body(rowData) {
-        var _ref44, _linkCol$href;
+        var _ref46, _linkCol$href;
         var rowActions = rowData[actionsCol.actionsField] || [];
         if (inline) {
           return /*#__PURE__*/React__default.createElement(RowActionsInlineCell, {
@@ -62550,7 +62654,7 @@ var Table$1 = function Table(_ref17) {
         var linkCol = columns.find(function (c) {
           return c.type === 'titleLink' || c.type === 'link';
         });
-        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref44 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref44 !== void 0 ? _ref44 : null : null;
+        var linkHref = linkCol ? typeof linkCol.href === 'function' ? linkCol.href(rowData) : (_ref46 = (_linkCol$href = linkCol.href) !== null && _linkCol$href !== void 0 ? _linkCol$href : rowData[linkCol.field + 'Url']) !== null && _ref46 !== void 0 ? _ref46 : null : null;
         return /*#__PURE__*/React__default.createElement(RowActionsCell, {
           actions: rowActions,
           rowData: rowData,
@@ -62682,8 +62786,11 @@ var Table$1 = function Table(_ref17) {
       } : col.type === 'date' ? function (opts) {
         return dateFilterElement(opts, col);
       } : col.type === 'index' ? compactTextFilterElement : textFilterElement,
-      showFilterMenu: false,
-      showClearButton: col.type === 'index' ? false : undefined
+      showFilterMenu: false
+      // `date` : pas de ✕ de colonne — ses 40px manquaient à la période
+      // (« 08/01/2024 - 31/05/2024 ») ; l'effacement est dans le panneau.
+      ,
+      showClearButton: col.type === 'index' || col.type === 'date' ? false : undefined
       // Point d'enrobage UNIQUE du contenu de cellule : `div-col` est donc
       // présente sur toutes les colonnes et dans les deux états — lecture
       // comme édition, les éditeurs de cellule étant rendus par le `body`

package/package.json

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