@praxisui/table 10.0.0-rc.15 → 10.0.0-rc.17

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-14T16:04:24.084Z",
+  "generatedAt": "2026-10-14T22:05:37.957Z",
   "packageName": "@praxisui/table",
-  "packageVersion": "10.0.0-rc.15",
+  "packageVersion": "10.0.0-rc.17",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 3,

package/fesm2022/{praxisui-table-praxisui-table-D_YygnBA.mjs → praxisui-table-praxisui-table-BAS3A4Ty.mjs}

@@ -17483,7 +17483,7 @@ class PraxisFilter {
                     default: { baseUrl: '' },
                 }),
             },
-        ], viewQueries: [{ propertyName: "addManagerOrigin", first: true, predicate: ["addManagerOrigin"], descendants: true, read: ElementRef }, { propertyName: "addManagerSearch", first: true, predicate: ["addManagerSearch"], descendants: true }, { propertyName: "anchorRef", first: true, predicate: ["anchorRef"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "addAnchor", first: true, predicate: ["addAnchor"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "advancedButton", first: true, predicate: ["advancedButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-template #advancedActionTemplate>\n          @if (showAdvancedButton && hasAdvancedFields()) {\n            @if (advancedActionDisplay === 'icon' && advancedActionIcon) {\n              <button #advancedButton [praxisIconButton]=\"advancedActionIcon\"\n                [size]=\"presentation?.advancedAction?.size ?? 'compact'\"\n                class=\"cluster-btn filter-advanced-action-icon\"\n                [style.--praxis-icon-button-icon-size]=\"presentation?.tokens?.iconSize\" [busy]=\"advancedOpening\"\n                [class.is-opening]=\"advancedOpening\" type=\"button\" (click)=\"toggleAdvanced()\"\n                [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n                [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n                [matTooltip]=\"getAdvancedTooltip()\" matTooltipPosition=\"below\" [attr.aria-controls]=\"advancedPanelId\"></button>\n            } @else {\n            <button\n              #advancedButton\n              mat-button\n              class=\"cluster-btn filter-advanced-action\"\n              [class.filter-advanced-action--compact]=\"presentation?.advancedAction?.size !== 'standard'\"\n              [class.filter-advanced-action--icon]=\"advancedActionDisplay === 'icon'\"\n              [disabled]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            >\n              @if (advancedActionDisplay !== 'text' && advancedActionIcon) {\n                <mat-icon [praxisIcon]=\"advancedActionIcon\" aria-hidden=\"true\"></mat-icon>\n              }\n              <span>{{ advancedActionText }}</span>\n            </button>\n            }\n          }\n</ng-template>\n@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"\n              tagVariant === 'filled' &&\n              tagColor !== 'basic' &&\n              isActiveTag(tag)\n            \"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              <span class=\"chip-content\">\n                <span class=\"chip-leading\" aria-hidden=\"true\">\n                  <mat-icon\n                    class=\"leading-check\"\n                    [class.leading-check--hidden]=\"!isActiveTag(tag)\"\n                    >check</mat-icon\n                  >\n                </span>\n                <span class=\"chip-label\">{{ tag.label }}</span>\n                @if (isUserTag(tag)) {\n                  <span class=\"chip-trailing\">\n                    <button\n                      praxisIconButton=\"more_vert\"\n                      size=\"compact\"\n                      [matMenuTriggerFor]=\"tagMenu\"\n                      (click)=\"$event.stopPropagation()\"\n                      [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                    ></button>\n                    <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                      <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                        <mat-icon>edit</mat-icon>\n                        <span>{{ i18nLabels.renameShortcut }}</span>\n                      </button>\n                      <button mat-menu-item (click)=\"deleteTag(tag)\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ i18nLabels.removeShortcut }}</span>\n                      </button>\n                    </mat-menu>\n                  </span>\n                } @else {\n                  <span class=\"a11y-only\">{{\n                    i18nLabels.readonlyShortcut\n                  }}</span>\n                  <span\n                    class=\"chip-readonly\"\n                    [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                    aria-hidden=\"true\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'lock'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                  </span>\n                }\n              </span>\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<section [attr.aria-labelledby]=\"presentation?.header?.visible ? advancedTitleId + '-region' : null\" class=\"filter-presentation\" [class.filter-presentation--inline]=\"presentation?.header?.visible && presentation?.header?.position === 'inline'\"\n  [style.--pfx-filter-gap]=\"presentation?.tokens?.gap\"\n  [style.--pfx-filter-header-gap]=\"presentation?.tokens?.headerGap\"\n  [style.--pfx-filter-header-color]=\"presentation?.tokens?.headerColor\"\n  [style.--pfx-filter-header-font-size]=\"presentation?.tokens?.headerFontSize\"\n  [style.--pfx-filter-header-font-weight]=\"presentation?.tokens?.headerFontWeight\"\n  [style.--pfx-filter-icon-size]=\"presentation?.tokens?.iconSize\"\n  [style.--pfx-filter-action-gap]=\"presentation?.tokens?.actionGap\"\n  [style.--pfx-filter-action-font-size]=\"presentation?.tokens?.actionFontSize\"\n  [style.--pfx-filter-action-font-weight]=\"presentation?.tokens?.actionFontWeight\">\n  @if (presentation?.header?.visible) {\n    <div [id]=\"advancedTitleId + '-region'\" class=\"filter-region-heading\" [attr.data-size]=\"presentation?.header?.size ?? 'medium'\">\n      @if (filterHeaderIcon) { <mat-icon [praxisIcon]=\"filterHeaderIcon\" aria-hidden=\"true\"></mat-icon> }\n      <span>{{ filterHeaderText }}</span>\n    </div>\n  }\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        (showAdvancedButton && hasAdvancedFields()) ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (presentation?.advancedAction?.position !== 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'checklist'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayViewportMargin]=\"addManagerViewportMargin\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (attach)=\"focusAddManagerSearch()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"false\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    #addManagerSearch\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerFixedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--fixed\"\n                      [attr.aria-label]=\"\n                        i18nLabels.fixedFieldsSectionTitle || 'Campos fixos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.fixedFieldsSectionTitle || \"Campos fixos\"\n                        }}\n                      </h3>\n                      <ul class=\"add-manager__fixed-list\">\n                        @for (\n                          it of getAddManagerFixedItems();\n                          track trackById($index, it)\n                        ) {\n                          <li\n                            class=\"add-manager__item add-manager__item--fixed\"\n                            [attr.data-field-id]=\"it.id\"\n                            [attr.aria-label]=\"\n                              getAddManagerFixedFieldAriaLabel(it)\n                            \"\n                            [matTooltip]=\"it.description || ''\"\n                            [matTooltipDisabled]=\"!it.description\"\n                            matTooltipPosition=\"above\"\n                          >\n                            <mat-icon\n                              [praxisIcon]=\"'lock'\"\n                              aria-hidden=\"true\"\n                            />\n                            <span>{{ it.label }}</span>\n                            @if (it.description) {\n                              <mat-icon\n                                class=\"add-manager__item-info\"\n                                [praxisIcon]=\"'info_outline'\"\n                                aria-hidden=\"true\"\n                              ></mat-icon>\n                            }\n                          </li>\n                        }\n                      </ul>\n                    </section>\n                  }\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length && !getAddManagerFixedItems().length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"getFieldSettingsLabel()\"\n              [matTooltip]=\"getFieldSettingsLabel()\"\n              matTooltipPosition=\"below\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n          @if (presentation?.advancedAction?.position === 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n</section>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:host{--pfx-filter-h: 40px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{position:absolute;width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{position:relative;flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:var(--pfx-filter-h);padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;gap:6px;padding:0;border:0;background:transparent}.action-cluster--query{gap:6px;padding:0;border:0;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton]{border:0;border-radius:999px;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:var(--pfx-filter-h);height:var(--pfx-filter-h);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:var(--praxis-action-control-radius, 8px);background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);gap:6px;padding:0 4px;border:0;border-radius:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font, inherit);font-size:var(--md-sys-typescale-label-large-size, .875rem);font-weight:var(--md-sys-typescale-label-large-weight, 500);line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.compact-fields .praxis-filter-tags mat-chip-set{min-width:0}.compact-fields .praxis-filter-tags mat-chip{margin-block:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.praxis-filter-bar.has-compact .compact-fields,.praxis-filter-bar.has-compact .fields-grid{flex:1 1 auto;min-width:0}.praxis-filter-bar.has-compact .query-auxiliary{flex:0 0 auto;margin-left:auto}@container praxis-filter (max-width: 1024px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px;padding-block:4px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;flex-wrap:wrap;width:100%;gap:8px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]){flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:var(--pfx-compact-field-max, 190px)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){flex:0 0 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 40px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:20px;line-height:20px;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:500;vertical-align:middle}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-readonly{width:20px;height:20px}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .leading-check--hidden{visibility:hidden}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;min-height:20px;line-height:20px}.praxis-filter-tags .chip-readonly{color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.a11y-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: var(--pfx-filter-h);--mdc-chip-container-height: var(--pfx-filter-h);min-height:var(--pfx-filter-h)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active).mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var( --md-sys-color-surface-container-high );--mdc-chip-label-text-color: var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active) :where(.chip-label,.chip-readonly,.mat-icon){color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active.mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var(--pfx-filter-tag-color);--mdc-chip-label-text-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active :where(.chip-label,.leading-check,.chip-readonly,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{--pdx-inline-control-height: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;width:100%;height:auto;align-self:start;flex-wrap:wrap;gap:8px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .active-filter-summary,.praxis-filter-bar.has-compact .inline-actions .add-trigger{min-height:44px;height:44px}:host ::ng-deep .praxis-filter-bar.has-compact :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:44px;height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}.praxis-filter-bar.has-compact .inline-actions{width:100%;height:auto;min-height:44px;padding:0;flex-wrap:wrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:auto!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .action-cluster--manage>button{min-height:44px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime]){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime])>:first-child{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields [data-field-type=inlineCurrencyRange] .pdx-inline-currency-range-root{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){flex:1 1 min(220px,100%)!important;width:clamp(220px,36cqw,320px)!important;min-width:min(220px,100cqw - 12px)!important;max-width:min(320px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange]){flex:1 1 min(320px,100%)!important;width:clamp(280px,42cqw,360px)!important;min-width:min(280px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field,.mat-mdc-text-field-wrapper,.pdx-chip-main,.pdx-chip-trigger,.pdx-inline-range-chip,.pdx-inline-currency-range-chip,.pdx-inline-distance-chip,.pdx-inline-score-chip,.pdx-inline-relative-chip,.pdx-inline-relative-period-chip,.pdx-inline-rating-chip,.pdx-inline-pipeline-chip,.pdx-inline-sentiment-chip,.pdx-inline-color-label-chip,.pdx-inline-time-range-chip,.pdx-inline-toggle-pill){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main .mdc-button__label,.pdx-chip-main .pdx-chip-label){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-main .pdx-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-text-field-wrapper,.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main){overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell-wrapper,.pfx-field-shell-host,pdx-inline-toggle,pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] :is(.pdx-inline-date-range-root,.mat-mdc-form-field.pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}}@container praxis-filter (min-width: 421px) and (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineInput],praxis-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],praxis-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: 100%;flex:0 1 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle]) :is(.pfx-field-shell-wrapper,.pfx-field-shell-host){width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone]) pdx-inline-input{width:var(--pdx-inline-input-width, auto)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineToggle] pdx-inline-toggle{width:auto!important;max-width:100%!important}}@container praxis-filter (max-width: 640px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange],.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect]){flex:1 1 100%!important;width:100%!important;min-width:min(220px,100%)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{flex:0 1 auto!important;width:fit-content!important;max-width:100%!important}}@container praxis-filter (max-width: 420px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] :is(.pfx-field-shell-wrapper,.pfx-field-shell-host),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:100%!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item--fixed{gap:10px;color:var(--_pfx-field-manager-on-surface)}.add-manager__fixed-list{margin:0;padding:0;list-style:none}.add-manager__item--fixed>.mat-icon:first-child{width:18px;height:18px;flex:0 0 18px;color:var(--_pfx-field-manager-on-surface-muted);font-size:18px}.add-manager__section--fixed .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-on-surface-muted) 44%,transparent)}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__footer .mat-mdc-unelevated-button.mat-primary:is(:disabled,.mat-mdc-button-disabled){--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-on-surface) 12%, transparent );--mdc-filled-button-label-text-color: color-mix( in srgb, var(--md-sys-color-on-surface) 38%, transparent );background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)!important;background-image:none!important;color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)!important;box-shadow:none!important;filter:none!important;opacity:1!important}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);width:auto;max-width:min(100%,220px);min-width:0;padding:0 10px;border-radius:var(--praxis-action-control-radius, 8px);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:var(--pfx-filter-h);min-width:var(--pfx-filter-h);padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}.filter-presentation{display:flex;flex-direction:column;min-width:0;gap:var(--pfx-filter-gap, var(--p-space-2, 8px))}.filter-presentation--inline{flex-direction:row;flex-wrap:wrap;align-items:start}.filter-presentation--inline>.praxis-filter-bar{flex:1 1 400px;min-width:0}.filter-region-heading{display:flex;align-items:center;gap:var(--pfx-filter-header-gap, var(--p-space-2, 8px));min-width:0;overflow-wrap:anywhere;color:var(--pfx-filter-header-color, var(--md-sys-color-on-surface-variant));font-size:var(--pfx-filter-header-font-size, .875rem);font-weight:var(--pfx-filter-header-font-weight, 600);line-height:1.5}.filter-region-heading[data-size=small]{font-size:var(--pfx-filter-header-font-size, .75rem)}.filter-region-heading[data-size=large]{font-size:var(--pfx-filter-header-font-size, 1rem)}.filter-region-heading mat-icon,.filter-advanced-action mat-icon{font-size:var(--pfx-filter-icon-size, 20px);width:var(--pfx-filter-icon-size, 20px);height:var(--pfx-filter-icon-size, 20px);flex-shrink:0}.inline-actions{padding-inline:0}.action-cluster--manage{gap:var(--pfx-filter-action-gap, 6px)}.filter-advanced-action{--mdc-text-button-label-text-size: var(--pfx-filter-action-font-size, .875rem);--mdc-text-button-label-text-weight: var(--pfx-filter-action-font-weight, 500);min-height:44px;height:auto;white-space:normal;line-height:1.4}.filter-advanced-action--compact{min-height:44px;padding-inline:8px}.filter-advanced-action--icon{min-width:32px;padding-inline:6px}.filter-advanced-action--icon mat-icon{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i14.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i12.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i12.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i19.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+        ], viewQueries: [{ propertyName: "addManagerOrigin", first: true, predicate: ["addManagerOrigin"], descendants: true, read: ElementRef }, { propertyName: "addManagerSearch", first: true, predicate: ["addManagerSearch"], descendants: true }, { propertyName: "anchorRef", first: true, predicate: ["anchorRef"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "addAnchor", first: true, predicate: ["addAnchor"], descendants: true, read: CdkOverlayOrigin }, { propertyName: "advancedButton", first: true, predicate: ["advancedButton"], descendants: true, read: ElementRef }], usesOnChanges: true, ngImport: i0, template: "<ng-template #advancedActionTemplate>\n          @if (showAdvancedButton && hasAdvancedFields()) {\n            @if (advancedActionDisplay === 'icon' && advancedActionIcon) {\n              <button #advancedButton [praxisIconButton]=\"advancedActionIcon\"\n                [size]=\"presentation?.advancedAction?.size ?? 'compact'\"\n                class=\"cluster-btn filter-advanced-action-icon\"\n                [style.--praxis-icon-button-icon-size]=\"presentation?.tokens?.iconSize\" [busy]=\"advancedOpening\"\n                [class.is-opening]=\"advancedOpening\" type=\"button\" (click)=\"toggleAdvanced()\"\n                [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n                [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n                [matTooltip]=\"getAdvancedTooltip()\" matTooltipPosition=\"below\" [attr.aria-controls]=\"advancedPanelId\"></button>\n            } @else {\n            <button\n              #advancedButton\n              mat-button\n              class=\"cluster-btn filter-advanced-action\"\n              [class.filter-advanced-action--compact]=\"presentation?.advancedAction?.size !== 'standard'\"\n              [class.filter-advanced-action--icon]=\"advancedActionDisplay === 'icon'\"\n              [disabled]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            >\n              @if (advancedActionDisplay !== 'text' && advancedActionIcon) {\n                <mat-icon [praxisIcon]=\"advancedActionIcon\" aria-hidden=\"true\"></mat-icon>\n              }\n              <span>{{ advancedActionText }}</span>\n            </button>\n            }\n          }\n</ng-template>\n@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"\n              tagVariant === 'filled' &&\n              tagColor !== 'basic' &&\n              isActiveTag(tag)\n            \"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              <span class=\"chip-content\">\n                <span class=\"chip-leading\" aria-hidden=\"true\">\n                  <mat-icon\n                    class=\"leading-check\"\n                    [class.leading-check--hidden]=\"!isActiveTag(tag)\"\n                    >check</mat-icon\n                  >\n                </span>\n                <span class=\"chip-label\">{{ tag.label }}</span>\n                @if (isUserTag(tag)) {\n                  <span class=\"chip-trailing\">\n                    <button\n                      praxisIconButton=\"more_vert\"\n                      size=\"compact\"\n                      [matMenuTriggerFor]=\"tagMenu\"\n                      (click)=\"$event.stopPropagation()\"\n                      [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                    ></button>\n                    <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                      <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                        <mat-icon>edit</mat-icon>\n                        <span>{{ i18nLabels.renameShortcut }}</span>\n                      </button>\n                      <button mat-menu-item (click)=\"deleteTag(tag)\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ i18nLabels.removeShortcut }}</span>\n                      </button>\n                    </mat-menu>\n                  </span>\n                } @else {\n                  <span class=\"a11y-only\">{{\n                    i18nLabels.readonlyShortcut\n                  }}</span>\n                  <span\n                    class=\"chip-readonly\"\n                    [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                    aria-hidden=\"true\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'lock'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                  </span>\n                }\n              </span>\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<section [attr.aria-labelledby]=\"presentation?.header?.visible ? advancedTitleId + '-region' : null\" class=\"filter-presentation\" [class.filter-presentation--inline]=\"presentation?.header?.visible && presentation?.header?.position === 'inline'\"\n  [style.--pfx-filter-gap]=\"presentation?.tokens?.gap\"\n  [style.--pfx-filter-header-gap]=\"presentation?.tokens?.headerGap\"\n  [style.--pfx-filter-header-color]=\"presentation?.tokens?.headerColor\"\n  [style.--pfx-filter-header-font-size]=\"presentation?.tokens?.headerFontSize\"\n  [style.--pfx-filter-header-font-weight]=\"presentation?.tokens?.headerFontWeight\"\n  [style.--pfx-filter-icon-size]=\"presentation?.tokens?.iconSize\"\n  [style.--pfx-filter-action-gap]=\"presentation?.tokens?.actionGap\"\n  [style.--pfx-filter-action-font-size]=\"presentation?.tokens?.actionFontSize\"\n  [style.--pfx-filter-action-font-weight]=\"presentation?.tokens?.actionFontWeight\">\n  @if (presentation?.header?.visible) {\n    <div [id]=\"advancedTitleId + '-region'\" class=\"filter-region-heading\" [attr.data-size]=\"presentation?.header?.size ?? 'medium'\">\n      @if (filterHeaderIcon) { <mat-icon [praxisIcon]=\"filterHeaderIcon\" aria-hidden=\"true\"></mat-icon> }\n      <span>{{ filterHeaderText }}</span>\n    </div>\n  }\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        (showAdvancedButton && hasAdvancedFields()) ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (presentation?.advancedAction?.position !== 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'checklist'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayViewportMargin]=\"addManagerViewportMargin\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (attach)=\"focusAddManagerSearch()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"false\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    #addManagerSearch\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerFixedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--fixed\"\n                      [attr.aria-label]=\"\n                        i18nLabels.fixedFieldsSectionTitle || 'Campos fixos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.fixedFieldsSectionTitle || \"Campos fixos\"\n                        }}\n                      </h3>\n                      <ul class=\"add-manager__fixed-list\">\n                        @for (\n                          it of getAddManagerFixedItems();\n                          track trackById($index, it)\n                        ) {\n                          <li\n                            class=\"add-manager__item add-manager__item--fixed\"\n                            [attr.data-field-id]=\"it.id\"\n                            [attr.aria-label]=\"\n                              getAddManagerFixedFieldAriaLabel(it)\n                            \"\n                            [matTooltip]=\"it.description || ''\"\n                            [matTooltipDisabled]=\"!it.description\"\n                            matTooltipPosition=\"above\"\n                          >\n                            <mat-icon\n                              [praxisIcon]=\"'lock'\"\n                              aria-hidden=\"true\"\n                            />\n                            <span>{{ it.label }}</span>\n                            @if (it.description) {\n                              <mat-icon\n                                class=\"add-manager__item-info\"\n                                [praxisIcon]=\"'info_outline'\"\n                                aria-hidden=\"true\"\n                              ></mat-icon>\n                            }\n                          </li>\n                        }\n                      </ul>\n                    </section>\n                  }\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length && !getAddManagerFixedItems().length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"getFieldSettingsLabel()\"\n              [matTooltip]=\"getFieldSettingsLabel()\"\n              matTooltipPosition=\"below\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n          @if (presentation?.advancedAction?.position === 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n</section>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:host{--pfx-filter-h: 40px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{position:absolute;width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{position:relative;flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:var(--pfx-filter-h);padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;gap:6px;padding:0;border:0;background:transparent}.action-cluster--query{gap:6px;padding:0;border:0;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton]{border:0;border-radius:999px;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:var(--pfx-filter-h);height:var(--pfx-filter-h);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:var(--praxis-action-control-radius, 8px);background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);gap:6px;padding:0 4px;border:0;border-radius:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font, inherit);font-size:var(--md-sys-typescale-label-large-size, .875rem);font-weight:var(--md-sys-typescale-label-large-weight, 500);line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.compact-fields .praxis-filter-tags mat-chip-set{min-width:0}.compact-fields .praxis-filter-tags mat-chip{margin-block:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.praxis-filter-bar.has-compact .compact-fields,.praxis-filter-bar.has-compact .fields-grid{flex:1 1 auto;min-width:0}.praxis-filter-bar.has-compact .query-auxiliary{flex:0 0 auto;margin-left:auto}@container praxis-filter (max-width: 1024px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px;padding-block:4px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;flex-wrap:wrap;width:100%;gap:8px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]){flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:var(--pfx-compact-field-max, 190px)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){flex:0 0 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 40px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:20px;line-height:20px;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:500;vertical-align:middle}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-readonly{width:20px;height:20px}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .leading-check--hidden{visibility:hidden}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;min-height:20px;line-height:20px}.praxis-filter-tags .chip-readonly{color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.a11y-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: var(--pfx-filter-h);--mdc-chip-container-height: var(--pfx-filter-h);min-height:var(--pfx-filter-h)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active).mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var( --md-sys-color-surface-container-high );--mdc-chip-label-text-color: var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active) :where(.chip-label,.chip-readonly,.mat-icon){color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active.mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var(--pfx-filter-tag-color);--mdc-chip-label-text-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active :where(.chip-label,.leading-check,.chip-readonly,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{--pdx-inline-control-height: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;width:100%;height:auto;align-self:start;flex-wrap:wrap;gap:8px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .active-filter-summary,.praxis-filter-bar.has-compact .inline-actions .add-trigger{min-height:44px;height:44px}:host ::ng-deep .praxis-filter-bar.has-compact :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:44px;height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}.praxis-filter-bar.has-compact .inline-actions{width:100%;height:auto;min-height:44px;padding:0;flex-wrap:wrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:auto!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .action-cluster--manage>button{min-height:44px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime]){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime])>:first-child{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields [data-field-type=inlineCurrencyRange] .pdx-inline-currency-range-root{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){flex:1 1 min(220px,100%)!important;width:clamp(220px,36cqw,320px)!important;min-width:min(220px,100cqw - 12px)!important;max-width:min(320px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange]){flex:1 1 min(320px,100%)!important;width:clamp(280px,42cqw,360px)!important;min-width:min(280px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field,.mat-mdc-text-field-wrapper,.pdx-chip-main,.pdx-chip-trigger,.pdx-inline-range-chip,.pdx-inline-currency-range-chip,.pdx-inline-distance-chip,.pdx-inline-score-chip,.pdx-inline-relative-chip,.pdx-inline-relative-period-chip,.pdx-inline-rating-chip,.pdx-inline-pipeline-chip,.pdx-inline-sentiment-chip,.pdx-inline-color-label-chip,.pdx-inline-time-range-chip,.pdx-inline-toggle-pill){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main .mdc-button__label,.pdx-chip-main .pdx-chip-label){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-main .pdx-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-text-field-wrapper,.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main){overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell-wrapper,.pfx-field-shell-host,pdx-inline-toggle,pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] :is(.pdx-inline-date-range-root,.mat-mdc-form-field.pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}}@container praxis-filter (min-width: 421px) and (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineInput],praxis-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],praxis-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle],.pfx-field-shell[data-control-type=inlineSelect],praxis-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],praxis-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell[data-control-type=inlineInput],praxis-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],praxis-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle],.pfx-field-shell[data-control-type=inlineSelect],praxis-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],praxis-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: 100%;flex:0 1 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],.pfx-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange]) :is(.pfx-field-shell-wrapper,.pfx-field-shell-host){width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone]) pdx-inline-input{width:var(--pdx-inline-input-width, auto)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineToggle] pdx-inline-toggle{width:auto!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange]) :is(pdx-inline-select,pdx-inline-multi-select,pdx-inline-entity-lookup,pdx-inline-date-range){width:auto!important;max-width:100%!important}}@container praxis-filter (max-width: 640px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange],.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect]){flex:1 1 100%!important;width:100%!important;min-width:min(220px,100%)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{flex:0 1 auto!important;width:fit-content!important;max-width:100%!important}}@container praxis-filter (max-width: 420px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] :is(.pfx-field-shell-wrapper,.pfx-field-shell-host),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:100%!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item--fixed{gap:10px;color:var(--_pfx-field-manager-on-surface)}.add-manager__fixed-list{margin:0;padding:0;list-style:none}.add-manager__item--fixed>.mat-icon:first-child{width:18px;height:18px;flex:0 0 18px;color:var(--_pfx-field-manager-on-surface-muted);font-size:18px}.add-manager__section--fixed .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-on-surface-muted) 44%,transparent)}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__footer .mat-mdc-unelevated-button.mat-primary:is(:disabled,.mat-mdc-button-disabled){--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-on-surface) 12%, transparent );--mdc-filled-button-label-text-color: color-mix( in srgb, var(--md-sys-color-on-surface) 38%, transparent );background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)!important;background-image:none!important;color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)!important;box-shadow:none!important;filter:none!important;opacity:1!important}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);width:auto;max-width:min(100%,220px);min-width:0;padding:0 10px;border-radius:var(--praxis-action-control-radius, 8px);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:var(--pfx-filter-h);min-width:var(--pfx-filter-h);padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}.filter-presentation{display:flex;flex-direction:column;min-width:0;gap:var(--pfx-filter-gap, var(--p-space-2, 8px))}.filter-presentation--inline{flex-direction:row;flex-wrap:wrap;align-items:start}.filter-presentation--inline>.praxis-filter-bar{flex:1 1 400px;min-width:0}.filter-region-heading{display:flex;align-items:center;gap:var(--pfx-filter-header-gap, var(--p-space-2, 8px));min-width:0;overflow-wrap:anywhere;color:var(--pfx-filter-header-color, var(--md-sys-color-on-surface-variant));font-size:var(--pfx-filter-header-font-size, .875rem);font-weight:var(--pfx-filter-header-font-weight, 600);line-height:1.5}.filter-region-heading[data-size=small]{font-size:var(--pfx-filter-header-font-size, .75rem)}.filter-region-heading[data-size=large]{font-size:var(--pfx-filter-header-font-size, 1rem)}.filter-region-heading mat-icon,.filter-advanced-action mat-icon{font-size:var(--pfx-filter-icon-size, 20px);width:var(--pfx-filter-icon-size, 20px);height:var(--pfx-filter-icon-size, 20px);flex-shrink:0}.inline-actions{padding-inline:0}.action-cluster--manage{gap:var(--pfx-filter-action-gap, 6px)}.filter-advanced-action{--mdc-text-button-label-text-size: var(--pfx-filter-action-font-size, .875rem);--mdc-text-button-label-text-weight: var(--pfx-filter-action-font-weight, 500);min-height:44px;height:auto;white-space:normal;line-height:1.4}.filter-advanced-action--compact{min-height:44px;padding-inline:8px}.filter-advanced-action--icon{min-width:32px;padding-inline:6px}.filter-advanced-action--icon mat-icon{margin:0}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i15.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i15.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisIconButtonComponent, selector: "button[praxisIconButton]", inputs: ["praxisIconButton", "size", "appearance", "presentation", "pressed", "busy"] }, { kind: "ngmodule", type: MatBadgeModule }, { kind: "directive", type: i14.MatBadge, selector: "[matBadge]", inputs: ["matBadgeColor", "matBadgeOverlap", "matBadgeDisabled", "matBadgePosition", "matBadge", "matBadgeDescription", "matBadgeSize", "matBadgeHidden"] }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i15$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: DynamicFieldLoaderDirective, selector: "[dynamicFieldLoader]", inputs: ["fields", "formGroup", "enableExternalControlBinding", "itemTemplate", "debugTrace", "debugTraceLabel", "readonlyMode", "disabledMode", "presentationMode", "visible", "canvasMode"], outputs: ["componentsCreated", "fieldCreated", "fieldDestroyed", "renderError", "canvasMouseEnter", "canvasMouseLeave", "canvasClick", "canvasFocus"] }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i12.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i12.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i19.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisFilter, decorators: [{
             type: Component,
@@ -17519,7 +17519,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[style.--pfx-always-min]': 'alwaysMinWidth + "px"',
                         '[style.--pfx-always-cols-md]': 'alwaysColsMd',
                         '[style.--pfx-always-cols-lg]': 'alwaysColsLg',
-                    }, template: "<ng-template #advancedActionTemplate>\n          @if (showAdvancedButton && hasAdvancedFields()) {\n            @if (advancedActionDisplay === 'icon' && advancedActionIcon) {\n              <button #advancedButton [praxisIconButton]=\"advancedActionIcon\"\n                [size]=\"presentation?.advancedAction?.size ?? 'compact'\"\n                class=\"cluster-btn filter-advanced-action-icon\"\n                [style.--praxis-icon-button-icon-size]=\"presentation?.tokens?.iconSize\" [busy]=\"advancedOpening\"\n                [class.is-opening]=\"advancedOpening\" type=\"button\" (click)=\"toggleAdvanced()\"\n                [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n                [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n                [matTooltip]=\"getAdvancedTooltip()\" matTooltipPosition=\"below\" [attr.aria-controls]=\"advancedPanelId\"></button>\n            } @else {\n            <button\n              #advancedButton\n              mat-button\n              class=\"cluster-btn filter-advanced-action\"\n              [class.filter-advanced-action--compact]=\"presentation?.advancedAction?.size !== 'standard'\"\n              [class.filter-advanced-action--icon]=\"advancedActionDisplay === 'icon'\"\n              [disabled]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            >\n              @if (advancedActionDisplay !== 'text' && advancedActionIcon) {\n                <mat-icon [praxisIcon]=\"advancedActionIcon\" aria-hidden=\"true\"></mat-icon>\n              }\n              <span>{{ advancedActionText }}</span>\n            </button>\n            }\n          }\n</ng-template>\n@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"\n              tagVariant === 'filled' &&\n              tagColor !== 'basic' &&\n              isActiveTag(tag)\n            \"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              <span class=\"chip-content\">\n                <span class=\"chip-leading\" aria-hidden=\"true\">\n                  <mat-icon\n                    class=\"leading-check\"\n                    [class.leading-check--hidden]=\"!isActiveTag(tag)\"\n                    >check</mat-icon\n                  >\n                </span>\n                <span class=\"chip-label\">{{ tag.label }}</span>\n                @if (isUserTag(tag)) {\n                  <span class=\"chip-trailing\">\n                    <button\n                      praxisIconButton=\"more_vert\"\n                      size=\"compact\"\n                      [matMenuTriggerFor]=\"tagMenu\"\n                      (click)=\"$event.stopPropagation()\"\n                      [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                    ></button>\n                    <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                      <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                        <mat-icon>edit</mat-icon>\n                        <span>{{ i18nLabels.renameShortcut }}</span>\n                      </button>\n                      <button mat-menu-item (click)=\"deleteTag(tag)\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ i18nLabels.removeShortcut }}</span>\n                      </button>\n                    </mat-menu>\n                  </span>\n                } @else {\n                  <span class=\"a11y-only\">{{\n                    i18nLabels.readonlyShortcut\n                  }}</span>\n                  <span\n                    class=\"chip-readonly\"\n                    [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                    aria-hidden=\"true\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'lock'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                  </span>\n                }\n              </span>\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<section [attr.aria-labelledby]=\"presentation?.header?.visible ? advancedTitleId + '-region' : null\" class=\"filter-presentation\" [class.filter-presentation--inline]=\"presentation?.header?.visible && presentation?.header?.position === 'inline'\"\n  [style.--pfx-filter-gap]=\"presentation?.tokens?.gap\"\n  [style.--pfx-filter-header-gap]=\"presentation?.tokens?.headerGap\"\n  [style.--pfx-filter-header-color]=\"presentation?.tokens?.headerColor\"\n  [style.--pfx-filter-header-font-size]=\"presentation?.tokens?.headerFontSize\"\n  [style.--pfx-filter-header-font-weight]=\"presentation?.tokens?.headerFontWeight\"\n  [style.--pfx-filter-icon-size]=\"presentation?.tokens?.iconSize\"\n  [style.--pfx-filter-action-gap]=\"presentation?.tokens?.actionGap\"\n  [style.--pfx-filter-action-font-size]=\"presentation?.tokens?.actionFontSize\"\n  [style.--pfx-filter-action-font-weight]=\"presentation?.tokens?.actionFontWeight\">\n  @if (presentation?.header?.visible) {\n    <div [id]=\"advancedTitleId + '-region'\" class=\"filter-region-heading\" [attr.data-size]=\"presentation?.header?.size ?? 'medium'\">\n      @if (filterHeaderIcon) { <mat-icon [praxisIcon]=\"filterHeaderIcon\" aria-hidden=\"true\"></mat-icon> }\n      <span>{{ filterHeaderText }}</span>\n    </div>\n  }\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        (showAdvancedButton && hasAdvancedFields()) ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (presentation?.advancedAction?.position !== 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'checklist'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayViewportMargin]=\"addManagerViewportMargin\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (attach)=\"focusAddManagerSearch()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"false\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    #addManagerSearch\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerFixedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--fixed\"\n                      [attr.aria-label]=\"\n                        i18nLabels.fixedFieldsSectionTitle || 'Campos fixos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.fixedFieldsSectionTitle || \"Campos fixos\"\n                        }}\n                      </h3>\n                      <ul class=\"add-manager__fixed-list\">\n                        @for (\n                          it of getAddManagerFixedItems();\n                          track trackById($index, it)\n                        ) {\n                          <li\n                            class=\"add-manager__item add-manager__item--fixed\"\n                            [attr.data-field-id]=\"it.id\"\n                            [attr.aria-label]=\"\n                              getAddManagerFixedFieldAriaLabel(it)\n                            \"\n                            [matTooltip]=\"it.description || ''\"\n                            [matTooltipDisabled]=\"!it.description\"\n                            matTooltipPosition=\"above\"\n                          >\n                            <mat-icon\n                              [praxisIcon]=\"'lock'\"\n                              aria-hidden=\"true\"\n                            />\n                            <span>{{ it.label }}</span>\n                            @if (it.description) {\n                              <mat-icon\n                                class=\"add-manager__item-info\"\n                                [praxisIcon]=\"'info_outline'\"\n                                aria-hidden=\"true\"\n                              ></mat-icon>\n                            }\n                          </li>\n                        }\n                      </ul>\n                    </section>\n                  }\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length && !getAddManagerFixedItems().length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"getFieldSettingsLabel()\"\n              [matTooltip]=\"getFieldSettingsLabel()\"\n              matTooltipPosition=\"below\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n          @if (presentation?.advancedAction?.position === 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n</section>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:host{--pfx-filter-h: 40px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{position:absolute;width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{position:relative;flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:var(--pfx-filter-h);padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;gap:6px;padding:0;border:0;background:transparent}.action-cluster--query{gap:6px;padding:0;border:0;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton]{border:0;border-radius:999px;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:var(--pfx-filter-h);height:var(--pfx-filter-h);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:var(--praxis-action-control-radius, 8px);background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);gap:6px;padding:0 4px;border:0;border-radius:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font, inherit);font-size:var(--md-sys-typescale-label-large-size, .875rem);font-weight:var(--md-sys-typescale-label-large-weight, 500);line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.compact-fields .praxis-filter-tags mat-chip-set{min-width:0}.compact-fields .praxis-filter-tags mat-chip{margin-block:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.praxis-filter-bar.has-compact .compact-fields,.praxis-filter-bar.has-compact .fields-grid{flex:1 1 auto;min-width:0}.praxis-filter-bar.has-compact .query-auxiliary{flex:0 0 auto;margin-left:auto}@container praxis-filter (max-width: 1024px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px;padding-block:4px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;flex-wrap:wrap;width:100%;gap:8px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]){flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:var(--pfx-compact-field-max, 190px)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){flex:0 0 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 40px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:20px;line-height:20px;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:500;vertical-align:middle}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-readonly{width:20px;height:20px}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .leading-check--hidden{visibility:hidden}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;min-height:20px;line-height:20px}.praxis-filter-tags .chip-readonly{color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.a11y-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: var(--pfx-filter-h);--mdc-chip-container-height: var(--pfx-filter-h);min-height:var(--pfx-filter-h)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active).mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var( --md-sys-color-surface-container-high );--mdc-chip-label-text-color: var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active) :where(.chip-label,.chip-readonly,.mat-icon){color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active.mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var(--pfx-filter-tag-color);--mdc-chip-label-text-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active :where(.chip-label,.leading-check,.chip-readonly,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{--pdx-inline-control-height: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;width:100%;height:auto;align-self:start;flex-wrap:wrap;gap:8px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .active-filter-summary,.praxis-filter-bar.has-compact .inline-actions .add-trigger{min-height:44px;height:44px}:host ::ng-deep .praxis-filter-bar.has-compact :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:44px;height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}.praxis-filter-bar.has-compact .inline-actions{width:100%;height:auto;min-height:44px;padding:0;flex-wrap:wrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:auto!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .action-cluster--manage>button{min-height:44px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime]){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime])>:first-child{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields [data-field-type=inlineCurrencyRange] .pdx-inline-currency-range-root{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){flex:1 1 min(220px,100%)!important;width:clamp(220px,36cqw,320px)!important;min-width:min(220px,100cqw - 12px)!important;max-width:min(320px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange]){flex:1 1 min(320px,100%)!important;width:clamp(280px,42cqw,360px)!important;min-width:min(280px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field,.mat-mdc-text-field-wrapper,.pdx-chip-main,.pdx-chip-trigger,.pdx-inline-range-chip,.pdx-inline-currency-range-chip,.pdx-inline-distance-chip,.pdx-inline-score-chip,.pdx-inline-relative-chip,.pdx-inline-relative-period-chip,.pdx-inline-rating-chip,.pdx-inline-pipeline-chip,.pdx-inline-sentiment-chip,.pdx-inline-color-label-chip,.pdx-inline-time-range-chip,.pdx-inline-toggle-pill){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main .mdc-button__label,.pdx-chip-main .pdx-chip-label){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-main .pdx-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-text-field-wrapper,.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main){overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell-wrapper,.pfx-field-shell-host,pdx-inline-toggle,pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] :is(.pdx-inline-date-range-root,.mat-mdc-form-field.pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}}@container praxis-filter (min-width: 421px) and (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineInput],praxis-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],praxis-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: 100%;flex:0 1 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle]) :is(.pfx-field-shell-wrapper,.pfx-field-shell-host){width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone]) pdx-inline-input{width:var(--pdx-inline-input-width, auto)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineToggle] pdx-inline-toggle{width:auto!important;max-width:100%!important}}@container praxis-filter (max-width: 640px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange],.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect]){flex:1 1 100%!important;width:100%!important;min-width:min(220px,100%)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{flex:0 1 auto!important;width:fit-content!important;max-width:100%!important}}@container praxis-filter (max-width: 420px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] :is(.pfx-field-shell-wrapper,.pfx-field-shell-host),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:100%!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item--fixed{gap:10px;color:var(--_pfx-field-manager-on-surface)}.add-manager__fixed-list{margin:0;padding:0;list-style:none}.add-manager__item--fixed>.mat-icon:first-child{width:18px;height:18px;flex:0 0 18px;color:var(--_pfx-field-manager-on-surface-muted);font-size:18px}.add-manager__section--fixed .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-on-surface-muted) 44%,transparent)}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__footer .mat-mdc-unelevated-button.mat-primary:is(:disabled,.mat-mdc-button-disabled){--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-on-surface) 12%, transparent );--mdc-filled-button-label-text-color: color-mix( in srgb, var(--md-sys-color-on-surface) 38%, transparent );background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)!important;background-image:none!important;color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)!important;box-shadow:none!important;filter:none!important;opacity:1!important}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);width:auto;max-width:min(100%,220px);min-width:0;padding:0 10px;border-radius:var(--praxis-action-control-radius, 8px);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:var(--pfx-filter-h);min-width:var(--pfx-filter-h);padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}.filter-presentation{display:flex;flex-direction:column;min-width:0;gap:var(--pfx-filter-gap, var(--p-space-2, 8px))}.filter-presentation--inline{flex-direction:row;flex-wrap:wrap;align-items:start}.filter-presentation--inline>.praxis-filter-bar{flex:1 1 400px;min-width:0}.filter-region-heading{display:flex;align-items:center;gap:var(--pfx-filter-header-gap, var(--p-space-2, 8px));min-width:0;overflow-wrap:anywhere;color:var(--pfx-filter-header-color, var(--md-sys-color-on-surface-variant));font-size:var(--pfx-filter-header-font-size, .875rem);font-weight:var(--pfx-filter-header-font-weight, 600);line-height:1.5}.filter-region-heading[data-size=small]{font-size:var(--pfx-filter-header-font-size, .75rem)}.filter-region-heading[data-size=large]{font-size:var(--pfx-filter-header-font-size, 1rem)}.filter-region-heading mat-icon,.filter-advanced-action mat-icon{font-size:var(--pfx-filter-icon-size, 20px);width:var(--pfx-filter-icon-size, 20px);height:var(--pfx-filter-icon-size, 20px);flex-shrink:0}.inline-actions{padding-inline:0}.action-cluster--manage{gap:var(--pfx-filter-action-gap, 6px)}.filter-advanced-action{--mdc-text-button-label-text-size: var(--pfx-filter-action-font-size, .875rem);--mdc-text-button-label-text-weight: var(--pfx-filter-action-font-weight, 500);min-height:44px;height:auto;white-space:normal;line-height:1.4}.filter-advanced-action--compact{min-height:44px;padding-inline:8px}.filter-advanced-action--icon{min-width:32px;padding-inline:6px}.filter-advanced-action--icon mat-icon{margin:0}\n"] }]
+                    }, template: "<ng-template #advancedActionTemplate>\n          @if (showAdvancedButton && hasAdvancedFields()) {\n            @if (advancedActionDisplay === 'icon' && advancedActionIcon) {\n              <button #advancedButton [praxisIconButton]=\"advancedActionIcon\"\n                [size]=\"presentation?.advancedAction?.size ?? 'compact'\"\n                class=\"cluster-btn filter-advanced-action-icon\"\n                [style.--praxis-icon-button-icon-size]=\"presentation?.tokens?.iconSize\" [busy]=\"advancedOpening\"\n                [class.is-opening]=\"advancedOpening\" type=\"button\" (click)=\"toggleAdvanced()\"\n                [attr.aria-label]=\"getAdvancedAriaLabel()\" [attr.aria-expanded]=\"advancedOpen\"\n                [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n                [matTooltip]=\"getAdvancedTooltip()\" matTooltipPosition=\"below\" [attr.aria-controls]=\"advancedPanelId\"></button>\n            } @else {\n            <button\n              #advancedButton\n              mat-button\n              class=\"cluster-btn filter-advanced-action\"\n              [class.filter-advanced-action--compact]=\"presentation?.advancedAction?.size !== 'standard'\"\n              [class.filter-advanced-action--icon]=\"advancedActionDisplay === 'icon'\"\n              [disabled]=\"advancedOpening\"\n              [class.is-opening]=\"advancedOpening\"\n              [class.is-disabled]=\"!hasAdvancedFields()\"\n              type=\"button\"\n              (click)=\"toggleAdvanced()\"\n              [attr.aria-label]=\"getAdvancedAriaLabel()\"\n              [attr.aria-expanded]=\"advancedOpen\"\n              [attr.aria-disabled]=\"!hasAdvancedFields()\"\n              [attr.aria-busy]=\"advancedOpening ? 'true' : null\"\n              [matTooltip]=\"getAdvancedTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-controls]=\"advancedPanelId\"\n            >\n              @if (advancedActionDisplay !== 'text' && advancedActionIcon) {\n                <mat-icon [praxisIcon]=\"advancedActionIcon\" aria-hidden=\"true\"></mat-icon>\n              }\n              <span>{{ advancedActionText }}</span>\n            </button>\n            }\n          }\n</ng-template>\n@if (saving) {\n  <mat-progress-bar mode=\"indeterminate\"></mat-progress-bar>\n}\n@if (schemaError) {\n  <div class=\"schema-error-banner\" role=\"alert\" aria-live=\"polite\">\n    <mat-icon [praxisIcon]=\"'error_outline'\" aria-hidden=\"true\"></mat-icon>\n    <span class=\"schema-error-message\">{{\n      i18nLabels.errorLoadingFilters || \"Erro ao carregar filtros.\"\n    }}</span>\n    <button\n      mat-stroked-button\n      class=\"schema-error-retry\"\n      type=\"button\"\n      (click)=\"retrySchemaLoad()\"\n      [attr.aria-label]=\"i18nLabels.retry || 'Tentar novamente'\"\n    >\n      {{ i18nLabels.retry || \"Tentar novamente\" }}\n    </button>\n  </div>\n}\n\n<ng-template #filterTagsTemplate>\n  @if (displayedTags.length) {\n    <div\n      class=\"praxis-filter-tags\"\n      [class.outlined]=\"tagVariant === 'outlined'\"\n      [class.tag-color-basic]=\"tagColor === 'basic'\"\n      [class.tag-color-primary]=\"tagColor === 'primary'\"\n      [class.tag-color-accent]=\"tagColor === 'accent'\"\n      [class.tag-color-warn]=\"tagColor === 'warn'\"\n    >\n      <mat-chip-set [attr.aria-label]=\"i18nLabels.shortcutsLabel || 'Atalhos'\">\n        @for (tag of displayedTags; track trackById($index, tag)) {\n          <mat-chip\n            [class.active]=\"isActiveTag(tag)\"\n            [color]=\"\n              tagVariant === 'outlined' || tagColor === 'basic'\n                ? null\n                : tagColor\n            \"\n            [highlighted]=\"\n              tagVariant === 'filled' &&\n              tagColor !== 'basic' &&\n              isActiveTag(tag)\n            \"\n            (click)=\"toggleTag(tag)\"\n            (keydown.enter)=\"toggleTag(tag)\"\n            (keydown.space)=\"toggleTag(tag)\"\n            tabindex=\"0\"\n            role=\"button\"\n            [attr.aria-pressed]=\"isActiveTag(tag)\"\n          >\n            @if (editingTagId !== tag.id) {\n              <span class=\"chip-content\">\n                <span class=\"chip-leading\" aria-hidden=\"true\">\n                  <mat-icon\n                    class=\"leading-check\"\n                    [class.leading-check--hidden]=\"!isActiveTag(tag)\"\n                    >check</mat-icon\n                  >\n                </span>\n                <span class=\"chip-label\">{{ tag.label }}</span>\n                @if (isUserTag(tag)) {\n                  <span class=\"chip-trailing\">\n                    <button\n                      praxisIconButton=\"more_vert\"\n                      size=\"compact\"\n                      [matMenuTriggerFor]=\"tagMenu\"\n                      (click)=\"$event.stopPropagation()\"\n                      [attr.aria-label]=\"getTagActionsAriaLabel(tag)\"\n                    ></button>\n                    <mat-menu #tagMenu=\"matMenu\" xPosition=\"before\">\n                      <button mat-menu-item (click)=\"startEditTag(tag, $event)\">\n                        <mat-icon>edit</mat-icon>\n                        <span>{{ i18nLabels.renameShortcut }}</span>\n                      </button>\n                      <button mat-menu-item (click)=\"deleteTag(tag)\">\n                        <mat-icon>delete</mat-icon>\n                        <span>{{ i18nLabels.removeShortcut }}</span>\n                      </button>\n                    </mat-menu>\n                  </span>\n                } @else {\n                  <span class=\"a11y-only\">{{\n                    i18nLabels.readonlyShortcut\n                  }}</span>\n                  <span\n                    class=\"chip-readonly\"\n                    [matTooltip]=\"i18nLabels.readonlyShortcut\"\n                    aria-hidden=\"true\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'lock'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                  </span>\n                }\n              </span>\n            } @else {\n              <input\n                matInput\n                class=\"chip-editor\"\n                [formControl]=\"editingTagLabel\"\n                autofocus\n                [matTooltip]=\"'Enter para salvar, Esc para cancelar'\"\n                matTooltipPosition=\"below\"\n                (keydown.enter)=\"commitEditTag(tag, $event)\"\n                (keydown.escape)=\"cancelEditTag($event)\"\n                (blur)=\"commitEditTag(tag, $event)\"\n                (click)=\"$event.stopPropagation()\"\n              />\n            }\n          </mat-chip>\n        }\n      </mat-chip-set>\n    </div>\n  }\n</ng-template>\n\n<section [attr.aria-labelledby]=\"presentation?.header?.visible ? advancedTitleId + '-region' : null\" class=\"filter-presentation\" [class.filter-presentation--inline]=\"presentation?.header?.visible && presentation?.header?.position === 'inline'\"\n  [style.--pfx-filter-gap]=\"presentation?.tokens?.gap\"\n  [style.--pfx-filter-header-gap]=\"presentation?.tokens?.headerGap\"\n  [style.--pfx-filter-header-color]=\"presentation?.tokens?.headerColor\"\n  [style.--pfx-filter-header-font-size]=\"presentation?.tokens?.headerFontSize\"\n  [style.--pfx-filter-header-font-weight]=\"presentation?.tokens?.headerFontWeight\"\n  [style.--pfx-filter-icon-size]=\"presentation?.tokens?.iconSize\"\n  [style.--pfx-filter-action-gap]=\"presentation?.tokens?.actionGap\"\n  [style.--pfx-filter-action-font-size]=\"presentation?.tokens?.actionFontSize\"\n  [style.--pfx-filter-action-font-weight]=\"presentation?.tokens?.actionFontWeight\">\n  @if (presentation?.header?.visible) {\n    <div [id]=\"advancedTitleId + '-region'\" class=\"filter-region-heading\" [attr.data-size]=\"presentation?.header?.size ?? 'medium'\">\n      @if (filterHeaderIcon) { <mat-icon [praxisIcon]=\"filterHeaderIcon\" aria-hidden=\"true\"></mat-icon> }\n      <span>{{ filterHeaderText }}</span>\n    </div>\n  }\n<form\n  class=\"praxis-filter-bar\"\n  [class.is-open]=\"advancedOpen\"\n  [class.has-compact]=\"\n    compactSelectedMetas.length || compactAlwaysVisibleMetas.length\n  \"\n  [class.tag-variant-filled]=\"tagVariant === 'filled'\"\n  [class.tag-variant-outlined]=\"tagVariant === 'outlined'\"\n  [class.tag-color-basic]=\"tagColor === 'basic'\"\n  [class.tag-color-primary]=\"tagColor === 'primary'\"\n  [class.tag-color-accent]=\"tagColor === 'accent'\"\n  [class.tag-color-warn]=\"tagColor === 'warn'\"\n  (click)=\"onFieldInteraction($event)\"\n  (focusin)=\"onFieldInteraction($event)\"\n  (change)=\"$event.stopPropagation()\"\n  (submit)=\"onSubmit(); $event.preventDefault(); $event.stopPropagation()\"\n>\n  @if (compactSelectedMetas.length || compactAlwaysVisibleMetas.length) {\n    <div class=\"compact-fields\">\n      @if (compactSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (compactAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"compactAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n      <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n    </div>\n  }\n\n  @if (gridSelectedMetas.length || gridAlwaysVisibleMetas.length) {\n    <div class=\"fields-grid\">\n      @if (gridSelectedMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridSelectedMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onSelectedComponents($event)\"\n        ></ng-container>\n      }\n      @if (gridAlwaysVisibleMetas.length) {\n        <ng-container\n          dynamicFieldLoader\n          [fields]=\"gridAlwaysVisibleMetas\"\n          [formGroup]=\"alwaysForm\"\n          (componentsCreated)=\"onAlwaysComponents($event)\"\n        ></ng-container>\n      }\n    </div>\n  }\n\n  <div class=\"query-auxiliary\" data-filter-region=\"query-auxiliary\">\n    <div\n      class=\"inline-actions\"\n      [class.actions-outlined]=\"actionsVariant === 'outlined'\"\n    >\n      <div\n        class=\"actions-anchor\"\n        #anchorRef=\"cdkOverlayOrigin\"\n        cdkOverlayOrigin\n      ></div>\n      @if (toggleMetas.length) {\n        <div class=\"inline-toggles\">\n          <ng-container\n            dynamicFieldLoader\n            [fields]=\"toggleMetas\"\n            [formGroup]=\"alwaysForm\"\n            (componentsCreated)=\"onToggleComponents($event)\"\n          ></ng-container>\n        </div>\n      }\n\n      @if (\n        (showAdvancedButton && hasAdvancedFields()) ||\n        showAddButton ||\n        showFilterSettings ||\n        isFieldAuthoringEnabled()\n      ) {\n        <div class=\"action-cluster action-cluster--manage\">\n          @if (presentation?.advancedAction?.position !== 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n          @if (showAddButton) {\n            <button\n              #addManagerOrigin=\"cdkOverlayOrigin\"\n              cdkOverlayOrigin\n              mat-button\n              class=\"cluster-btn add-trigger\"\n              type=\"button\"\n              data-testid=\"filter-manage-fields-trigger\"\n              [attr.aria-label]=\"getAddAriaLabel()\"\n              [matTooltip]=\"getAddTooltip()\"\n              matTooltipPosition=\"below\"\n              [class.is-disabled]=\"!hasAddableFields()\"\n              [attr.aria-disabled]=\"!hasAddableFields()\"\n              [attr.aria-expanded]=\"addManagerOpen\"\n              aria-haspopup=\"dialog\"\n              [attr.aria-controls]=\"addManagerOpen ? addManagerTitleId : null\"\n              (click)=\"toggleAddManager()\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'checklist'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span class=\"add-trigger-label\">{{ getAddTriggerLabel() }}</span>\n            </button>\n            <ng-template\n              cdkConnectedOverlay\n              [cdkConnectedOverlayOrigin]=\"addManagerOrigin\"\n              [cdkConnectedOverlayOpen]=\"addManagerOpen\"\n              [cdkConnectedOverlayPositions]=\"addOverlayPositions\"\n              [cdkConnectedOverlayPush]=\"true\"\n              [cdkConnectedOverlayViewportMargin]=\"addManagerViewportMargin\"\n              [cdkConnectedOverlayHasBackdrop]=\"true\"\n              cdkConnectedOverlayBackdropClass=\"cdk-overlay-transparent-backdrop\"\n              (backdropClick)=\"closeAddManager()\"\n              (detach)=\"closeAddManager()\"\n              (attach)=\"focusAddManagerSearch()\"\n              (overlayKeydown)=\"$event.key === 'Escape' && closeAddManager()\"\n            >\n              <section\n                class=\"add-manager\"\n                role=\"dialog\"\n                [attr.aria-modal]=\"true\"\n                [attr.aria-labelledby]=\"addManagerTitleId\"\n                [attr.aria-describedby]=\"addManagerDescriptionId\"\n                cdkTrapFocus\n                [cdkTrapFocusAutoCapture]=\"false\"\n              >\n                <header class=\"add-manager__header\">\n                  <div>\n                    <h2 [id]=\"addManagerTitleId\">\n                      {{\n                        i18nLabels.manageFieldsTitle ||\n                          \"Gerenciar campos de filtro\"\n                      }}\n                    </h2>\n                    <p [id]=\"addManagerDescriptionId\">\n                      {{\n                        i18nLabels.manageFieldsDescription ||\n                          \"Escolha os campos exibidos na barra de filtros.\"\n                      }}\n                    </p>\n                  </div>\n                  <button\n                    praxisIconButton=\"close\"\n                    size=\"compact\"\n                    type=\"button\"\n                    (click)=\"closeAddManager()\"\n                    [attr.aria-label]=\"i18nLabels.close || 'Fechar'\"\n                  ></button>\n                </header>\n                <div class=\"add-manager__search\">\n                  <pdx-collection-search\n                    #addManagerSearch\n                    [value]=\"addQuery\"\n                    [placeholder]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [ariaLabel]=\"\n                      i18nLabels.filtersSearch || i18nLabels.searchPlaceholder\n                    \"\n                    [clearAriaLabel]=\"i18nLabels.clearSearch || 'Limpar busca'\"\n                    (valueChange)=\"onAddQuery($event)\"\n                  />\n                </div>\n                <div class=\"add-manager__bulk\">\n                  <mat-checkbox\n                    [checked]=\"isAllSelected()\"\n                    [indeterminate]=\"isSomeSelected() && !isAllSelected()\"\n                    [disabled]=\"!addItems.length || addManagerConflict\"\n                    (change)=\"toggleSelectAll()\"\n                  >\n                    {{\n                      i18nLabels.selectAllResults ||\n                        i18nLabels.selectAll ||\n                        \"Selecionar todos os resultados\"\n                    }}\n                  </mat-checkbox>\n                </div>\n                <div\n                  class=\"add-manager__list\"\n                  role=\"group\"\n                  [attr.aria-label]=\"\n                    i18nLabels.manageFieldsTitle || 'Gerenciar campos de filtro'\n                  \"\n                >\n                  @if (getAddManagerFixedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--fixed\"\n                      [attr.aria-label]=\"\n                        i18nLabels.fixedFieldsSectionTitle || 'Campos fixos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.fixedFieldsSectionTitle || \"Campos fixos\"\n                        }}\n                      </h3>\n                      <ul class=\"add-manager__fixed-list\">\n                        @for (\n                          it of getAddManagerFixedItems();\n                          track trackById($index, it)\n                        ) {\n                          <li\n                            class=\"add-manager__item add-manager__item--fixed\"\n                            [attr.data-field-id]=\"it.id\"\n                            [attr.aria-label]=\"\n                              getAddManagerFixedFieldAriaLabel(it)\n                            \"\n                            [matTooltip]=\"it.description || ''\"\n                            [matTooltipDisabled]=\"!it.description\"\n                            matTooltipPosition=\"above\"\n                          >\n                            <mat-icon\n                              [praxisIcon]=\"'lock'\"\n                              aria-hidden=\"true\"\n                            />\n                            <span>{{ it.label }}</span>\n                            @if (it.description) {\n                              <mat-icon\n                                class=\"add-manager__item-info\"\n                                [praxisIcon]=\"'info_outline'\"\n                                aria-hidden=\"true\"\n                              ></mat-icon>\n                            }\n                          </li>\n                        }\n                      </ul>\n                    </section>\n                  }\n                  @if (getAddManagerSelectedItems().length) {\n                    <section\n                      class=\"add-manager__section add-manager__section--selected\"\n                      [attr.aria-label]=\"\n                        i18nLabels.selectedFieldsSectionTitle ||\n                        'Campos exibidos'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.selectedFieldsSectionTitle ||\n                            \"Campos exibidos\"\n                        }}\n                        <span>{{ getAddManagerSelectedFieldsSummary() }}</span>\n                      </h3>\n                      @for (\n                        it of getAddManagerSelectedItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingRemoval(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (getAddManagerAvailableItems().length) {\n                    <section\n                      class=\"add-manager__section\"\n                      [attr.aria-label]=\"\n                        i18nLabels.availableFieldsSectionTitle ||\n                        'Campos dispon\u00EDveis'\n                      \"\n                    >\n                      <h3 class=\"add-manager__section-title\">\n                        {{\n                          i18nLabels.availableFieldsSectionTitle ||\n                            \"Campos dispon\u00EDveis\"\n                        }}\n                      </h3>\n                      @for (\n                        it of getAddManagerAvailableItems();\n                        track trackById($index, it)\n                      ) {\n                        <mat-checkbox\n                          class=\"add-manager__item\"\n                          [attr.data-field-id]=\"it.id\"\n                          [checked]=\"isAddManagerFieldSelected(it.id)\"\n                          [matTooltip]=\"it.description || ''\"\n                          [matTooltipDisabled]=\"!it.description\"\n                          matTooltipPosition=\"above\"\n                          [attr.aria-description]=\"\n                            getAddManagerFieldAriaDescription(it)\n                          \"\n                          [class.add-manager__item--added]=\"\n                            isAddManagerItemInMotion(it.id, 'added')\n                          \"\n                          [class.add-manager__item--removed]=\"\n                            isAddManagerItemInMotion(it.id, 'removed')\n                          \"\n                          [class.add-manager__item--pending]=\"\n                            isAddManagerFieldPendingAddition(it.id)\n                          \"\n                          [disabled]=\"addManagerConflict\"\n                          (change)=\"toggleManagedField(it.id, $event.checked)\"\n                        >\n                          {{ it.label }}\n                          @if (it.description) {\n                            <mat-icon\n                              class=\"add-manager__item-info\"\n                              [praxisIcon]=\"'info_outline'\"\n                              aria-hidden=\"true\"\n                            ></mat-icon>\n                          }\n                          @if (\n                            getAddManagerFieldPendingLabel(it.id);\n                            as pendingLabel\n                          ) {\n                            <span class=\"add-manager__item-pending\">{{\n                              pendingLabel\n                            }}</span>\n                          }\n                        </mat-checkbox>\n                      }\n                    </section>\n                  }\n                  @if (!addItems.length && !getAddManagerFixedItems().length) {\n                    <div class=\"add-manager__empty\" role=\"status\">\n                      <mat-icon\n                        [praxisIcon]=\"'search_off'\"\n                        aria-hidden=\"true\"\n                      ></mat-icon>\n                      <span>{{\n                        addQuery\n                          ? i18nLabels.noFilterFieldsFound ||\n                            \"Nenhum campo encontrado.\"\n                          : i18nLabels.addUnavailable ||\n                            \"Todos os campos j\u00E1 est\u00E3o vis\u00EDveis\"\n                      }}</span>\n                    </div>\n                  }\n                </div>\n                <div class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n                  {{ addManagerAnnouncement }}\n                </div>\n                @if (addManagerConflict) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--conflict\"\n                    role=\"alert\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'sync_problem'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span>{{ i18nLabels.fieldSelectionConflict }}</span>\n                  </div>\n                } @else if (getRemovedActiveFieldLabels().length) {\n                  <div\n                    class=\"add-manager__notice add-manager__notice--warning\"\n                    role=\"status\"\n                  >\n                    <mat-icon\n                      [praxisIcon]=\"'warning_amber'\"\n                      aria-hidden=\"true\"\n                    ></mat-icon>\n                    <span\n                      >{{ i18nLabels.removingActiveFields }}\n                      {{ getRemovedActiveFieldLabels().join(\", \") }}</span\n                    >\n                  </div>\n                }\n                <footer class=\"add-manager__footer\">\n                  <button mat-button type=\"button\" (click)=\"closeAddManager()\">\n                    {{ i18nLabels.cancel }}\n                  </button>\n                  <button\n                    mat-flat-button\n                    color=\"primary\"\n                    type=\"button\"\n                    [disabled]=\"!isAddManagerDirty() || addManagerConflict\"\n                    (click)=\"applyAddManager()\"\n                  >\n                    {{ i18nLabels.manageFieldsApply || \"Aplicar\" }}\n                    @if (isAddManagerDirty()) {\n                      ({{ getAddManagerChangeCount() }})\n                    }\n                  </button>\n                </footer>\n              </section>\n            </ng-template>\n          }\n          @if (showFilterSettings) {\n            <button\n              praxisIconButton=\"settings\"\n              size=\"compact\"\n              class=\"cluster-btn separator-before\"\n              type=\"button\"\n              (click)=\"openSettings()\"\n              [matBadge]=\"schemaOutdated ? '!' : ''\"\n              [matBadgeHidden]=\"!schemaOutdated\"\n              matBadgeColor=\"warn\"\n              matBadgeSize=\"small\"\n              matBadgePosition=\"above after\"\n              [matTooltip]=\"getSettingsTooltip()\"\n              matTooltipPosition=\"below\"\n              [attr.aria-label]=\"getSettingsAriaLabel()\"\n            ></button>\n          }\n          @if (isFieldAuthoringEnabled() && activeEditableFieldMeta) {\n            <button\n              praxisIconButton=\"tune\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-field-settings-trigger\"\n              [attr.aria-label]=\"getFieldSettingsLabel()\"\n              [matTooltip]=\"getFieldSettingsLabel()\"\n              matTooltipPosition=\"below\"\n              (click)=\"openSelectedFieldEditor()\"\n            ></button>\n          }\n          @if (presentation?.advancedAction?.position === 'end') { <ng-container [ngTemplateOutlet]=\"advancedActionTemplate\" /> }\n        </div>\n      }\n\n      @if (activeFiltersCount > 0 || showSearchButton) {\n        <div class=\"action-cluster action-cluster--query\">\n          @if (activeFiltersCount > 0) {\n            <span\n              class=\"active-filter-summary\"\n              data-testid=\"active-filter-summary\"\n            >\n              <mat-icon\n                [praxisIcon]=\"'filter_alt'\"\n                aria-hidden=\"true\"\n              ></mat-icon>\n              <span>{{ getActiveFiltersLabel() }}</span>\n            </span>\n          }\n          @if (showClearButton && activeFiltersCount > 0) {\n            <button\n              praxisIconButton=\"filter_alt_off\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"button\"\n              data-testid=\"filter-clear-trigger\"\n              (click)=\"onClear()\"\n              [attr.aria-label]=\"i18nLabels.clear\"\n              [matTooltip]=\"i18nLabels.clear\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n          @if (showSearchButton) {\n            <button\n              praxisIconButton=\"search\"\n              size=\"compact\"\n              class=\"cluster-btn\"\n              type=\"submit\"\n              [attr.aria-label]=\"i18nLabels.apply\"\n              [matTooltip]=\"i18nLabels.apply\"\n              matTooltipPosition=\"below\"\n            ></button>\n          }\n        </div>\n      }\n\n      <span class=\"sr-only\" aria-live=\"polite\">{{\n        advancedOpening\n          ? i18nLabels.advancedOpening || \"Abrindo filtro avan\u00E7ado...\"\n          : getAddAriaLabel()\n      }}</span>\n    </div>\n  </div>\n\n  <span\n    class=\"sr-only\"\n    aria-live=\"polite\"\n    data-testid=\"active-filters-announcement\"\n  >\n    {{ getActiveFiltersLabel() }}\n  </span>\n  <button\n    type=\"submit\"\n    class=\"hidden-submit\"\n    aria-hidden=\"true\"\n    tabindex=\"-1\"\n  ></button>\n</form>\n</section>\n\n@if (!(compactSelectedMetas.length || compactAlwaysVisibleMetas.length)) {\n  <ng-container [ngTemplateOutlet]=\"filterTagsTemplate\"></ng-container>\n}\n", styles: ["@charset \"UTF-8\";:host{--pfx-filter-h: 40px;--pfx-filter-align-offset: 2px;--pfx-gap-x: 12px;--pfx-gap-y: 8px;--pfx-always-max-desktop: 380px;--pfx-slider-span-desktop: 2;--pfx-advanced-pad-x: 24px;--pfx-field-min: 280px;--pfx-overlay-margin-y: 16px;--pfx-overlay-margin-x: 16px}:host-context(.theme-light){--pfx-surface-border: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) )}:host{--border-color: var( --praxis-theme-outline, var(--md-sys-color-outline-variant) );--border-color-hover: var( --praxis-theme-outline-strong, var(--md-sys-color-outline) );--pfx-overlay-surface: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-container) );--pfx-overlay-surface-elev: var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-high) );--pfx-overlay-surface-variant: var( --praxis-theme-surface-raised, var(--md-sys-color-surface-variant) );--pfx-overlay-on-surface: var( --praxis-theme-on-surface, var(--md-sys-color-on-surface) );--pfx-overlay-on-surface-variant: var( --praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant) );display:block;width:100%;min-width:0;flex:1 1 auto;container-name:praxis-filter;container-type:inline-size}.schema-error-banner{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--md-sys-color-error) 50%,transparent);background:color-mix(in srgb,var(--md-sys-color-error-container) 85%,transparent);color:var(--md-sys-color-on-error-container)}.schema-error-message{min-width:0;flex:1 1 auto;font-size:.8125rem}:host ::ng-deep .schema-error-retry.mat-mdc-outlined-button{--mdc-outlined-button-outline-color: color-mix( in srgb, var(--md-sys-color-error) 55%, var(--md-sys-color-outline) )}.praxis-filter-bar{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;column-gap:6px;row-gap:6px;align-items:center}.inline-actions .actions-anchor{position:absolute;width:0;height:0;overflow:hidden}.query-auxiliary{grid-column:2;grid-row:1;display:flex;align-items:center;flex-wrap:nowrap;gap:6px;justify-self:end;align-self:center;width:fit-content;max-width:100%;min-width:0}.inline-actions{position:relative;flex:0 0 auto;display:flex;gap:6px;white-space:nowrap;height:var(--pfx-filter-h);align-items:center;padding:0 2px}.action-cluster{flex:0 0 auto;display:inline-flex;align-items:center;gap:2px;min-height:var(--pfx-filter-h);padding:2px;border-radius:999px;border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-highest)}.action-cluster--manage{position:relative;gap:6px;padding:0;border:0;background:transparent}.action-cluster--query{gap:6px;padding:0;border:0;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton]{border:0;border-radius:999px;background:transparent}:host ::ng-deep :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:var(--pfx-filter-h);height:var(--pfx-filter-h);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));border-radius:var(--praxis-action-control-radius, 8px);background:var(--md-sys-color-surface-container-high)}.active-filter-summary{display:inline-flex;align-items:center;box-sizing:border-box;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);gap:6px;padding:0 4px;border:0;border-radius:0;background:transparent;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-large-font, inherit);font-size:var(--md-sys-typescale-label-large-size, .875rem);font-weight:var(--md-sys-typescale-label-large-weight, 500);line-height:1;letter-spacing:.01em;white-space:nowrap}.active-filter-summary mat-icon{width:16px;height:16px;font-size:16px}.action-cluster .cluster-btn.is-opening{pointer-events:none}.action-cluster .cluster-btn.is-disabled{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent);cursor:default;opacity:.56}.inline-actions.actions-outlined button[praxisIconButton]{border:1px solid var(--pfx-surface-border, var(--md-sys-color-outline-variant));border-radius:50%}.inline-actions.actions-outlined .action-cluster button[praxisIconButton]{border-color:transparent}.separator-before{position:relative;margin-left:10px}.separator-before:before{content:\"\";position:absolute;left:-7px;top:50%;width:1px;height:18px;transform:translateY(-50%);background:color-mix(in srgb,var(--md-sys-color-outline) 72%,transparent)}.inline-actions mat-icon{width:20px;height:20px;font-size:20px}.fields-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),1fr));grid-auto-flow:row dense;gap:6px}.compact-fields{grid-column:1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;align-items:center;gap:6px;min-width:0;min-height:var(--pfx-filter-h)}.compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:var(--pfx-filter-h);display:inline-flex;align-items:center}.compact-fields .praxis-filter-tags mat-chip-set{min-width:0}.compact-fields .praxis-filter-tags mat-chip{margin-block:0}:host ::ng-deep .compact-fields .pfx-field-shell,:host ::ng-deep .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: auto;width:fit-content!important;max-width:100%;min-width:0;flex:0 1 auto!important}:host ::ng-deep .compact-fields>.pfx-field-shell,:host ::ng-deep .compact-fields>praxis-field-shell{flex:0 1 auto!important;width:fit-content!important;max-width:100%;min-width:0}:host ::ng-deep .compact-fields .pfx-field-shell .mat-mdc-form-field{width:auto!important;max-width:100%;margin-bottom:0}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:var(--pdx-inline-date-range-shell-width, auto)!important;max-width:100%!important}.praxis-filter-bar.has-compact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.praxis-filter-bar.has-compact .compact-fields,.praxis-filter-bar.has-compact .fields-grid{flex:1 1 auto;min-width:0}.praxis-filter-bar.has-compact .query-auxiliary{flex:0 0 auto;margin-left:auto}@container praxis-filter (max-width: 1024px){.praxis-filter-bar.has-compact{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px;padding-block:4px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;align-self:start;flex-wrap:wrap;width:100%;gap:8px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell):not([data-control-type=inlineToggle]){flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:clamp(var(--pfx-compact-field-min, 148px),30cqw,var(--pfx-compact-field-max, 190px))!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:var(--pfx-compact-field-max, 190px)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle]){flex:0 0 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] mat-slider,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] mat-slider{width:100%;display:block}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-wrapper,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-wrapper{padding-top:2px}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-range-slider-container,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-range-slider-container{padding:2px 0 0}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider] .pdx-slider-label,:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider] .pdx-slider-label{margin-bottom:4px;line-height:1.15}:host ::ng-deep .fields-grid .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field-infix{min-height:var(--pfx-filter-h)}:host ::ng-deep .fields-grid .mat-mdc-select-trigger{height:var(--pfx-filter-h);align-items:center}:host ::ng-deep .fields-grid .mat-mdc-form-field{width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineSearchableSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineMultiSelect] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineInput] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlinePhone] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineToggle] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineRange]{justify-self:start}:host ::ng-deep .compact-fields .pfx-field-shell[data-control-type=inlineRange]{max-width:min(340px,100%)}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDate] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange]{justify-self:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=inlineDateRange] .mat-mdc-form-field{width:auto;min-width:0;max-width:100%}:host ::ng-deep .fields-grid .mat-mdc-form-field-subscript-wrapper{min-height:0;margin-top:0}:host ::ng-deep .fields-grid .mat-mdc-form-field{margin-bottom:0}.praxis-filter-bar.has-compact{--pfx-filter-tag-color: var(--md-sys-color-primary-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-primary-container);--pfx-filter-tag-outline-color: var(--md-sys-color-primary);--pdx-inline-control-height: var(--pfx-filter-inline-control-height, 40px);--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-padding-x: var( --pfx-filter-inline-control-padding-x, 12px );--pdx-inline-control-padding-x-mobile: var( --pfx-filter-inline-control-padding-x-mobile, 12px );--pdx-inline-clear-size: var(--pfx-filter-inline-clear-size, 24px);--pdx-inline-chip-radius: var( --pfx-filter-inline-chip-radius, var(--md-sys-shape-corner-full, 999px) );--pdx-inline-chip-active-bg: var(--pfx-filter-tag-color);--pdx-inline-chip-active-fg: var(--pfx-filter-tag-on-color);--pdx-inline-chip-active-clear-color: var(--pfx-filter-tag-on-color);--pdx-inline-field-focus-outline: var(--pfx-filter-tag-outline-color)}.praxis-filter-bar.has-compact.tag-color-accent{--pfx-filter-tag-color: var( --md-sys-color-tertiary-container, var(--md-sys-color-secondary-container) );--pfx-filter-tag-on-color: var( --md-sys-color-on-tertiary-container, var(--md-sys-color-on-secondary-container) );--pfx-filter-tag-outline-color: var( --md-sys-color-tertiary, var(--md-sys-color-secondary) )}.praxis-filter-bar.has-compact.tag-color-warn{--pfx-filter-tag-color: var(--md-sys-color-error-container);--pfx-filter-tag-on-color: var(--md-sys-color-on-error-container);--pfx-filter-tag-outline-color: var(--md-sys-color-error)}.praxis-filter-bar.has-compact.tag-color-basic{--pfx-filter-tag-color: color-mix( in srgb, var(--md-sys-color-on-surface) 10%, transparent );--pfx-filter-tag-on-color: var(--md-sys-color-on-surface);--pfx-filter-tag-outline-color: var(--md-sys-color-outline-variant)}:host ::ng-deep .praxis-filter-bar.has-compact{--pfx-filter-inline-chip-padding-x: var(--pdx-inline-control-padding-x);--pfx-filter-inline-icon-gap: 4px}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-text-field-wrapper.mdc-text-field--outlined{padding-inline:var(--pfx-filter-inline-chip-padding-x)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix{align-items:center;display:inline-flex;flex:0 0 auto;margin-right:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix{align-items:center;display:inline-flex;flex:0 0 auto;gap:var(--pfx-filter-inline-icon-gap)!important;margin-left:var(--pfx-filter-inline-icon-gap)!important;padding:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-prefix>.mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-icon-suffix>.mat-icon{flex:0 0 16px!important;font-size:16px!important;height:16px!important;line-height:16px!important;margin:0!important;padding:0!important;width:16px!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select,.pdx-inline-date,.pdx-inline-date-range,.pdx-inline-autocomplete,.pdx-inline-currency,.pdx-inline-time) .mat-mdc-form-field-infix{padding-inline:0!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-inline-select,.pdx-inline-searchable-select,.pdx-inline-async-select) .pdx-chip-trigger{gap:var(--pfx-filter-inline-icon-gap)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;border-color:transparent!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-entity-lookup.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-multi-select.pdx-has-selection .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-distance-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-score-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-relative-period-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-rating-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-pipeline-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-sentiment-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-color-label-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active{--pdx-inline-currency-symbol-color: var(--pfx-filter-tag-outline-color);background:transparent!important;border-color:var(--pfx-filter-tag-outline-color)!important;box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color);color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-currency-range-chip.is-active :where(.mat-icon,.pdx-inline-currency-range-value,.pdx-inline-currency-range-text,.pdx-inline-currency-range-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear) :where(input,.mat-mdc-input-element,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,.pdx-inline-clear,.pdx-inline-number-suffix),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-select,.pdx-inline-searchable-select) .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-chip-trigger.is-active) :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-async-select.pdx-has-selection :where(.mat-mdc-select-value,.mat-mdc-select-min-line,.mat-mdc-select-placeholder,.pdx-chip-trigger,.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-value :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-date-range.pdx-inline-date-range-has-both :where(.mat-date-range-input-inner,.mat-date-range-input-separator,.mat-mdc-form-field-icon-prefix,.mat-mdc-form-field-icon-suffix,.mat-icon,input),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-entity-lookup.pdx-has-selection,.pdx-inline-multi-select.pdx-has-selection) .pdx-chip-trigger :where(.pdx-chip-field-icon,.pdx-chip-leading-icon,.pdx-chip-trailing-icon,.pdx-chip-label,.pdx-chip-count,.pdx-chip-clear,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined :where(.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active) :where(.mat-icon,button,span),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-time-range-chip.is-active :where(.pdx-inline-time-range-icon,.pdx-inline-time-range-text,.mat-icon),:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active :where(.pdx-inline-toggle-label,.mat-icon){color:var(--pfx-filter-tag-outline-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear){background:color-mix(in srgb,currentColor 16%,transparent)!important;border-radius:50%!important;color:inherit!important;display:inline-grid!important;flex:0 0 var(--pdx-inline-clear-size, 24px)!important;height:var(--pdx-inline-clear-size, 24px)!important;min-width:var(--pdx-inline-clear-size, 24px)!important;place-items:center!important;width:var(--pdx-inline-clear-size, 24px)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear):hover{background:color-mix(in srgb,currentColor 24%,transparent)!important}:host ::ng-deep .praxis-filter-bar.has-compact :where(.pdx-chip-trigger.is-active,.mat-mdc-form-field.pdx-has-value,.pdx-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:has(.pdx-inline-clear),.pdx-inline-currency-range-chip.is-active,.pdx-inline-range-chip.is-active,.pdx-inline-distance-chip.is-active,.pdx-inline-score-chip.is-active,.pdx-inline-relative-chip.is-active,.pdx-inline-relative-period-chip.is-active,.pdx-inline-rating-chip.is-active,.pdx-inline-pipeline-chip.is-active,.pdx-inline-sentiment-chip.is-active,.pdx-inline-color-label-chip.is-active,.pdx-inline-time-range-chip.is-active,.pdx-inline-toggle-pill.is-active) :where(.pdx-chip-clear,.pdx-inline-clear,.pdx-inline-currency-range-clear,.pdx-inline-range-clear,.pdx-inline-distance-clear,.pdx-inline-score-clear,.pdx-inline-relative-clear,.pdx-inline-rating-clear,.pdx-inline-pipeline-clear,.pdx-inline-sentiment-clear,.pdx-inline-color-label-clear,.pdx-inline-time-range-clear,.pdx-inline-toggle-clear) .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .mat-mdc-form-field.pdx-has-value .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-number .mat-mdc-text-field-wrapper:has(.pdx-inline-clear) .pdx-inline-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon,:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined .pdx-chip-trigger.is-active .pdx-chip-clear .mat-icon{color:var(--pdx-inline-clear-icon-color, currentColor)!important}.praxis-filter-tags.outlined .mat-mdc-chip{background:transparent!important;--mat-chip-outline-width: 1px;--mat-chip-outline-color: var(--md-sys-color-outline-variant);box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)}.praxis-filter-tags.outlined.tag-color-primary .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags.outlined.tag-color-accent .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-tertiary)}.praxis-filter-tags.outlined.tag-color-warn .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-error)}.praxis-filter-tags.outlined mat-chip.active .mat-mdc-chip,.praxis-filter-tags.outlined .mat-mdc-chip.mat-mdc-chip-highlighted{--mat-chip-outline-width: 2px;box-shadow:inset 0 0 0 var(--mat-chip-outline-width) var(--mat-chip-outline-color)!important}.praxis-filter-tags.outlined.tag-color-basic mat-chip.active .mat-mdc-chip{--mat-chip-outline-color: var(--md-sys-color-primary)}.praxis-filter-tags .chip-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:20px;line-height:20px;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:500;vertical-align:middle}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-trailing,.praxis-filter-tags .chip-readonly{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.praxis-filter-tags .chip-leading,.praxis-filter-tags .chip-readonly{width:20px;height:20px}.praxis-filter-tags .leading-check{width:18px;height:18px;font-size:18px;line-height:1}.praxis-filter-tags .leading-check--hidden{visibility:hidden}.praxis-filter-tags .chip-label{display:inline-flex;align-items:center;min-width:0;min-height:20px;line-height:20px}.praxis-filter-tags .chip-readonly{color:var(--mat-sys-on-surface-variant, var(--md-sys-color-on-surface-variant))}.praxis-filter-tags .chip-readonly .mat-icon{width:16px;height:16px;font-size:16px;line-height:16px}.a11y-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.praxis-filter-tags .mat-mdc-standard-chip{--mat-chip-container-height: var(--pfx-filter-h);--mdc-chip-container-height: var(--pfx-filter-h);min-height:var(--pfx-filter-h)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active).mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var( --md-sys-color-surface-container-high );--mdc-chip-label-text-color: var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-high)!important;color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip:not(.active) :where(.chip-label,.chip-readonly,.mat-icon){color:var(--md-sys-color-on-surface)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active.mat-mdc-standard-chip{--mdc-chip-elevated-container-color: var(--pfx-filter-tag-color);--mdc-chip-label-text-color: var(--pfx-filter-tag-on-color);background:var(--pfx-filter-tag-color)!important;color:var(--pfx-filter-tag-on-color)!important}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled .praxis-filter-tags mat-chip.active :where(.chip-label,.leading-check,.chip-readonly,.mat-icon){color:var(--pfx-filter-tag-on-color)!important}.praxis-filter-advanced{display:flex;flex-direction:column;min-width:400px;max-width:90vw;min-height:260px;max-height:min(80vh,720px);margin:var(--pfx-overlay-margin-y) var(--pfx-overlay-margin-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;color:var(--pfx-overlay-on-surface);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--md-sys-elevation-level3)}.advanced-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--pfx-advanced-pad-x) 10px;border-bottom:1px solid var(--border-color);background:var(--pfx-overlay-surface)}.advanced-title-block{display:flex;flex-direction:column;gap:2px}.advanced-title{font-size:1rem;font-weight:600;color:var(--pfx-overlay-on-surface)}.advanced-subtitle{font-size:.85rem;color:var(--pfx-overlay-on-surface-variant)}.advanced-close{align-self:flex-start}.praxis-filter-overlay.mobile .praxis-filter-advanced{height:100vh;max-height:100vh;margin:0;border-radius:0}:host ::ng-deep .praxis-overlay-backdrop{background:var(--md-sys-color-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:host ::ng-deep .praxis-filter-overlay.frosted .praxis-filter-advanced{background:var(--pfx-overlay-surface-variant)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--border-color)}:host ::ng-deep .praxis-filter-overlay.frosted .advanced-header,:host ::ng-deep .praxis-filter-overlay.frosted .advanced-actions{background:var(--pfx-overlay-surface-variant)!important}.advanced-body{padding:12px var(--pfx-advanced-pad-x) 72px;overflow:auto;flex:1 1 auto;overscroll-behavior:contain}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(var(--pfx-field-min),1fr));gap:var(--pfx-gap-y) var(--pfx-gap-x)}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column{min-width:0}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-column .mat-mdc-form-field{width:100%}.advanced-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:8px;padding:var(--pfx-gap-y) var(--pfx-advanced-pad-x);background-color:var(--pfx-overlay-surface)!important;background:var(--pfx-overlay-surface)!important;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 var(--md-sys-color-outline-variant)}.advanced-actions .mat-mdc-button-base{height:40px}.advanced-actions .mat-mdc-raised-button.mat-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-text-field-wrapper.mdc-text-field--outlined{--mdc-outlined-text-field-outline-color: var(--border-color);--mdc-outlined-text-field-hover-outline-color: var(--border-color-hover);--mdc-outlined-text-field-focus-outline-color: var(--md-sys-color-primary);--mdc-outlined-text-field-label-text-color: var( --pfx-overlay-on-surface-variant );--mdc-outlined-text-field-input-text-color: var(--pfx-overlay-on-surface);--mdc-outlined-text-field-container-color: var(--pfx-overlay-surface)}:host ::ng-deep .praxis-filter-advanced .mat-mdc-select-trigger,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-subscript-wrapper,:host ::ng-deep .praxis-filter-advanced .mat-mdc-form-field-infix{color:var(--pfx-overlay-on-surface)}@container praxis-filter (min-width: 600px){.fields-grid{gap:6px 8px}:host ::ng-deep .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container praxis-filter (max-width: 640px){.praxis-filter-bar.has-compact{--pdx-inline-control-height: var( --pfx-filter-inline-control-height-mobile, 44px );--pdx-inline-control-height-mobile: var( --pfx-filter-inline-control-height-mobile, 44px );display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.praxis-filter-bar.has-compact .compact-fields{grid-column:1;grid-row:auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;overflow:visible;gap:8px}.praxis-filter-bar.has-compact .query-auxiliary{grid-column:1;grid-row:auto;justify-self:start;justify-content:flex-start;width:100%;height:auto;align-self:start;flex-wrap:wrap;gap:8px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags{flex:0 1 auto;min-width:0;min-height:40px}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip-set,.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{max-width:100%}.praxis-filter-bar.has-compact .compact-fields .praxis-filter-tags mat-chip{min-height:44px}.praxis-filter-bar.has-compact .active-filter-summary,.praxis-filter-bar.has-compact .inline-actions .add-trigger{min-height:44px;height:44px}:host ::ng-deep .praxis-filter-bar.has-compact :is(.action-cluster--manage,.action-cluster--query) button[praxisIconButton] .praxis-icon-button__surface{width:44px;height:44px}.praxis-filter-bar.has-compact .inline-actions .action-cluster{max-width:100%;min-height:44px;padding-block:0}.praxis-filter-bar.has-compact .inline-actions{width:100%;height:auto;min-height:44px;padding:0;flex-wrap:wrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>.pfx-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>praxis-field-shell,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;flex:1 1 min(var(--pfx-compact-field-min, 148px),100%)!important;width:auto!important;min-width:min(var(--pfx-compact-field-min, 148px),100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .action-cluster--manage>button{min-height:44px}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host{--pfx-field-shell-width: auto;--pfx-field-shell-field-width: auto;width:100%!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-form-field,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .mat-mdc-text-field-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-trigger,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-currency-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-distance-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-score-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-relative-period-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-rating-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-pipeline-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-sentiment-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-color-label-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-time-range-chip,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-inline-toggle-pill{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .pdx-inline-date-range-root,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields pdx-inline-date-range .mat-mdc-form-field.pdx-inline-date-range{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :where(.pdx-chip-label,.pdx-chip-trigger,.pdx-inline-range-text,.pdx-inline-currency-range-text,.pdx-inline-distance-text,.pdx-inline-score-text,.pdx-inline-relative-text,.pdx-inline-relative-period-text,.pdx-inline-rating-text,.pdx-inline-pipeline-text,.pdx-inline-sentiment-text,.pdx-inline-color-label-text,.pdx-inline-time-range-text,.pdx-inline-toggle-label){min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: var(--pdx-inline-time-field-w, auto);justify-self:start;width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{width:var(--pdx-inline-time-field-w, auto)!important;inline-size:var(--pdx-inline-time-field-w, auto)!important;max-width:min(var(--pdx-inline-time-max-w, 280px),100cqw - 24px)!important}}@container praxis-filter (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime]){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell-host [data-field-type]:not([data-field-type=inlineTime])>:first-child{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields [data-field-type=inlineCurrencyRange] .pdx-inline-currency-range-root{width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){flex:1 1 min(220px,100%)!important;width:clamp(220px,36cqw,320px)!important;min-width:min(220px,100cqw - 12px)!important;max-width:min(320px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange]){flex:1 1 min(320px,100%)!important;width:clamp(280px,42cqw,360px)!important;min-width:min(280px,100cqw - 12px)!important;max-width:min(360px,100%)!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field,.mat-mdc-text-field-wrapper,.pdx-chip-main,.pdx-chip-trigger,.pdx-inline-range-chip,.pdx-inline-currency-range-chip,.pdx-inline-distance-chip,.pdx-inline-score-chip,.pdx-inline-relative-chip,.pdx-inline-relative-period-chip,.pdx-inline-rating-chip,.pdx-inline-pipeline-chip,.pdx-inline-sentiment-chip,.pdx-inline-color-label-chip,.pdx-inline-time-range-chip,.pdx-inline-toggle-pill){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main .mdc-button__label,.pdx-chip-main .pdx-chip-label){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pdx-chip-main .pdx-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.mat-mdc-text-field-wrapper,.mat-mdc-form-field-flex,.mat-mdc-form-field-infix,.pdx-chip-main){overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell-wrapper,.pfx-field-shell-host,pdx-inline-toggle,pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineDateRange] :is(.pdx-inline-date-range-root,.mat-mdc-form-field.pdx-inline-date-range){width:100%!important;max-width:100%!important;min-width:0!important}}@container praxis-filter (min-width: 421px) and (max-width: 1024px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineInput],praxis-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],praxis-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle],.pfx-field-shell[data-control-type=inlineSelect],praxis-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],praxis-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell[data-control-type=inlineInput],praxis-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],praxis-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],praxis-field-shell[data-control-type=inlineToggle],.pfx-field-shell[data-control-type=inlineSelect],praxis-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],praxis-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange]){--pfx-field-shell-width: fit-content;--pfx-field-shell-field-width: 100%;flex:0 1 auto!important;width:fit-content!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone],.pfx-field-shell[data-control-type=inlineToggle],.pfx-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange]) :is(.pfx-field-shell-wrapper,.pfx-field-shell-host){width:fit-content!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineInput],.pfx-field-shell[data-control-type=inlinePhone]) pdx-inline-input{width:var(--pdx-inline-input-width, auto)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineToggle] pdx-inline-toggle{width:auto!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields :is(.pfx-field-shell[data-control-type=inlineSelect],.pfx-field-shell[data-control-type=inlineMultiSelect],.pfx-field-shell[data-control-type=inlineEntityLookup],.pfx-field-shell[data-control-type=inlineDateRange]) :is(pdx-inline-select,pdx-inline-multi-select,pdx-inline-entity-lookup,pdx-inline-date-range){width:auto!important;max-width:100%!important}}@container praxis-filter (max-width: 640px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell[data-control-type=inlineDateRange],praxis-field-shell[data-control-type=inlineDateRange],.pfx-field-shell[data-control-type=inlineCurrencyRange],praxis-field-shell[data-control-type=inlineCurrencyRange],.pfx-field-shell[data-control-type=inlineMultiSelect],praxis-field-shell[data-control-type=inlineMultiSelect]){flex:1 1 100%!important;width:100%!important;min-width:min(220px,100%)!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-wrapper,:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .pfx-field-shell-host{flex:0 1 auto!important;width:fit-content!important;max-width:100%!important}}@container praxis-filter (max-width: 420px){:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>:is(.pfx-field-shell,praxis-field-shell),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields>dynamic-field-loader>:is(.pfx-field-shell,praxis-field-shell){--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;min-width:0!important;max-width:100%!important}:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime],:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] :is(.pfx-field-shell-wrapper,.pfx-field-shell-host),:host ::ng-deep .praxis-filter-bar.has-compact .compact-fields .pfx-field-shell[data-control-type=inlineTime] .mat-mdc-form-field.pdx-inline-time{--pfx-field-shell-width: 100%;--pfx-field-shell-field-width: 100%;flex:1 1 100%!important;width:100%!important;inline-size:100%!important;min-width:0!important;max-width:100%!important}}@container praxis-filter (min-width: 960px){.fields-grid{gap:6px 10px}}@container praxis-filter (min-width: 1200px){.fields-grid{grid-template-columns:repeat(auto-fit,minmax(var(--pfx-always-min, 220px),var(--pfx-always-max-desktop, 380px)));justify-content:start;align-content:start}:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=range-slider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeSlider],:host ::ng-deep .fields-grid .pfx-field-shell[data-control-type=rangeslider]{grid-column:span var(--pfx-slider-span-desktop, 2)}}.inline-toggles{display:flex;align-items:center;gap:8px;margin:0 4px 0 6px}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle{height:var(--pfx-filter-h);display:flex;align-items:center}:host ::ng-deep .inline-actions .mat-mdc-slide-toggle .mdc-form-field{align-items:center}::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{display:grid!important;gap:var(--pfx-gap-y, 1px) var(--pfx-gap-x, 6px)}@media(min-width:600px){::ng-deep .praxis-filter-overlay .praxis-filter-advanced .praxis-filter-form .filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.hidden-submit{position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;overflow:hidden!important}:host ::ng-deep .inline-actions [matBadge] .mat-badge-content{top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:10px;font-weight:700;line-height:16px;letter-spacing:0;text-indent:0;color:var(--md-sys-color-on-primary, #fff)}:host ::ng-deep .inline-actions [matBadge][matbadgecolor=warn] .mat-badge-content,:host ::ng-deep .inline-actions [matBadge].mat-badge-warn .mat-badge-content{color:var(--md-sys-color-on-error, #fff)}.praxis-filter-bar :where(.mat-mdc-slide-toggle .mdc-switch__icons){display:none!important}.praxis-filter-bar{--mdc-switch-unselected-icon-size: 0px;--mdc-switch-selected-icon-size: 0px;--pfx-always-min: 220px}.praxis-filter-card{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:12px;border:1px solid var(--pfx-surface-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)));background:var(--praxis-theme-surface-raised, var(--md-sys-color-surface-container));color:var(--praxis-theme-on-surface, var(--md-sys-color-on-surface))}.add-manager{--_pfx-field-manager-surface: var( --pfx-field-manager-surface, var( --praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest) ) );--_pfx-field-manager-on-surface: var( --pfx-field-manager-on-surface, var(--praxis-theme-on-surface, var(--md-sys-color-on-surface)) );--_pfx-field-manager-on-surface-muted: var( --pfx-field-manager-on-surface-muted, var(--praxis-theme-on-surface-muted, var(--md-sys-color-on-surface-variant)) );--_pfx-field-manager-outline: var( --pfx-field-manager-outline, var( --pdx-inline-field-outline, var(--praxis-theme-outline, var(--md-sys-color-outline-variant)) ) );--_pfx-field-manager-focus-outline: var( --pfx-field-manager-focus-outline, var( --pdx-inline-field-focus-outline, var(--praxis-theme-focus-outline, var(--md-sys-color-primary)) ) );--_pfx-field-manager-scrollbar-thumb: var( --pfx-field-manager-scrollbar-thumb, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 42%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-thumb-hover: var( --pfx-field-manager-scrollbar-thumb-hover, color-mix( in srgb, var(--_pfx-field-manager-on-surface) 64%, var(--_pfx-field-manager-surface) ) );--_pfx-field-manager-scrollbar-track: var( --pfx-field-manager-scrollbar-track, transparent );--_pfx-field-manager-scrollbar-size: var( --pfx-field-manager-scrollbar-size, 10px );display:flex;flex-direction:column;width:min(400px,100vw - 24px);max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--_pfx-field-manager-outline);border-radius:var(--pfx-overlay-radius, 16px);background:var(--_pfx-field-manager-surface);color:var(--_pfx-field-manager-on-surface);box-shadow:var(--praxis-theme-elevation, var(--md-sys-elevation-level3))}.add-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 16px 8px 20px}.add-manager__header h2{margin:0;font:var(--md-sys-typescale-title-medium)}.add-manager__header p{margin:4px 0 0;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-body-small)}.add-manager__search{padding:8px 20px}.add-manager__bulk{padding:8px 20px;border-block:1px solid var(--_pfx-field-manager-outline)}.add-manager__list{display:flex;flex-direction:column;min-height:80px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--_pfx-field-manager-scrollbar-thumb) var(--_pfx-field-manager-scrollbar-track);scrollbar-gutter:stable;scrollbar-width:auto;padding:4px 12px 12px}.add-manager__list::-webkit-scrollbar{width:var(--_pfx-field-manager-scrollbar-size);height:var(--_pfx-field-manager-scrollbar-size)}.add-manager__list::-webkit-scrollbar-track{background:var(--_pfx-field-manager-scrollbar-track)}.add-manager__list::-webkit-scrollbar-thumb{min-height:32px;border:2px solid transparent;border-radius:999px;background:var(--_pfx-field-manager-scrollbar-thumb);background-clip:padding-box}.add-manager__list::-webkit-scrollbar-thumb:hover{background:var(--_pfx-field-manager-scrollbar-thumb-hover);background-clip:padding-box}.add-manager__section+.add-manager__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--_pfx-field-manager-outline)}.add-manager__section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:8px 8px 4px;color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-medium)}.add-manager__section-title span{color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item{display:flex;align-items:center;min-height:48px;padding-inline:8px;border-radius:var(--pfx-control-radius, 8px)}::ng-deep .add-manager__item .mdc-form-field{align-items:center}::ng-deep .add-manager__item .mdc-label{display:inline-flex;align-items:center;min-height:20px}.add-manager__item:hover{background:color-mix(in srgb,var(--_pfx-field-manager-on-surface) 6%,var(--_pfx-field-manager-surface))}.add-manager__item--fixed{gap:10px;color:var(--_pfx-field-manager-on-surface)}.add-manager__fixed-list{margin:0;padding:0;list-style:none}.add-manager__item--fixed>.mat-icon:first-child{width:18px;height:18px;flex:0 0 18px;color:var(--_pfx-field-manager-on-surface-muted);font-size:18px}.add-manager__section--fixed .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-on-surface-muted) 44%,transparent)}.add-manager__item-info{width:16px;height:16px;margin-left:4px;vertical-align:text-bottom;color:var(--_pfx-field-manager-on-surface-muted);font-size:16px}.add-manager__item-pending{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 14%,transparent);color:var(--_pfx-field-manager-on-surface-muted);font:var(--md-sys-typescale-label-small);white-space:nowrap}.add-manager__item--pending{background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}.add-manager__section--selected .add-manager__item{box-shadow:inset 2px 0 color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 56%,transparent)}.add-manager__item--added{animation:add-manager-item-added var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}.add-manager__item--removed{animation:add-manager-item-removed var(--md-sys-motion-duration-short4, .2s) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(.05, .7, .1, 1)) both}@keyframes add-manager-item-added{0%{opacity:.72;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 24%,var(--_pfx-field-manager-surface))}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@keyframes add-manager-item-removed{0%{opacity:.72;background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 72%,transparent)}to{opacity:1;background:color-mix(in srgb,var(--_pfx-field-manager-focus-outline) 8%,var(--_pfx-field-manager-surface))}}@media(prefers-reduced-motion:reduce){.add-manager__item--added,.add-manager__item--removed{animation:none}}.add-manager__empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:96px;padding:16px;color:var(--_pfx-field-manager-on-surface-muted);text-align:center}.add-manager__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--_pfx-field-manager-outline);background:var(--_pfx-field-manager-surface)}.add-manager__footer .mat-mdc-unelevated-button.mat-primary:is(:disabled,.mat-mdc-button-disabled){--mdc-filled-button-container-color: color-mix( in srgb, var(--md-sys-color-on-surface) 12%, transparent );--mdc-filled-button-label-text-color: color-mix( in srgb, var(--md-sys-color-on-surface) 38%, transparent );background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent)!important;background-image:none!important;color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)!important;box-shadow:none!important;filter:none!important;opacity:1!important}.add-manager__notice{display:flex;align-items:flex-start;gap:8px;padding:10px 16px;font:var(--md-sys-typescale-body-small)}.add-manager__notice mat-icon{flex:0 0 auto}.add-manager__notice--warning{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.add-manager__notice--conflict{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}@media(max-width:600px){.add-manager{width:calc(100vw - 16px);max-height:min(78dvh,640px);border-radius:var(--pfx-overlay-radius, 16px)}.add-manager__header,.add-manager__search{padding-inline:16px}}.inline-actions .add-trigger{display:inline-flex;align-items:center;gap:6px;height:var(--pfx-filter-h);min-height:var(--pfx-filter-h);width:auto;max-width:min(100%,220px);min-width:0;padding:0 10px;border-radius:var(--praxis-action-control-radius, 8px);border:1px solid color-mix(in srgb,var(--md-sys-color-primary) 32%,var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);overflow:visible}.inline-actions .add-trigger--icon{justify-content:center;width:var(--pfx-filter-h);min-width:var(--pfx-filter-h);padding:0}:host ::ng-deep .inline-actions .add-trigger mat-icon{width:18px;height:18px;font-size:18px;flex:0 0 auto}.inline-actions .add-trigger-label{display:inline-block;flex:1 1 auto;min-width:0;max-width:100%;text-align:left;direction:ltr;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1}:host ::ng-deep .action-cluster--manage .mat-mdc-select{flex:0 0 auto;width:180px;min-width:0;max-width:180px}:host ::ng-deep .action-cluster--manage .cluster-select--hidden.mat-mdc-select{position:absolute;width:1px;min-width:1px;max-width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-filled pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:var(--pfx-filter-tag-color);color:var(--pfx-filter-tag-on-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected{background:transparent;color:var(--pfx-filter-tag-outline-color);box-shadow:inset 0 0 0 1px var(--pfx-filter-tag-outline-color)}:host ::ng-deep .praxis-filter-bar.has-compact.tag-variant-outlined pdx-inline-entity-lookup.pdx-entity-lookup-host-inline.pdx-entity-lookup-host-selected .pdx-chip-trigger.is-active{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:inherit!important}:host ::ng-deep .action-cluster--manage .mat-mdc-select-trigger{min-height:32px;padding:0}:host ::ng-deep .action-cluster--manage .mat-mdc-select-value,:host ::ng-deep .action-cluster--manage .mat-mdc-select-value-text,:host ::ng-deep .action-cluster--manage .mat-mdc-select-min-line{width:auto;min-width:0;max-width:100%;display:inline-flex;align-items:center;justify-content:flex-start;overflow:visible}.praxis-filter-card .summary-header{display:flex;align-items:center;gap:10px}.praxis-filter-card .summary-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.praxis-filter-card .summary-title{font-weight:600}.praxis-filter-card .summary-subtitle{opacity:.8;font-size:.875rem}.praxis-filter-card .summary-badges{display:flex;flex-wrap:wrap;gap:6px}.praxis-filter-card .summary-badges span{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--md-sys-color-primary-container);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-primary-container);font-size:12px}.praxis-filter-card .card-actions{display:flex;gap:8px}:host ::ng-deep .inline-actions .mat-mdc-select-arrow-wrapper{display:none}.inline-actions .add-filter-btn{height:36px;border-radius:18px;padding:0 16px 0 12px}.inline-actions .add-filter-btn mat-icon{margin-right:8px;margin-left:-4px}.filter-presentation{display:flex;flex-direction:column;min-width:0;gap:var(--pfx-filter-gap, var(--p-space-2, 8px))}.filter-presentation--inline{flex-direction:row;flex-wrap:wrap;align-items:start}.filter-presentation--inline>.praxis-filter-bar{flex:1 1 400px;min-width:0}.filter-region-heading{display:flex;align-items:center;gap:var(--pfx-filter-header-gap, var(--p-space-2, 8px));min-width:0;overflow-wrap:anywhere;color:var(--pfx-filter-header-color, var(--md-sys-color-on-surface-variant));font-size:var(--pfx-filter-header-font-size, .875rem);font-weight:var(--pfx-filter-header-font-weight, 600);line-height:1.5}.filter-region-heading[data-size=small]{font-size:var(--pfx-filter-header-font-size, .75rem)}.filter-region-heading[data-size=large]{font-size:var(--pfx-filter-header-font-size, 1rem)}.filter-region-heading mat-icon,.filter-advanced-action mat-icon{font-size:var(--pfx-filter-icon-size, 20px);width:var(--pfx-filter-icon-size, 20px);height:var(--pfx-filter-icon-size, 20px);flex-shrink:0}.inline-actions{padding-inline:0}.action-cluster--manage{gap:var(--pfx-filter-action-gap, 6px)}.filter-advanced-action{--mdc-text-button-label-text-size: var(--pfx-filter-action-font-size, .875rem);--mdc-text-button-label-text-weight: var(--pfx-filter-action-font-weight, 500);min-height:44px;height:auto;white-space:normal;line-height:1.4}.filter-advanced-action--compact{min-height:44px;padding-inline:8px}.filter-advanced-action--icon{min-width:32px;padding-inline:6px}.filter-advanced-action--icon mat-icon{margin:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.GenericCrudService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [ASYNC_CONFIG_STORAGE]
@@ -22464,15 +22464,9 @@ class PraxisTable {
         if (!inputAdv || typeof inputAdv !== 'object') {
             return mergedConfig;
         }
-        const storedAdv = storedConfig?.behavior?.filtering?.advancedFilters;
         const inputAlways = Array.isArray(inputAdv.settings?.alwaysVisibleFields)
             ? inputAdv.settings.alwaysVisibleFields
             : [];
-        const storedAlways = Array.isArray(storedAdv?.settings?.alwaysVisibleFields)
-            ? storedAdv.settings.alwaysVisibleFields
-            : [];
-        const alwaysChanged = inputAlways.length > 0 &&
-            (storedAdv?.enabled === false || storedAlways.length === 0);
         const next = this.clonePlainObject(mergedConfig);
         next.behavior = next.behavior || {};
         next.behavior.filtering = {
@@ -22492,7 +22486,7 @@ class PraxisTable {
                 ...this.clonePlainObject(inputAdv.settings),
                 ...(nextAdv.settings || {}),
             };
-            if (alwaysChanged) {
+            if (inputAlways.length > 0) {
                 nextAdv.settings.alwaysVisibleFields = [...inputAlways];
             }
             if (inputAdv.settings.alwaysVisibleFieldMetadataOverrides) {
@@ -23230,7 +23224,7 @@ class PraxisTable {
         if (this.aiAdapter || this.aiAdapterLoadStarted)
             return;
         this.aiAdapterLoadStarted = true;
-        import('./praxisui-table-table-ai.adapter-Cs1BmTXJ.mjs')
+        import('./praxisui-table-table-ai.adapter-wN02gNyJ.mjs')
             .then(({ TableAiAdapter }) => {
             if (!this.isAiAssistantEnabled()) {
                 this.aiAssistantOpenAfterAdapterLoad = false;
@@ -24002,7 +23996,7 @@ class PraxisTable {
     initializeAiAssistantController() {
         if (!this.aiAdapter || this.aiAssistantController)
             return;
-        import('./praxisui-table-table-agentic-authoring-turn-flow-gtes5w2c.mjs')
+        import('./praxisui-table-table-agentic-authoring-turn-flow-C3jMNkzA.mjs')
             .then(({ TableAgenticAuthoringTurnFlow }) => {
             if (this.aiAssistantController || !this.aiAdapter)
                 return;

package/fesm2022/{praxisui-table-table-agentic-authoring-turn-flow-gtes5w2c.mjs → praxisui-table-table-agentic-authoring-turn-flow-C3jMNkzA.mjs}

@@ -1,6 +1,6 @@
 import { Observable, firstValueFrom } from 'rxjs';
 import { withAuthoringScopePolicy } from '@praxisui/ai';
-import { ar as setTableActionGlobalActionRef } from './praxisui-table-praxisui-table-D_YygnBA.mjs';
+import { ar as setTableActionGlobalActionRef } from './praxisui-table-praxisui-table-BAS3A4Ty.mjs';
 
 class TableAgenticAuthoringTurnFlow {
     adapter;

package/fesm2022/{praxisui-table-table-ai.adapter-Cs1BmTXJ.mjs → praxisui-table-table-ai.adapter-wN02gNyJ.mjs}

@@ -1,7 +1,7 @@
 import { firstValueFrom } from 'rxjs';
 import { BaseAiAdapter, sanitizePraxisAssistantText, createComponentAuthoringContext } from '@praxisui/ai';
 import { PRAXIS_GLOBAL_ACTION_CATALOG, deepMerge } from '@praxisui/core';
-import { W as TABLE_COMPONENT_EDIT_PLAN_OPERATION_IDS, p as PRAXIS_TABLE_AUTHORING_MANIFEST, T as TABLE_AI_CAPABILITIES, a6 as coerceTableComponentEditPlans, a8 as compileTableComponentEditPlans, Y as TASK_PRESETS, ae as getTableComponentEditPlanCapabilities, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, V as TABLE_COMPONENT_EDIT_PLAN_KIND } from './praxisui-table-praxisui-table-D_YygnBA.mjs';
+import { W as TABLE_COMPONENT_EDIT_PLAN_OPERATION_IDS, p as PRAXIS_TABLE_AUTHORING_MANIFEST, T as TABLE_AI_CAPABILITIES, a6 as coerceTableComponentEditPlans, a8 as compileTableComponentEditPlans, Y as TASK_PRESETS, ae as getTableComponentEditPlanCapabilities, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, V as TABLE_COMPONENT_EDIT_PLAN_KIND } from './praxisui-table-praxisui-table-BAS3A4Ty.mjs';
 
 const TABLE_ROW_EXPRESSION_CONTEXT_OPTION = {
     mode: 'expression',

package/fesm2022/praxisui-table.mjs

@@ -1,2 +1,2 @@
-export { A as ANALYTICS_TABLE_ROW_KEY_FIELD, a as AnalyticalDrawerRegistryService, b as AnalyticsTableConfigAdapterService, c as AnalyticsTableContractService, d as AnalyticsTableStatsApiService, B as BOOLEAN_PRESETS, e as BehaviorConfigEditorComponent, C as CURRENCY_PRESETS, f as ColumnsConfigEditorComponent, D as DATE_PRESETS, g as DataFormatterComponent, h as DataFormattingService, F as FORMULA_TEMPLATES, i as FilterConfigService, j as FilterSettingsComponent, k as FormulaGeneratorService, J as JsonConfigEditorComponent, M as MessagesLocalizationEditorComponent, N as NUMBER_PRESETS, P as PERCENTAGE_PRESETS, l as PRAXIS_ANALYTICAL_DRAWER_SCHEMAS, m as PRAXIS_FILTER_AUTHORING_MANIFEST, n as PRAXIS_FILTER_COMPONENT_METADATA, o as PRAXIS_FILTER_VIEW_CONTEXT_SCHEMA_VERSION, p as PRAXIS_TABLE_AUTHORING_MANIFEST, q as PRAXIS_TABLE_COMPONENT_METADATA, r as PRAXIS_TABLE_TOOLBAR_APPEARANCE_PRESETS, s as PRAXIS_TABLE_TOOLBAR_DEFAULT_APPEARANCE, t as PRAXIS_TABLE_TOOLBAR_TOKEN_PRESETS, u as PraxisAnalyticalDrawerComponent, v as PraxisFilter, w as PraxisFilterOutletComponent, x as PraxisFilterOutletDirective, y as PraxisFilterWidgetConfigEditor, z as PraxisScopeBarComponent, E as PraxisTable, G as PraxisTableConfigEditor, H as PraxisTableInlineAuthoringEditorComponent, I as PraxisTableToolbar, K as PraxisTableWidgetConfigEditor, S as STRING_PRESETS, T as TABLE_AI_CAPABILITIES, L as TABLE_COMPONENT_AI_CAPABILITIES, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, V as TABLE_COMPONENT_EDIT_PLAN_KIND, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Y as TASK_PRESETS, Z as TableDefaultsProvider, _ as TableRulesEditorComponent, $ as ToolbarActionsEditorComponent, a0 as ValueMappingEditorComponent, a1 as VisualFormulaBuilderComponent, a2 as analyticsComparisonMetricField, a3 as applyComputedFieldsToRows, a4 as buildTableApplyPlan, a5 as coerceTableComponentEditPlan, a6 as coerceTableComponentEditPlans, a7 as compileTableComponentEditPlan, a8 as compileTableComponentEditPlans, a9 as createTableAuthoringDocument, aa as formatComputedFieldValue, ab as getActionId, ac as getEnum, ad as getTableCapabilities, ae as getTableComponentEditPlanCapabilities, af as interpolateRelationEndpoint, ag as isAnalyticalDrawerSchema, ah as isTableRendererSupportedByRichContentP0, ai as mapTableRendererToRichContentP0, aj as normalizeComputedFieldDefinition, ak as normalizeTableAuthoringDocument, al as parseLegacyOrTableDocument, am as providePraxisAnalyticalDrawerSchemas, an as providePraxisFilterMetadata, ao as providePraxisTableMetadata, ap as providePraxisTableToolbarAppearance, aq as serializeTableAuthoringDocument, as as toCanonicalTableConfig, at as validateTableAuthoringDocument } from './praxisui-table-praxisui-table-D_YygnBA.mjs';
+export { A as ANALYTICS_TABLE_ROW_KEY_FIELD, a as AnalyticalDrawerRegistryService, b as AnalyticsTableConfigAdapterService, c as AnalyticsTableContractService, d as AnalyticsTableStatsApiService, B as BOOLEAN_PRESETS, e as BehaviorConfigEditorComponent, C as CURRENCY_PRESETS, f as ColumnsConfigEditorComponent, D as DATE_PRESETS, g as DataFormatterComponent, h as DataFormattingService, F as FORMULA_TEMPLATES, i as FilterConfigService, j as FilterSettingsComponent, k as FormulaGeneratorService, J as JsonConfigEditorComponent, M as MessagesLocalizationEditorComponent, N as NUMBER_PRESETS, P as PERCENTAGE_PRESETS, l as PRAXIS_ANALYTICAL_DRAWER_SCHEMAS, m as PRAXIS_FILTER_AUTHORING_MANIFEST, n as PRAXIS_FILTER_COMPONENT_METADATA, o as PRAXIS_FILTER_VIEW_CONTEXT_SCHEMA_VERSION, p as PRAXIS_TABLE_AUTHORING_MANIFEST, q as PRAXIS_TABLE_COMPONENT_METADATA, r as PRAXIS_TABLE_TOOLBAR_APPEARANCE_PRESETS, s as PRAXIS_TABLE_TOOLBAR_DEFAULT_APPEARANCE, t as PRAXIS_TABLE_TOOLBAR_TOKEN_PRESETS, u as PraxisAnalyticalDrawerComponent, v as PraxisFilter, w as PraxisFilterOutletComponent, x as PraxisFilterOutletDirective, y as PraxisFilterWidgetConfigEditor, z as PraxisScopeBarComponent, E as PraxisTable, G as PraxisTableConfigEditor, H as PraxisTableInlineAuthoringEditorComponent, I as PraxisTableToolbar, K as PraxisTableWidgetConfigEditor, S as STRING_PRESETS, T as TABLE_AI_CAPABILITIES, L as TABLE_COMPONENT_AI_CAPABILITIES, O as TABLE_COMPONENT_EDIT_PLAN_ALLOWED_CHANGE_KINDS, Q as TABLE_COMPONENT_EDIT_PLAN_BATCH_KIND, R as TABLE_COMPONENT_EDIT_PLAN_EXPECTED_PATHS, U as TABLE_COMPONENT_EDIT_PLAN_JSON_SCHEMA, V as TABLE_COMPONENT_EDIT_PLAN_KIND, X as TABLE_COMPONENT_EDIT_PLAN_VERSION, Y as TASK_PRESETS, Z as TableDefaultsProvider, _ as TableRulesEditorComponent, $ as ToolbarActionsEditorComponent, a0 as ValueMappingEditorComponent, a1 as VisualFormulaBuilderComponent, a2 as analyticsComparisonMetricField, a3 as applyComputedFieldsToRows, a4 as buildTableApplyPlan, a5 as coerceTableComponentEditPlan, a6 as coerceTableComponentEditPlans, a7 as compileTableComponentEditPlan, a8 as compileTableComponentEditPlans, a9 as createTableAuthoringDocument, aa as formatComputedFieldValue, ab as getActionId, ac as getEnum, ad as getTableCapabilities, ae as getTableComponentEditPlanCapabilities, af as interpolateRelationEndpoint, ag as isAnalyticalDrawerSchema, ah as isTableRendererSupportedByRichContentP0, ai as mapTableRendererToRichContentP0, aj as normalizeComputedFieldDefinition, ak as normalizeTableAuthoringDocument, al as parseLegacyOrTableDocument, am as providePraxisAnalyticalDrawerSchemas, an as providePraxisFilterMetadata, ao as providePraxisTableMetadata, ap as providePraxisTableToolbarAppearance, aq as serializeTableAuthoringDocument, as as toCanonicalTableConfig, at as validateTableAuthoringDocument } from './praxisui-table-praxisui-table-BAS3A4Ty.mjs';
 export { createDynamicRecord, extractRecordId, isDynamicDataRecord, resolveDataField } from '@praxisui/core';

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@praxisui/table",
-  "version": "10.0.0-rc.15",
+  "version": "10.0.0-rc.17",
   "description": "Advanced data table for Angular (Praxis UI) with editing, filtering, sorting, virtualization, and settings panel integration.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
-    "@praxisui/ai": "^10.0.0-rc.15",
-    "@praxisui/core": "^10.0.0-rc.15",
-    "@praxisui/dynamic-fields": "^10.0.0-rc.15",
-    "@praxisui/dynamic-form": "^10.0.0-rc.15",
-    "@praxisui/metadata-editor": "^10.0.0-rc.15",
-    "@praxisui/rich-content": "^10.0.0-rc.15",
-    "@praxisui/settings-panel": "^10.0.0-rc.15",
-    "@praxisui/table-rule-builder": "^10.0.0-rc.15",
+    "@praxisui/ai": "^10.0.0-rc.17",
+    "@praxisui/core": "^10.0.0-rc.17",
+    "@praxisui/dynamic-fields": "^10.0.0-rc.17",
+    "@praxisui/dynamic-form": "^10.0.0-rc.17",
+    "@praxisui/metadata-editor": "^10.0.0-rc.17",
+    "@praxisui/rich-content": "^10.0.0-rc.17",
+    "@praxisui/settings-panel": "^10.0.0-rc.17",
+    "@praxisui/table-rule-builder": "^10.0.0-rc.17",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
     "@angular/material": "^21.0.0",
     "@angular/router": "^21.0.0",
-    "@praxisui/dialog": "^10.0.0-rc.15",
+    "@praxisui/dialog": "^10.0.0-rc.17",
     "rxjs": "~7.8.0"
   },
   "dependencies": {