@praxisui/rich-content 9.0.0-beta.5 → 9.0.0-beta.50

package/fesm2022/praxisui-rich-content.mjs

@@ -13,15 +13,35 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.subtitle': 'Edit the canonical document consumed by the renderer. The saved payload preserves the remaining widget inputs.',
     'praxis.richContent.editor.valid': 'Valid document',
     'praxis.richContent.editor.invalid': 'Invalid JSON',
+    'praxis.richContent.editor.invalidBadge': 'Invalid',
     'praxis.richContent.editor.layout': 'Layout',
     'praxis.richContent.editor.layout.block': 'Block',
     'praxis.richContent.editor.layout.inline': 'Inline',
     'praxis.richContent.editor.rootClass': 'Root class',
     'praxis.richContent.editor.rootClassPlaceholder': 'Example: employee-expansion-rich',
+    'praxis.richContent.editor.documentContext': 'Document context',
+    'praxis.richContent.editor.documentContextHelp': 'Canonical data scopes and aliases available to rich-content bindings.',
+    'praxis.richContent.editor.documentContextFields': 'Context contract',
+    'praxis.richContent.editor.workbenchTabs': 'Editor sections',
+    'praxis.richContent.editor.guidedEditing': 'Guided editing',
     'praxis.richContent.editor.document': 'Advanced JSON',
+    'praxis.richContent.editor.documentJson': 'Canonical document JSON',
     'praxis.richContent.editor.documentHelp': 'Edit the canonical RichContentDocument. The inspector validates the shape and renders a preview before apply or save.',
+    'praxis.richContent.editor.documentAdvancedHelp': 'Use JSON for diagnostics, migration and advanced fields that are not yet surfaced by guided controls.',
     'praxis.richContent.editor.blocks': 'Blocks',
     'praxis.richContent.editor.blocksHelp': 'Create and edit common top-level rich-content blocks. Use JSON for advanced nested structures.',
+    'praxis.richContent.editor.structure': 'Document structure',
+    'praxis.richContent.editor.structureHelp': 'Select a block to edit its properties.',
+    'praxis.richContent.editor.properties': 'Properties',
+    'praxis.richContent.editor.propertiesHelp': 'Edit the selected block without leaving the document structure.',
+    'praxis.richContent.editor.intentNavigation': 'Property sections',
+    'praxis.richContent.editor.intent.content': 'Content',
+    'praxis.richContent.editor.intent.contentHelp': 'Primary block fields',
+    'praxis.richContent.editor.intent.presentation': 'Presentation',
+    'praxis.richContent.editor.intent.presentationHelp': 'Visual affordances',
+    'praxis.richContent.editor.intent.dataRules': 'Data and rules',
+    'praxis.richContent.editor.intent.dataRulesHelp': 'Metadata and gates',
+    'praxis.richContent.editor.hasIssues': 'Needs attention',
     'praxis.richContent.editor.block': 'Block',
     'praxis.richContent.editor.blockType': 'Block type',
     'praxis.richContent.editor.addBlock': 'Add block',
@@ -43,11 +63,18 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.cardContentHelp': 'Card content is preserved in JSON. Use advanced JSON for nested card nodes.',
     'praxis.richContent.editor.nodeId': 'Stable id',
     'praxis.richContent.editor.nodeIdPlaceholder': 'Example: hero-title',
+    'praxis.richContent.editor.advancedDataRules': 'Advanced data and rules',
+    'praxis.richContent.editor.advancedDataRulesHelp': 'Metadata, capability gates, visibility and safe style.',
+    'praxis.richContent.editor.advancedJsonFields': 'Advanced JSON fields present',
+    'praxis.richContent.editor.advancedJsonFieldsHelp': 'These canonical fields are preserved by guided edits and remain editable in the Advanced JSON tab.',
+    'praxis.richContent.editor.advancedJsonEditor': 'Advanced JSON editor',
+    'praxis.richContent.editor.advancedJsonEditorHelp': 'Edit canonical data bindings and JsonLogic rule fields without leaving guided editing.',
     'praxis.richContent.editor.visibilityRule': 'Visibility rule',
     'praxis.richContent.editor.safeStyle': 'Safe style',
     'praxis.richContent.editor.nodeType.text': 'Text',
     'praxis.richContent.editor.nodeType.badge': 'Badge',
     'praxis.richContent.editor.nodeType.icon': 'Icon',
+    'praxis.richContent.editor.nodeType.avatar': 'Avatar',
     'praxis.richContent.editor.nodeType.image': 'Image',
     'praxis.richContent.editor.nodeType.link': 'Link',
     'praxis.richContent.editor.nodeType.metric': 'Metric',
@@ -85,27 +112,45 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.field.icon': 'Icon',
     'praxis.richContent.editor.field.ariaLabel': 'Accessible label',
     'praxis.richContent.editor.field.src': 'Image URL',
+    'praxis.richContent.editor.field.srcExpr': 'Image URL binding',
     'praxis.richContent.editor.field.href': 'Link URL',
     'praxis.richContent.editor.field.target': 'Target',
+    'praxis.richContent.editor.field.rel': 'Rel',
     'praxis.richContent.editor.field.alt': 'Alternative text',
+    'praxis.richContent.editor.field.altExpr': 'Alt text binding',
     'praxis.richContent.editor.field.testId': 'Test id',
     'praxis.richContent.editor.field.className': 'CSS class',
     'praxis.richContent.editor.field.visibleWhenPath': 'Context path',
     'praxis.richContent.editor.field.visibleWhenValue': 'Expected value',
     'praxis.richContent.editor.field.styleName': 'CSS property',
     'praxis.richContent.editor.field.styleValue': 'CSS value',
+    'praxis.richContent.editor.field.bindings': 'Data bindings',
+    'praxis.richContent.editor.field.disabledWhen': 'Disabled rule',
+    'praxis.richContent.editor.field.loadWhen': 'Load rule',
+    'praxis.richContent.editor.field.classWhen': 'Conditional classes',
+    'praxis.richContent.editor.field.styleWhen': 'Conditional styles',
+    'praxis.richContent.editor.field.contextScopes': 'Context scopes',
+    'praxis.richContent.editor.field.contextAliases': 'Context aliases',
+    'praxis.richContent.editor.placeholder.contextScopes': 'row, user, tenant',
     'praxis.richContent.editor.field.valueExpr': 'Value binding',
     'praxis.richContent.editor.field.captionExpr': 'Caption binding',
     'praxis.richContent.editor.field.max': 'Maximum',
+    'praxis.richContent.editor.field.showPercent': 'Show percent',
     'praxis.richContent.editor.field.direction': 'Direction',
     'praxis.richContent.editor.field.gap': 'Gap',
+    'praxis.richContent.editor.field.wrap': 'Wrap items',
     'praxis.richContent.editor.field.avatarName': 'Avatar name',
     'praxis.richContent.editor.field.avatarImage': 'Avatar image',
+    'praxis.richContent.editor.field.nameExpr': 'Name binding',
+    'praxis.richContent.editor.field.imageSrcExpr': 'Image binding',
+    'praxis.richContent.editor.field.initials': 'Initials',
+    'praxis.richContent.editor.field.initialsExpr': 'Initials binding',
     'praxis.richContent.editor.field.emptyText': 'Empty text',
     'praxis.richContent.editor.field.errorText': 'Error text',
     'praxis.richContent.editor.field.meta': 'Meta',
     'praxis.richContent.editor.field.opposite': 'Opposite content',
     'praxis.richContent.editor.field.badge': 'Badge',
+    'praxis.richContent.editor.field.badgeExpr': 'Badge binding',
     'praxis.richContent.editor.field.preset': 'Preset',
     'praxis.richContent.editor.field.title': 'Title',
     'praxis.richContent.editor.field.subtitle': 'Subtitle',
@@ -162,15 +207,37 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.field.ctaLabel': 'CTA label',
     'praxis.richContent.editor.field.ctaIcon': 'CTA icon',
     'praxis.richContent.editor.field.size': 'Size',
+    'praxis.richContent.editor.field.density': 'Density',
+    'praxis.richContent.editor.field.loading': 'Loading',
+    'praxis.richContent.editor.field.loadingExpr': 'Loading binding',
+    'praxis.richContent.editor.field.active': 'Active',
+    'praxis.richContent.editor.field.activeExpr': 'Active binding',
     'praxis.richContent.editor.field.mediaKind': 'Media',
     'praxis.richContent.editor.field.mediaSrc': 'Media source',
+    'praxis.richContent.editor.field.mediaSrcExpr': 'Media source binding',
     'praxis.richContent.editor.field.mediaAlt': 'Media alt text',
+    'praxis.richContent.editor.field.mediaAltExpr': 'Media alt binding',
     'praxis.richContent.editor.field.mediaIcon': 'Media icon',
+    'praxis.richContent.editor.field.mediaLabel': 'Media label',
+    'praxis.richContent.editor.field.mediaLabelExpr': 'Media label binding',
+    'praxis.richContent.editor.field.aspectRatio': 'Aspect ratio',
     'praxis.richContent.editor.field.mediaPlacement': 'Media placement',
+    'praxis.richContent.editor.field.interactionMode': 'Interaction mode',
+    'praxis.richContent.editor.field.selected': 'Selected',
+    'praxis.richContent.editor.field.selectedExpr': 'Selected binding',
+    'praxis.richContent.editor.field.interactionActionId': 'Interaction action ID',
+    'praxis.richContent.editor.field.accessibilityRole': 'Accessibility role',
+    'praxis.richContent.editor.field.ariaLabelExpr': 'Accessible label binding',
+    'praxis.richContent.editor.field.requiresCapabilities': 'Capabilities',
+    'praxis.richContent.editor.field.capabilityMode': 'Capability mode',
     'praxis.richContent.editor.decisionGovernance': 'Decision governance',
     'praxis.richContent.editor.decisionEvidence': 'Evidence',
     'praxis.richContent.editor.decisionPrimaryAction': 'Primary action',
     'praxis.richContent.editor.decisionSecondaryActions': 'Secondary actions',
+    'praxis.richContent.editor.addPrimaryAction': 'Add primary action',
+    'praxis.richContent.editor.addSecondaryAction': 'Add secondary action',
+    'praxis.richContent.editor.addAction': 'Add action',
+    'praxis.richContent.editor.action': 'Action',
     'praxis.richContent.editor.addEvidence': 'Add evidence',
     'praxis.richContent.editor.evidence': 'Evidence',
     'praxis.richContent.editor.defaultEvidenceLabel': 'Evidence',
@@ -200,6 +267,20 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.placeholder.supersedesExpr': '${decision.supersedes}',
     'praxis.richContent.editor.placeholder.evidenceLabelExpr': '${evidence.label}',
     'praxis.richContent.editor.placeholder.evidenceSourceExpr': '${evidence.source}',
+    'praxis.richContent.editor.placeholder.tabLabelExpr': 'row.tabLabel',
+    'praxis.richContent.editor.placeholder.badgeExpr': 'row.badge',
+    'praxis.richContent.editor.placeholder.requiresCapabilities': 'form.mode.edit, employee.open',
+    'praxis.richContent.editor.placeholder.srcExpr': 'row.imageUrl',
+    'praxis.richContent.editor.placeholder.altExpr': 'row.imageAlt',
+    'praxis.richContent.editor.placeholder.loadingExpr': 'row.loading',
+    'praxis.richContent.editor.placeholder.activeExpr': 'row.active',
+    'praxis.richContent.editor.placeholder.mediaSrcExpr': 'row.mediaUrl',
+    'praxis.richContent.editor.placeholder.mediaAltExpr': 'row.mediaAlt',
+    'praxis.richContent.editor.placeholder.mediaLabelExpr': 'row.mediaLabel',
+    'praxis.richContent.editor.placeholder.aspectRatio': '16 / 9',
+    'praxis.richContent.editor.placeholder.selectedExpr': 'row.selected',
+    'praxis.richContent.editor.placeholder.actionId': 'host.action.open',
+    'praxis.richContent.editor.placeholder.ariaLabelExpr': 'row.ariaLabel',
     'praxis.richContent.editor.cardVariant.outlined': 'Outlined',
     'praxis.richContent.editor.cardVariant.elevated': 'Elevated',
     'praxis.richContent.editor.cardVariant.filled': 'Filled',
@@ -208,8 +289,18 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.size.sm': 'Small',
     'praxis.richContent.editor.size.md': 'Medium',
     'praxis.richContent.editor.size.lg': 'Large',
+    'praxis.richContent.editor.density.compact': 'Compact',
+    'praxis.richContent.editor.density.comfortable': 'Comfortable',
     'praxis.richContent.editor.orientation.vertical': 'Vertical',
     'praxis.richContent.editor.orientation.horizontal': 'Horizontal',
+    'praxis.richContent.editor.interaction.none': 'None',
+    'praxis.richContent.editor.interaction.action': 'Action',
+    'praxis.richContent.editor.interaction.selectable': 'Selectable',
+    'praxis.richContent.editor.accessibilityRole.article': 'Article',
+    'praxis.richContent.editor.accessibilityRole.group': 'Group',
+    'praxis.richContent.editor.accessibilityRole.button': 'Button',
+    'praxis.richContent.editor.capabilityMode.all': 'All',
+    'praxis.richContent.editor.capabilityMode.any': 'Any',
     'praxis.richContent.editor.mediaKind.image': 'Image',
     'praxis.richContent.editor.mediaKind.video': 'Video',
     'praxis.richContent.editor.mediaKind.icon': 'Icon',
@@ -287,6 +378,12 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.placeholder.valueExpr': 'row.total',
     'praxis.richContent.editor.placeholder.captionExpr': 'row.caption',
     'praxis.richContent.editor.placeholder.progressExpr': 'row.progress',
+    'praxis.richContent.editor.placeholder.nameExpr': 'row.name',
+    'praxis.richContent.editor.placeholder.imageSrcExpr': 'row.avatarUrl',
+    'praxis.richContent.editor.placeholder.initialsExpr': 'row.initials',
+    'praxis.richContent.editor.placeholder.rel': 'noopener noreferrer',
+    'praxis.richContent.editor.target.self': 'Same tab',
+    'praxis.richContent.editor.target.blank': 'New tab',
     'praxis.richContent.editor.defaultText': 'Text',
     'praxis.richContent.editor.defaultBadge': 'Badge',
     'praxis.richContent.editor.defaultLink': 'Link',
@@ -327,13 +424,18 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.defaultActionCardAction': 'Run action',
     'praxis.richContent.editor.defaultCollapsibleCardTitle': 'Advanced details',
     'praxis.richContent.editor.defaultCollapsibleCardText': 'Collapsible card content',
+    'praxis.richContent.editor.cardActions': 'Card actions',
+    'praxis.richContent.editor.calloutActions': 'Callout actions',
     'praxis.richContent.editor.ctaGroupActions': 'CTA actions',
+    'praxis.richContent.editor.emptyStateActions': 'Empty state actions',
+    'praxis.richContent.editor.recordSummaryActions': 'Summary actions',
     'praxis.richContent.editor.tabsItems': 'Tab items',
     'praxis.richContent.editor.lookupResultActions': 'Lookup actions',
     'praxis.richContent.editor.lookupCardSecondaryActions': 'Secondary actions',
     'praxis.richContent.editor.relatedRecordSecondaryActions': 'Secondary actions',
     'praxis.richContent.editor.actionCardSecondaryActions': 'Secondary actions',
     'praxis.richContent.editor.collapsibleCardActions': 'Card actions',
+    'praxis.richContent.editor.accordionItemActions': 'Item actions',
     'praxis.richContent.editor.status.idle': 'Idle',
     'praxis.richContent.editor.status.resolved': 'Resolved',
     'praxis.richContent.editor.status.empty': 'Empty',
@@ -345,6 +447,8 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.nodeTypes': 'Types',
     'praxis.richContent.editor.none': 'None',
     'praxis.richContent.editor.preview': 'Preview',
+    'praxis.richContent.editor.previewHelp': 'Inspect the materialized document without mixing preview with authoring fields.',
+    'praxis.richContent.editor.previewUnavailable': 'Preview is unavailable until the document is valid.',
     'praxis.richContent.editor.restore': 'Restore',
     'praxis.richContent.editor.emptyDocument': 'Empty document',
     'praxis.richContent.editor.validation.documentShape': 'The document must be a valid RichContentDocument.',
@@ -379,6 +483,12 @@ const PRAXIS_RICH_CONTENT_EN_US = {
     'praxis.richContent.editor.validation.numberField': 'This field must be a number.',
     'praxis.richContent.editor.validation.booleanField': 'This field must be a boolean.',
     'praxis.richContent.editor.validation.enumField': 'This field must use one of the supported values.',
+    'praxis.richContent.editor.validation.invalidFieldJson': 'Enter valid JSON.',
+    'praxis.richContent.editor.validation.invalidCanonicalField': 'The JSON is valid but does not match the rich-content contract.',
+    'praxis.richContent.editor.validation.advancedArrayField': 'This field must be a JSON array.',
+    'praxis.richContent.editor.validation.advancedObjectField': 'This field must be a JSON object.',
+    'praxis.richContent.editor.validation.contextScopes': 'Use supported context scopes only: row, computed, detail, meta, user, tenant.',
+    'praxis.richContent.editor.validation.contextAliases': 'Context aliases must be a JSON object with string values.',
 };
 
 const PRAXIS_RICH_CONTENT_PT_BR = {
@@ -387,15 +497,35 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.subtitle': 'Edite o documento canônico consumido pelo renderer. O payload salvo preserva os demais inputs do widget.',
     'praxis.richContent.editor.valid': 'Documento válido',
     'praxis.richContent.editor.invalid': 'JSON inválido',
+    'praxis.richContent.editor.invalidBadge': 'Inválido',
     'praxis.richContent.editor.layout': 'Layout',
     'praxis.richContent.editor.layout.block': 'Bloco',
     'praxis.richContent.editor.layout.inline': 'Inline',
     'praxis.richContent.editor.rootClass': 'Classe raiz',
     'praxis.richContent.editor.rootClassPlaceholder': 'Exemplo: employee-expansion-rich',
+    'praxis.richContent.editor.documentContext': 'Contexto do documento',
+    'praxis.richContent.editor.documentContextHelp': 'Escopos e aliases de dados canônicos disponíveis para os bindings de rich-content.',
+    'praxis.richContent.editor.documentContextFields': 'Contrato de contexto',
+    'praxis.richContent.editor.workbenchTabs': 'Seções do editor',
+    'praxis.richContent.editor.guidedEditing': 'Edição guiada',
     'praxis.richContent.editor.document': 'JSON avançado',
+    'praxis.richContent.editor.documentJson': 'JSON do documento canônico',
     'praxis.richContent.editor.documentHelp': 'Edite o RichContentDocument canônico. O inspetor valida o formato e renderiza uma prévia antes de aplicar ou salvar.',
+    'praxis.richContent.editor.documentAdvancedHelp': 'Use JSON para diagnóstico, migração e campos avançados que ainda não estão materializados nos controles guiados.',
     'praxis.richContent.editor.blocks': 'Blocos',
     'praxis.richContent.editor.blocksHelp': 'Crie e edite blocos comuns de nível superior de rich-content. Use JSON para estruturas aninhadas avançadas.',
+    'praxis.richContent.editor.structure': 'Estrutura do documento',
+    'praxis.richContent.editor.structureHelp': 'Selecione um bloco para editar suas propriedades.',
+    'praxis.richContent.editor.properties': 'Propriedades',
+    'praxis.richContent.editor.propertiesHelp': 'Edite o bloco selecionado sem sair da estrutura do documento.',
+    'praxis.richContent.editor.intentNavigation': 'Seções de propriedades',
+    'praxis.richContent.editor.intent.content': 'Conteúdo',
+    'praxis.richContent.editor.intent.contentHelp': 'Campos principais do bloco',
+    'praxis.richContent.editor.intent.presentation': 'Apresentação',
+    'praxis.richContent.editor.intent.presentationHelp': 'Affordances visuais',
+    'praxis.richContent.editor.intent.dataRules': 'Dados e regras',
+    'praxis.richContent.editor.intent.dataRulesHelp': 'Metadados e gates',
+    'praxis.richContent.editor.hasIssues': 'Requer atenção',
     'praxis.richContent.editor.block': 'Bloco',
     'praxis.richContent.editor.blockType': 'Tipo de bloco',
     'praxis.richContent.editor.addBlock': 'Adicionar bloco',
@@ -417,11 +547,18 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.cardContentHelp': 'O conteúdo do card é preservado no JSON. Use o JSON avançado para nodes aninhados do card.',
     'praxis.richContent.editor.nodeId': 'Id estável',
     'praxis.richContent.editor.nodeIdPlaceholder': 'Exemplo: hero-title',
+    'praxis.richContent.editor.advancedDataRules': 'Dados e regras avançados',
+    'praxis.richContent.editor.advancedDataRulesHelp': 'Metadados, capability gates, visibilidade e estilo seguro.',
+    'praxis.richContent.editor.advancedJsonFields': 'Campos avançados presentes no JSON',
+    'praxis.richContent.editor.advancedJsonFieldsHelp': 'Estes campos canônicos são preservados pelas edições guiadas e continuam editáveis na aba JSON avançado.',
+    'praxis.richContent.editor.advancedJsonEditor': 'Editor JSON avançado',
+    'praxis.richContent.editor.advancedJsonEditorHelp': 'Edite bindings de dados e campos de regra JsonLogic canônicos sem sair da edição guiada.',
     'praxis.richContent.editor.visibilityRule': 'Regra de visibilidade',
     'praxis.richContent.editor.safeStyle': 'Estilo seguro',
     'praxis.richContent.editor.nodeType.text': 'Texto',
     'praxis.richContent.editor.nodeType.badge': 'Badge',
     'praxis.richContent.editor.nodeType.icon': 'Ícone',
+    'praxis.richContent.editor.nodeType.avatar': 'Avatar',
     'praxis.richContent.editor.nodeType.image': 'Imagem',
     'praxis.richContent.editor.nodeType.link': 'Link',
     'praxis.richContent.editor.nodeType.metric': 'Métrica',
@@ -438,37 +575,73 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.field.icon': 'Ícone',
     'praxis.richContent.editor.field.ariaLabel': 'Label acessível',
     'praxis.richContent.editor.field.src': 'URL da imagem',
+    'praxis.richContent.editor.field.srcExpr': 'Vínculo da URL da imagem',
     'praxis.richContent.editor.field.href': 'URL do link',
     'praxis.richContent.editor.field.target': 'Destino',
+    'praxis.richContent.editor.field.rel': 'Rel',
     'praxis.richContent.editor.field.alt': 'Texto alternativo',
+    'praxis.richContent.editor.field.altExpr': 'Vínculo do texto alternativo',
     'praxis.richContent.editor.field.testId': 'Id de teste',
     'praxis.richContent.editor.field.className': 'Classe CSS',
     'praxis.richContent.editor.field.visibleWhenPath': 'Path de contexto',
     'praxis.richContent.editor.field.visibleWhenValue': 'Valor esperado',
     'praxis.richContent.editor.field.styleName': 'Propriedade CSS',
     'praxis.richContent.editor.field.styleValue': 'Valor CSS',
+    'praxis.richContent.editor.field.bindings': 'Bindings de dados',
+    'praxis.richContent.editor.field.disabledWhen': 'Regra de desabilitação',
+    'praxis.richContent.editor.field.loadWhen': 'Regra de carregamento',
+    'praxis.richContent.editor.field.classWhen': 'Classes condicionais',
+    'praxis.richContent.editor.field.styleWhen': 'Estilos condicionais',
+    'praxis.richContent.editor.field.contextScopes': 'Escopos de contexto',
+    'praxis.richContent.editor.field.contextAliases': 'Aliases de contexto',
+    'praxis.richContent.editor.placeholder.contextScopes': 'row, user, tenant',
     'praxis.richContent.editor.field.valueExpr': 'Binding do valor',
     'praxis.richContent.editor.field.captionExpr': 'Binding da legenda',
     'praxis.richContent.editor.field.max': 'Máximo',
+    'praxis.richContent.editor.field.showPercent': 'Mostrar percentual',
     'praxis.richContent.editor.field.direction': 'Direção',
     'praxis.richContent.editor.field.gap': 'Espaçamento',
+    'praxis.richContent.editor.field.wrap': 'Quebrar itens',
     'praxis.richContent.editor.field.avatarName': 'Nome do avatar',
     'praxis.richContent.editor.field.avatarImage': 'Imagem do avatar',
+    'praxis.richContent.editor.field.nameExpr': 'Vínculo do nome',
+    'praxis.richContent.editor.field.imageSrcExpr': 'Vínculo da imagem',
+    'praxis.richContent.editor.field.initials': 'Iniciais',
+    'praxis.richContent.editor.field.initialsExpr': 'Vínculo das iniciais',
     'praxis.richContent.editor.field.emptyText': 'Texto vazio',
     'praxis.richContent.editor.field.errorText': 'Texto de erro',
     'praxis.richContent.editor.field.meta': 'Meta',
     'praxis.richContent.editor.field.opposite': 'Conteúdo oposto',
     'praxis.richContent.editor.field.badge': 'Badge',
+    'praxis.richContent.editor.field.badgeExpr': 'Vínculo do badge',
     'praxis.richContent.editor.field.preset': 'Preset',
     'praxis.richContent.editor.field.title': 'Título',
     'praxis.richContent.editor.field.subtitle': 'Subtítulo',
     'praxis.richContent.editor.field.size': 'Tamanho',
+    'praxis.richContent.editor.field.density': 'Densidade',
+    'praxis.richContent.editor.field.loading': 'Carregando',
+    'praxis.richContent.editor.field.loadingExpr': 'Vínculo de carregamento',
+    'praxis.richContent.editor.field.active': 'Ativo',
+    'praxis.richContent.editor.field.activeExpr': 'Vínculo de ativo',
     'praxis.richContent.editor.field.orientation': 'Orientação',
     'praxis.richContent.editor.field.mediaKind': 'Mídia',
     'praxis.richContent.editor.field.mediaSrc': 'Origem da mídia',
+    'praxis.richContent.editor.field.mediaSrcExpr': 'Vínculo da origem da mídia',
     'praxis.richContent.editor.field.mediaAlt': 'Texto alternativo da mídia',
+    'praxis.richContent.editor.field.mediaAltExpr': 'Vínculo do texto alternativo da mídia',
     'praxis.richContent.editor.field.mediaIcon': 'Ícone da mídia',
+    'praxis.richContent.editor.field.mediaLabel': 'Label da mídia',
+    'praxis.richContent.editor.field.mediaLabelExpr': 'Vínculo do label da mídia',
+    'praxis.richContent.editor.field.aspectRatio': 'Proporção',
     'praxis.richContent.editor.field.mediaPlacement': 'Posição da mídia',
+    'praxis.richContent.editor.field.interactionMode': 'Modo de interação',
+    'praxis.richContent.editor.field.selected': 'Selecionado',
+    'praxis.richContent.editor.field.selectedExpr': 'Vínculo de seleção',
+    'praxis.richContent.editor.field.interactionActionId': 'Action ID da interação',
+    'praxis.richContent.editor.field.accessibilityRole': 'Papel de acessibilidade',
+    'praxis.richContent.editor.field.ariaLabelExpr': 'Vínculo do label acessível',
+    'praxis.richContent.editor.field.requiresCapabilities': 'Capabilities',
+    'praxis.richContent.editor.field.capabilityMode': 'Modo de capability',
     'praxis.richContent.editor.cardVariant.outlined': 'Com contorno',
     'praxis.richContent.editor.cardVariant.elevated': 'Elevado',
     'praxis.richContent.editor.cardVariant.filled': 'Preenchido',
@@ -477,8 +650,18 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.size.sm': 'Pequeno',
     'praxis.richContent.editor.size.md': 'Médio',
     'praxis.richContent.editor.size.lg': 'Grande',
+    'praxis.richContent.editor.density.compact': 'Compacta',
+    'praxis.richContent.editor.density.comfortable': 'Confortável',
     'praxis.richContent.editor.orientation.vertical': 'Vertical',
     'praxis.richContent.editor.orientation.horizontal': 'Horizontal',
+    'praxis.richContent.editor.interaction.none': 'Nenhuma',
+    'praxis.richContent.editor.interaction.action': 'Ação',
+    'praxis.richContent.editor.interaction.selectable': 'Selecionável',
+    'praxis.richContent.editor.accessibilityRole.article': 'Artigo',
+    'praxis.richContent.editor.accessibilityRole.group': 'Grupo',
+    'praxis.richContent.editor.accessibilityRole.button': 'Botão',
+    'praxis.richContent.editor.capabilityMode.all': 'Todas',
+    'praxis.richContent.editor.capabilityMode.any': 'Qualquer',
     'praxis.richContent.editor.mediaKind.image': 'Imagem',
     'praxis.richContent.editor.mediaKind.video': 'Vídeo',
     'praxis.richContent.editor.mediaKind.icon': 'Ícone',
@@ -501,6 +684,26 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.placeholder.valueExpr': 'row.total',
     'praxis.richContent.editor.placeholder.captionExpr': 'row.caption',
     'praxis.richContent.editor.placeholder.progressExpr': 'row.progress',
+    'praxis.richContent.editor.placeholder.tabLabelExpr': 'row.tabLabel',
+    'praxis.richContent.editor.placeholder.badgeExpr': 'row.badge',
+    'praxis.richContent.editor.placeholder.requiresCapabilities': 'form.mode.edit, employee.open',
+    'praxis.richContent.editor.placeholder.srcExpr': 'row.imageUrl',
+    'praxis.richContent.editor.placeholder.altExpr': 'row.imageAlt',
+    'praxis.richContent.editor.placeholder.loadingExpr': 'row.loading',
+    'praxis.richContent.editor.placeholder.activeExpr': 'row.active',
+    'praxis.richContent.editor.placeholder.mediaSrcExpr': 'row.mediaUrl',
+    'praxis.richContent.editor.placeholder.mediaAltExpr': 'row.mediaAlt',
+    'praxis.richContent.editor.placeholder.mediaLabelExpr': 'row.mediaLabel',
+    'praxis.richContent.editor.placeholder.aspectRatio': '16 / 9',
+    'praxis.richContent.editor.placeholder.selectedExpr': 'row.selected',
+    'praxis.richContent.editor.placeholder.actionId': 'host.action.open',
+    'praxis.richContent.editor.placeholder.ariaLabelExpr': 'row.ariaLabel',
+    'praxis.richContent.editor.placeholder.nameExpr': 'row.name',
+    'praxis.richContent.editor.placeholder.imageSrcExpr': 'row.avatarUrl',
+    'praxis.richContent.editor.placeholder.initialsExpr': 'row.initials',
+    'praxis.richContent.editor.placeholder.rel': 'noopener noreferrer',
+    'praxis.richContent.editor.target.self': 'Mesma aba',
+    'praxis.richContent.editor.target.blank': 'Nova aba',
     'praxis.richContent.editor.defaultText': 'Texto',
     'praxis.richContent.editor.defaultBadge': 'Badge',
     'praxis.richContent.editor.defaultLink': 'Link',
@@ -521,6 +724,8 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.nodeTypes': 'Tipos',
     'praxis.richContent.editor.none': 'Nenhum',
     'praxis.richContent.editor.preview': 'Prévia',
+    'praxis.richContent.editor.previewHelp': 'Inspecione o documento materializado sem misturar prévia com campos de autoria.',
+    'praxis.richContent.editor.previewUnavailable': 'A prévia fica indisponível até que o documento seja válido.',
     'praxis.richContent.editor.restore': 'Restaurar',
     'praxis.richContent.editor.emptyDocument': 'Documento vazio',
     'praxis.richContent.editor.validation.documentShape': 'O documento deve ser um RichContentDocument válido.',
@@ -572,9 +777,9 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.nodeType.collapsibleCard': 'Card colapsável',
     'praxis.richContent.editor.nodeType.disclosure': 'Disclosure',
     'praxis.richContent.editor.nodeType.accordion': 'Accordion',
-    'praxis.richContent.editor.nodeType.formLauncher': 'Lançador de formulário',
+    'praxis.richContent.editor.nodeType.formLauncher': 'Lançador de formulário',
     'praxis.richContent.editor.field.message': 'Mensagem',
-    'praxis.richContent.editor.field.description': 'Descrição',
+    'praxis.richContent.editor.field.description': 'Descrição',
     'praxis.richContent.editor.field.status': 'Status',
     'praxis.richContent.editor.field.titleExpr': 'Vínculo do título',
     'praxis.richContent.editor.field.subtitleExpr': 'Vínculo do subtítulo',
@@ -617,11 +822,15 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.field.actionId': 'Action ID',
     'praxis.richContent.editor.field.payloadExpr': 'Binding do payload',
     'praxis.richContent.editor.field.availabilityExpr': 'Binding de disponibilidade',
-    'praxis.richContent.editor.field.confirmMessage': 'Mensagem de confirmação',
+    'praxis.richContent.editor.field.confirmMessage': 'Mensagem de confirmação',
     'praxis.richContent.editor.decisionGovernance': 'Governança da decisão',
     'praxis.richContent.editor.decisionEvidence': 'Evidências',
     'praxis.richContent.editor.decisionPrimaryAction': 'Ação primária',
     'praxis.richContent.editor.decisionSecondaryActions': 'Ações secundárias',
+    'praxis.richContent.editor.addPrimaryAction': 'Adicionar ação primária',
+    'praxis.richContent.editor.addSecondaryAction': 'Adicionar ação secundária',
+    'praxis.richContent.editor.addAction': 'Adicionar ação',
+    'praxis.richContent.editor.action': 'Ação',
     'praxis.richContent.editor.addEvidence': 'Adicionar evidência',
     'praxis.richContent.editor.evidence': 'Evidência',
     'praxis.richContent.editor.defaultEvidenceLabel': 'Evidência',
@@ -653,7 +862,7 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.placeholder.evidenceSourceExpr': '${evidence.source}',
     'praxis.richContent.editor.field.formId': 'Form ID',
     'praxis.richContent.editor.field.ctaLabel': 'Label do CTA',
-    'praxis.richContent.editor.field.ctaIcon': 'Ícone do CTA',
+    'praxis.richContent.editor.field.ctaIcon': 'Ícone do CTA',
     'praxis.richContent.editor.layout.stacked': 'Empilhado',
     'praxis.richContent.editor.layout.inlineShort': 'Inline',
     'praxis.richContent.editor.layout.split': 'Dividido',
@@ -695,25 +904,31 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.timeline.textAppearance.label': 'Rótulo',
     'praxis.richContent.editor.appearance.underline': 'Sublinhado',
     'praxis.richContent.editor.appearance.pills': 'Pílulas',
-    'praxis.richContent.editor.variant.basic': 'Básico',
+    'praxis.richContent.editor.variant.basic': 'Básico',
     'praxis.richContent.editor.variant.raised': 'Elevado',
     'praxis.richContent.editor.variant.stroked': 'Contornado',
     'praxis.richContent.editor.variant.flat': 'Flat',
-    'praxis.richContent.editor.color.basic': 'Básica',
-    'praxis.richContent.editor.color.primary': 'Primária',
+    'praxis.richContent.editor.color.basic': 'Básica',
+    'praxis.richContent.editor.color.primary': 'Primária',
     'praxis.richContent.editor.color.accent': 'Accent',
     'praxis.richContent.editor.color.warn': 'Warn',
-    'praxis.richContent.editor.ctaGroupActions': 'Ações do CTA',
+    'praxis.richContent.editor.cardActions': 'Ações do card',
+    'praxis.richContent.editor.calloutActions': 'Ações do callout',
+    'praxis.richContent.editor.ctaGroupActions': 'Ações do CTA',
+    'praxis.richContent.editor.emptyStateActions': 'Ações do estado vazio',
+    'praxis.richContent.editor.recordSummaryActions': 'Ações do resumo',
     'praxis.richContent.editor.tabsItems': 'Itens de aba',
-    'praxis.richContent.editor.lookupResultActions': 'Ações da consulta',
-    'praxis.richContent.editor.lookupCardSecondaryActions': 'Ações secundárias',
+    'praxis.richContent.editor.lookupResultActions': 'Ações da consulta',
+    'praxis.richContent.editor.lookupCardSecondaryActions': 'Ações secundárias',
+    'praxis.richContent.editor.relatedRecordSecondaryActions': 'Ações secundárias',
     'praxis.richContent.editor.actionCardSecondaryActions': 'Ações secundárias',
-    'praxis.richContent.editor.collapsibleCardActions': 'Ações do card',
+    'praxis.richContent.editor.collapsibleCardActions': 'Ações do card',
+    'praxis.richContent.editor.accordionItemActions': 'Ações do item',
     'praxis.richContent.editor.status.idle': 'Aguardando',
     'praxis.richContent.editor.status.resolved': 'Resolvido',
     'praxis.richContent.editor.status.empty': 'Vazio',
     'praxis.richContent.editor.status.error': 'Erro',
-    'praxis.richContent.editor.formLauncherSecondaryActions': 'Ações secundárias',
+    'praxis.richContent.editor.formLauncherSecondaryActions': 'Ações secundárias',
     'praxis.richContent.editor.defaultLookupResultTitle': 'Resultado de consulta',
     'praxis.richContent.editor.defaultLookupResultField': 'Departamento',
     'praxis.richContent.editor.defaultLookupResultHint': 'Resolvido a partir do registro selecionado',
@@ -745,6 +960,12 @@ const PRAXIS_RICH_CONTENT_PT_BR = {
     'praxis.richContent.editor.defaultTabsSubtitle': 'Agrupe visões portáveis sem inventar markup de abas no host.',
     'praxis.richContent.editor.defaultTabLabel': 'Visão geral',
     'praxis.richContent.editor.defaultTabText': 'Conteúdo da aba',
+    'praxis.richContent.editor.validation.invalidFieldJson': 'Informe um JSON válido.',
+    'praxis.richContent.editor.validation.invalidCanonicalField': 'O JSON é válido, mas não corresponde ao contrato rich-content.',
+    'praxis.richContent.editor.validation.advancedArrayField': 'Este campo deve ser um array JSON.',
+    'praxis.richContent.editor.validation.advancedObjectField': 'Este campo deve ser um objeto JSON.',
+    'praxis.richContent.editor.validation.contextScopes': 'Use apenas escopos de contexto suportados: row, computed, detail, meta, user, tenant.',
+    'praxis.richContent.editor.validation.contextAliases': 'Aliases de contexto devem ser um objeto JSON com valores string.',
 };
 
 function createPraxisRichContentI18nConfig(options = {}) {
@@ -989,6 +1210,15 @@ class PraxisRichContent {
         const value = this.resolveValue(node.valueExpr);
         return typeof value === 'number' ? value : Number(value ?? 0);
     }
+    resolveProgressPercent(node) {
+        const max = Number(node.max ?? 100);
+        const value = this.resolveProgressValue(node);
+        if (!Number.isFinite(value) || !Number.isFinite(max) || max <= 0) {
+            return '0%';
+        }
+        const percent = Math.round(Math.min(Math.max((value / max) * 100, 0), 100));
+        return `${percent}%`;
+    }
     resolveProgressLabel(node) {
         return this.resolveValue(node.labelExpr) ?? node.label ?? null;
     }
@@ -1964,18 +2194,32 @@ class PraxisRichContent {
                 </div>
               }
               @case ('metric') {
-                <div class="prx-rich-metric">
-                  <div class="prx-rich-metric-label">{{ node.label }}</div>
-                  <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
-                  @if (resolveMetricCaption(node); as caption) {
-                    <div class="prx-rich-metric-caption">{{ caption }}</div>
+                <div class="prx-rich-metric" [class.prx-rich-metric--with-icon]="node.icon">
+                  @if (node.icon) {
+                    <span class="material-symbols-outlined prx-rich-metric-icon" aria-hidden="true">
+                      {{ node.icon }}
+                    </span>
                   }
+                  <div class="prx-rich-metric-content">
+                    <div class="prx-rich-metric-label">{{ node.label }}</div>
+                    <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
+                    @if (resolveMetricCaption(node); as caption) {
+                      <div class="prx-rich-metric-caption">{{ caption }}</div>
+                    }
+                  </div>
                 </div>
               }
               @case ('progress') {
                 <div class="prx-rich-progress">
-                  @if (resolveProgressLabel(node); as progressLabel) {
-                    <div class="prx-rich-progress-label">{{ progressLabel }}</div>
+                  @if (resolveProgressLabel(node) || node.showPercent) {
+                    <div class="prx-rich-progress-header">
+                      @if (resolveProgressLabel(node); as progressLabel) {
+                        <div class="prx-rich-progress-label">{{ progressLabel }}</div>
+                      }
+                      @if (node.showPercent) {
+                        <div class="prx-rich-progress-percent">{{ resolveProgressPercent(node) }}</div>
+                      }
+                    </div>
                   }
                   <progress
                     class="prx-rich-progress-bar"
@@ -3045,7 +3289,7 @@ class PraxisRichContent {
         </span>
       }
     </ng-template>
-  `, isInline: true, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:flex;flex-direction:column;gap:4px}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{grid-column:2}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-secondary, #fff)}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-tertiary, #fff)}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var(--md-sys-color-secondary, #625b71)}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var(--md-sys-color-tertiary, #7d5260)}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 20px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:32px}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 18px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:18px;height:20px;justify-content:center;line-height:18px;width:20px}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:20px;min-width:20px;padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{grid-column:2}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-secondary, #fff)}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-tertiary, #fff)}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var(--md-sys-color-secondary, #625b71)}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var(--md-sys-color-tertiary, #7d5260)}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRichContent, decorators: [{
             type: Component,
@@ -3116,18 +3360,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 </div>
               }
               @case ('metric') {
-                <div class="prx-rich-metric">
-                  <div class="prx-rich-metric-label">{{ node.label }}</div>
-                  <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
-                  @if (resolveMetricCaption(node); as caption) {
-                    <div class="prx-rich-metric-caption">{{ caption }}</div>
+                <div class="prx-rich-metric" [class.prx-rich-metric--with-icon]="node.icon">
+                  @if (node.icon) {
+                    <span class="material-symbols-outlined prx-rich-metric-icon" aria-hidden="true">
+                      {{ node.icon }}
+                    </span>
                   }
+                  <div class="prx-rich-metric-content">
+                    <div class="prx-rich-metric-label">{{ node.label }}</div>
+                    <div class="prx-rich-metric-value">{{ resolveMetricValue(node) }}</div>
+                    @if (resolveMetricCaption(node); as caption) {
+                      <div class="prx-rich-metric-caption">{{ caption }}</div>
+                    }
+                  </div>
                 </div>
               }
               @case ('progress') {
                 <div class="prx-rich-progress">
-                  @if (resolveProgressLabel(node); as progressLabel) {
-                    <div class="prx-rich-progress-label">{{ progressLabel }}</div>
+                  @if (resolveProgressLabel(node) || node.showPercent) {
+                    <div class="prx-rich-progress-header">
+                      @if (resolveProgressLabel(node); as progressLabel) {
+                        <div class="prx-rich-progress-label">{{ progressLabel }}</div>
+                      }
+                      @if (node.showPercent) {
+                        <div class="prx-rich-progress-percent">{{ resolveProgressPercent(node) }}</div>
+                      }
+                    </div>
                   }
                   <progress
                     class="prx-rich-progress-bar"
@@ -4197,7 +4455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </span>
       }
     </ng-template>
-  `, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:flex;flex-direction:column;gap:4px}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{grid-column:2}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-secondary, #fff)}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-tertiary, #fff)}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var(--md-sys-color-secondary, #625b71)}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var(--md-sys-color-tertiary, #7d5260)}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 20px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:32px}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 18px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:18px;height:20px;justify-content:center;line-height:18px;width:20px}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;line-height:20px;min-width:20px;padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"] }]
+  `, styles: [".prx-rich-content-root{display:block;min-width:0;max-width:100%}.prx-rich-content-root:not(.prx-rich-content-root--inline){display:grid;gap:var(--prx-rich-content-block-gap, 12px)}.prx-rich-content-root--inline{display:inline-flex;align-items:var(--prx-rich-content-inline-align-items, center);flex-wrap:var(--prx-rich-content-inline-flex-wrap, nowrap);gap:var(--prx-rich-content-inline-gap, 6px);min-width:0;max-width:100%;vertical-align:middle}.prx-rich-node{min-width:0;max-width:100%}.prx-rich-node--inline{display:inline-flex;align-items:center;min-width:0;max-width:100%}.prx-rich-compose{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.prx-rich-compose.direction-column{flex-direction:column;align-items:stretch}.prx-rich-compose.wrap{flex-wrap:wrap}.prx-rich-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:var(--md-sys-color-primary-container, #e8def8);color:var(--md-sys-color-on-primary-container, #21005d);font-size:12px;line-height:20px}.prx-rich-link{color:var(--md-sys-color-primary, #6750a4);text-decoration:underline;text-underline-offset:2px}.prx-rich-text,.prx-rich-link,.prx-rich-badge,.prx-rich-card-title,.prx-rich-card-subtitle,.prx-rich-card-body,.prx-rich-card-footer,.prx-rich-cta-group__title,.prx-rich-cta-group__subtitle,.prx-rich-cta-group__message,.prx-rich-key-value-list__title,.prx-rich-key-value-list__label,.prx-rich-key-value-list__value,.prx-rich-stat-group__title,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__label,.prx-rich-stat-group__value,.prx-rich-stat-group__caption,.prx-rich-tabs__title,.prx-rich-tabs__subtitle,.prx-rich-record-summary__title,.prx-rich-record-summary__subtitle,.prx-rich-record-summary__meta,.prx-rich-record-summary__field-label,.prx-rich-record-summary__field-value,.prx-rich-lookup-result__title,.prx-rich-lookup-result__subtitle,.prx-rich-lookup-result__meta,.prx-rich-lookup-result__message,.prx-rich-lookup-card__title,.prx-rich-lookup-card__subtitle,.prx-rich-lookup-card__meta,.prx-rich-lookup-card__message,.prx-rich-related-record__title,.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__relation,.prx-rich-timeline__title,.prx-rich-timeline__subtitle,.prx-rich-timeline__item-title,.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta{min-width:0;max-width:100%;overflow-wrap:anywhere}.prx-rich-text,.prx-rich-link{display:inline-block}.prx-rich-node[data-rich-node-type=avatar]{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-surface-container-high, #ece6f0);color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-avatar{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit;background:inherit;color:inherit;overflow:hidden}.prx-rich-avatar-image{width:100%;height:100%;object-fit:cover}.prx-rich-avatar-fallback{font-weight:600}.prx-rich-card{--prx-rich-card-tone-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-card-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-card-tone-on-bg: var(--md-sys-color-on-surface, #1d1b20);display:flex;flex-direction:column;position:relative;gap:12px;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;background:var(--prx-rich-card-tone-bg);color:var(--prx-rich-card-tone-on-bg);overflow:hidden;min-width:0;max-width:100%}.prx-rich-card[data-size=sm],.prx-rich-card[data-density=compact]{gap:8px;padding:12px;border-radius:12px}.prx-rich-content-root.prx-rich-content-root--widget-card{--prx-rich-content-block-gap: 8px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card{gap:8px;padding:12px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 82%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=elevated],.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card[data-variant=filled]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 88%,transparent);box-shadow:none}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-heading,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-body,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-actions,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-card-footer{gap:6px}.prx-rich-card[data-size=lg]{gap:16px;padding:20px}.prx-rich-card[data-orientation=horizontal]{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(120px,.38fr) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-avatar{grid-template-columns:minmax(72px,148px) minmax(0,1fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing{grid-template-columns:minmax(0,1fr) minmax(120px,.38fr)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-icon,.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing.prx-rich-card--media-avatar{grid-template-columns:minmax(0,1fr) minmax(72px,148px)}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>:not(.prx-rich-card-media){grid-column:2}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-leading>.prx-rich-card-media[data-placement=leading]{grid-column:1;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-trailing>.prx-rich-card-media[data-placement=trailing]{grid-column:2;grid-row:1 / -1}.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-top>.prx-rich-card-media[data-placement=top],.prx-rich-card[data-orientation=horizontal].prx-rich-card--media-background>:not(.prx-rich-card-media){grid-column:1}.prx-rich-card[data-variant=plain]{border-color:transparent;background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 64%,transparent)}.prx-rich-card[data-variant=elevated]{border-color:transparent;box-shadow:0 4px 18px color-mix(in srgb,var(--md-sys-color-shadow, #000) 16%,transparent)}.prx-rich-card[data-variant=filled]{background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,var(--md-sys-color-surface-container, #f3edf7))}.prx-rich-card[data-variant=transparent]{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 64%,transparent);background:color-mix(in srgb,var(--prx-rich-card-tone-bg) 72%,transparent)}.prx-rich-card[data-tone=info]{--prx-rich-card-tone-color: var(--praxis-info, #0b5cad);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 42%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=success]{--prx-rich-card-tone-color: var(--praxis-success, #2e7d32);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-card-tone-color) 12%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 48%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=warning]{--prx-rich-card-tone-color: var(--praxis-warning, #ed6c02);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-card-tone-color) 14%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 56%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card[data-tone=danger]{--prx-rich-card-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-card-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-card-tone-color) 16%);border-color:color-mix(in srgb,var(--prx-rich-card-tone-color) 62%,var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-card--interactive{cursor:pointer}.prx-rich-card--interactive:focus-visible{outline:3px solid color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 72%,transparent);outline-offset:2px}.prx-rich-card--selected,.prx-rich-card--active{border-color:var(--md-sys-color-primary, #6750a4);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary, #6750a4)}.prx-rich-card--disabled:not(.prx-rich-card--loading){opacity:.62;cursor:default}.prx-rich-card--loading{cursor:progress}.prx-rich-card-media{display:flex;align-items:center;justify-content:center;min-width:0;border-radius:12px;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 18%,var(--md-sys-color-surface-container-high, #ece6f0));overflow:hidden;aspect-ratio:16 / 9}.prx-rich-card-media[data-kind=icon],.prx-rich-card-media[data-kind=avatar]{aspect-ratio:auto;min-height:64px;padding:12px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar]{min-height:48px;padding:8px}.prx-rich-card-media[data-placement=leading],.prx-rich-card-media[data-placement=trailing]{aspect-ratio:auto;min-height:100%}.prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card-media[data-kind=avatar][data-placement=trailing]{align-self:start;min-height:64px}.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-size=sm] .prx-rich-card-media[data-kind=avatar][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=icon][data-placement=trailing],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=leading],.prx-rich-card[data-density=compact] .prx-rich-card-media[data-kind=avatar][data-placement=trailing]{min-height:48px}.prx-rich-card-media--background{position:absolute;inset:0;z-index:0;border-radius:inherit;opacity:.18}.prx-rich-card-media--background~*{position:relative;z-index:1}.prx-rich-card-media__asset{width:100%;height:100%;object-fit:cover}.prx-rich-card-media__icon{font-size:40px;color:var(--prx-rich-card-tone-color)}.prx-rich-card-media__avatar{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--prx-rich-card-tone-color) 22%,var(--md-sys-color-primary-container, #e8def8));color:var(--prx-rich-card-tone-on-bg);font-weight:700}.prx-rich-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.prx-rich-card-header__content{min-width:0}.prx-rich-card-header__action{flex:0 0 auto}.prx-rich-card-heading{display:grid;gap:4px;min-width:0}.prx-rich-card-title{font-weight:600}.prx-rich-card-subtitle,.prx-rich-metric-caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-metric{display:grid;gap:4px;min-width:0}.prx-rich-metric--with-icon{grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:start}.prx-rich-metric-icon{color:var(--md-sys-color-primary, #6750a4);font-size:20px;line-height:1.2;margin-top:2px}.prx-rich-metric-content{display:grid;gap:4px;min-width:0}.prx-rich-metric-value{font-size:20px;font-weight:700}.prx-rich-progress{display:flex;flex-direction:column;gap:4px}.prx-rich-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.prx-rich-progress-label,.prx-rich-progress-percent{min-width:0;color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;font-weight:600}.prx-rich-progress-percent{flex:0 0 auto;color:var(--md-sys-color-on-surface, #1d1b20)}.prx-rich-progress-bar{width:100%}.prx-rich-action-button,.prx-rich-card-actions,.prx-rich-callout__actions,.prx-rich-empty-state__actions,.prx-rich-record-summary__actions,.prx-rich-disclosure__actions,.prx-rich-accordion__actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-action-button{appearance:none;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:999px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-on-surface, #1d1b20);padding:8px 12px;cursor:pointer}.prx-rich-action-button:disabled{opacity:.56;cursor:default}.prx-rich-action-button--raised,.prx-rich-action-button--primary{background:var(--md-sys-color-primary, #6750a4);color:var(--md-sys-color-on-primary, #fff)}.prx-rich-callout,.prx-rich-empty-state,.prx-rich-record-summary,.prx-rich-decision-package,.prx-rich-disclosure,.prx-rich-accordion{border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:16px;padding:16px;background:var(--md-sys-color-surface, #fff)}.prx-rich-callout[data-tone=warning]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#ffb300 12%)}.prx-rich-callout[data-tone=danger]{background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,#d32f2f 12%)}.prx-rich-callout__title,.prx-rich-empty-state__title,.prx-rich-record-summary__title,.prx-rich-decision-package__title,.prx-rich-stat-group__title,.prx-rich-accordion__title,.prx-rich-key-value-list__title{font-weight:700;margin-bottom:4px}.prx-rich-decision-package{--prx-rich-decision-package-accent: var(--md-sys-color-primary, #6750a4);display:grid;grid-template-columns:minmax(0,1fr) minmax(136px,auto);gap:16px;border-color:color-mix(in srgb,var(--prx-rich-decision-package-accent) 42%,var(--md-sys-color-outline-variant, #cac4d0));background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 88%,var(--prx-rich-decision-package-accent) 12%)}.prx-rich-decision-package[data-status=approved],.prx-rich-decision-package[data-status=published]{--prx-rich-decision-package-accent: var(--praxis-success, #2e7d32)}.prx-rich-decision-package[data-status=draft],.prx-rich-decision-package[data-status=simulated],.prx-rich-decision-package[data-risk=medium],.prx-rich-decision-package[data-risk=high]{--prx-rich-decision-package-accent: var(--praxis-warning, #ed6c02)}.prx-rich-decision-package[data-status=reverted],.prx-rich-decision-package[data-risk=critical]{--prx-rich-decision-package-accent: var(--md-sys-color-error, #d32f2f)}.prx-rich-decision-package__main{display:grid;gap:8px;min-width:0}.prx-rich-decision-package__eyebrow,.prx-rich-decision-package__evidence,.prx-rich-decision-package__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.prx-rich-decision-package__title{font-size:20px;line-height:1.15}.prx-rich-decision-package__subtitle,.prx-rich-decision-package__summary,.prx-rich-decision-package__meta,.prx-rich-decision-package__property dt,.prx-rich-decision-package__evidence-item small{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-decision-package__properties{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0}.prx-rich-decision-package__property{min-width:0}.prx-rich-decision-package__property dt,.prx-rich-decision-package__property dd{margin:0;overflow-wrap:anywhere}.prx-rich-decision-package__property dd{font-weight:700}.prx-rich-decision-package__evidence-item{display:inline-flex;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--prx-rich-decision-package-accent) 24%,var(--md-sys-color-outline-variant, #cac4d0));border-radius:12px;padding:6px 8px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 76%,transparent);font-size:12px}.prx-rich-decision-package__aside{display:grid;align-content:start;justify-items:end;gap:10px;min-width:0}.prx-rich-decision-package__confidence{display:grid;justify-items:center;min-width:96px;border-radius:16px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 72%,transparent)}.prx-rich-decision-package__confidence span{font-size:28px;font-weight:800;line-height:1}.prx-rich-decision-package__confidence small{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:11px;font-weight:700;text-transform:uppercase}@media(max-width:640px){.prx-rich-decision-package{grid-template-columns:minmax(0,1fr)}.prx-rich-decision-package__aside{justify-items:start}}.prx-rich-empty-state{align-items:center;text-align:center}.prx-rich-key-value-list__items,.prx-rich-stat-group__items,.prx-rich-record-summary__fields{display:grid;gap:8px;margin:0}.prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}.prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.prx-rich-stat-group__item{--prx-rich-stat-tone-color: var(--md-sys-color-outline, #79747e);--prx-rich-stat-tone-bg: var(--md-sys-color-surface, #fff);--prx-rich-stat-tone-border: var(--md-sys-color-outline-variant, #cac4d0);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;min-width:0;padding:12px;border:1px solid var(--prx-rich-stat-tone-border);border-radius:12px;background:var(--prx-rich-stat-tone-bg)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__items{gap:6px}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=inline] .prx-rich-stat-group__items,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group[data-layout=grid] .prx-rich-stat-group__items{grid-template-columns:repeat(auto-fit,minmax(min(148px,100%),1fr))}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__item{column-gap:8px;padding:8px 10px;border-radius:var(--pdx-page-card-radius, 10px);background:color-mix(in srgb,var(--prx-rich-stat-tone-bg) 78%,transparent)}.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__icon,.prx-rich-content-root.prx-rich-content-root--widget-card .prx-rich-stat-group__value{font-size:20px}.prx-rich-stat-group__item[data-tone=info]{--prx-rich-stat-tone-color: var(--praxis-info, #0b5cad);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 34%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=success]{--prx-rich-stat-tone-color: var(--praxis-success, #2e7d32);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 88%, var(--prx-rich-stat-tone-color) 12%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 38%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=warning]{--prx-rich-stat-tone-color: var(--praxis-warning, #b26a00);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 86%, var(--prx-rich-stat-tone-color) 14%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 46%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item[data-tone=danger]{--prx-rich-stat-tone-color: var(--md-sys-color-error, #d32f2f);--prx-rich-stat-tone-bg: color-mix(in srgb, var(--md-sys-color-surface, #fff) 84%, var(--prx-rich-stat-tone-color) 16%);--prx-rich-stat-tone-border: color-mix(in srgb, var(--prx-rich-stat-tone-color) 54%, var(--md-sys-color-outline-variant, #cac4d0))}.prx-rich-stat-group__item-header{display:flex;gap:8px;align-items:center;min-width:0}.prx-rich-stat-group__item-content{display:grid;gap:4px;min-width:0}.prx-rich-stat-group__icon{color:var(--prx-rich-stat-tone-color);font-size:24px;line-height:1;margin-top:1px}.prx-rich-stat-group__item:not(.prx-rich-stat-group__item--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-stat-group__label,.prx-rich-stat-group__subtitle,.prx-rich-stat-group__caption{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-stat-group__value{color:var(--md-sys-color-on-surface, #1d1b20);font-size:24px;font-weight:700;line-height:1.2}.prx-rich-tabs{display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-tabs__title,.prx-rich-tabs__tab--active{font-weight:700}.prx-rich-tabs__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px;margin-top:-8px}.prx-rich-tabs__tablist{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--md-sys-color-outline-variant, #cac4d0);padding-bottom:8px}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tablist{border-bottom:0;padding-bottom:0}.prx-rich-tabs__tab{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 12px;border:0;border-radius:999px;background:transparent;color:var(--md-sys-color-on-surface, #1d1b20);cursor:pointer}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab{border-radius:0;border-bottom:2px solid transparent;padding-inline:0;padding-top:0;padding-bottom:8px}.prx-rich-tabs__tab--active{color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=underline] .prx-rich-tabs__tab--active{border-bottom-color:var(--md-sys-color-primary, #6750a4)}.prx-rich-tabs[data-appearance=pills] .prx-rich-tabs__tab--active{background:color-mix(in srgb,var(--md-sys-color-primary, #6750a4) 14%,#fff)}.prx-rich-tabs__tab:disabled{cursor:not-allowed;opacity:.55}.prx-rich-tabs__panel{display:block;min-width:0}.prx-rich-key-value-list__item,.prx-rich-record-summary__field{display:grid;grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:12px;margin:0}.prx-rich-key-value-list[data-layout=stacked] .prx-rich-key-value-list__item{grid-template-columns:minmax(0,1fr);gap:4px}.prx-rich-key-value-list__item dt,.prx-rich-record-summary__field dt{color:var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-key-value-list__item dd,.prx-rich-record-summary__field dd{margin:0;display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}.prx-rich-related-record{display:grid;gap:14px;min-width:0;padding:16px;border:1px solid var(--md-sys-color-outline-variant, #cac4d0);border-radius:12px;background:color-mix(in srgb,var(--md-sys-color-surface, #fff) 94%,transparent)}.prx-rich-related-record__copy{display:grid;gap:10px;min-width:0}.prx-rich-related-record__relation{color:var(--md-sys-color-primary, #6750a4);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0}.prx-rich-related-record__title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-width:0}.prx-rich-related-record__title-row:not(.prx-rich-related-record__title-row--with-icon){grid-template-columns:minmax(0,1fr)}.prx-rich-related-record__icon{color:var(--md-sys-color-primary, #6750a4);font-size:24px;line-height:1}.prx-rich-related-record__title{font-size:18px;font-weight:700;line-height:1.25;min-width:0}.prx-rich-related-record__subtitle,.prx-rich-related-record__meta,.prx-rich-related-record__hint{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px;line-height:1.45}.prx-rich-related-record__fields{display:grid;gap:8px;margin:0;padding:0}.prx-rich-related-record__field{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:8px 12px;align-items:start;min-width:0;padding-top:8px;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, #cac4d0) 52%,transparent)}.prx-rich-related-record__field dt{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-related-record__field dd{margin:0;font-weight:600;min-width:0}.prx-rich-related-record__hint{grid-column:2}.prx-rich-related-record__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.prx-rich-disclosure__summary,.prx-rich-accordion__summary{cursor:pointer;display:flex;gap:8px;align-items:center;list-style:none}.prx-rich-disclosure__content,.prx-rich-accordion__content{margin-top:12px}.prx-rich-media-block{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}.prx-rich-media-block__avatar,.prx-rich-media-block__body,.prx-rich-media-block__trailing{min-width:0}.prx-rich-media-block__body{display:flex;flex-direction:column;gap:6px}.prx-rich-media-block__title{font-weight:700}.prx-rich-media-block__subtitle{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:13px}.prx-rich-media-block__meta{color:var(--md-sys-color-on-surface-variant, #49454f);font-size:12px}.prx-rich-media-block__trailing{display:flex;align-items:center;justify-content:flex-end}.prx-rich-timeline{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff);--prx-rich-timeline-connector-color: var(--md-sys-color-outline-variant, #cac4d0);--prx-rich-timeline-item-gap: 16px;--prx-rich-timeline-title-color: currentColor;--prx-rich-timeline-title-font-size: inherit;--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: currentColor;--prx-rich-timeline-item-title-font-size: inherit;--prx-rich-timeline-item-title-font-weight: 600;--prx-rich-timeline-item-subtitle-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-subtitle-font-size: 12px;--prx-rich-timeline-item-meta-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-meta-font-size: 12px;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 400;--prx-rich-timeline-item-body-background: transparent;--prx-rich-timeline-item-body-border: 0;--prx-rich-timeline-item-body-border-radius: 6px;--prx-rich-timeline-item-body-padding: 12px;display:flex;flex-direction:column;gap:12px;min-width:0}.prx-rich-timeline__title{color:var(--prx-rich-timeline-title-color);font-size:var(--prx-rich-timeline-title-font-size);font-weight:var(--prx-rich-timeline-title-font-weight)}.prx-rich-timeline__items{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.prx-rich-timeline__item{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);grid-template-areas:\". marker body\";column-gap:16px;align-items:flex-start;min-height:64px;min-width:0;position:relative}.prx-rich-timeline--vertical .prx-rich-timeline__item{padding-block-end:var(--prx-rich-timeline-item-gap)}.prx-rich-timeline--vertical .prx-rich-timeline__item:last-child{padding-block-end:0}.prx-rich-timeline--marker-color-primary,.prx-rich-timeline__item--marker-color-primary{--prx-rich-timeline-marker-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-primary, #fff)}.prx-rich-timeline--marker-color-secondary,.prx-rich-timeline__item--marker-color-secondary{--prx-rich-timeline-marker-color: var(--md-sys-color-secondary, #625b71);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-secondary, #fff)}.prx-rich-timeline--marker-color-tertiary,.prx-rich-timeline__item--marker-color-tertiary{--prx-rich-timeline-marker-color: var(--md-sys-color-tertiary, #7d5260);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-tertiary, #fff)}.prx-rich-timeline--marker-color-success,.prx-rich-timeline__item--marker-color-success{--prx-rich-timeline-marker-color: var(--praxis-success, #146c43);--prx-rich-timeline-on-marker-color: var(--praxis-on-success, #fff)}.prx-rich-timeline--marker-color-warning,.prx-rich-timeline__item--marker-color-warning{--prx-rich-timeline-marker-color: var(--praxis-warning, #b26a00);--prx-rich-timeline-on-marker-color: var(--praxis-on-warning, #1d1b20)}.prx-rich-timeline--marker-color-error,.prx-rich-timeline__item--marker-color-error{--prx-rich-timeline-marker-color: var(--md-sys-color-error, #ba1a1a);--prx-rich-timeline-on-marker-color: var(--md-sys-color-on-error, #fff)}.prx-rich-timeline--marker-color-info,.prx-rich-timeline__item--marker-color-info{--prx-rich-timeline-marker-color: var(--praxis-info, #0b5cad);--prx-rich-timeline-on-marker-color: var(--praxis-on-info, #fff)}.prx-rich-timeline--marker-color-neutral,.prx-rich-timeline__item--marker-color-neutral{--prx-rich-timeline-marker-color: var(--md-sys-color-outline, #79747e);--prx-rich-timeline-on-marker-color: var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline--connector-color-primary,.prx-rich-timeline__item--connector-color-primary{--prx-rich-timeline-connector-color: var(--md-sys-color-primary, #6750a4)}.prx-rich-timeline--connector-color-secondary,.prx-rich-timeline__item--connector-color-secondary{--prx-rich-timeline-connector-color: var(--md-sys-color-secondary, #625b71)}.prx-rich-timeline--connector-color-tertiary,.prx-rich-timeline__item--connector-color-tertiary{--prx-rich-timeline-connector-color: var(--md-sys-color-tertiary, #7d5260)}.prx-rich-timeline--connector-color-success,.prx-rich-timeline__item--connector-color-success{--prx-rich-timeline-connector-color: var(--praxis-success, #146c43)}.prx-rich-timeline--connector-color-warning,.prx-rich-timeline__item--connector-color-warning{--prx-rich-timeline-connector-color: var(--praxis-warning, #b26a00)}.prx-rich-timeline--connector-color-error,.prx-rich-timeline__item--connector-color-error{--prx-rich-timeline-connector-color: var(--md-sys-color-error, #ba1a1a)}.prx-rich-timeline--connector-color-info,.prx-rich-timeline__item--connector-color-info{--prx-rich-timeline-connector-color: var(--praxis-info, #0b5cad)}.prx-rich-timeline--connector-color-neutral,.prx-rich-timeline__item--connector-color-neutral{--prx-rich-timeline-connector-color: var(--md-sys-color-outline, #79747e)}.prx-rich-timeline__item--has-opposite{grid-template-areas:\"opposite marker body\"}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker opposite\"}.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-areas:\"body marker .\"}.prx-rich-timeline__item-opposite{grid-area:opposite;color:var(--prx-rich-timeline-opposite-color);font-size:var(--prx-rich-timeline-opposite-font-size);font-weight:var(--prx-rich-timeline-opposite-font-weight);line-height:1.35;min-width:0;overflow-wrap:anywhere;padding-top:1px;text-align:end}.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite{text-align:start}.prx-rich-timeline__item-body{background:var(--prx-rich-timeline-item-body-background);border:var(--prx-rich-timeline-item-body-border);border-radius:var(--prx-rich-timeline-item-body-border-radius);padding:var(--prx-rich-timeline-item-body-padding)}.prx-rich-timeline__item-subtitle{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 22px;display:inline-flex;align-items:flex-start;align-self:stretch;grid-area:marker;justify-content:center;justify-self:center;min-height:64px;position:relative;width:max(32px,var(--prx-rich-timeline-marker-size))}.prx-rich-timeline--marker-dot .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 10px}.prx-rich-timeline--marker-icon .prx-rich-timeline__item-marker{--prx-rich-timeline-marker-size: 24px}.prx-rich-timeline__item-marker>*{position:relative;z-index:1}.prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);bottom:0;content:\"\";left:50%;position:absolute;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline__item:last-child .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed}.prx-rich-timeline--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:row;gap:0;overflow-x:auto;padding-bottom:2px;scroll-snap-type:x proximity}.prx-rich-timeline__items:focus-visible{border-radius:4px;outline:2px solid var(--md-sys-color-primary, #6750a4);outline-offset:2px}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{grid-template-columns:minmax(176px,1fr);grid-template-areas:\"opposite\" \"marker\" \"body\";grid-template-rows:auto 32px 1fr;min-height:0;min-width:min(240px,80vw);padding-inline-end:calc(var(--prx-rich-timeline-item-gap) * .75);scroll-snap-align:start}.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite){grid-template-areas:\"marker\" \"body\";grid-template-rows:32px 1fr}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:center;align-self:center;justify-content:flex-start;justify-self:stretch;min-height:32px;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:0;border-top:1px solid var(--prx-rich-timeline-connector-color);bottom:auto;left:var(--prx-rich-timeline-marker-size);right:0;top:50%;transform:translateY(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:dashed}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}.prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:dashed}.prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{content:\"\";border-left-style:solid}.prx-rich-timeline__item--connector-none .prx-rich-timeline__item-marker:after{content:none}.prx-rich-timeline__item-icon{align-items:center;border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-marker-color);display:inline-flex;font-size:calc(var(--prx-rich-timeline-marker-size) - 8px);height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;width:var(--prx-rich-timeline-marker-size)}.prx-rich-timeline__item-dot{width:10px;height:10px;border-radius:50%;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;box-sizing:border-box;display:inline-block}.prx-rich-timeline__item-number{align-items:center;background:var(--prx-rich-timeline-marker-color);border:2px solid transparent;border-radius:50%;box-sizing:border-box;color:var(--prx-rich-timeline-on-marker-color);display:inline-flex;font-size:11px;font-weight:700;height:var(--prx-rich-timeline-marker-size);justify-content:center;line-height:1;min-width:var(--prx-rich-timeline-marker-size);padding:0 5px}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-marker>*,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-marker>*{background:transparent;border-color:var(--prx-rich-timeline-marker-color);color:var(--prx-rich-timeline-marker-color)}.prx-rich-timeline--marker-style-outlined .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-outlined .prx-rich-timeline__item-dot{background:var(--md-sys-color-surface, #fffbfe)}.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-dot,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-number,.prx-rich-timeline--marker-style-filled .prx-rich-timeline__item-icon,.prx-rich-timeline__item--marker-style-filled .prx-rich-timeline__item-icon{background:var(--prx-rich-timeline-marker-color);border-color:transparent;color:var(--prx-rich-timeline-on-marker-color)}.prx-rich-timeline__item-body{display:flex;flex-direction:column;gap:4px;grid-area:body;min-width:0}.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-end;text-align:end}.prx-rich-timeline__item-title{color:var(--prx-rich-timeline-item-title-color);font-size:var(--prx-rich-timeline-item-title-font-size);font-weight:var(--prx-rich-timeline-item-title-font-weight)}.prx-rich-timeline--emphasis-subtle{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface-variant, #49454f);--prx-rich-timeline-item-title-font-weight: 500;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface-variant, #49454f)}.prx-rich-timeline--density-compact{--prx-rich-timeline-item-gap: 10px;--prx-rich-timeline-item-body-padding: 10px}.prx-rich-timeline--density-spacious{--prx-rich-timeline-item-gap: 24px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--emphasis-strong{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-weight: 700;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-weight: 700;--prx-rich-timeline-opposite-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-opposite-font-weight: 700}.prx-rich-timeline--emphasis-hero{--prx-rich-timeline-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-title-font-size: 20px;--prx-rich-timeline-title-font-weight: 800;--prx-rich-timeline-item-title-color: var(--md-sys-color-on-surface, #1d1b20);--prx-rich-timeline-item-title-font-size: 17px;--prx-rich-timeline-item-title-font-weight: 800;--prx-rich-timeline-opposite-color: var(--md-sys-color-primary, #6750a4);--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 800;--prx-rich-timeline-item-body-background: color-mix( in srgb, var(--md-sys-color-primary, #6750a4) 8%, transparent );--prx-rich-timeline-item-body-border-radius: 8px;--prx-rich-timeline-item-body-padding: 14px}.prx-rich-timeline--text-prominent{--prx-rich-timeline-opposite-font-size: 14px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 15px;--prx-rich-timeline-item-title-font-weight: 700}.prx-rich-timeline--text-eyebrow{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 800}.prx-rich-timeline--text-eyebrow .prx-rich-timeline__item-opposite{letter-spacing:0;text-transform:uppercase}.prx-rich-timeline--text-label{--prx-rich-timeline-opposite-font-size: 12px;--prx-rich-timeline-opposite-font-weight: 700;--prx-rich-timeline-item-title-font-size: 14px;--prx-rich-timeline-item-title-font-weight: 600}.prx-rich-timeline__item-subtitle,.prx-rich-timeline__item-meta,.prx-rich-timeline__empty{color:var(--prx-rich-timeline-item-subtitle-color);font-size:var(--prx-rich-timeline-item-subtitle-font-size)}.prx-rich-timeline__item-meta{color:var(--prx-rich-timeline-item-meta-color);font-size:var(--prx-rich-timeline-item-meta-font-size)}.prx-rich-timeline__item-badge{display:inline-flex;align-items:flex-start;margin-top:2px}@media(max-width:640px){.prx-rich-timeline--horizontal .prx-rich-timeline__items{flex-direction:column;overflow-x:visible;padding-bottom:0;scroll-snap-type:none}.prx-rich-timeline--horizontal .prx-rich-timeline__item,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item{min-width:0;padding-inline-end:0;scroll-snap-align:none;width:100%}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker{align-items:flex-start;align-self:stretch;justify-content:center;justify-self:center;min-height:64px;width:32px}.prx-rich-timeline--horizontal .prx-rich-timeline__item-marker:after{border-left:1px solid var(--prx-rich-timeline-connector-color);border-top:0;bottom:0;left:50%;right:auto;top:var(--prx-rich-timeline-marker-size);transform:translate(-50%)}.prx-rich-timeline--horizontal.prx-rich-timeline--connector-dashed .prx-rich-timeline__item-marker:after,.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-dashed .prx-rich-timeline__item-marker:after{border-left-style:dashed;border-top-style:solid}.prx-rich-timeline--horizontal .prx-rich-timeline__item--connector-solid .prx-rich-timeline__item-marker:after{border-left-style:solid;border-top-style:solid}.prx-rich-timeline__item--has-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker opposite\" \"marker body\";grid-template-rows:auto 1fr;column-gap:12px}.prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--horizontal.prx-rich-timeline--left .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite),.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd),.prx-rich-timeline--horizontal.prx-rich-timeline--alternate .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite).prx-rich-timeline__item--odd,.prx-rich-timeline--horizontal.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--has-opposite):not(.prx-rich-timeline__item--odd){grid-template-columns:32px minmax(0,1fr);grid-template-areas:\"marker body\";grid-template-rows:1fr;column-gap:12px}.prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item--has-opposite .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate .prx-rich-timeline__item--has-opposite.prx-rich-timeline__item--odd .prx-rich-timeline__item-opposite,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item--has-opposite:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-opposite,.prx-rich-timeline--left .prx-rich-timeline__item-body,.prx-rich-timeline--alternate .prx-rich-timeline__item--odd .prx-rich-timeline__item-body,.prx-rich-timeline--alternate-reverse .prx-rich-timeline__item:not(.prx-rich-timeline__item--odd) .prx-rich-timeline__item-body{align-items:flex-start;text-align:start}}\n"] }]
         }], propDecorators: { document: [{ type: i0.Input, args: [{ isSignal: true, alias: "document", required: false }] }], nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }], hostCapabilities: [{ type: i0.Input, args: [{ isSignal: true, alias: "hostCapabilities", required: false }] }], layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }], rootClassName: [{
                 type: Input
             }] } });
@@ -4239,6 +4497,14 @@ const SUPPORTED_NODE_TYPES = new Set([
     'timeline',
     'preset',
 ]);
+const SUPPORTED_CONTEXT_SCOPES = new Set([
+    'row',
+    'computed',
+    'detail',
+    'meta',
+    'user',
+    'tenant',
+]);
 const STYLE_NAME_PATTERN = /^--[a-zA-Z0-9-_]+$|^[a-z][a-zA-Z0-9-]*$/;
 const CLASS_NAME_PATTERN = /^[a-zA-Z_][a-zA-Z0-9_-]*(\s+[a-zA-Z_][a-zA-Z0-9_-]*)*$/;
 const UNSAFE_STYLE_VALUE_PATTERN = /(?:javascript\s*:|vbscript\s*:|data\s*:|expression\s*\(|@import|-moz-binding|behavior\s*:)/i;
@@ -4255,6 +4521,7 @@ function validateRichContentDocument(value) {
     if (value['version'] !== SUPPORTED_DOCUMENT_VERSION) {
         addIssue(issues, '$.version', 'editor.validation.documentVersion', 'The document version must be "1.0.0".');
     }
+    validateContextConfig(value['context'], '$.context', issues);
     if (!Array.isArray(value['nodes'])) {
         addIssue(issues, '$.nodes', 'editor.validation.documentNodes', 'The document must include a nodes array.');
     }
@@ -4632,6 +4899,7 @@ function validateBaseNode(node, path, issues) {
     validateOptionalClassName(node, 'className', path, issues);
     validateOptionalStringArray(node, 'requiresCapabilities', path, issues);
     validateEnum(node, 'capabilityMode', ['all', 'any'], path, issues, false);
+    validateContextConfig(node['bindings'], `${path}.bindings`, issues);
     validateStyleObject(node['style'], `${path}.style`, issues);
     validateRuleExpression(node['visibleWhen'], `${path}.visibleWhen`, issues);
     validateRuleExpression(node['disabledWhen'], `${path}.disabledWhen`, issues);
@@ -4639,6 +4907,39 @@ function validateBaseNode(node, path, issues) {
     validateClassWhen(node['classWhen'], `${path}.classWhen`, issues);
     validateStyleWhen(node['styleWhen'], `${path}.styleWhen`, issues);
 }
+function validateContextConfig(value, path, issues) {
+    if (value === undefined)
+        return;
+    if (!isRecord(value)) {
+        addIssue(issues, path, 'editor.validation.objectField', 'Context configuration must be an object.');
+        return;
+    }
+    if (value['scopes'] !== undefined) {
+        if (!Array.isArray(value['scopes'])) {
+            addIssue(issues, `${path}.scopes`, 'editor.validation.contextScopes', 'Context scopes must be an array of supported scope names.');
+        }
+        else {
+            value['scopes'].forEach((scope, index) => {
+                if (typeof scope !== 'string' ||
+                    !SUPPORTED_CONTEXT_SCOPES.has(scope)) {
+                    addIssue(issues, `${path}.scopes[${index}]`, 'editor.validation.contextScopes', 'Context scopes must use supported scope names.');
+                }
+            });
+        }
+    }
+    if (value['aliases'] !== undefined) {
+        if (!isRecord(value['aliases'])) {
+            addIssue(issues, `${path}.aliases`, 'editor.validation.contextAliases', 'Context aliases must be an object with string values.');
+        }
+        else {
+            Object.entries(value['aliases']).forEach(([alias, target]) => {
+                if (typeof target !== 'string') {
+                    addIssue(issues, `${path}.aliases.${alias}`, 'editor.validation.contextAliases', 'Context aliases must be an object with string values.');
+                }
+            });
+        }
+    }
+}
 function validateActionRef(value, path, issues) {
     if (!isRecord(value)) {
         addIssue(issues, path, 'editor.validation.objectField', 'Action configuration must be an object.');
@@ -5136,6 +5437,7 @@ const EDITABLE_TOP_LEVEL_NODE_TYPES = [
     'text',
     'badge',
     'icon',
+    'avatar',
     'image',
     'link',
     'metric',
@@ -5168,6 +5470,7 @@ const EDITABLE_PRESENTER_NODE_TYPES = [
     'text',
     'badge',
     'icon',
+    'avatar',
     'image',
     'link',
     'metric',
@@ -5184,6 +5487,12 @@ function createDefaultRichContentNode(type, tx, presetRef) {
             return { type: 'badge', label: tx('editor.defaultBadge', 'Badge') };
         case 'icon':
             return { type: 'icon', icon: 'check_circle' };
+        case 'avatar':
+            return {
+                type: 'avatar',
+                name: tx('editor.defaultAvatarName', 'Person'),
+                initials: 'P',
+            };
         case 'image':
             return { type: 'image', src: '/assets/placeholder.png', alt: '' };
         case 'link':
@@ -5539,6 +5848,12 @@ function createDefaultPresenterNode(type, tx) {
             return { type: 'badge', label: tx('editor.defaultBadge', 'Badge') };
         case 'icon':
             return { type: 'icon', icon: 'check_circle' };
+        case 'avatar':
+            return {
+                type: 'avatar',
+                name: tx('editor.defaultAvatarName', 'Person'),
+                initials: 'P',
+            };
         case 'image':
             return { type: 'image', src: '/assets/placeholder.png', alt: '' };
         case 'link':
@@ -5676,6 +5991,21 @@ function stringifyScalar(value) {
     return '';
 }
 
+const ADVANCED_JSON_ONLY_NODE_FIELDS = [
+    'bindings',
+    'disabledWhen',
+    'loadWhen',
+    'classWhen',
+    'styleWhen',
+];
+const RICH_BLOCK_CONTEXT_SCOPES = [
+    'row',
+    'computed',
+    'detail',
+    'meta',
+    'user',
+    'tenant',
+];
 const EMPTY_DOCUMENT = {
     kind: 'praxis.rich-content',
     version: '1.0.0',
@@ -5695,6 +6025,7 @@ class PraxisRichContentConfigEditor {
     editableNodeTypes = EDITABLE_TOP_LEVEL_NODE_TYPES;
     presenterNodeTypes = EDITABLE_PRESENTER_NODE_TYPES;
     cardContentNodeTypes = EDITABLE_CARD_CONTENT_NODE_TYPES;
+    advancedJsonOnlyNodeFields = ADVANCED_JSON_ONLY_NODE_FIELDS;
     presetOptions = this.presetRegistry.list();
     documentJson = '';
     layout = 'block';
@@ -5706,8 +6037,13 @@ class PraxisRichContentConfigEditor {
     validationIssues = [];
     nodeCount = 0;
     nodeTypeSummary = '';
+    selectedNodeIndex = 0;
+    activeEditorPanel = 'guided';
+    advancedRulesOpen = false;
+    advancedJsonFieldErrors = {};
     initialInputs = this.normalizeInputs(this.inputs);
     pendingRemoval = null;
+    advancedJsonFieldDrafts = {};
     ngOnChanges(changes) {
         if (changes['inputs']) {
             this.load(this.normalizeInputs(this.inputs), false);
@@ -5720,7 +6056,7 @@ class PraxisRichContentConfigEditor {
     }
     getSettingsValue() {
         const document = this.parseDocument();
-        if (!document)
+        if (!document || this.hasAdvancedJsonFieldErrors())
             return null;
         return {
             inputs: {
@@ -5747,6 +6083,7 @@ class PraxisRichContentConfigEditor {
         this.isDirty$.next(!this.matchesInitialState());
     }
     onDocumentJsonChange() {
+        this.clearAdvancedJsonFieldState();
         this.parseDocument();
         this.markDirty();
     }
@@ -5758,14 +6095,32 @@ class PraxisRichContentConfigEditor {
         this.parseDocument();
         this.markDirty();
     }
+    selectTopLevelNode(index) {
+        this.selectedNodeIndex = index;
+        this.advancedRulesOpen = false;
+    }
+    selectEditorPanel(panel) {
+        this.activeEditorPanel = panel;
+        this.cdr.markForCheck();
+    }
+    openAdvancedRules() {
+        this.advancedRulesOpen = true;
+        this.cdr.markForCheck();
+    }
+    onAdvancedRulesToggle(event) {
+        const target = event.target;
+        this.advancedRulesOpen = target?.open === true;
+    }
     addTopLevelNode() {
         const document = this.ensureEditableDocument();
         document.nodes.push(this.createDefaultNode(this.newNodeType));
+        this.selectedNodeIndex = document.nodes.length - 1;
         this.syncStructuredDocumentChange();
     }
     removeTopLevelNode(index) {
         const document = this.ensureEditableDocument();
         document.nodes.splice(index, 1);
+        this.reconcileSelectedNodeIndex(document);
         this.syncStructuredDocumentChange();
     }
     moveTopLevelNode(index, delta) {
@@ -5776,6 +6131,17 @@ class PraxisRichContentConfigEditor {
         }
         const [node] = document.nodes.splice(index, 1);
         document.nodes.splice(nextIndex, 0, node);
+        if (this.selectedNodeIndex === index) {
+            this.selectedNodeIndex = nextIndex;
+        }
+        else if (delta < 0 &&
+            this.selectedNodeIndex === nextIndex) {
+            this.selectedNodeIndex = index;
+        }
+        else if (delta > 0 &&
+            this.selectedNodeIndex === nextIndex) {
+            this.selectedNodeIndex = index;
+        }
         this.syncStructuredDocumentChange();
     }
     changeTopLevelNodeType(index, nextType) {
@@ -5888,6 +6254,93 @@ class PraxisRichContentConfigEditor {
         }
         this.syncStructuredDocumentChange();
     }
+    getCardInteractionField(index, field) {
+        const interaction = this.ensureCardNode(index).interaction;
+        const value = interaction?.[field];
+        return typeof value === 'string' ? value : '';
+    }
+    setCardInteractionField(index, field, value) {
+        const card = this.ensureCardNode(index);
+        const normalized = value.trim();
+        if (field === 'mode' && (!normalized || normalized === 'none')) {
+            if (card.interaction) {
+                card.interaction.mode = 'none';
+            }
+            this.pruneEmptyCardInteraction(index);
+            this.syncStructuredDocumentChange();
+            return;
+        }
+        card.interaction ??= { mode: 'none' };
+        const interaction = card.interaction;
+        if (normalized) {
+            interaction[field] = normalized;
+        }
+        else {
+            delete interaction[field];
+        }
+        this.pruneEmptyCardInteraction(index);
+        this.syncStructuredDocumentChange();
+    }
+    getCardInteractionBooleanField(index, field) {
+        const interaction = this.ensureCardNode(index).interaction;
+        return interaction?.[field] === true;
+    }
+    setCardInteractionBooleanField(index, field, value) {
+        const card = this.ensureCardNode(index);
+        card.interaction ??= { mode: 'none' };
+        const interaction = card.interaction;
+        if (value) {
+            interaction[field] = true;
+        }
+        else {
+            delete interaction[field];
+        }
+        this.pruneEmptyCardInteraction(index);
+        this.syncStructuredDocumentChange();
+    }
+    getCardInteractionActionField(index, field) {
+        const action = this.ensureCardNode(index).interaction?.action;
+        return typeof action?.[field] === 'string' ? action[field] : '';
+    }
+    setCardInteractionActionField(index, field, value) {
+        const card = this.ensureCardNode(index);
+        card.interaction ??= { mode: 'action' };
+        card.interaction.action ??= { actionId: '' };
+        const action = card.interaction.action;
+        const normalized = value.trim();
+        if (normalized) {
+            action[field] = value;
+        }
+        else {
+            delete action[field];
+        }
+        if (!card.interaction.action.actionId) {
+            delete card.interaction.action;
+        }
+        this.pruneEmptyCardInteraction(index);
+        this.syncStructuredDocumentChange();
+    }
+    getCardAccessibilityField(index, field) {
+        const accessibility = this.ensureCardNode(index).accessibility;
+        const value = accessibility?.[field];
+        return typeof value === 'string' ? value : '';
+    }
+    setCardAccessibilityField(index, field, value) {
+        const card = this.ensureCardNode(index);
+        const normalized = value.trim();
+        card.accessibility ??= {};
+        const accessibility = card.accessibility;
+        if (normalized) {
+            accessibility[field] = value;
+        }
+        else {
+            delete accessibility[field];
+        }
+        if (!Object.keys(accessibility).length) {
+            delete card.accessibility;
+        }
+        this.syncStructuredDocumentChange();
+    }
     addCardSlotNode(index, slot) {
         this.ensureCardSlotNodes(index, slot).push(createDefaultPresenterNode('text', this.tx.bind(this)));
         this.syncStructuredDocumentChange();
@@ -6187,6 +6640,65 @@ class PraxisRichContentConfigEditor {
         };
         this.syncStructuredDocumentChange();
     }
+    getTabsItemCapabilityList(index, itemIndex) {
+        const item = this.ensureTabsNode(index).items[itemIndex];
+        return Array.isArray(item?.requiresCapabilities)
+            ? item.requiresCapabilities.join(', ')
+            : '';
+    }
+    setTabsItemCapabilityList(index, itemIndex, value) {
+        const node = this.ensureTabsNode(index);
+        const current = node.items[itemIndex] ?? { content: [] };
+        const capabilities = value
+            .split(',')
+            .map((item) => item.trim())
+            .filter(Boolean);
+        node.items[itemIndex] = {
+            ...current,
+            requiresCapabilities: capabilities.length ? capabilities : undefined,
+            content: Array.isArray(current.content) && current.content.length
+                ? current.content
+                : [
+                    {
+                        type: 'text',
+                        text: this.tx('editor.defaultTabText', 'Tab content'),
+                    },
+                ],
+        };
+        this.syncStructuredDocumentChange();
+    }
+    getTabsItemVisibleWhenPath(index, itemIndex) {
+        const item = this.ensureTabsNode(index).items[itemIndex];
+        return parseSimpleVisibleWhen(item?.visibleWhen)?.path ?? '';
+    }
+    getTabsItemVisibleWhenValue(index, itemIndex) {
+        const item = this.ensureTabsNode(index).items[itemIndex];
+        return parseSimpleVisibleWhen(item?.visibleWhen)?.value ?? '';
+    }
+    setTabsItemVisibleWhenPath(index, itemIndex, path) {
+        const item = this.ensureTabsNode(index).items[itemIndex];
+        if (!item)
+            return;
+        this.setTabsItemSimpleVisibleWhen(item, path, this.getTabsItemVisibleWhenValue(index, itemIndex));
+        this.syncStructuredDocumentChange();
+    }
+    setTabsItemVisibleWhenValue(index, itemIndex, value) {
+        const item = this.ensureTabsNode(index).items[itemIndex];
+        if (!item)
+            return;
+        this.setTabsItemSimpleVisibleWhen(item, this.getTabsItemVisibleWhenPath(index, itemIndex), value);
+        this.syncStructuredDocumentChange();
+    }
+    setTabsItemSimpleVisibleWhen(item, path, value) {
+        const trimmedPath = path.trim();
+        if (!trimmedPath) {
+            delete item.visibleWhen;
+            return;
+        }
+        item.visibleWhen = {
+            '===': [{ var: trimmedPath }, parseScalar(value)],
+        };
+    }
     getActionCardSecondaryActions(index) {
         return this.ensureActionCardSecondaryActions(index);
     }
@@ -6406,6 +6918,203 @@ class PraxisRichContentConfigEditor {
         setStyleEntry(node, this.getFirstStyleName(node), propertyValue);
         this.syncStructuredDocumentChange();
     }
+    hasDocumentContext() {
+        return (!!this.parsedDocument?.context ||
+            !!this.getDocumentContextFieldError('scopes') ||
+            !!this.getDocumentContextFieldError('aliases'));
+    }
+    getDocumentContextScopes() {
+        const key = this.getDocumentContextFieldKey('scopes');
+        if (Object.prototype.hasOwnProperty.call(this.advancedJsonFieldDrafts, key)) {
+            return this.advancedJsonFieldDrafts[key] ?? '';
+        }
+        return this.parsedDocument?.context?.scopes?.join(', ') ?? '';
+    }
+    setDocumentContextScopes(value) {
+        const key = this.getDocumentContextFieldKey('scopes');
+        this.advancedJsonFieldDrafts[key] = value;
+        const scopes = value
+            .split(',')
+            .map((item) => item.trim())
+            .filter(Boolean);
+        const invalidScopes = scopes.filter((scope) => !RICH_BLOCK_CONTEXT_SCOPES.includes(scope));
+        if (invalidScopes.length) {
+            this.setAdvancedJsonFieldInvalid(key, this.tx('editor.validation.contextScopes', 'Use supported context scopes only.'));
+            return;
+        }
+        delete this.advancedJsonFieldDrafts[key];
+        delete this.advancedJsonFieldErrors[key];
+        this.updateDocumentContext((context) => {
+            if (scopes.length) {
+                context.scopes = scopes;
+            }
+            else {
+                delete context.scopes;
+            }
+        });
+    }
+    getDocumentContextAliasesValue() {
+        const key = this.getDocumentContextFieldKey('aliases');
+        if (Object.prototype.hasOwnProperty.call(this.advancedJsonFieldDrafts, key)) {
+            return this.advancedJsonFieldDrafts[key] ?? '';
+        }
+        const aliases = this.parsedDocument?.context?.aliases;
+        return aliases ? this.stringify(aliases) : '';
+    }
+    setDocumentContextAliases(value) {
+        const key = this.getDocumentContextFieldKey('aliases');
+        const trimmed = value.trim();
+        this.advancedJsonFieldDrafts[key] = value;
+        if (!trimmed) {
+            delete this.advancedJsonFieldDrafts[key];
+            delete this.advancedJsonFieldErrors[key];
+            this.updateDocumentContext((context) => {
+                delete context.aliases;
+            });
+            return;
+        }
+        let aliases;
+        try {
+            aliases = JSON.parse(trimmed);
+        }
+        catch {
+            this.setAdvancedJsonFieldInvalid(key, this.tx('editor.validation.invalidFieldJson', 'Enter valid JSON.'));
+            return;
+        }
+        if (!isPlainRecord(aliases) ||
+            Object.values(aliases).some((alias) => typeof alias !== 'string')) {
+            this.setAdvancedJsonFieldInvalid(key, this.tx('editor.validation.contextAliases', 'Context aliases must be a JSON object with string values.'));
+            return;
+        }
+        delete this.advancedJsonFieldDrafts[key];
+        delete this.advancedJsonFieldErrors[key];
+        this.updateDocumentContext((context) => {
+            context.aliases = aliases;
+        });
+    }
+    getDocumentContextFieldError(field) {
+        return this.advancedJsonFieldErrors[this.getDocumentContextFieldKey(field)] ?? '';
+    }
+    getDocumentContextAliasesPlaceholder() {
+        return '{\n  "owner": "decision.owner",\n  "risk": "decision.risk"\n}';
+    }
+    getAdvancedJsonOnlyFields(node) {
+        const source = node;
+        return ADVANCED_JSON_ONLY_NODE_FIELDS.filter((field) => source[field] !== undefined);
+    }
+    getAdvancedJsonFieldValue(index, node, field) {
+        const key = this.getAdvancedJsonFieldKey(index, field);
+        if (Object.prototype.hasOwnProperty.call(this.advancedJsonFieldDrafts, key)) {
+            return this.advancedJsonFieldDrafts[key] ?? '';
+        }
+        const value = node[field];
+        return value === undefined ? '' : this.stringify(value);
+    }
+    setAdvancedJsonField(index, field, value) {
+        const key = this.getAdvancedJsonFieldKey(index, field);
+        const trimmed = value.trim();
+        this.advancedJsonFieldDrafts[key] = value;
+        if (!trimmed) {
+            const node = this.ensureEditableDocument().nodes[index];
+            delete node[field];
+            delete this.advancedJsonFieldDrafts[key];
+            delete this.advancedJsonFieldErrors[key];
+            this.syncStructuredDocumentChange();
+            return;
+        }
+        let parsed;
+        try {
+            parsed = JSON.parse(trimmed);
+        }
+        catch {
+            this.setAdvancedJsonFieldInvalid(key, this.tx('editor.validation.invalidFieldJson', 'Enter valid JSON.'));
+            return;
+        }
+        if (!this.isAdvancedJsonFieldShapeValid(field, parsed)) {
+            this.setAdvancedJsonFieldInvalid(key, this.getAdvancedJsonFieldShapeError(field));
+            return;
+        }
+        const nextDocument = this.cloneValue(this.ensureEditableDocument());
+        const node = nextDocument.nodes[index];
+        node[field] = parsed;
+        const nextJson = this.stringify(nextDocument);
+        const validation = validateRichContentDocument(nextDocument);
+        if (!validation.valid) {
+            this.setAdvancedJsonFieldInvalid(key, this.tx('editor.validation.invalidCanonicalField', 'The JSON is valid but does not match the rich-content contract.'));
+            return;
+        }
+        this.parsedDocument = nextDocument;
+        this.documentJson = nextJson;
+        delete this.advancedJsonFieldDrafts[key];
+        delete this.advancedJsonFieldErrors[key];
+        this.parseDocument();
+        this.markDirty();
+    }
+    getAdvancedJsonFieldError(index, field) {
+        return this.advancedJsonFieldErrors[this.getAdvancedJsonFieldKey(index, field)] ?? '';
+    }
+    getAdvancedJsonFieldPlaceholder(field) {
+        switch (field) {
+            case 'bindings':
+                return '{\n  "scopes": ["row"],\n  "aliases": {\n    "risk": "decision.risk"\n  }\n}';
+            case 'classWhen':
+                return '[\n  {\n    "className": "is-active",\n    "expr": { "var": "row.active" }\n  }\n]';
+            case 'styleWhen':
+                return '[\n  {\n    "style": { "color": "var(--md-sys-color-primary)" },\n    "expr": { "var": "row.active" }\n  }\n]';
+            default:
+                return '{\n  "var": "row.active"\n}';
+        }
+    }
+    getAdvancedJsonFieldKey(index, field) {
+        return `${index}:${field}`;
+    }
+    getDocumentContextFieldKey(field) {
+        return `document:context:${field}`;
+    }
+    updateDocumentContext(update) {
+        const document = this.ensureEditableDocument();
+        const context = {
+            ...(document.context ?? {}),
+        };
+        update(context);
+        if (context.scopes?.length || Object.keys(context.aliases ?? {}).length) {
+            document.context = context;
+        }
+        else {
+            delete document.context;
+        }
+        this.syncStructuredDocumentChange();
+    }
+    setAdvancedJsonFieldInvalid(key, message) {
+        this.advancedJsonFieldErrors[key] = message;
+        this.valid = false;
+        this.errorMessage = message;
+        this.isValid$.next(false);
+        this.markDirty();
+        this.cdr.markForCheck();
+    }
+    clearAdvancedJsonFieldState() {
+        this.advancedJsonFieldDrafts = {};
+        this.advancedJsonFieldErrors = {};
+    }
+    hasAdvancedJsonFieldErrors() {
+        return Object.keys(this.advancedJsonFieldErrors).length > 0;
+    }
+    isAdvancedJsonFieldShapeValid(field, value) {
+        if (field === 'classWhen' || field === 'styleWhen') {
+            return Array.isArray(value);
+        }
+        if (field === 'bindings') {
+            return isPlainRecord(value);
+        }
+        return value === null || isPlainRecord(value);
+    }
+    getAdvancedJsonFieldShapeError(field) {
+        if (field === 'classWhen' || field === 'styleWhen') {
+            return this.tx('editor.validation.advancedArrayField', 'This field must be a JSON array.');
+        }
+        return this.tx('editor.validation.advancedObjectField', 'This field must be a JSON object.');
+    }
     requestTopLevelNodeRemoval(index) {
         this.pendingRemoval = { scope: 'nodes', index };
     }
@@ -6553,6 +7262,12 @@ class PraxisRichContentConfigEditor {
             .filter((issue) => issue.path === path || issue.path.startsWith(`${path}.`))
             .map((issue) => this.tx(issue.messageKey, issue.fallback));
     }
+    getIssueCount(path) {
+        return this.validationIssues.filter((issue) => issue.path === path || issue.path.startsWith(`${path}.`)).length;
+    }
+    getSelectedNodeIssueCount() {
+        return this.getIssueCount(`$.nodes[${this.selectedNodeIndex}]`);
+    }
     isEditableNodeType(type) {
         return EDITABLE_TOP_LEVEL_NODE_TYPES.includes(type);
     }
@@ -6560,6 +7275,7 @@ class PraxisRichContentConfigEditor {
         return EDITABLE_PRESENTER_NODE_TYPES.includes(type);
     }
     load(inputs, dirty) {
+        this.clearAdvancedJsonFieldState();
         const document = inputs.document ?? EMPTY_DOCUMENT;
         const layout = inputs.layout === 'inline' ? 'inline' : 'block';
         const rootClassName = typeof inputs.rootClassName === 'string' ? inputs.rootClassName : '';
@@ -6610,6 +7326,16 @@ class PraxisRichContentConfigEditor {
         }
         return node;
     }
+    pruneEmptyCardInteraction(index) {
+        const card = this.ensureCardNode(index);
+        const interaction = card.interaction;
+        if (!interaction)
+            return;
+        const hasOnlyNoneMode = Object.keys(interaction).length === 1 && interaction['mode'] === 'none';
+        if (!Object.keys(interaction).length || hasOnlyNoneMode) {
+            delete card.interaction;
+        }
+    }
     ensureCardSlotNodes(index, slot) {
         const card = this.ensureCardNode(index);
         if (!Array.isArray(card[slot])) {
@@ -6911,11 +7637,18 @@ class PraxisRichContentConfigEditor {
                 return null;
             }
             const document = parsed;
+            this.parsedDocument = document;
+            this.reconcileSelectedNodeIndex(document);
+            this.updateDocumentOverview(document);
+            if (this.hasAdvancedJsonFieldErrors()) {
+                this.valid = false;
+                this.errorMessage = this.tx('editor.validation.invalidFieldJson', 'Enter valid JSON.');
+                this.isValid$.next(false);
+                return document;
+            }
             this.valid = true;
             this.errorMessage = '';
             this.isValid$.next(true);
-            this.parsedDocument = document;
-            this.updateDocumentOverview(document);
             return document;
         }
         catch (error) {
@@ -6934,6 +7667,20 @@ class PraxisRichContentConfigEditor {
         this.nodeCount = 0;
         this.nodeTypeSummary = '';
     }
+    reconcileSelectedNodeIndex(document) {
+        const nodeTotal = document.nodes.length;
+        if (!nodeTotal) {
+            this.selectedNodeIndex = 0;
+            return;
+        }
+        if (this.selectedNodeIndex < 0) {
+            this.selectedNodeIndex = 0;
+            return;
+        }
+        if (this.selectedNodeIndex >= nodeTotal) {
+            this.selectedNodeIndex = nodeTotal - 1;
+        }
+    }
     updateDocumentOverview(document) {
         const typeCounts = new Map();
         let count = 0;
@@ -7074,6 +7821,54 @@ class PraxisRichContentConfigEditor {
         </label>
       </div>
 
+      <details
+        class="prx-rich-editor__document-context"
+        [open]="hasDocumentContext()"
+      >
+        <summary>
+          <span>{{ tx('editor.documentContext', 'Document context') }}</span>
+          <small>
+            {{
+              tx(
+                'editor.documentContextHelp',
+                'Canonical data scopes and aliases available to rich-content bindings.'
+              )
+            }}
+          </small>
+        </summary>
+        <fieldset class="prx-rich-editor__field-group">
+          <legend>{{ tx('editor.documentContextFields', 'Context contract') }}</legend>
+          <label class="prx-rich-editor__wide-field">
+            <span>{{ tx('editor.field.contextScopes', 'Context scopes') }}</span>
+            <input
+              [ngModel]="getDocumentContextScopes()"
+              (ngModelChange)="setDocumentContextScopes($event)"
+              [placeholder]="tx('editor.placeholder.contextScopes', 'row, user, tenant')"
+              [class.invalid]="getDocumentContextFieldError('scopes')"
+            />
+            @if (getDocumentContextFieldError('scopes')) {
+              <small class="prx-rich-editor__field-error">
+                {{ getDocumentContextFieldError('scopes') }}
+              </small>
+            }
+          </label>
+          <label class="prx-rich-editor__wide-field prx-rich-editor__json-field">
+            <span>{{ tx('editor.field.contextAliases', 'Context aliases') }}</span>
+            <textarea
+              [ngModel]="getDocumentContextAliasesValue()"
+              (ngModelChange)="setDocumentContextAliases($event)"
+              [placeholder]="getDocumentContextAliasesPlaceholder()"
+              [class.invalid]="getDocumentContextFieldError('aliases')"
+            ></textarea>
+            @if (getDocumentContextFieldError('aliases')) {
+              <small class="prx-rich-editor__field-error">
+                {{ getDocumentContextFieldError('aliases') }}
+              </small>
+            }
+          </label>
+        </fieldset>
+      </details>
+
       <ng-template
         #presenterFields
         let-node="node"
@@ -7109,55 +7904,137 @@ class PraxisRichContentConfigEditor {
               />
             </label>
           }
-          @case ('image') {
+          @case ('avatar') {
             <label>
-              <span>{{ tx('editor.field.src', 'Image URL') }}</span>
+              <span>{{ tx('editor.field.avatarName', 'Avatar name') }}</span>
               <input
-                [ngModel]="getStringField(node, 'src')"
-                (ngModelChange)="setString('src', $event)"
+                [ngModel]="getStringField(node, 'name')"
+                (ngModelChange)="setString('name', $event)"
               />
             </label>
             <label>
-              <span>{{ tx('editor.field.alt', 'Alternative text') }}</span>
+              <span>{{ tx('editor.field.nameExpr', 'Name binding') }}</span>
               <input
-                [ngModel]="getStringField(node, 'alt')"
-                (ngModelChange)="setString('alt', $event)"
+                [ngModel]="getStringField(node, 'nameExpr')"
+                (ngModelChange)="setString('nameExpr', $event)"
               />
             </label>
-          }
-          @case ('link') {
             <label>
-              <span>{{ tx('editor.field.label', 'Label') }}</span>
+              <span>{{ tx('editor.field.avatarImage', 'Avatar image') }}</span>
               <input
-                [ngModel]="getStringField(node, 'label')"
-                (ngModelChange)="setString('label', $event)"
+                [ngModel]="getStringField(node, 'imageSrc')"
+                (ngModelChange)="setString('imageSrc', $event)"
               />
             </label>
             <label>
-              <span>{{ tx('editor.field.href', 'Link URL') }}</span>
+              <span>{{ tx('editor.field.imageSrcExpr', 'Image binding') }}</span>
               <input
-                [ngModel]="getStringField(node, 'href')"
-                (ngModelChange)="setString('href', $event)"
+                [ngModel]="getStringField(node, 'imageSrcExpr')"
+                (ngModelChange)="setString('imageSrcExpr', $event)"
               />
             </label>
-          }
-          @case ('metric') {
             <label>
-              <span>{{ tx('editor.field.label', 'Label') }}</span>
+              <span>{{ tx('editor.field.initials', 'Initials') }}</span>
               <input
-                [ngModel]="getStringField(node, 'label')"
-                (ngModelChange)="setString('label', $event)"
+                [ngModel]="getStringField(node, 'initials')"
+                (ngModelChange)="setString('initials', $event)"
               />
             </label>
             <label>
-              <span>{{ tx('editor.field.valueExpr', 'Value binding') }}</span>
+              <span>{{ tx('editor.field.initialsExpr', 'Initials binding') }}</span>
               <input
-                [ngModel]="getStringField(node, 'valueExpr')"
-                (ngModelChange)="setString('valueExpr', $event)"
+                [ngModel]="getStringField(node, 'initialsExpr')"
+                (ngModelChange)="setString('initialsExpr', $event)"
               />
             </label>
           }
-          @case ('progress') {
+          @case ('image') {
+            <label>
+              <span>{{ tx('editor.field.src', 'Image URL') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'src')"
+                (ngModelChange)="setString('src', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.srcExpr', 'Image URL binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'srcExpr')"
+                (ngModelChange)="setString('srcExpr', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.alt', 'Alternative text') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'alt')"
+                (ngModelChange)="setString('alt', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.altExpr', 'Alt text binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'altExpr')"
+                (ngModelChange)="setString('altExpr', $event)"
+              />
+            </label>
+          }
+          @case ('link') {
+            <label>
+              <span>{{ tx('editor.field.label', 'Label') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'label')"
+                (ngModelChange)="setString('label', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'labelExpr')"
+                (ngModelChange)="setString('labelExpr', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.href', 'Link URL') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'href')"
+                (ngModelChange)="setString('href', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.target', 'Target') }}</span>
+              <select
+                [ngModel]="getStringField(node, 'target') || '_self'"
+                (ngModelChange)="setString('target', $event)"
+              >
+                <option value="_self">{{ tx('editor.target.self', 'Same tab') }}</option>
+                <option value="_blank">{{ tx('editor.target.blank', 'New tab') }}</option>
+              </select>
+            </label>
+            <label>
+              <span>{{ tx('editor.field.rel', 'Rel') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'rel')"
+                (ngModelChange)="setString('rel', $event)"
+              />
+            </label>
+          }
+          @case ('metric') {
+            <label>
+              <span>{{ tx('editor.field.label', 'Label') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'label')"
+                (ngModelChange)="setString('label', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.valueExpr', 'Value binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'valueExpr')"
+                (ngModelChange)="setString('valueExpr', $event)"
+              />
+            </label>
+          }
+          @case ('progress') {
             <label>
               <span>{{ tx('editor.field.label', 'Label') }}</span>
               <input
@@ -7165,6 +8042,20 @@ class PraxisRichContentConfigEditor {
                 (ngModelChange)="setString('label', $event)"
               />
             </label>
+            <label>
+              <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'labelExpr')"
+                (ngModelChange)="setString('labelExpr', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.valueExpr', 'Value binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'valueExpr')"
+                (ngModelChange)="setString('valueExpr', $event)"
+              />
+            </label>
             <label>
               <span>{{ tx('editor.field.max', 'Maximum') }}</span>
               <input
@@ -7418,7 +8309,59 @@ class PraxisRichContentConfigEditor {
         </div>
       </ng-template>
 
-      <section class="prx-rich-editor__blocks">
+      <nav
+        class="prx-rich-editor__tabs"
+        [attr.aria-label]="tx('editor.workbenchTabs', 'Editor sections')"
+        role="tablist"
+      >
+        <button
+          type="button"
+          role="tab"
+          class="prx-rich-editor__tab"
+          [class.prx-rich-editor__tab--active]="activeEditorPanel === 'guided'"
+          [attr.aria-selected]="activeEditorPanel === 'guided'"
+          (click)="selectEditorPanel('guided')"
+          data-testid="rich-content-guided-tab"
+        >
+          {{ tx('editor.guidedEditing', 'Guided editing') }}
+        </button>
+        <button
+          type="button"
+          role="tab"
+          class="prx-rich-editor__tab"
+          [class.prx-rich-editor__tab--active]="activeEditorPanel === 'preview'"
+          [attr.aria-selected]="activeEditorPanel === 'preview'"
+          (click)="selectEditorPanel('preview')"
+          data-testid="rich-content-preview-tab"
+        >
+          {{ tx('editor.preview', 'Preview') }}
+        </button>
+        <button
+          type="button"
+          role="tab"
+          class="prx-rich-editor__tab"
+          [class.prx-rich-editor__tab--active]="activeEditorPanel === 'json'"
+          [attr.aria-selected]="activeEditorPanel === 'json'"
+          (click)="selectEditorPanel('json')"
+          data-testid="rich-content-json-tab"
+        >
+          {{ tx('editor.document', 'Advanced JSON') }}
+          @if (!valid || validationIssues.length) {
+            <span class="prx-rich-editor__tab-badge">
+              {{
+                validationIssues.length || tx('editor.invalidBadge', 'Invalid')
+              }}
+            </span>
+          }
+        </button>
+      </nav>
+
+      @if (activeEditorPanel === 'guided') {
+      <section
+        class="prx-rich-editor__blocks"
+        role="tabpanel"
+        [attr.aria-label]="tx('editor.guidedEditing', 'Guided editing')"
+      >
         <header class="prx-rich-editor__section-header">
           <div>
             <h3>{{ tx('editor.blocks', 'Blocks') }}</h3>
@@ -7455,8 +8398,83 @@ class PraxisRichContentConfigEditor {
         </header>
 
         @if (parsedDocument?.nodes?.length) {
+          <div class="prx-rich-editor__authoring-shell">
+            <aside
+              class="prx-rich-editor__structure"
+              [attr.aria-label]="tx('editor.structure', 'Document structure')"
+            >
+              <div class="prx-rich-editor__structure-summary">
+                <strong>{{ tx('editor.structure', 'Document structure') }}</strong>
+                <span>
+                  {{
+                    tx('editor.structureHelp', 'Select a block to edit its properties.')
+                  }}
+                </span>
+              </div>
+              <div class="prx-rich-editor__structure-list">
+                @for (node of parsedDocument?.nodes ?? []; track node.id ?? $index; let nodeIndex = $index) {
+                  <button
+                    type="button"
+                    class="prx-rich-editor__structure-item"
+                    [class.prx-rich-editor__structure-item--selected]="selectedNodeIndex === nodeIndex"
+                    [attr.aria-current]="selectedNodeIndex === nodeIndex ? 'true' : null"
+                    (click)="selectTopLevelNode(nodeIndex)"
+                    [attr.data-testid]="'rich-content-node-selector-' + nodeIndex"
+                  >
+                    <span class="prx-rich-editor__node-eyebrow">
+                      {{ tx('editor.block', 'Block') }} {{ nodeIndex + 1 }}
+                    </span>
+                    <strong>{{ tx('editor.nodeType.' + node.type, node.type) }}</strong>
+                    @if (getIssueCount('$.nodes[' + nodeIndex + ']'); as issueCount) {
+                      <small>
+                        {{ tx('editor.hasIssues', 'Needs attention') }}
+                        <span class="prx-rich-editor__issue-count">{{ issueCount }}</span>
+                      </small>
+                    }
+                  </button>
+                }
+              </div>
+            </aside>
+
+            <div class="prx-rich-editor__properties">
+              <header class="prx-rich-editor__section-header">
+                <div>
+                  <h3>{{ tx('editor.properties', 'Properties') }}</h3>
+                  <p>
+                    {{
+                      tx(
+                        'editor.propertiesHelp',
+                        'Edit the selected block without leaving the document structure.'
+                      )
+                    }}
+                  </p>
+                </div>
+              </header>
+              <div
+                class="prx-rich-editor__intent-strip"
+                [attr.aria-label]="tx('editor.intentNavigation', 'Property sections')"
+              >
+                <span>
+                  <strong>{{ tx('editor.intent.content', 'Content') }}</strong>
+                  <small>{{ tx('editor.intent.contentHelp', 'Primary block fields') }}</small>
+                </span>
+                <span>
+                  <strong>{{ tx('editor.intent.presentation', 'Presentation') }}</strong>
+                  <small>{{ tx('editor.intent.presentationHelp', 'Visual affordances') }}</small>
+                </span>
+                <button type="button" (click)="openAdvancedRules()">
+                  <strong>{{ tx('editor.intent.dataRules', 'Data and rules') }}</strong>
+                  <small>{{ tx('editor.intent.dataRulesHelp', 'Metadata and gates') }}</small>
+                  @if (getSelectedNodeIssueCount(); as selectedIssueCount) {
+                    <span class="prx-rich-editor__issue-count">
+                      {{ selectedIssueCount }}
+                    </span>
+                  }
+                </button>
+              </div>
           <div class="prx-rich-editor__node-list">
             @for (node of parsedDocument?.nodes ?? []; track node.id ?? $index; let nodeIndex = $index) {
+              @if (selectedNodeIndex === nodeIndex) {
               <article
                 class="prx-rich-editor__node-card"
                 [attr.data-rich-editor-node-type]="node.type"
@@ -7595,19 +8613,124 @@ class PraxisRichContentConfigEditor {
                         />
                       </label>
                     }
-                    @case ('image') {
+                    @case ('avatar') {
+                      <label>
+                        <span>{{ tx('editor.field.avatarName', 'Avatar name') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'name')"
+                          (ngModelChange)="setStringField($index, 'name', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.nameExpr', 'Name binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'nameExpr')"
+                          (ngModelChange)="setStringField($index, 'nameExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.nameExpr', 'row.name')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.avatarImage', 'Avatar image') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'imageSrc')"
+                          (ngModelChange)="setStringField($index, 'imageSrc', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.imageSrcExpr', 'Image binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'imageSrcExpr')"
+                          (ngModelChange)="setStringField($index, 'imageSrcExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.imageSrcExpr', 'row.avatarUrl')"
+                        />
+                      </label>
                       <label>
-                        <span>{{ tx('editor.field.src', 'Image URL') }}</span>
+                        <span>{{ tx('editor.field.initials', 'Initials') }}</span>
                         <input
-                          [ngModel]="getStringField(node, 'src')"
-                          (ngModelChange)="setStringField($index, 'src', $event)"
+                          [ngModel]="getStringField(node, 'initials')"
+                          (ngModelChange)="setStringField($index, 'initials', $event)"
                         />
                       </label>
                       <label>
-                        <span>{{ tx('editor.field.alt', 'Alternative text') }}</span>
+                        <span>{{ tx('editor.field.initialsExpr', 'Initials binding') }}</span>
                         <input
-                          [ngModel]="getStringField(node, 'alt')"
-                          (ngModelChange)="setStringField($index, 'alt', $event)"
+                          [ngModel]="getStringField(node, 'initialsExpr')"
+                          (ngModelChange)="setStringField($index, 'initialsExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.initialsExpr', 'row.initials')"
+                        />
+                      </label>
+                    }
+              @case ('image') {
+                <label>
+                  <span>{{ tx('editor.field.src', 'Image URL') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'src')"
+                    (ngModelChange)="setStringField($index, 'src', $event)"
+                  />
+                </label>
+                <label>
+                  <span>{{ tx('editor.field.srcExpr', 'Image URL binding') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'srcExpr')"
+                    (ngModelChange)="setStringField($index, 'srcExpr', $event)"
+                    [placeholder]="tx('editor.placeholder.srcExpr', 'row.imageUrl')"
+                  />
+                </label>
+                <label>
+                  <span>{{ tx('editor.field.alt', 'Alternative text') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'alt')"
+                    (ngModelChange)="setStringField($index, 'alt', $event)"
+                  />
+                </label>
+                <label>
+                  <span>{{ tx('editor.field.altExpr', 'Alt text binding') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'altExpr')"
+                    (ngModelChange)="setStringField($index, 'altExpr', $event)"
+                    [placeholder]="tx('editor.placeholder.altExpr', 'row.imageAlt')"
+                  />
+                </label>
+              }
+                    @case ('link') {
+                      <label>
+                        <span>{{ tx('editor.field.label', 'Label') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'label')"
+                          (ngModelChange)="setStringField($index, 'label', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'labelExpr')"
+                          (ngModelChange)="setStringField($index, 'labelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.labelExpr', 'row.linkLabel')"
+                        />
+                      </label>
+                      <label class="prx-rich-editor__wide-field">
+                        <span>{{ tx('editor.field.href', 'Link URL') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'href')"
+                          (ngModelChange)="setStringField($index, 'href', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.target', 'Target') }}</span>
+                        <select
+                          [ngModel]="getStringField(node, 'target') || '_self'"
+                          (ngModelChange)="setStringField($index, 'target', $event)"
+                        >
+                          <option value="_self">{{ tx('editor.target.self', 'Same tab') }}</option>
+                          <option value="_blank">{{ tx('editor.target.blank', 'New tab') }}</option>
+                        </select>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.rel', 'Rel') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'rel')"
+                          (ngModelChange)="setStringField($index, 'rel', $event)"
+                          [placeholder]="tx('editor.placeholder.rel', 'noopener noreferrer')"
                         />
                       </label>
                     }
@@ -7619,6 +8742,14 @@ class PraxisRichContentConfigEditor {
                           (ngModelChange)="setStringField($index, 'label', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'labelExpr')"
+                          (ngModelChange)="setStringField($index, 'labelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.labelExpr', 'row.status')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.valueExpr', 'Value binding') }}</span>
                         <input
@@ -7660,6 +8791,14 @@ class PraxisRichContentConfigEditor {
                           (ngModelChange)="setNumberField($index, 'max', $event)"
                         />
                       </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'showPercent')"
+                          (ngModelChange)="setBooleanField($index, 'showPercent', $event)"
+                        />
+                        <span>{{ tx('editor.field.showPercent', 'Show percent') }}</span>
+                      </label>
               }
               @case ('actionButton') {
                 <label>
@@ -7755,6 +8894,14 @@ class PraxisRichContentConfigEditor {
                           <option value="xl">xl</option>
                         </select>
                       </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'wrap')"
+                          (ngModelChange)="setBooleanField($index, 'wrap', $event)"
+                        />
+                        <span>{{ tx('editor.field.wrap', 'Wrap items') }}</span>
+                      </label>
                       <div class="prx-rich-editor__nested-editor">
                         <header class="prx-rich-editor__nested-header">
                           <h5>{{ tx('editor.composeItems', 'Compose items') }}</h5>
@@ -7812,6 +8959,14 @@ class PraxisRichContentConfigEditor {
                           (ngModelChange)="setStringField($index, 'title', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.titleExpr', 'Title binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'titleExpr')"
+                          (ngModelChange)="setStringField($index, 'titleExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.titleExpr', '\${decision.title}')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.subtitle', 'Subtitle') }}</span>
                         <input
@@ -7819,6 +8974,14 @@ class PraxisRichContentConfigEditor {
                           (ngModelChange)="setStringField($index, 'subtitle', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.subtitleExpr', 'Subtitle binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'subtitleExpr')"
+                          (ngModelChange)="setStringField($index, 'subtitleExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.subtitleExpr', '\${decision.policySource}')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.variant', 'Variant') }}</span>
                         <select
@@ -7856,6 +9019,16 @@ class PraxisRichContentConfigEditor {
                           <option value="lg">{{ tx('editor.size.lg', 'Large') }}</option>
                         </select>
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.density', 'Density') }}</span>
+                        <select
+                          [ngModel]="getStringField(node, 'density') || 'comfortable'"
+                          (ngModelChange)="setStringField($index, 'density', $event)"
+                        >
+                          <option value="comfortable">{{ tx('editor.density.comfortable', 'Comfortable') }}</option>
+                          <option value="compact">{{ tx('editor.density.compact', 'Compact') }}</option>
+                        </select>
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.orientation', 'Orientation') }}</span>
                         <select
@@ -7866,6 +9039,38 @@ class PraxisRichContentConfigEditor {
                           <option value="horizontal">{{ tx('editor.orientation.horizontal', 'Horizontal') }}</option>
                         </select>
                       </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'loading')"
+                          (ngModelChange)="setBooleanField($index, 'loading', $event)"
+                        />
+                        <span>{{ tx('editor.field.loading', 'Loading') }}</span>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.loadingExpr', 'Loading binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'loadingExpr')"
+                          (ngModelChange)="setStringField($index, 'loadingExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.loadingExpr', 'row.loading')"
+                        />
+                      </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'active')"
+                          (ngModelChange)="setBooleanField($index, 'active', $event)"
+                        />
+                        <span>{{ tx('editor.field.active', 'Active') }}</span>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.activeExpr', 'Active binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'activeExpr')"
+                          (ngModelChange)="setStringField($index, 'activeExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.activeExpr', 'row.active')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.mediaKind', 'Media') }}</span>
                         <select
@@ -7887,6 +9092,14 @@ class PraxisRichContentConfigEditor {
                             (ngModelChange)="setCardMediaField(nodeIndex, 'src', $event)"
                           />
                         </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaSrcExpr', 'Media source binding') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'srcExpr')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'srcExpr', $event)"
+                            [placeholder]="tx('editor.placeholder.mediaSrcExpr', 'row.mediaUrl')"
+                          />
+                        </label>
                         <label>
                           <span>{{ tx('editor.field.mediaAlt', 'Media alt text') }}</span>
                           <input
@@ -7894,6 +9107,14 @@ class PraxisRichContentConfigEditor {
                             (ngModelChange)="setCardMediaField(nodeIndex, 'alt', $event)"
                           />
                         </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaAltExpr', 'Media alt binding') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'altExpr')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'altExpr', $event)"
+                            [placeholder]="tx('editor.placeholder.mediaAltExpr', 'row.mediaAlt')"
+                          />
+                        </label>
                         <label>
                           <span>{{ tx('editor.field.mediaIcon', 'Media icon') }}</span>
                           <input
@@ -7901,6 +9122,29 @@ class PraxisRichContentConfigEditor {
                             (ngModelChange)="setCardMediaField(nodeIndex, 'icon', $event)"
                           />
                         </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaLabel', 'Media label') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'label')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'label', $event)"
+                          />
+                        </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaLabelExpr', 'Media label binding') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'labelExpr')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'labelExpr', $event)"
+                            [placeholder]="tx('editor.placeholder.mediaLabelExpr', 'row.mediaLabel')"
+                          />
+                        </label>
+                        <label>
+                          <span>{{ tx('editor.field.aspectRatio', 'Aspect ratio') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'aspectRatio')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'aspectRatio', $event)"
+                            [placeholder]="tx('editor.placeholder.aspectRatio', '16 / 9')"
+                          />
+                        </label>
                         <label>
                           <span>{{ tx('editor.field.mediaPlacement', 'Media placement') }}</span>
                           <select
@@ -7914,6 +9158,76 @@ class PraxisRichContentConfigEditor {
                           </select>
                         </label>
                       }
+                      <label>
+                        <span>{{ tx('editor.field.interactionMode', 'Interaction mode') }}</span>
+                        <select
+                          [ngModel]="getCardInteractionField(nodeIndex, 'mode') || 'none'"
+                          (ngModelChange)="setCardInteractionField(nodeIndex, 'mode', $event)"
+                        >
+                          <option value="none">{{ tx('editor.interaction.none', 'None') }}</option>
+                          <option value="action">{{ tx('editor.interaction.action', 'Action') }}</option>
+                          <option value="selectable">{{ tx('editor.interaction.selectable', 'Selectable') }}</option>
+                        </select>
+                      </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getCardInteractionBooleanField(nodeIndex, 'selected')"
+                          (ngModelChange)="setCardInteractionBooleanField(nodeIndex, 'selected', $event)"
+                        />
+                        <span>{{ tx('editor.field.selected', 'Selected') }}</span>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.selectedExpr', 'Selected binding') }}</span>
+                        <input
+                          [ngModel]="getCardInteractionField(nodeIndex, 'selectedExpr')"
+                          (ngModelChange)="setCardInteractionField(nodeIndex, 'selectedExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.selectedExpr', 'row.selected')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.interactionActionId', 'Interaction action ID') }}</span>
+                        <input
+                          [ngModel]="getCardInteractionActionField(nodeIndex, 'actionId')"
+                          (ngModelChange)="setCardInteractionActionField(nodeIndex, 'actionId', $event)"
+                          [placeholder]="tx('editor.placeholder.actionId', 'host.action.open')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.payloadExpr', 'Payload binding') }}</span>
+                        <input
+                          [ngModel]="getCardInteractionActionField(nodeIndex, 'payloadExpr')"
+                          (ngModelChange)="setCardInteractionActionField(nodeIndex, 'payloadExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.payloadExpr', 'row')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.accessibilityRole', 'Accessibility role') }}</span>
+                        <select
+                          [ngModel]="getCardAccessibilityField(nodeIndex, 'role')"
+                          (ngModelChange)="setCardAccessibilityField(nodeIndex, 'role', $event)"
+                        >
+                          <option value="">{{ tx('editor.none', 'None') }}</option>
+                          <option value="article">{{ tx('editor.accessibilityRole.article', 'Article') }}</option>
+                          <option value="group">{{ tx('editor.accessibilityRole.group', 'Group') }}</option>
+                          <option value="button">{{ tx('editor.accessibilityRole.button', 'Button') }}</option>
+                        </select>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.ariaLabel', 'Accessible label') }}</span>
+                        <input
+                          [ngModel]="getCardAccessibilityField(nodeIndex, 'ariaLabel')"
+                          (ngModelChange)="setCardAccessibilityField(nodeIndex, 'ariaLabel', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.ariaLabelExpr', 'Accessible label binding') }}</span>
+                        <input
+                          [ngModel]="getCardAccessibilityField(nodeIndex, 'ariaLabelExpr')"
+                          (ngModelChange)="setCardAccessibilityField(nodeIndex, 'ariaLabelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.ariaLabelExpr', 'row.ariaLabel')"
+                        />
+                      </label>
                       <div class="prx-rich-editor__nested-editor">
                         <header class="prx-rich-editor__nested-header">
                           <h5>{{ tx('editor.cardContent', 'Card body') }}</h5>
@@ -8359,6 +9673,14 @@ class PraxisRichContentConfigEditor {
                           (ngModelChange)="setTabsItemField(nodeIndex, $index, 'label', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+                        <input
+                          [ngModel]="getTabsItemField(nodeIndex, $index, 'labelExpr')"
+                          (ngModelChange)="setTabsItemField(nodeIndex, $index, 'labelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.tabLabelExpr', 'row.tabLabel')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.icon', 'Icon') }}</span>
                         <input
@@ -8373,6 +9695,48 @@ class PraxisRichContentConfigEditor {
                           (ngModelChange)="setTabsItemField(nodeIndex, $index, 'badge', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.badgeExpr', 'Badge binding') }}</span>
+                        <input
+                          [ngModel]="getTabsItemField(nodeIndex, $index, 'badgeExpr')"
+                          (ngModelChange)="setTabsItemField(nodeIndex, $index, 'badgeExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.badgeExpr', 'row.badge')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.requiresCapabilities', 'Capabilities') }}</span>
+                        <input
+                          [ngModel]="getTabsItemCapabilityList(nodeIndex, $index)"
+                          (ngModelChange)="setTabsItemCapabilityList(nodeIndex, $index, $event)"
+                          [placeholder]="tx('editor.placeholder.requiresCapabilities', 'form.mode.edit, employee.open')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.capabilityMode', 'Capability mode') }}</span>
+                        <select
+                          [ngModel]="getTabsItemField(nodeIndex, $index, 'capabilityMode') || 'all'"
+                          (ngModelChange)="setTabsItemField(nodeIndex, $index, 'capabilityMode', $event)"
+                        >
+                          <option value="all">{{ tx('editor.capabilityMode.all', 'All') }}</option>
+                          <option value="any">{{ tx('editor.capabilityMode.any', 'Any') }}</option>
+                        </select>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenPath', 'Context path') }}</span>
+                        <input
+                          [ngModel]="getTabsItemVisibleWhenPath(nodeIndex, $index)"
+                          (ngModelChange)="setTabsItemVisibleWhenPath(nodeIndex, $index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenPath', 'row.active')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenValue', 'Expected value') }}</span>
+                        <input
+                          [ngModel]="getTabsItemVisibleWhenValue(nodeIndex, $index)"
+                          (ngModelChange)="setTabsItemVisibleWhenValue(nodeIndex, $index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenValue', 'true')"
+                        />
+                      </label>
                     </div>
                   }
                 </div>
@@ -9035,24 +10399,24 @@ class PraxisRichContentConfigEditor {
                   <header class="prx-rich-editor__nested-header">
                     <h5>{{ tx('editor.decisionEvidence', 'Evidence') }}</h5>
                     <div class="prx-rich-editor__quick-actions">
-                      <button type="button" (click)="addDecisionPackageEvidence($index)">
+                      <button type="button" (click)="addDecisionPackageEvidence(nodeIndex)">
                         {{ tx('editor.addEvidence', 'Add evidence') }}
                       </button>
                     </div>
                   </header>
-                  @for (evidence of getDecisionPackageEvidence($index); track evidence.id ?? $index; let evidenceIndex = $index) {
+                  @for (evidence of getDecisionPackageEvidence(nodeIndex); track evidence.id ?? $index; let evidenceIndex = $index) {
                     <div class="prx-rich-editor__nested-node">
                       <div class="prx-rich-editor__nested-actions">
                         <strong>{{ tx('editor.evidence', 'Evidence') }} {{ evidenceIndex + 1 }}</strong>
-                        @if (isRemovalPending('nodes.' + $index + '.evidence', evidenceIndex)) {
-                          <button type="button" (click)="removeDecisionPackageEvidence($index, evidenceIndex)">
+                        @if (isRemovalPending('nodes.' + nodeIndex + '.evidence', evidenceIndex)) {
+                          <button type="button" (click)="removeDecisionPackageEvidence(nodeIndex, evidenceIndex)">
                             {{ tx('editor.confirmRemove', 'Confirm remove') }}
                           </button>
                           <button type="button" (click)="cancelRemoval()">
                             {{ tx('editor.cancelRemove', 'Cancel') }}
                           </button>
                         } @else {
-                          <button type="button" (click)="requestNestedRemoval('nodes.' + $index + '.evidence', evidenceIndex)">
+                          <button type="button" (click)="requestNestedRemoval('nodes.' + nodeIndex + '.evidence', evidenceIndex)">
                             {{ tx('editor.removeBlock', 'Remove') }}
                           </button>
                         }
@@ -9061,37 +10425,37 @@ class PraxisRichContentConfigEditor {
                         <label>
                           <span>{{ tx('editor.field.itemId', 'Item ID') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'id')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'id', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'id')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'id', $event)"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.label', 'Label') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'label')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'label', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'label')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'label', $event)"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'labelExpr')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'labelExpr', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'labelExpr')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'labelExpr', $event)"
                             [placeholder]="tx('editor.placeholder.evidenceLabelExpr', '\${evidence.label}')"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.source', 'Source') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'source')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'source', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'source')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'source', $event)"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.sourceExpr', 'Source binding') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'sourceExpr')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'sourceExpr', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'sourceExpr')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'sourceExpr', $event)"
                             [placeholder]="tx('editor.placeholder.evidenceSourceExpr', '\${evidence.source}')"
                           />
                         </label>
@@ -9104,27 +10468,27 @@ class PraxisRichContentConfigEditor {
                   <header class="prx-rich-editor__nested-header">
                     <h5>{{ tx('editor.decisionPrimaryAction', 'Primary action') }}</h5>
                     <div class="prx-rich-editor__quick-actions">
-                      @if (getDecisionPackagePrimaryAction($index)) {
-                        <button type="button" (click)="removeDecisionPackagePrimaryAction($index)">
+                      @if (getDecisionPackagePrimaryAction(nodeIndex)) {
+                        <button type="button" (click)="removeDecisionPackagePrimaryAction(nodeIndex)">
                           {{ tx('editor.removeBlock', 'Remove') }}
                         </button>
                       } @else {
-                        <button type="button" (click)="addDecisionPackagePrimaryActionPreset($index, 'primary')">
+                        <button type="button" (click)="addDecisionPackagePrimaryActionPreset(nodeIndex, 'primary')">
                           {{ tx('editor.addPrimaryAction', 'Add primary action') }}
                         </button>
-                        <button type="button" (click)="addDecisionPackagePrimaryAction($index)">
+                        <button type="button" (click)="addDecisionPackagePrimaryAction(nodeIndex)">
                           {{ tx('editor.addAction', 'Add action') }}
                         </button>
                       }
                     </div>
                   </header>
-                  @if (getDecisionPackagePrimaryAction($index); as primaryAction) {
+                  @if (getDecisionPackagePrimaryAction(nodeIndex); as primaryAction) {
                     <div class="prx-rich-editor__node-grid">
                       <ng-container
                         *ngTemplateOutlet="actionFields; context: {
                           action: primaryAction,
-                          path: '$.nodes[' + $index + '].primaryAction',
-                          setField: setDecisionPackagePrimaryActionField.bind(this, $index)
+                          path: '$.nodes[' + nodeIndex + '].primaryAction',
+                          setField: setDecisionPackagePrimaryActionField.bind(this, nodeIndex)
                         }"
                       ></ng-container>
                     </div>
@@ -9763,97 +11127,216 @@ class PraxisRichContentConfigEditor {
                       </p>
                     }
                   }
-                  <fieldset class="prx-rich-editor__wide-field prx-rich-editor__field-group">
-                    <legend>{{ tx('editor.commonMetadata', 'Common metadata') }}</legend>
-                    <label>
-                      <span>{{ tx('editor.field.testId', 'Test id') }}</span>
-                      <input
-                        [ngModel]="getStringField(node, 'testId')"
-                        (ngModelChange)="setStringField($index, 'testId', $event)"
-                        [placeholder]="tx('editor.placeholder.testId', 'rich-hero-title')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.className', 'CSS class') }}</span>
-                      <input
-                        [ngModel]="getStringField(node, 'className')"
-                        (ngModelChange)="setStringField($index, 'className', $event)"
-                        [placeholder]="tx('editor.placeholder.className', 'hero-title')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.requiresCapabilities', 'Capabilities') }}</span>
-                      <input
-                        [ngModel]="getCapabilityList(node)"
-                        (ngModelChange)="setCapabilityList($index, $event)"
-                        [placeholder]="tx('editor.placeholder.requiresCapabilities', 'form.mode.edit, employee.open')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.capabilityMode', 'Capability mode') }}</span>
-                      <select
-                        [ngModel]="getStringField(node, 'capabilityMode') || 'all'"
-                        (ngModelChange)="setStringField($index, 'capabilityMode', $event)"
-                      >
-                        <option value="all">{{ tx('editor.capabilityMode.all', 'All') }}</option>
-                        <option value="any">{{ tx('editor.capabilityMode.any', 'Any') }}</option>
-                      </select>
-                    </label>
-                  </fieldset>
+                  <details
+                    class="prx-rich-editor__advanced-group"
+                    [open]="advancedRulesOpen"
+                    (toggle)="onAdvancedRulesToggle($event)"
+                  >
+                    <summary>
+                      <span>{{ tx('editor.advancedDataRules', 'Advanced data and rules') }}</span>
+                      <small>
+                        {{
+                          tx(
+                            'editor.advancedDataRulesHelp',
+                            'Metadata, capability gates, visibility and safe style.'
+                          )
+                        }}
+                      </small>
+                    </summary>
 
-                  <fieldset class="prx-rich-editor__wide-field prx-rich-editor__field-group">
-                    <legend>{{ tx('editor.visibilityRule', 'Visibility rule') }}</legend>
-                    <label>
-                      <span>{{ tx('editor.field.visibleWhenPath', 'Context path') }}</span>
-                      <input
-                        [ngModel]="getVisibleWhenPath(node)"
-                        (ngModelChange)="setVisibleWhenPath($index, $event)"
-                        [placeholder]="tx('editor.placeholder.visibleWhenPath', 'row.active')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.visibleWhenValue', 'Expected value') }}</span>
-                      <input
-                        [ngModel]="getVisibleWhenValue(node)"
-                        (ngModelChange)="setVisibleWhenValue($index, $event)"
-                        [placeholder]="tx('editor.placeholder.visibleWhenValue', 'true')"
-                      />
-                    </label>
-                  </fieldset>
+                    <fieldset class="prx-rich-editor__field-group">
+                      <legend>{{ tx('editor.commonMetadata', 'Common metadata') }}</legend>
+                      <label>
+                        <span>{{ tx('editor.field.testId', 'Test id') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'testId')"
+                          (ngModelChange)="setStringField($index, 'testId', $event)"
+                          [placeholder]="tx('editor.placeholder.testId', 'rich-hero-title')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.className', 'CSS class') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'className')"
+                          (ngModelChange)="setStringField($index, 'className', $event)"
+                          [placeholder]="tx('editor.placeholder.className', 'hero-title')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.requiresCapabilities', 'Capabilities') }}</span>
+                        <input
+                          [ngModel]="getCapabilityList(node)"
+                          (ngModelChange)="setCapabilityList($index, $event)"
+                          [placeholder]="tx('editor.placeholder.requiresCapabilities', 'form.mode.edit, employee.open')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.capabilityMode', 'Capability mode') }}</span>
+                        <select
+                          [ngModel]="getStringField(node, 'capabilityMode') || 'all'"
+                          (ngModelChange)="setStringField($index, 'capabilityMode', $event)"
+                        >
+                          <option value="all">{{ tx('editor.capabilityMode.all', 'All') }}</option>
+                          <option value="any">{{ tx('editor.capabilityMode.any', 'Any') }}</option>
+                        </select>
+                      </label>
+                    </fieldset>
 
-                  <fieldset class="prx-rich-editor__wide-field prx-rich-editor__field-group">
-                    <legend>{{ tx('editor.safeStyle', 'Safe style') }}</legend>
-                    <label>
-                      <span>{{ tx('editor.field.styleName', 'CSS property') }}</span>
-                      <input
-                        [ngModel]="getFirstStyleName(node)"
-                        (ngModelChange)="setFirstStyleName($index, $event)"
-                        [placeholder]="tx('editor.placeholder.styleName', 'color')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.styleValue', 'CSS value') }}</span>
-                      <input
-                        [ngModel]="getFirstStyleValue(node)"
-                        (ngModelChange)="setFirstStyleValue($index, $event)"
-                        [placeholder]="tx('editor.placeholder.styleValue', 'var(--md-sys-color-primary)')"
-                      />
-                    </label>
-                  </fieldset>
+                    <fieldset class="prx-rich-editor__field-group">
+                      <legend>{{ tx('editor.visibilityRule', 'Visibility rule') }}</legend>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenPath', 'Context path') }}</span>
+                        <input
+                          [ngModel]="getVisibleWhenPath(node)"
+                          (ngModelChange)="setVisibleWhenPath($index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenPath', 'row.active')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenValue', 'Expected value') }}</span>
+                        <input
+                          [ngModel]="getVisibleWhenValue(node)"
+                          (ngModelChange)="setVisibleWhenValue($index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenValue', 'true')"
+                        />
+                      </label>
+                    </fieldset>
+
+                    <fieldset class="prx-rich-editor__field-group">
+                      <legend>{{ tx('editor.safeStyle', 'Safe style') }}</legend>
+                      <label>
+                        <span>{{ tx('editor.field.styleName', 'CSS property') }}</span>
+                        <input
+                          [ngModel]="getFirstStyleName(node)"
+                          (ngModelChange)="setFirstStyleName($index, $event)"
+                          [placeholder]="tx('editor.placeholder.styleName', 'color')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.styleValue', 'CSS value') }}</span>
+                        <input
+                          [ngModel]="getFirstStyleValue(node)"
+                          (ngModelChange)="setFirstStyleValue($index, $event)"
+                          [placeholder]="tx('editor.placeholder.styleValue', 'var(--md-sys-color-primary)')"
+                        />
+                      </label>
+                    </fieldset>
+
+                    @if (getAdvancedJsonOnlyFields(node).length) {
+                      <aside class="prx-rich-editor__advanced-json-map">
+                        <strong>{{ tx('editor.advancedJsonFields', 'Advanced JSON fields present') }}</strong>
+                        <p>
+                          {{
+                            tx(
+                              'editor.advancedJsonFieldsHelp',
+                              'These canonical fields are preserved by guided edits and remain editable in the Advanced JSON tab.'
+                            )
+                          }}
+                        </p>
+                        <div class="prx-rich-editor__advanced-json-chips">
+                          @for (field of getAdvancedJsonOnlyFields(node); track field) {
+                            <code>{{ field }}</code>
+                          }
+                        </div>
+                      </aside>
+                    }
+
+                    <fieldset class="prx-rich-editor__field-group prx-rich-editor__json-fieldset">
+                      <legend>{{ tx('editor.advancedJsonEditor', 'Advanced JSON editor') }}</legend>
+                      <p class="prx-rich-editor__field-help">
+                        {{
+                          tx(
+                            'editor.advancedJsonEditorHelp',
+                            'Edit canonical data bindings and JsonLogic rule fields without leaving guided editing.'
+                          )
+                        }}
+                      </p>
+                      @for (field of advancedJsonOnlyNodeFields; track field) {
+                        <label class="prx-rich-editor__wide-field prx-rich-editor__json-field">
+                          <span>{{ tx('editor.field.' + field, field) }}</span>
+                          <textarea
+                            [ngModel]="getAdvancedJsonFieldValue(nodeIndex, node, field)"
+                            (ngModelChange)="setAdvancedJsonField(nodeIndex, field, $event)"
+                            [placeholder]="getAdvancedJsonFieldPlaceholder(field)"
+                            [class.invalid]="getAdvancedJsonFieldError(nodeIndex, field)"
+                          ></textarea>
+                          @if (getAdvancedJsonFieldError(nodeIndex, field)) {
+                            <small class="prx-rich-editor__field-error">
+                              {{ getAdvancedJsonFieldError(nodeIndex, field) }}
+                            </small>
+                          }
+                        </label>
+                      }
+                    </fieldset>
+                  </details>
                 </div>
               </article>
+              }
             }
           </div>
+            </div>
+          </div>
         } @else {
           <p class="prx-rich-editor__empty">
             {{ tx('editor.noBlocks', 'No blocks yet. Add a block to start authoring this document.') }}
           </p>
         }
       </section>
+      }
 
-      <label class="prx-rich-editor__document">
-        <span>{{ tx('editor.document', 'Advanced JSON') }}</span>
+      @if (activeEditorPanel === 'preview') {
+      <section
+        class="prx-rich-editor__preview-panel"
+        role="tabpanel"
+        [attr.aria-label]="tx('editor.preview', 'Preview')"
+      >
+        <header class="prx-rich-editor__section-header">
+          <div>
+            <h3>{{ tx('editor.preview', 'Preview') }}</h3>
+            <p>
+              {{
+                tx(
+                  'editor.previewHelp',
+                  'Inspect the materialized document without mixing preview with authoring fields.'
+                )
+              }}
+            </p>
+          </div>
+        </header>
+        @if (parsedDocument) {
+          <div class="prx-rich-editor__preview prx-rich-editor__preview--large">
+            <praxis-rich-content
+              [document]="parsedDocument"
+              [layout]="layout"
+              [rootClassName]="rootClassName"
+            ></praxis-rich-content>
+          </div>
+        } @else {
+          <p class="prx-rich-editor__empty">
+            {{ tx('editor.previewUnavailable', 'Preview is unavailable until the document is valid.') }}
+          </p>
+        }
+      </section>
+      }
+
+      @if (activeEditorPanel === 'json') {
+      <section class="prx-rich-editor__document-panel">
+        <header class="prx-rich-editor__section-header">
+          <div>
+            <h3>{{ tx('editor.document', 'Advanced JSON') }}</h3>
+            <p>
+              {{
+                tx(
+                  'editor.documentAdvancedHelp',
+                  'Use JSON for diagnostics, migration and advanced fields that are not yet surfaced by guided controls.'
+                )
+              }}
+            </p>
+          </div>
+        </header>
         <div class="prx-rich-editor__workbench">
+          <label class="prx-rich-editor__document">
+            <span>{{ tx('editor.documentJson', 'Canonical document JSON') }}</span>
           <textarea
             name="rich-content-document"
             [(ngModel)]="documentJson"
@@ -9867,6 +11350,7 @@ class PraxisRichContentConfigEditor {
             spellcheck="false"
             data-testid="rich-content-document-input"
           ></textarea>
+          </label>
 
           <aside
             class="prx-rich-editor__inspector"
@@ -9886,21 +11370,9 @@ class PraxisRichContentConfigEditor {
               </dl>
             </section>
 
-            @if (parsedDocument) {
-              <section>
-                <h3>{{ tx('editor.preview', 'Preview') }}</h3>
-                <div class="prx-rich-editor__preview">
-                  <praxis-rich-content
-                    [document]="parsedDocument"
-                    [layout]="layout"
-                    [rootClassName]="rootClassName"
-                  ></praxis-rich-content>
-                </div>
-              </section>
-            }
           </aside>
         </div>
-      </label>
+      </section>
 
       @if (errorMessage) {
         <div
@@ -9930,6 +11402,7 @@ class PraxisRichContentConfigEditor {
           }}
         </p>
       }
+      }
 
       <div class="prx-rich-editor__actions">
         <button type="button" (click)="reset()">
@@ -9940,7 +11413,7 @@ class PraxisRichContentConfigEditor {
         </button>
       </div>
     </section>
-  `, isInline: true, styles: [":host{display:block;min-width:0}.prx-rich-editor{display:grid;gap:18px;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__grid,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.prx-rich-editor{display:grid;gap:18px;min-width:0;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant, #d7dce5)}.prx-rich-editor__tab{margin-block-end:-1px;border-radius:8px 8px 0 0;border-bottom-color:transparent;color:var(--md-sys-color-on-surface-variant, #5f6673);background:transparent}.prx-rich-editor__tab--active{border-color:var(--md-sys-color-outline-variant, #d7dce5);border-bottom-color:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__tab-badge,.prx-rich-editor__issue-count{display:inline-flex;min-width:1.35em;min-height:1.35em;padding:0 .38em;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb,#dc2626 14%,transparent);color:#991b1b;font-size:.72rem;font-weight:800;line-height:1}.prx-rich-editor__tab-badge{margin-inline-start:6px}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__authoring-shell{display:grid;gap:14px;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.prx-rich-editor__structure,.prx-rich-editor__properties,.prx-rich-editor__document-panel,.prx-rich-editor__preview-panel{min-width:0;display:grid;gap:12px}.prx-rich-editor__structure{position:sticky;top:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__structure-summary{display:grid;gap:4px}.prx-rich-editor__structure-summary span{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.82rem;font-weight:500}.prx-rich-editor__structure-list{display:grid;gap:8px}.prx-rich-editor__structure-item{display:grid;gap:3px;width:100%;padding:10px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__structure-item--selected{border-color:var(--md-sys-color-primary, #3154e7);background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 8%,var(--md-sys-color-surface, #fff))}.prx-rich-editor__structure-item small{color:#991b1b;font-weight:700}.prx-rich-editor__intent-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.prx-rich-editor__intent-strip span,.prx-rich-editor__intent-strip button{min-width:0;display:grid;gap:3px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:10px 12px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__intent-strip button{position:relative}.prx-rich-editor__intent-strip small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__intent-strip .prx-rich-editor__issue-count{position:absolute;inset-block-start:8px;inset-inline-end:8px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__document-context{display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__document-context summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__document-context summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__document-context[open] summary{margin-block-end:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__field-help{grid-column:1 / -1;margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__json-fieldset{margin-block-start:12px}.prx-rich-editor__json-field{display:grid;gap:6px}.prx-rich-editor__json-field textarea{min-height:96px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.45}.prx-rich-editor__field-error{color:var(--md-sys-color-error, #ba1a1a);font-size:.78rem;font-weight:700}.prx-rich-editor__advanced-group{grid-column:1 / -1;display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 88%,var(--md-sys-color-primary, #3154e7) 4%)}.prx-rich-editor__advanced-group summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__advanced-group summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__advanced-group[open]{padding-block-end:14px}.prx-rich-editor__advanced-group[open] summary{margin-block-end:12px}.prx-rich-editor__advanced-group .prx-rich-editor__field-group+.prx-rich-editor__field-group{margin-block-start:12px}.prx-rich-editor__advanced-json-map{display:grid;gap:8px;margin-block-start:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__advanced-json-map p{margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__advanced-json-chips{display:flex;flex-wrap:wrap;gap:6px}.prx-rich-editor__advanced-json-chips code{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 12%,transparent);color:var(--md-sys-color-primary, #3154e7);font-size:.76rem;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__preview--large{max-height:min(68vh,760px)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__authoring-shell,.prx-rich-editor__intent-strip,.prx-rich-editor__grid,.prx-rich-editor__document-context summary,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}.prx-rich-editor__structure{position:static}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.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: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: PraxisRichContent, selector: "praxis-rich-content", inputs: ["document", "nodes", "context", "hostCapabilities", "layout", "rootClassName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisRichContentConfigEditor, decorators: [{
             type: Component,
@@ -10006,6 +11479,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </label>
       </div>
 
+      <details
+        class="prx-rich-editor__document-context"
+        [open]="hasDocumentContext()"
+      >
+        <summary>
+          <span>{{ tx('editor.documentContext', 'Document context') }}</span>
+          <small>
+            {{
+              tx(
+                'editor.documentContextHelp',
+                'Canonical data scopes and aliases available to rich-content bindings.'
+              )
+            }}
+          </small>
+        </summary>
+        <fieldset class="prx-rich-editor__field-group">
+          <legend>{{ tx('editor.documentContextFields', 'Context contract') }}</legend>
+          <label class="prx-rich-editor__wide-field">
+            <span>{{ tx('editor.field.contextScopes', 'Context scopes') }}</span>
+            <input
+              [ngModel]="getDocumentContextScopes()"
+              (ngModelChange)="setDocumentContextScopes($event)"
+              [placeholder]="tx('editor.placeholder.contextScopes', 'row, user, tenant')"
+              [class.invalid]="getDocumentContextFieldError('scopes')"
+            />
+            @if (getDocumentContextFieldError('scopes')) {
+              <small class="prx-rich-editor__field-error">
+                {{ getDocumentContextFieldError('scopes') }}
+              </small>
+            }
+          </label>
+          <label class="prx-rich-editor__wide-field prx-rich-editor__json-field">
+            <span>{{ tx('editor.field.contextAliases', 'Context aliases') }}</span>
+            <textarea
+              [ngModel]="getDocumentContextAliasesValue()"
+              (ngModelChange)="setDocumentContextAliases($event)"
+              [placeholder]="getDocumentContextAliasesPlaceholder()"
+              [class.invalid]="getDocumentContextFieldError('aliases')"
+            ></textarea>
+            @if (getDocumentContextFieldError('aliases')) {
+              <small class="prx-rich-editor__field-error">
+                {{ getDocumentContextFieldError('aliases') }}
+              </small>
+            }
+          </label>
+        </fieldset>
+      </details>
+
       <ng-template
         #presenterFields
         let-node="node"
@@ -10041,6 +11562,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               />
             </label>
           }
+          @case ('avatar') {
+            <label>
+              <span>{{ tx('editor.field.avatarName', 'Avatar name') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'name')"
+                (ngModelChange)="setString('name', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.nameExpr', 'Name binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'nameExpr')"
+                (ngModelChange)="setString('nameExpr', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.avatarImage', 'Avatar image') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'imageSrc')"
+                (ngModelChange)="setString('imageSrc', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.imageSrcExpr', 'Image binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'imageSrcExpr')"
+                (ngModelChange)="setString('imageSrcExpr', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.initials', 'Initials') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'initials')"
+                (ngModelChange)="setString('initials', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.initialsExpr', 'Initials binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'initialsExpr')"
+                (ngModelChange)="setString('initialsExpr', $event)"
+              />
+            </label>
+          }
           @case ('image') {
             <label>
               <span>{{ tx('editor.field.src', 'Image URL') }}</span>
@@ -10049,6 +11614,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 (ngModelChange)="setString('src', $event)"
               />
             </label>
+            <label>
+              <span>{{ tx('editor.field.srcExpr', 'Image URL binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'srcExpr')"
+                (ngModelChange)="setString('srcExpr', $event)"
+              />
+            </label>
             <label>
               <span>{{ tx('editor.field.alt', 'Alternative text') }}</span>
               <input
@@ -10056,6 +11628,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 (ngModelChange)="setString('alt', $event)"
               />
             </label>
+            <label>
+              <span>{{ tx('editor.field.altExpr', 'Alt text binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'altExpr')"
+                (ngModelChange)="setString('altExpr', $event)"
+              />
+            </label>
           }
           @case ('link') {
             <label>
@@ -10065,6 +11644,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 (ngModelChange)="setString('label', $event)"
               />
             </label>
+            <label>
+              <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'labelExpr')"
+                (ngModelChange)="setString('labelExpr', $event)"
+              />
+            </label>
             <label>
               <span>{{ tx('editor.field.href', 'Link URL') }}</span>
               <input
@@ -10072,6 +11658,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 (ngModelChange)="setString('href', $event)"
               />
             </label>
+            <label>
+              <span>{{ tx('editor.field.target', 'Target') }}</span>
+              <select
+                [ngModel]="getStringField(node, 'target') || '_self'"
+                (ngModelChange)="setString('target', $event)"
+              >
+                <option value="_self">{{ tx('editor.target.self', 'Same tab') }}</option>
+                <option value="_blank">{{ tx('editor.target.blank', 'New tab') }}</option>
+              </select>
+            </label>
+            <label>
+              <span>{{ tx('editor.field.rel', 'Rel') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'rel')"
+                (ngModelChange)="setString('rel', $event)"
+              />
+            </label>
           }
           @case ('metric') {
             <label>
@@ -10097,6 +11700,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 (ngModelChange)="setString('label', $event)"
               />
             </label>
+            <label>
+              <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'labelExpr')"
+                (ngModelChange)="setString('labelExpr', $event)"
+              />
+            </label>
+            <label>
+              <span>{{ tx('editor.field.valueExpr', 'Value binding') }}</span>
+              <input
+                [ngModel]="getStringField(node, 'valueExpr')"
+                (ngModelChange)="setString('valueExpr', $event)"
+              />
+            </label>
             <label>
               <span>{{ tx('editor.field.max', 'Maximum') }}</span>
               <input
@@ -10350,7 +11967,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </div>
       </ng-template>
 
-      <section class="prx-rich-editor__blocks">
+      <nav
+        class="prx-rich-editor__tabs"
+        [attr.aria-label]="tx('editor.workbenchTabs', 'Editor sections')"
+        role="tablist"
+      >
+        <button
+          type="button"
+          role="tab"
+          class="prx-rich-editor__tab"
+          [class.prx-rich-editor__tab--active]="activeEditorPanel === 'guided'"
+          [attr.aria-selected]="activeEditorPanel === 'guided'"
+          (click)="selectEditorPanel('guided')"
+          data-testid="rich-content-guided-tab"
+        >
+          {{ tx('editor.guidedEditing', 'Guided editing') }}
+        </button>
+        <button
+          type="button"
+          role="tab"
+          class="prx-rich-editor__tab"
+          [class.prx-rich-editor__tab--active]="activeEditorPanel === 'preview'"
+          [attr.aria-selected]="activeEditorPanel === 'preview'"
+          (click)="selectEditorPanel('preview')"
+          data-testid="rich-content-preview-tab"
+        >
+          {{ tx('editor.preview', 'Preview') }}
+        </button>
+        <button
+          type="button"
+          role="tab"
+          class="prx-rich-editor__tab"
+          [class.prx-rich-editor__tab--active]="activeEditorPanel === 'json'"
+          [attr.aria-selected]="activeEditorPanel === 'json'"
+          (click)="selectEditorPanel('json')"
+          data-testid="rich-content-json-tab"
+        >
+          {{ tx('editor.document', 'Advanced JSON') }}
+          @if (!valid || validationIssues.length) {
+            <span class="prx-rich-editor__tab-badge">
+              {{
+                validationIssues.length || tx('editor.invalidBadge', 'Invalid')
+              }}
+            </span>
+          }
+        </button>
+      </nav>
+
+      @if (activeEditorPanel === 'guided') {
+      <section
+        class="prx-rich-editor__blocks"
+        role="tabpanel"
+        [attr.aria-label]="tx('editor.guidedEditing', 'Guided editing')"
+      >
         <header class="prx-rich-editor__section-header">
           <div>
             <h3>{{ tx('editor.blocks', 'Blocks') }}</h3>
@@ -10387,8 +12056,83 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </header>
 
         @if (parsedDocument?.nodes?.length) {
+          <div class="prx-rich-editor__authoring-shell">
+            <aside
+              class="prx-rich-editor__structure"
+              [attr.aria-label]="tx('editor.structure', 'Document structure')"
+            >
+              <div class="prx-rich-editor__structure-summary">
+                <strong>{{ tx('editor.structure', 'Document structure') }}</strong>
+                <span>
+                  {{
+                    tx('editor.structureHelp', 'Select a block to edit its properties.')
+                  }}
+                </span>
+              </div>
+              <div class="prx-rich-editor__structure-list">
+                @for (node of parsedDocument?.nodes ?? []; track node.id ?? $index; let nodeIndex = $index) {
+                  <button
+                    type="button"
+                    class="prx-rich-editor__structure-item"
+                    [class.prx-rich-editor__structure-item--selected]="selectedNodeIndex === nodeIndex"
+                    [attr.aria-current]="selectedNodeIndex === nodeIndex ? 'true' : null"
+                    (click)="selectTopLevelNode(nodeIndex)"
+                    [attr.data-testid]="'rich-content-node-selector-' + nodeIndex"
+                  >
+                    <span class="prx-rich-editor__node-eyebrow">
+                      {{ tx('editor.block', 'Block') }} {{ nodeIndex + 1 }}
+                    </span>
+                    <strong>{{ tx('editor.nodeType.' + node.type, node.type) }}</strong>
+                    @if (getIssueCount('$.nodes[' + nodeIndex + ']'); as issueCount) {
+                      <small>
+                        {{ tx('editor.hasIssues', 'Needs attention') }}
+                        <span class="prx-rich-editor__issue-count">{{ issueCount }}</span>
+                      </small>
+                    }
+                  </button>
+                }
+              </div>
+            </aside>
+
+            <div class="prx-rich-editor__properties">
+              <header class="prx-rich-editor__section-header">
+                <div>
+                  <h3>{{ tx('editor.properties', 'Properties') }}</h3>
+                  <p>
+                    {{
+                      tx(
+                        'editor.propertiesHelp',
+                        'Edit the selected block without leaving the document structure.'
+                      )
+                    }}
+                  </p>
+                </div>
+              </header>
+              <div
+                class="prx-rich-editor__intent-strip"
+                [attr.aria-label]="tx('editor.intentNavigation', 'Property sections')"
+              >
+                <span>
+                  <strong>{{ tx('editor.intent.content', 'Content') }}</strong>
+                  <small>{{ tx('editor.intent.contentHelp', 'Primary block fields') }}</small>
+                </span>
+                <span>
+                  <strong>{{ tx('editor.intent.presentation', 'Presentation') }}</strong>
+                  <small>{{ tx('editor.intent.presentationHelp', 'Visual affordances') }}</small>
+                </span>
+                <button type="button" (click)="openAdvancedRules()">
+                  <strong>{{ tx('editor.intent.dataRules', 'Data and rules') }}</strong>
+                  <small>{{ tx('editor.intent.dataRulesHelp', 'Metadata and gates') }}</small>
+                  @if (getSelectedNodeIssueCount(); as selectedIssueCount) {
+                    <span class="prx-rich-editor__issue-count">
+                      {{ selectedIssueCount }}
+                    </span>
+                  }
+                </button>
+              </div>
           <div class="prx-rich-editor__node-list">
             @for (node of parsedDocument?.nodes ?? []; track node.id ?? $index; let nodeIndex = $index) {
+              @if (selectedNodeIndex === nodeIndex) {
               <article
                 class="prx-rich-editor__node-card"
                 [attr.data-rich-editor-node-type]="node.type"
@@ -10527,19 +12271,124 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         />
                       </label>
                     }
-                    @case ('image') {
+                    @case ('avatar') {
+                      <label>
+                        <span>{{ tx('editor.field.avatarName', 'Avatar name') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'name')"
+                          (ngModelChange)="setStringField($index, 'name', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.nameExpr', 'Name binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'nameExpr')"
+                          (ngModelChange)="setStringField($index, 'nameExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.nameExpr', 'row.name')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.avatarImage', 'Avatar image') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'imageSrc')"
+                          (ngModelChange)="setStringField($index, 'imageSrc', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.imageSrcExpr', 'Image binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'imageSrcExpr')"
+                          (ngModelChange)="setStringField($index, 'imageSrcExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.imageSrcExpr', 'row.avatarUrl')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.initials', 'Initials') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'initials')"
+                          (ngModelChange)="setStringField($index, 'initials', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.initialsExpr', 'Initials binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'initialsExpr')"
+                          (ngModelChange)="setStringField($index, 'initialsExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.initialsExpr', 'row.initials')"
+                        />
+                      </label>
+                    }
+              @case ('image') {
+                <label>
+                  <span>{{ tx('editor.field.src', 'Image URL') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'src')"
+                    (ngModelChange)="setStringField($index, 'src', $event)"
+                  />
+                </label>
+                <label>
+                  <span>{{ tx('editor.field.srcExpr', 'Image URL binding') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'srcExpr')"
+                    (ngModelChange)="setStringField($index, 'srcExpr', $event)"
+                    [placeholder]="tx('editor.placeholder.srcExpr', 'row.imageUrl')"
+                  />
+                </label>
+                <label>
+                  <span>{{ tx('editor.field.alt', 'Alternative text') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'alt')"
+                    (ngModelChange)="setStringField($index, 'alt', $event)"
+                  />
+                </label>
+                <label>
+                  <span>{{ tx('editor.field.altExpr', 'Alt text binding') }}</span>
+                  <input
+                    [ngModel]="getStringField(node, 'altExpr')"
+                    (ngModelChange)="setStringField($index, 'altExpr', $event)"
+                    [placeholder]="tx('editor.placeholder.altExpr', 'row.imageAlt')"
+                  />
+                </label>
+              }
+                    @case ('link') {
+                      <label>
+                        <span>{{ tx('editor.field.label', 'Label') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'label')"
+                          (ngModelChange)="setStringField($index, 'label', $event)"
+                        />
+                      </label>
                       <label>
-                        <span>{{ tx('editor.field.src', 'Image URL') }}</span>
+                        <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'labelExpr')"
+                          (ngModelChange)="setStringField($index, 'labelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.labelExpr', 'row.linkLabel')"
+                        />
+                      </label>
+                      <label class="prx-rich-editor__wide-field">
+                        <span>{{ tx('editor.field.href', 'Link URL') }}</span>
                         <input
-                          [ngModel]="getStringField(node, 'src')"
-                          (ngModelChange)="setStringField($index, 'src', $event)"
+                          [ngModel]="getStringField(node, 'href')"
+                          (ngModelChange)="setStringField($index, 'href', $event)"
                         />
                       </label>
                       <label>
-                        <span>{{ tx('editor.field.alt', 'Alternative text') }}</span>
+                        <span>{{ tx('editor.field.target', 'Target') }}</span>
+                        <select
+                          [ngModel]="getStringField(node, 'target') || '_self'"
+                          (ngModelChange)="setStringField($index, 'target', $event)"
+                        >
+                          <option value="_self">{{ tx('editor.target.self', 'Same tab') }}</option>
+                          <option value="_blank">{{ tx('editor.target.blank', 'New tab') }}</option>
+                        </select>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.rel', 'Rel') }}</span>
                         <input
-                          [ngModel]="getStringField(node, 'alt')"
-                          (ngModelChange)="setStringField($index, 'alt', $event)"
+                          [ngModel]="getStringField(node, 'rel')"
+                          (ngModelChange)="setStringField($index, 'rel', $event)"
+                          [placeholder]="tx('editor.placeholder.rel', 'noopener noreferrer')"
                         />
                       </label>
                     }
@@ -10551,6 +12400,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           (ngModelChange)="setStringField($index, 'label', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'labelExpr')"
+                          (ngModelChange)="setStringField($index, 'labelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.labelExpr', 'row.status')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.valueExpr', 'Value binding') }}</span>
                         <input
@@ -10592,6 +12449,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           (ngModelChange)="setNumberField($index, 'max', $event)"
                         />
                       </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'showPercent')"
+                          (ngModelChange)="setBooleanField($index, 'showPercent', $event)"
+                        />
+                        <span>{{ tx('editor.field.showPercent', 'Show percent') }}</span>
+                      </label>
               }
               @case ('actionButton') {
                 <label>
@@ -10687,6 +12552,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           <option value="xl">xl</option>
                         </select>
                       </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'wrap')"
+                          (ngModelChange)="setBooleanField($index, 'wrap', $event)"
+                        />
+                        <span>{{ tx('editor.field.wrap', 'Wrap items') }}</span>
+                      </label>
                       <div class="prx-rich-editor__nested-editor">
                         <header class="prx-rich-editor__nested-header">
                           <h5>{{ tx('editor.composeItems', 'Compose items') }}</h5>
@@ -10744,6 +12617,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           (ngModelChange)="setStringField($index, 'title', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.titleExpr', 'Title binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'titleExpr')"
+                          (ngModelChange)="setStringField($index, 'titleExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.titleExpr', '\${decision.title}')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.subtitle', 'Subtitle') }}</span>
                         <input
@@ -10751,6 +12632,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           (ngModelChange)="setStringField($index, 'subtitle', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.subtitleExpr', 'Subtitle binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'subtitleExpr')"
+                          (ngModelChange)="setStringField($index, 'subtitleExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.subtitleExpr', '\${decision.policySource}')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.variant', 'Variant') }}</span>
                         <select
@@ -10788,6 +12677,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           <option value="lg">{{ tx('editor.size.lg', 'Large') }}</option>
                         </select>
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.density', 'Density') }}</span>
+                        <select
+                          [ngModel]="getStringField(node, 'density') || 'comfortable'"
+                          (ngModelChange)="setStringField($index, 'density', $event)"
+                        >
+                          <option value="comfortable">{{ tx('editor.density.comfortable', 'Comfortable') }}</option>
+                          <option value="compact">{{ tx('editor.density.compact', 'Compact') }}</option>
+                        </select>
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.orientation', 'Orientation') }}</span>
                         <select
@@ -10798,6 +12697,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           <option value="horizontal">{{ tx('editor.orientation.horizontal', 'Horizontal') }}</option>
                         </select>
                       </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'loading')"
+                          (ngModelChange)="setBooleanField($index, 'loading', $event)"
+                        />
+                        <span>{{ tx('editor.field.loading', 'Loading') }}</span>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.loadingExpr', 'Loading binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'loadingExpr')"
+                          (ngModelChange)="setStringField($index, 'loadingExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.loadingExpr', 'row.loading')"
+                        />
+                      </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getBooleanField(node, 'active')"
+                          (ngModelChange)="setBooleanField($index, 'active', $event)"
+                        />
+                        <span>{{ tx('editor.field.active', 'Active') }}</span>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.activeExpr', 'Active binding') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'activeExpr')"
+                          (ngModelChange)="setStringField($index, 'activeExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.activeExpr', 'row.active')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.mediaKind', 'Media') }}</span>
                         <select
@@ -10819,6 +12750,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                             (ngModelChange)="setCardMediaField(nodeIndex, 'src', $event)"
                           />
                         </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaSrcExpr', 'Media source binding') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'srcExpr')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'srcExpr', $event)"
+                            [placeholder]="tx('editor.placeholder.mediaSrcExpr', 'row.mediaUrl')"
+                          />
+                        </label>
                         <label>
                           <span>{{ tx('editor.field.mediaAlt', 'Media alt text') }}</span>
                           <input
@@ -10826,6 +12765,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                             (ngModelChange)="setCardMediaField(nodeIndex, 'alt', $event)"
                           />
                         </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaAltExpr', 'Media alt binding') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'altExpr')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'altExpr', $event)"
+                            [placeholder]="tx('editor.placeholder.mediaAltExpr', 'row.mediaAlt')"
+                          />
+                        </label>
                         <label>
                           <span>{{ tx('editor.field.mediaIcon', 'Media icon') }}</span>
                           <input
@@ -10833,6 +12780,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                             (ngModelChange)="setCardMediaField(nodeIndex, 'icon', $event)"
                           />
                         </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaLabel', 'Media label') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'label')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'label', $event)"
+                          />
+                        </label>
+                        <label>
+                          <span>{{ tx('editor.field.mediaLabelExpr', 'Media label binding') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'labelExpr')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'labelExpr', $event)"
+                            [placeholder]="tx('editor.placeholder.mediaLabelExpr', 'row.mediaLabel')"
+                          />
+                        </label>
+                        <label>
+                          <span>{{ tx('editor.field.aspectRatio', 'Aspect ratio') }}</span>
+                          <input
+                            [ngModel]="getCardMediaField(nodeIndex, 'aspectRatio')"
+                            (ngModelChange)="setCardMediaField(nodeIndex, 'aspectRatio', $event)"
+                            [placeholder]="tx('editor.placeholder.aspectRatio', '16 / 9')"
+                          />
+                        </label>
                         <label>
                           <span>{{ tx('editor.field.mediaPlacement', 'Media placement') }}</span>
                           <select
@@ -10846,6 +12816,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           </select>
                         </label>
                       }
+                      <label>
+                        <span>{{ tx('editor.field.interactionMode', 'Interaction mode') }}</span>
+                        <select
+                          [ngModel]="getCardInteractionField(nodeIndex, 'mode') || 'none'"
+                          (ngModelChange)="setCardInteractionField(nodeIndex, 'mode', $event)"
+                        >
+                          <option value="none">{{ tx('editor.interaction.none', 'None') }}</option>
+                          <option value="action">{{ tx('editor.interaction.action', 'Action') }}</option>
+                          <option value="selectable">{{ tx('editor.interaction.selectable', 'Selectable') }}</option>
+                        </select>
+                      </label>
+                      <label class="prx-rich-editor__checkbox-field">
+                        <input
+                          type="checkbox"
+                          [ngModel]="getCardInteractionBooleanField(nodeIndex, 'selected')"
+                          (ngModelChange)="setCardInteractionBooleanField(nodeIndex, 'selected', $event)"
+                        />
+                        <span>{{ tx('editor.field.selected', 'Selected') }}</span>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.selectedExpr', 'Selected binding') }}</span>
+                        <input
+                          [ngModel]="getCardInteractionField(nodeIndex, 'selectedExpr')"
+                          (ngModelChange)="setCardInteractionField(nodeIndex, 'selectedExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.selectedExpr', 'row.selected')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.interactionActionId', 'Interaction action ID') }}</span>
+                        <input
+                          [ngModel]="getCardInteractionActionField(nodeIndex, 'actionId')"
+                          (ngModelChange)="setCardInteractionActionField(nodeIndex, 'actionId', $event)"
+                          [placeholder]="tx('editor.placeholder.actionId', 'host.action.open')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.payloadExpr', 'Payload binding') }}</span>
+                        <input
+                          [ngModel]="getCardInteractionActionField(nodeIndex, 'payloadExpr')"
+                          (ngModelChange)="setCardInteractionActionField(nodeIndex, 'payloadExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.payloadExpr', 'row')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.accessibilityRole', 'Accessibility role') }}</span>
+                        <select
+                          [ngModel]="getCardAccessibilityField(nodeIndex, 'role')"
+                          (ngModelChange)="setCardAccessibilityField(nodeIndex, 'role', $event)"
+                        >
+                          <option value="">{{ tx('editor.none', 'None') }}</option>
+                          <option value="article">{{ tx('editor.accessibilityRole.article', 'Article') }}</option>
+                          <option value="group">{{ tx('editor.accessibilityRole.group', 'Group') }}</option>
+                          <option value="button">{{ tx('editor.accessibilityRole.button', 'Button') }}</option>
+                        </select>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.ariaLabel', 'Accessible label') }}</span>
+                        <input
+                          [ngModel]="getCardAccessibilityField(nodeIndex, 'ariaLabel')"
+                          (ngModelChange)="setCardAccessibilityField(nodeIndex, 'ariaLabel', $event)"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.ariaLabelExpr', 'Accessible label binding') }}</span>
+                        <input
+                          [ngModel]="getCardAccessibilityField(nodeIndex, 'ariaLabelExpr')"
+                          (ngModelChange)="setCardAccessibilityField(nodeIndex, 'ariaLabelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.ariaLabelExpr', 'row.ariaLabel')"
+                        />
+                      </label>
                       <div class="prx-rich-editor__nested-editor">
                         <header class="prx-rich-editor__nested-header">
                           <h5>{{ tx('editor.cardContent', 'Card body') }}</h5>
@@ -11291,6 +13331,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           (ngModelChange)="setTabsItemField(nodeIndex, $index, 'label', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
+                        <input
+                          [ngModel]="getTabsItemField(nodeIndex, $index, 'labelExpr')"
+                          (ngModelChange)="setTabsItemField(nodeIndex, $index, 'labelExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.tabLabelExpr', 'row.tabLabel')"
+                        />
+                      </label>
                       <label>
                         <span>{{ tx('editor.field.icon', 'Icon') }}</span>
                         <input
@@ -11305,6 +13353,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                           (ngModelChange)="setTabsItemField(nodeIndex, $index, 'badge', $event)"
                         />
                       </label>
+                      <label>
+                        <span>{{ tx('editor.field.badgeExpr', 'Badge binding') }}</span>
+                        <input
+                          [ngModel]="getTabsItemField(nodeIndex, $index, 'badgeExpr')"
+                          (ngModelChange)="setTabsItemField(nodeIndex, $index, 'badgeExpr', $event)"
+                          [placeholder]="tx('editor.placeholder.badgeExpr', 'row.badge')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.requiresCapabilities', 'Capabilities') }}</span>
+                        <input
+                          [ngModel]="getTabsItemCapabilityList(nodeIndex, $index)"
+                          (ngModelChange)="setTabsItemCapabilityList(nodeIndex, $index, $event)"
+                          [placeholder]="tx('editor.placeholder.requiresCapabilities', 'form.mode.edit, employee.open')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.capabilityMode', 'Capability mode') }}</span>
+                        <select
+                          [ngModel]="getTabsItemField(nodeIndex, $index, 'capabilityMode') || 'all'"
+                          (ngModelChange)="setTabsItemField(nodeIndex, $index, 'capabilityMode', $event)"
+                        >
+                          <option value="all">{{ tx('editor.capabilityMode.all', 'All') }}</option>
+                          <option value="any">{{ tx('editor.capabilityMode.any', 'Any') }}</option>
+                        </select>
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenPath', 'Context path') }}</span>
+                        <input
+                          [ngModel]="getTabsItemVisibleWhenPath(nodeIndex, $index)"
+                          (ngModelChange)="setTabsItemVisibleWhenPath(nodeIndex, $index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenPath', 'row.active')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenValue', 'Expected value') }}</span>
+                        <input
+                          [ngModel]="getTabsItemVisibleWhenValue(nodeIndex, $index)"
+                          (ngModelChange)="setTabsItemVisibleWhenValue(nodeIndex, $index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenValue', 'true')"
+                        />
+                      </label>
                     </div>
                   }
                 </div>
@@ -11967,24 +14057,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <header class="prx-rich-editor__nested-header">
                     <h5>{{ tx('editor.decisionEvidence', 'Evidence') }}</h5>
                     <div class="prx-rich-editor__quick-actions">
-                      <button type="button" (click)="addDecisionPackageEvidence($index)">
+                      <button type="button" (click)="addDecisionPackageEvidence(nodeIndex)">
                         {{ tx('editor.addEvidence', 'Add evidence') }}
                       </button>
                     </div>
                   </header>
-                  @for (evidence of getDecisionPackageEvidence($index); track evidence.id ?? $index; let evidenceIndex = $index) {
+                  @for (evidence of getDecisionPackageEvidence(nodeIndex); track evidence.id ?? $index; let evidenceIndex = $index) {
                     <div class="prx-rich-editor__nested-node">
                       <div class="prx-rich-editor__nested-actions">
                         <strong>{{ tx('editor.evidence', 'Evidence') }} {{ evidenceIndex + 1 }}</strong>
-                        @if (isRemovalPending('nodes.' + $index + '.evidence', evidenceIndex)) {
-                          <button type="button" (click)="removeDecisionPackageEvidence($index, evidenceIndex)">
+                        @if (isRemovalPending('nodes.' + nodeIndex + '.evidence', evidenceIndex)) {
+                          <button type="button" (click)="removeDecisionPackageEvidence(nodeIndex, evidenceIndex)">
                             {{ tx('editor.confirmRemove', 'Confirm remove') }}
                           </button>
                           <button type="button" (click)="cancelRemoval()">
                             {{ tx('editor.cancelRemove', 'Cancel') }}
                           </button>
                         } @else {
-                          <button type="button" (click)="requestNestedRemoval('nodes.' + $index + '.evidence', evidenceIndex)">
+                          <button type="button" (click)="requestNestedRemoval('nodes.' + nodeIndex + '.evidence', evidenceIndex)">
                             {{ tx('editor.removeBlock', 'Remove') }}
                           </button>
                         }
@@ -11993,37 +14083,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         <label>
                           <span>{{ tx('editor.field.itemId', 'Item ID') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'id')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'id', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'id')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'id', $event)"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.label', 'Label') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'label')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'label', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'label')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'label', $event)"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.labelExpr', 'Label binding') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'labelExpr')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'labelExpr', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'labelExpr')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'labelExpr', $event)"
                             [placeholder]="tx('editor.placeholder.evidenceLabelExpr', '\${evidence.label}')"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.source', 'Source') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'source')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'source', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'source')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'source', $event)"
                           />
                         </label>
                         <label>
                           <span>{{ tx('editor.field.sourceExpr', 'Source binding') }}</span>
                           <input
-                            [ngModel]="getDecisionPackageEvidenceField($index, evidenceIndex, 'sourceExpr')"
-                            (ngModelChange)="setDecisionPackageEvidenceField($index, evidenceIndex, 'sourceExpr', $event)"
+                            [ngModel]="getDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'sourceExpr')"
+                            (ngModelChange)="setDecisionPackageEvidenceField(nodeIndex, evidenceIndex, 'sourceExpr', $event)"
                             [placeholder]="tx('editor.placeholder.evidenceSourceExpr', '\${evidence.source}')"
                           />
                         </label>
@@ -12036,27 +14126,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                   <header class="prx-rich-editor__nested-header">
                     <h5>{{ tx('editor.decisionPrimaryAction', 'Primary action') }}</h5>
                     <div class="prx-rich-editor__quick-actions">
-                      @if (getDecisionPackagePrimaryAction($index)) {
-                        <button type="button" (click)="removeDecisionPackagePrimaryAction($index)">
+                      @if (getDecisionPackagePrimaryAction(nodeIndex)) {
+                        <button type="button" (click)="removeDecisionPackagePrimaryAction(nodeIndex)">
                           {{ tx('editor.removeBlock', 'Remove') }}
                         </button>
                       } @else {
-                        <button type="button" (click)="addDecisionPackagePrimaryActionPreset($index, 'primary')">
+                        <button type="button" (click)="addDecisionPackagePrimaryActionPreset(nodeIndex, 'primary')">
                           {{ tx('editor.addPrimaryAction', 'Add primary action') }}
                         </button>
-                        <button type="button" (click)="addDecisionPackagePrimaryAction($index)">
+                        <button type="button" (click)="addDecisionPackagePrimaryAction(nodeIndex)">
                           {{ tx('editor.addAction', 'Add action') }}
                         </button>
                       }
                     </div>
                   </header>
-                  @if (getDecisionPackagePrimaryAction($index); as primaryAction) {
+                  @if (getDecisionPackagePrimaryAction(nodeIndex); as primaryAction) {
                     <div class="prx-rich-editor__node-grid">
                       <ng-container
                         *ngTemplateOutlet="actionFields; context: {
                           action: primaryAction,
-                          path: '$.nodes[' + $index + '].primaryAction',
-                          setField: setDecisionPackagePrimaryActionField.bind(this, $index)
+                          path: '$.nodes[' + nodeIndex + '].primaryAction',
+                          setField: setDecisionPackagePrimaryActionField.bind(this, nodeIndex)
                         }"
                       ></ng-container>
                     </div>
@@ -12695,97 +14785,216 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                       </p>
                     }
                   }
-                  <fieldset class="prx-rich-editor__wide-field prx-rich-editor__field-group">
-                    <legend>{{ tx('editor.commonMetadata', 'Common metadata') }}</legend>
-                    <label>
-                      <span>{{ tx('editor.field.testId', 'Test id') }}</span>
-                      <input
-                        [ngModel]="getStringField(node, 'testId')"
-                        (ngModelChange)="setStringField($index, 'testId', $event)"
-                        [placeholder]="tx('editor.placeholder.testId', 'rich-hero-title')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.className', 'CSS class') }}</span>
-                      <input
-                        [ngModel]="getStringField(node, 'className')"
-                        (ngModelChange)="setStringField($index, 'className', $event)"
-                        [placeholder]="tx('editor.placeholder.className', 'hero-title')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.requiresCapabilities', 'Capabilities') }}</span>
-                      <input
-                        [ngModel]="getCapabilityList(node)"
-                        (ngModelChange)="setCapabilityList($index, $event)"
-                        [placeholder]="tx('editor.placeholder.requiresCapabilities', 'form.mode.edit, employee.open')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.capabilityMode', 'Capability mode') }}</span>
-                      <select
-                        [ngModel]="getStringField(node, 'capabilityMode') || 'all'"
-                        (ngModelChange)="setStringField($index, 'capabilityMode', $event)"
-                      >
-                        <option value="all">{{ tx('editor.capabilityMode.all', 'All') }}</option>
-                        <option value="any">{{ tx('editor.capabilityMode.any', 'Any') }}</option>
-                      </select>
-                    </label>
-                  </fieldset>
+                  <details
+                    class="prx-rich-editor__advanced-group"
+                    [open]="advancedRulesOpen"
+                    (toggle)="onAdvancedRulesToggle($event)"
+                  >
+                    <summary>
+                      <span>{{ tx('editor.advancedDataRules', 'Advanced data and rules') }}</span>
+                      <small>
+                        {{
+                          tx(
+                            'editor.advancedDataRulesHelp',
+                            'Metadata, capability gates, visibility and safe style.'
+                          )
+                        }}
+                      </small>
+                    </summary>
 
-                  <fieldset class="prx-rich-editor__wide-field prx-rich-editor__field-group">
-                    <legend>{{ tx('editor.visibilityRule', 'Visibility rule') }}</legend>
-                    <label>
-                      <span>{{ tx('editor.field.visibleWhenPath', 'Context path') }}</span>
-                      <input
-                        [ngModel]="getVisibleWhenPath(node)"
-                        (ngModelChange)="setVisibleWhenPath($index, $event)"
-                        [placeholder]="tx('editor.placeholder.visibleWhenPath', 'row.active')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.visibleWhenValue', 'Expected value') }}</span>
-                      <input
-                        [ngModel]="getVisibleWhenValue(node)"
-                        (ngModelChange)="setVisibleWhenValue($index, $event)"
-                        [placeholder]="tx('editor.placeholder.visibleWhenValue', 'true')"
-                      />
-                    </label>
-                  </fieldset>
+                    <fieldset class="prx-rich-editor__field-group">
+                      <legend>{{ tx('editor.commonMetadata', 'Common metadata') }}</legend>
+                      <label>
+                        <span>{{ tx('editor.field.testId', 'Test id') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'testId')"
+                          (ngModelChange)="setStringField($index, 'testId', $event)"
+                          [placeholder]="tx('editor.placeholder.testId', 'rich-hero-title')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.className', 'CSS class') }}</span>
+                        <input
+                          [ngModel]="getStringField(node, 'className')"
+                          (ngModelChange)="setStringField($index, 'className', $event)"
+                          [placeholder]="tx('editor.placeholder.className', 'hero-title')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.requiresCapabilities', 'Capabilities') }}</span>
+                        <input
+                          [ngModel]="getCapabilityList(node)"
+                          (ngModelChange)="setCapabilityList($index, $event)"
+                          [placeholder]="tx('editor.placeholder.requiresCapabilities', 'form.mode.edit, employee.open')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.capabilityMode', 'Capability mode') }}</span>
+                        <select
+                          [ngModel]="getStringField(node, 'capabilityMode') || 'all'"
+                          (ngModelChange)="setStringField($index, 'capabilityMode', $event)"
+                        >
+                          <option value="all">{{ tx('editor.capabilityMode.all', 'All') }}</option>
+                          <option value="any">{{ tx('editor.capabilityMode.any', 'Any') }}</option>
+                        </select>
+                      </label>
+                    </fieldset>
 
-                  <fieldset class="prx-rich-editor__wide-field prx-rich-editor__field-group">
-                    <legend>{{ tx('editor.safeStyle', 'Safe style') }}</legend>
-                    <label>
-                      <span>{{ tx('editor.field.styleName', 'CSS property') }}</span>
-                      <input
-                        [ngModel]="getFirstStyleName(node)"
-                        (ngModelChange)="setFirstStyleName($index, $event)"
-                        [placeholder]="tx('editor.placeholder.styleName', 'color')"
-                      />
-                    </label>
-                    <label>
-                      <span>{{ tx('editor.field.styleValue', 'CSS value') }}</span>
-                      <input
-                        [ngModel]="getFirstStyleValue(node)"
-                        (ngModelChange)="setFirstStyleValue($index, $event)"
-                        [placeholder]="tx('editor.placeholder.styleValue', 'var(--md-sys-color-primary)')"
-                      />
-                    </label>
-                  </fieldset>
+                    <fieldset class="prx-rich-editor__field-group">
+                      <legend>{{ tx('editor.visibilityRule', 'Visibility rule') }}</legend>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenPath', 'Context path') }}</span>
+                        <input
+                          [ngModel]="getVisibleWhenPath(node)"
+                          (ngModelChange)="setVisibleWhenPath($index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenPath', 'row.active')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.visibleWhenValue', 'Expected value') }}</span>
+                        <input
+                          [ngModel]="getVisibleWhenValue(node)"
+                          (ngModelChange)="setVisibleWhenValue($index, $event)"
+                          [placeholder]="tx('editor.placeholder.visibleWhenValue', 'true')"
+                        />
+                      </label>
+                    </fieldset>
+
+                    <fieldset class="prx-rich-editor__field-group">
+                      <legend>{{ tx('editor.safeStyle', 'Safe style') }}</legend>
+                      <label>
+                        <span>{{ tx('editor.field.styleName', 'CSS property') }}</span>
+                        <input
+                          [ngModel]="getFirstStyleName(node)"
+                          (ngModelChange)="setFirstStyleName($index, $event)"
+                          [placeholder]="tx('editor.placeholder.styleName', 'color')"
+                        />
+                      </label>
+                      <label>
+                        <span>{{ tx('editor.field.styleValue', 'CSS value') }}</span>
+                        <input
+                          [ngModel]="getFirstStyleValue(node)"
+                          (ngModelChange)="setFirstStyleValue($index, $event)"
+                          [placeholder]="tx('editor.placeholder.styleValue', 'var(--md-sys-color-primary)')"
+                        />
+                      </label>
+                    </fieldset>
+
+                    @if (getAdvancedJsonOnlyFields(node).length) {
+                      <aside class="prx-rich-editor__advanced-json-map">
+                        <strong>{{ tx('editor.advancedJsonFields', 'Advanced JSON fields present') }}</strong>
+                        <p>
+                          {{
+                            tx(
+                              'editor.advancedJsonFieldsHelp',
+                              'These canonical fields are preserved by guided edits and remain editable in the Advanced JSON tab.'
+                            )
+                          }}
+                        </p>
+                        <div class="prx-rich-editor__advanced-json-chips">
+                          @for (field of getAdvancedJsonOnlyFields(node); track field) {
+                            <code>{{ field }}</code>
+                          }
+                        </div>
+                      </aside>
+                    }
+
+                    <fieldset class="prx-rich-editor__field-group prx-rich-editor__json-fieldset">
+                      <legend>{{ tx('editor.advancedJsonEditor', 'Advanced JSON editor') }}</legend>
+                      <p class="prx-rich-editor__field-help">
+                        {{
+                          tx(
+                            'editor.advancedJsonEditorHelp',
+                            'Edit canonical data bindings and JsonLogic rule fields without leaving guided editing.'
+                          )
+                        }}
+                      </p>
+                      @for (field of advancedJsonOnlyNodeFields; track field) {
+                        <label class="prx-rich-editor__wide-field prx-rich-editor__json-field">
+                          <span>{{ tx('editor.field.' + field, field) }}</span>
+                          <textarea
+                            [ngModel]="getAdvancedJsonFieldValue(nodeIndex, node, field)"
+                            (ngModelChange)="setAdvancedJsonField(nodeIndex, field, $event)"
+                            [placeholder]="getAdvancedJsonFieldPlaceholder(field)"
+                            [class.invalid]="getAdvancedJsonFieldError(nodeIndex, field)"
+                          ></textarea>
+                          @if (getAdvancedJsonFieldError(nodeIndex, field)) {
+                            <small class="prx-rich-editor__field-error">
+                              {{ getAdvancedJsonFieldError(nodeIndex, field) }}
+                            </small>
+                          }
+                        </label>
+                      }
+                    </fieldset>
+                  </details>
                 </div>
               </article>
+              }
             }
           </div>
+            </div>
+          </div>
         } @else {
           <p class="prx-rich-editor__empty">
             {{ tx('editor.noBlocks', 'No blocks yet. Add a block to start authoring this document.') }}
           </p>
         }
       </section>
+      }
+
+      @if (activeEditorPanel === 'preview') {
+      <section
+        class="prx-rich-editor__preview-panel"
+        role="tabpanel"
+        [attr.aria-label]="tx('editor.preview', 'Preview')"
+      >
+        <header class="prx-rich-editor__section-header">
+          <div>
+            <h3>{{ tx('editor.preview', 'Preview') }}</h3>
+            <p>
+              {{
+                tx(
+                  'editor.previewHelp',
+                  'Inspect the materialized document without mixing preview with authoring fields.'
+                )
+              }}
+            </p>
+          </div>
+        </header>
+        @if (parsedDocument) {
+          <div class="prx-rich-editor__preview prx-rich-editor__preview--large">
+            <praxis-rich-content
+              [document]="parsedDocument"
+              [layout]="layout"
+              [rootClassName]="rootClassName"
+            ></praxis-rich-content>
+          </div>
+        } @else {
+          <p class="prx-rich-editor__empty">
+            {{ tx('editor.previewUnavailable', 'Preview is unavailable until the document is valid.') }}
+          </p>
+        }
+      </section>
+      }
 
-      <label class="prx-rich-editor__document">
-        <span>{{ tx('editor.document', 'Advanced JSON') }}</span>
+      @if (activeEditorPanel === 'json') {
+      <section class="prx-rich-editor__document-panel">
+        <header class="prx-rich-editor__section-header">
+          <div>
+            <h3>{{ tx('editor.document', 'Advanced JSON') }}</h3>
+            <p>
+              {{
+                tx(
+                  'editor.documentAdvancedHelp',
+                  'Use JSON for diagnostics, migration and advanced fields that are not yet surfaced by guided controls.'
+                )
+              }}
+            </p>
+          </div>
+        </header>
         <div class="prx-rich-editor__workbench">
+          <label class="prx-rich-editor__document">
+            <span>{{ tx('editor.documentJson', 'Canonical document JSON') }}</span>
           <textarea
             name="rich-content-document"
             [(ngModel)]="documentJson"
@@ -12799,6 +15008,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             spellcheck="false"
             data-testid="rich-content-document-input"
           ></textarea>
+          </label>
 
           <aside
             class="prx-rich-editor__inspector"
@@ -12818,21 +15028,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
               </dl>
             </section>
 
-            @if (parsedDocument) {
-              <section>
-                <h3>{{ tx('editor.preview', 'Preview') }}</h3>
-                <div class="prx-rich-editor__preview">
-                  <praxis-rich-content
-                    [document]="parsedDocument"
-                    [layout]="layout"
-                    [rootClassName]="rootClassName"
-                  ></praxis-rich-content>
-                </div>
-              </section>
-            }
           </aside>
         </div>
-      </label>
+      </section>
 
       @if (errorMessage) {
         <div
@@ -12862,6 +15060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
           }}
         </p>
       }
+      }
 
       <div class="prx-rich-editor__actions">
         <button type="button" (click)="reset()">
@@ -12872,10 +15071,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
         </button>
       </div>
     </section>
-  `, styles: [":host{display:block;min-width:0}.prx-rich-editor{display:grid;gap:18px;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__grid,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}}\n"] }]
+  `, styles: [":host{display:block;min-width:0;width:100%;max-width:100%;box-sizing:border-box}.prx-rich-editor{display:grid;gap:18px;min-width:0;color:var(--md-sys-color-on-surface, #1f2937)}.prx-rich-editor__header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__header h2{margin:0;font-size:1.25rem}.prx-rich-editor__header p{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673)}.prx-rich-editor__eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--md-sys-color-primary, #3154e7)}.prx-rich-editor__status{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#16a34a 12%,transparent);color:#166534;font-size:.78rem;font-weight:700}.prx-rich-editor__status.invalid{background:color-mix(in srgb,#dc2626 12%,transparent);color:#991b1b}.prx-rich-editor__grid{display:grid;gap:14px;grid-template-columns:minmax(0,180px) minmax(0,1fr)}.prx-rich-editor__tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-bottom:1px solid var(--md-sys-color-outline-variant, #d7dce5)}.prx-rich-editor__tab{margin-block-end:-1px;border-radius:8px 8px 0 0;border-bottom-color:transparent;color:var(--md-sys-color-on-surface-variant, #5f6673);background:transparent}.prx-rich-editor__tab--active{border-color:var(--md-sys-color-outline-variant, #d7dce5);border-bottom-color:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__tab-badge,.prx-rich-editor__issue-count{display:inline-flex;min-width:1.35em;min-height:1.35em;padding:0 .38em;border-radius:999px;align-items:center;justify-content:center;background:color-mix(in srgb,#dc2626 14%,transparent);color:#991b1b;font-size:.72rem;font-weight:800;line-height:1}.prx-rich-editor__tab-badge{margin-inline-start:6px}.prx-rich-editor__blocks{display:grid;gap:14px}.prx-rich-editor__authoring-shell{display:grid;gap:14px;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:start}.prx-rich-editor__structure,.prx-rich-editor__properties,.prx-rich-editor__document-panel,.prx-rich-editor__preview-panel{min-width:0;display:grid;gap:12px}.prx-rich-editor__structure{position:sticky;top:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__structure-summary{display:grid;gap:4px}.prx-rich-editor__structure-summary span{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.82rem;font-weight:500}.prx-rich-editor__structure-list{display:grid;gap:8px}.prx-rich-editor__structure-item{display:grid;gap:3px;width:100%;padding:10px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__structure-item--selected{border-color:var(--md-sys-color-primary, #3154e7);background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 8%,var(--md-sys-color-surface, #fff))}.prx-rich-editor__structure-item small{color:#991b1b;font-weight:700}.prx-rich-editor__intent-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.prx-rich-editor__intent-strip span,.prx-rich-editor__intent-strip button{min-width:0;display:grid;gap:3px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:10px 12px;text-align:left;color:var(--md-sys-color-on-surface, #1f2937);background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__intent-strip button{position:relative}.prx-rich-editor__intent-strip small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__intent-strip .prx-rich-editor__issue-count{position:absolute;inset-block-start:8px;inset-inline-end:8px}.prx-rich-editor__section-header,.prx-rich-editor__node-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.prx-rich-editor__section-header h3,.prx-rich-editor__node-header h4{margin:0}.prx-rich-editor__section-header p,.prx-rich-editor__node-note,.prx-rich-editor__empty{margin:6px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.88rem}.prx-rich-editor__add-block,.prx-rich-editor__node-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.prx-rich-editor__add-block label{min-width:180px}.prx-rich-editor__node-list{display:grid;gap:12px}.prx-rich-editor__node-card{display:grid;gap:14px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:14px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__node-eyebrow{margin:0 0 4px;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.75rem;font-weight:700;text-transform:uppercase}.prx-rich-editor__node-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__wide-field,.prx-rich-editor__node-note{grid-column:1 / -1}.prx-rich-editor__field-group,.prx-rich-editor__nested-editor,.prx-rich-editor__nested-node{grid-column:1 / -1;display:grid;gap:12px}.prx-rich-editor__field-group,.prx-rich-editor__nested-node{margin:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px}.prx-rich-editor__document-context{display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__document-context summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__document-context summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__document-context[open] summary{margin-block-end:12px}.prx-rich-editor__field-group{grid-template-columns:repeat(2,minmax(0,1fr))}.prx-rich-editor__field-group legend{padding:0 4px;font-weight:700}.prx-rich-editor__field-help{grid-column:1 / -1;margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__json-fieldset{margin-block-start:12px}.prx-rich-editor__json-field{display:grid;gap:6px}.prx-rich-editor__json-field textarea{min-height:96px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;line-height:1.45}.prx-rich-editor__field-error{color:var(--md-sys-color-error, #ba1a1a);font-size:.78rem;font-weight:700}.prx-rich-editor__advanced-group{grid-column:1 / -1;display:grid;gap:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:color-mix(in srgb,var(--md-sys-color-surface-container-lowest, #fff) 88%,var(--md-sys-color-primary, #3154e7) 4%)}.prx-rich-editor__advanced-group summary{display:flex;gap:10px;align-items:center;justify-content:space-between;cursor:pointer;font-weight:800}.prx-rich-editor__advanced-group summary small{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:600}.prx-rich-editor__advanced-group[open]{padding-block-end:14px}.prx-rich-editor__advanced-group[open] summary{margin-block-end:12px}.prx-rich-editor__advanced-group .prx-rich-editor__field-group+.prx-rich-editor__field-group{margin-block-start:12px}.prx-rich-editor__advanced-json-map{display:grid;gap:8px;margin-block-start:12px;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__advanced-json-map p{margin:0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.84rem}.prx-rich-editor__advanced-json-chips{display:flex;flex-wrap:wrap;gap:6px}.prx-rich-editor__advanced-json-chips code{border-radius:999px;padding:4px 8px;background:color-mix(in srgb,var(--md-sys-color-primary, #3154e7) 12%,transparent);color:var(--md-sys-color-primary, #3154e7);font-size:.76rem;font-weight:700}.prx-rich-editor__nested-header,.prx-rich-editor__nested-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.prx-rich-editor__quick-actions{display:flex;flex-wrap:wrap;gap:8px}.prx-rich-editor__node-grid textarea{min-height:96px;font-family:inherit}label,.prx-rich-editor__document{display:grid;gap:7px;font-weight:700}.prx-rich-editor__checkbox-field{display:flex;gap:10px;align-items:center;align-self:end}.prx-rich-editor__checkbox-field input[type=checkbox]{width:auto}input,select,textarea{box-sizing:border-box;width:100%;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:12px;padding:10px 12px;font:inherit;color:inherit;background:var(--md-sys-color-surface, #fff)}textarea{min-height:360px;resize:vertical;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.86rem;line-height:1.45}.prx-rich-editor__workbench{display:grid;gap:14px;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr)}.prx-rich-editor__inspector{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface-container-lowest, #fff)}.prx-rich-editor__inspector h3{margin:0 0 8px;font-size:.95rem}.prx-rich-editor__inspector dl{display:grid;gap:8px;margin:0}.prx-rich-editor__inspector dl div{display:grid;gap:2px}.prx-rich-editor__inspector dt{color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.78rem;font-weight:700}.prx-rich-editor__inspector dd{margin:0;overflow-wrap:anywhere;font-weight:600}.prx-rich-editor__preview{max-height:260px;overflow:auto;border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:12px;background:var(--md-sys-color-surface, #fff)}.prx-rich-editor__preview--large{max-height:min(68vh,760px)}.prx-rich-editor__help{margin:-8px 0 0;color:var(--md-sys-color-on-surface-variant, #5f6673);font-size:.85rem}.prx-rich-editor__error{margin:0;padding:10px 12px;border-radius:8px;color:#991b1b;background:color-mix(in srgb,#dc2626 9%,transparent)}.prx-rich-editor__error p{margin:0}.prx-rich-editor__error ul{display:grid;gap:6px;margin:8px 0 0;padding-inline-start:18px}.prx-rich-editor__error code{margin-right:4px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prx-rich-editor__actions{display:flex;flex-wrap:wrap;gap:10px}button{border:1px solid var(--md-sys-color-outline-variant, #d7dce5);border-radius:8px;padding:8px 14px;background:var(--md-sys-color-surface, #fff);color:var(--md-sys-color-primary, #3154e7);font-weight:700;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.prx-rich-editor__header,.prx-rich-editor__section-header,.prx-rich-editor__node-header,.prx-rich-editor__authoring-shell,.prx-rich-editor__intent-strip,.prx-rich-editor__grid,.prx-rich-editor__document-context summary,.prx-rich-editor__field-group,.prx-rich-editor__node-grid,.prx-rich-editor__workbench{grid-template-columns:1fr;display:grid}.prx-rich-editor__structure{position:static}}\n"] }]
         }], propDecorators: { inputs: [{
                 type: Input
             }] } });
+function isPlainRecord(value) {
+    return !!value && typeof value === 'object' && !Array.isArray(value);
+}
 
 const DEFAULT_RICH_CONTENT_DOCUMENT = {
     kind: 'praxis.rich-content',
@@ -16016,6 +18218,188 @@ const RICH_CONTENT_INSERTION_PRESETS = [
             },
         },
     },
+    {
+        id: 'corporate-information-surface',
+        label: 'Corporate information surface',
+        description: 'Enterprise starter for SAP-like record details with KPIs, dates, currency, notes, progress, timeline and governed decision context.',
+        icon: 'business_center',
+        inputs: {
+            document: {
+                kind: 'praxis.rich-content',
+                version: '1.0.0',
+                nodes: [
+                    {
+                        type: 'recordSummary',
+                        title: 'Purchase order OC-4500128391',
+                        subtitle: 'Companhia Global de Servicos S.A.',
+                        meta: 'Aguardando aprovacao fiscal',
+                        fields: [
+                            { label: 'CNPJ fornecedor', value: '12.345.678/0001-99' },
+                            { label: 'CPF solicitante', value: '990.000.000-47' },
+                            { label: 'Prioridade', value: 'Alta' },
+                        ],
+                    },
+                    {
+                        type: 'statGroup',
+                        title: 'Operational signals',
+                        subtitle: 'Dense indicators for enterprise work queues.',
+                        layout: 'grid',
+                        items: [
+                            {
+                                label: 'Valor liquido',
+                                value: 'R$ 1.268.114,52',
+                                caption: 'Apos impostos e estorno',
+                                icon: 'payments',
+                                tone: 'success',
+                            },
+                            {
+                                label: 'SLA restante',
+                                value: '18,5h',
+                                caption: 'Sem atraso',
+                                icon: 'schedule',
+                                tone: 'info',
+                            },
+                            {
+                                label: 'Risco',
+                                value: 'Medio',
+                                caption: 'Retencao fiscal pendente',
+                                icon: 'gpp_maybe',
+                                tone: 'warning',
+                            },
+                        ],
+                    },
+                    {
+                        type: 'propertySheet',
+                        title: 'Calendario e valores',
+                        columns: 2,
+                        items: [
+                            { label: 'Competencia', value: '04/2026' },
+                            { label: 'Emissao', value: '28/04/2026' },
+                            { label: 'Vencimento', value: '30 de maio de 2026' },
+                            { label: 'Ultima atualizacao', value: '02/05/2026 16:45' },
+                            { label: 'Valor bruto', value: 'R$ 1.389.420,75' },
+                            { label: 'Imposto retido', value: 'R$ 121.306,23' },
+                        ],
+                    },
+                    {
+                        type: 'keyValueList',
+                        title: 'Notas e listas corporativas',
+                        layout: 'stacked',
+                        items: [
+                            {
+                                label: 'Centros de custo',
+                                value: '1100 - Operacoes Brasil, 2200 - TI Corporativa, 3300 - Facilities',
+                                badge: 'rateio',
+                            },
+                            {
+                                label: 'Aprovadores',
+                                value: 'Gerencia financeira, Controladoria, Juridico tributario',
+                                badge: '3 niveis',
+                            },
+                            {
+                                label: 'Observacao',
+                                value: 'Contrato com retencao fiscal e aprovacao em multiplos niveis.',
+                                badge: 'nota',
+                            },
+                        ],
+                    },
+                    {
+                        type: 'progress',
+                        label: 'Completude de aprovacao',
+                        valueExpr: '${row.approvalProgress}',
+                        max: 100,
+                        showPercent: true,
+                    },
+                    {
+                        type: 'timeline',
+                        title: 'Historico operacional',
+                        orientation: 'horizontal',
+                        order: 'normal',
+                        position: 'alternate',
+                        connectorVariant: 'dashed',
+                        connectorColor: 'neutral',
+                        markerVariant: 'number',
+                        markerColor: 'primary',
+                        markerStyle: 'filled',
+                        emphasis: 'strong',
+                        density: 'comfortable',
+                        textAppearance: 'prominent',
+                        items: [
+                            {
+                                id: 'created',
+                                title: 'Documento criado',
+                                subtitle: 'Importado da NF-e e associado ao contrato.',
+                                opposite: '28/04/2026',
+                                badge: 'origem',
+                                markerColor: 'info',
+                            },
+                            {
+                                id: 'tax-review',
+                                title: 'Analise fiscal',
+                                subtitle: 'Retencao e rateio em validacao.',
+                                opposite: '02/05/2026',
+                                badge: 'pendente',
+                                markerColor: 'warning',
+                            },
+                            {
+                                id: 'approval',
+                                title: 'Aprovacao final',
+                                subtitle: 'Pronto para decisao governada.',
+                                opposite: 'SLA 18,5h',
+                                badge: 'proximo',
+                                markerColor: 'success',
+                                markerStyle: 'outlined',
+                            },
+                        ],
+                    },
+                    {
+                        type: 'decisionPackage',
+                        title: 'Decision package',
+                        subtitle: 'Fiscal approval',
+                        summary: 'Approve, request evidence or escalate from a governed host action.',
+                        status: 'simulated',
+                        owner: 'Controladoria',
+                        policySource: 'Fiscal retention policy',
+                        version: '2026.05',
+                        confidence: 82,
+                        risk: 'medium',
+                        lastReviewed: '2026-05-02',
+                        primaryAction: {
+                            type: 'actionButton',
+                            label: 'Approve package',
+                            variant: 'raised',
+                            color: 'primary',
+                            action: { actionId: 'purchaseOrder.approval.approve' },
+                        },
+                        secondaryActions: [
+                            {
+                                type: 'actionButton',
+                                label: 'Request evidence',
+                                variant: 'stroked',
+                                action: { actionId: 'purchaseOrder.approval.requestEvidence' },
+                            },
+                        ],
+                    },
+                    {
+                        type: 'actionCard',
+                        title: 'Open governed workflow',
+                        subtitle: 'Host-mediated operation',
+                        message: 'Use actionCard for SAP-like enterprise flows that need audit, permission checks and contextual dispatch.',
+                        meta: 'surface.open',
+                        ctaLabel: 'Open detail',
+                        variant: 'raised',
+                        color: 'primary',
+                        action: { actionId: 'purchaseOrder.detail.open' },
+                    },
+                ],
+            },
+            context: {
+                row: {
+                    approvalProgress: 58,
+                },
+            },
+        },
+    },
     {
         id: 'stat-group',
         label: 'Stat group',