:root .fui-FluentProvider{display:flex;flex:1}html,body{height:100%;overflow:hidden}body{margin:0;display:flex;place-items:center;min-width:320px}body .smallTitle{font-size:16px;font-weight:600}body .subTitle{font-size:14px;font-weight:500}body .bodyTitle,body .cardTitle{font-size:14px;font-weight:600}body .container{padding:16px}#root{height:100%;display:flex;flex:1}th,td{padding-left:1rem;padding-right:1rem}.App{height:100%;overflow-y:hidden;display:flex;flex-direction:column;flex-grow:1}.App .Header{border-bottom:2px solid #d1d1d1}.App .appBody{display:flex;flex-grow:1;height:calc(100% - 2rem);overflow-y:hidden}.App .appBody .appContent{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.PersonaEditor{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;position:relative}.PersonaEditor .apiLoadingOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background-color:#fffc}.PersonaEditor .activeStep{font-weight:600}.Wizard{display:flex;flex-grow:1;overflow:hidden}.Wizard nav{flex:0 0 auto;width:19vw;min-width:190px;max-width:280px;padding-top:32px;background-color:#fff;border-right:1px solid #e0e0e0;overflow-y:auto}.Wizard nav .steps .stepItem{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;min-height:60px;margin:0;padding:0 24px 8px 52px}.Wizard nav .steps .stepItem svg{display:flex;position:absolute;left:24px;top:2px;font-size:22px;overflow:hidden}.Wizard nav .steps .stepItem svg.current,.Wizard nav .steps .stepItem svg.completed{color:#0f6cbd}.Wizard nav .steps .stepItem span{margin-top:2px}.Wizard nav .steps .stepItem span.current{font-weight:600}.Wizard nav .steps .stepItem:not(:last-child):after{content:"";position:absolute;top:28px;bottom:2px;left:34px;border-right:2px solid #616161}.Wizard section{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.Wizard section .wizardContent{display:flex;flex-direction:column;flex-grow:1;overflow:auto;padding:0 24px 24px}.Wizard section .wizardFooter{display:flex;flex:0 0 72px;flex-wrap:wrap;align-items:center;padding:0 24px;border-top:1px solid #e0e0e0;background:#fff;justify-content:space-between}.Wizard section .wizardFooter .stepButtons,.Wizard section .wizardFooter .actionButtons{display:flex;gap:16px}.Wizard section .wizardFooter .stepButtons .approveButton,.Wizard section .wizardFooter .actionButtons .approveButton{background-color:#107c10;border-color:#107c10;color:#fff}.Wizard section .wizardFooter .stepButtons .approveButton:hover,.Wizard section .wizardFooter .actionButtons .approveButton:hover{background-color:#0b6a0b;border-color:#0b6a0b}.BotPersona{display:flex;flex-direction:column}.BotPersona .fui-Breadcrumb{padding-top:0;border-right:none;width:100%}.BotPersona .intentGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1rem}.BotPersona .intentCard{border:2px solid #d1d5db;border-radius:8px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background-color .2s ease,border-color .2s ease;padding:1rem;background-color:#fff}.BotPersona .intentCard:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a;background-color:#dcf3e8;border-color:#16a34a}.BotPersona .intentCard .intentTitle{font-weight:600;display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.BotPersona .intentCard .intentTitle .intentTitleLeft{display:flex;align-items:center;gap:.5rem}.BotPersona .intentCard .intentTitle .deleteButton{opacity:0;transition:opacity .2s ease}.BotPersona .intentCard .intentTitle .deleteButton:hover{color:#ef4444}.BotPersona .intentCard:hover .intentTitle .deleteButton{opacity:1}.BotPersona .intentCard .statusIcon{flex-shrink:0}.BotPersona .intentHeader{display:flex;justify-content:space-between;align-items:center;margin:1rem 0;gap:1rem}.BotPersona .intentHeader .intentSearch .fui-Input__input{border-radius:6px;padding:8px 12px;font-size:14px}.BotPersona .dialogForm{display:flex;flex-direction:column;gap:2rem;margin-top:1rem}.BotPersona .dialogForm .fui-Field{margin-bottom:1.5rem!important}.BotPersona .dialogForm .fui-Field:last-child{margin-bottom:0!important}.BotPersona .dialogForm .fieldGroup{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem!important}.BotPersona .dialogForm .fieldGroup:last-child{margin-bottom:0!important}.BotPersona .dialogForm label{font-weight:600;margin-bottom:0}.BotPersona .dialogForm .fieldRow{display:flex;gap:.5rem;align-items:center}.BotPersona .intentDetails{padding-left:6px}.BotPersona .intentDetails .intentSection{display:flex}.BotPersona .intentDetails .intentSection .intentSectionTitle{display:flex;flex-direction:column;width:200px}.BotPersona .intentDetails .intentSection h4{font-size:14px;font-weight:600;margin:0;width:200px}.BotPersona .intentDetails .intentSection .intentSectionContent{display:flex;flex-direction:column;flex-grow:1}.BotPersona .intentDetails .intentSection .intentSectionContent .Repeater .row{display:flex;margin-bottom:10px}.BotPersona .intentDetails .intentSection .intentSectionContent .Repeater .row .fui-Field{margin-bottom:0;width:calc(100% - 35px)}.BotPersona .intentDetails .intentSection .intentSectionContent .Repeater .add .fui-Button{padding-left:0}.BotPersona .intentDetails .intentSection .intentSectionContent .nonConditionalResponses,.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses{margin-top:16px}.BotPersona .intentDetails .intentSection .intentSectionContent .nonConditionalResponses .bodyTitle,.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .bodyTitle{margin-bottom:10px}.BotPersona .intentDetails .intentSection .intentSectionContent .nonConditionalResponses,.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .conditionalResponsesBody{flex-grow:1}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses{display:flex;flex-direction:column}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .conditionalResponsesBody{display:flex;flex-direction:column;row-gap:10px}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .conditionalResponsesBody .conditionalResponseSection{display:flex;flex-direction:column;border:2px solid #ccc;padding:4px}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionDelete{align-self:flex-end;width:fit-content}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionItems{display:flex;column-gap:4px}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionItems .requiredParam{display:flex;flex-direction:column}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionItems .Repeater{flex-grow:1}.BotPersona .intentDetails .intentSection .intentSectionContent .conditionalResponses .addNewConditionalResponseSection{width:fit-content;align-self:flex-end}.review-comments-section{margin-top:2rem;padding:1.5rem;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px}.review-comments-section .review-comments-header{margin-bottom:1rem;border-bottom:2px solid #0078d4;padding-bottom:.5rem}.review-comments-section .review-comments-header h4{margin:0;color:#0078d4;font-size:1.1rem}.review-comments-section .existing-comments{margin-bottom:1.5rem}.review-comments-section .existing-comments .comment-item{background-color:#fff;padding:1rem;margin-bottom:.75rem;border-radius:4px;border-left:3px solid #0078d4}.review-comments-section .existing-comments .comment-item .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.review-comments-section .existing-comments .comment-item .comment-header .comment-author{font-weight:600;color:#323130;margin-right:.5rem}.review-comments-section .existing-comments .comment-item .comment-header .comment-date{color:#605e5c}.review-comments-section .existing-comments .comment-item .comment-header .comment-actions{display:flex;gap:.25rem}.review-comments-section .existing-comments .comment-item .comment-text{color:#323130;line-height:1.5;white-space:pre-wrap}.review-comments-section .existing-comments .comment-item .comment-edit .edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.review-comments-section .add-comment{display:flex;flex-direction:column;gap:.75rem}.review-comments-section .add-comment button{align-self:flex-start}.intentEditorDialogSurface{max-width:600px!important;width:600px!important;max-height:100vh!important;height:100vh!important;margin:0!important;border-radius:0!important;position:fixed!important;inset:0 0 0 auto!important;left:auto!important;right:0!important;top:0!important;bottom:0!important;transform:none!important;display:flex!important;flex-direction:column!important;box-shadow:-2px 0 8px #00000026!important}.intentEditorDialogSurface [role=dialog]{height:100%;display:flex;flex-direction:column}.intentEditorDialogBody{height:100%;display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;grid-auto-flow:row!important;padding:0!important}.intentEditorContent{display:flex;flex-direction:column;width:100%;box-sizing:border-box;flex:1;min-height:0;grid-column:1 / -1;gap:24px;padding:16px;overflow-y:auto;overflow-x:hidden}.intentEditorContent .intentDetailsSection{display:flex;flex-direction:column;gap:12px}.intentEditorContent .intentDetailsSection h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.intentEditorContent .responsesSection{display:flex;flex-direction:column;min-width:0;gap:12px}.intentEditorContent .responsesSection h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.intentEditorContent .responsesSection .responseHint{margin:0;font-size:12px;color:#666;font-style:italic}.intentEditorContent .responsesSection .tabContent{display:flex;flex-direction:column;min-width:0;gap:12px;padding:12px 0}.intentEditorContent .responsesSection .tabContent .conditionalResponsesBody{display:flex;flex-direction:column;gap:12px}.intentEditorContent .responsesSection .tabContent .conditionalResponsesBody .conditionalResponseSection{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fafafa}.intentEditorContent .responsesSection .tabContent .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionDelete{align-self:flex-end}.intentEditorContent .responsesSection .tabContent .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionItems{display:flex;flex-direction:column;gap:12px}.intentEditorContent .responsesSection .tabContent .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionItems .requiredParam{display:flex;flex-direction:column;gap:6px}.intentEditorContent .responsesSection .tabContent .conditionalResponsesBody .conditionalResponseSection .conditionalResponseSectionItems .requiredParam label{font-size:12px;font-weight:500;color:#1a1a1a}.intentEditorContent .responsesSection .tabContent .addNewConditionalResponseSection{margin-top:12px}.intentInlineEditor{width:100%;overflow-x:hidden}.responseInputWithSuggestions{position:relative;width:100%}.responseInputWithSuggestions .fui-Input{width:100%}.mentionSuggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;z-index:20;border:1px solid #d0d7de;border-radius:10px;background-color:#fff;box-shadow:0 12px 32px #0f172a24;padding:6px}.mentionSuggestions .mentionSuggestionsHeader{font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#6b7280;padding:4px 8px 6px}.mentionSuggestions .mentionSuggestionsEmpty{font-size:12px;color:#6b7280;padding:8px}.mentionSuggestionItem{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;color:#111827;transition:background-color .12s ease}.mentionSuggestionItem:hover{background-color:#eef4ff}.panelFooter{display:flex;gap:12px;justify-content:flex-end;padding:16px;border-top:1px solid #e0e0e0;background-color:#f5f5f5;margin-top:auto}.Repeater{display:flex;flex-direction:column}.Repeater .fui-Skeleton{display:grid;gap:12px}.ConversationPrompt{display:flex;flex-direction:column}.ConversationPrompt .addGenerator{align-self:flex-end;width:fit-content}.ConversationPrompt .generatorSection{margin-top:10px;margin-bottom:24px;border:1px solid #d1d1d1;border-radius:4px;padding:16px}.ConversationPrompt .generatorSection:hover:not([data-movable-dragging]){border-color:#c7c7c7;box-shadow:0 2px 4px #0000001a}.ConversationPrompt .generatorSection .generatorHeader{display:flex;align-items:center;justify-content:space-between;gap:8px}.ConversationPrompt .generatorSection .generatorHeader .dragHandle{padding:4px;margin-right:8px;cursor:grab;color:#666;transition:color .2s}.ConversationPrompt .generatorSection .generatorHeader .dragHandle:hover{color:#0078d4}.ConversationPrompt .generatorSection .generatorHeader .dragHandle:active{cursor:grabbing}.ConversationPrompt .generatorSection .generatorHeader h4{font-size:14px;font-weight:600;margin:0;flex:1}.ConversationPrompt .generatorSection .generatorHeader .deleteGenerator{width:fit-content}.ConversationPrompt .generatorSection .Repeater .header{font-weight:600;margin-bottom:8px}.ConversationPrompt .generatorSection .Repeater .row{display:flex;margin-bottom:10px}.ConversationPrompt .generatorSection .Repeater .row .fui-Field{margin-bottom:0;width:calc(100% - 35px)}.ConversationPrompt .generatorSection .Repeater .add .fui-Button{padding-left:0}.GeneralInfo{display:flex;flex-direction:column;gap:8px}.GeneralInfo .fieldConfigSection .fieldConfig{display:flex;gap:8px;margin-bottom:8px}.GeneralInfo .fieldConfigSection .fieldConfig>*:first-child{max-width:200px}.GeneralInfo .fieldConfigSection .fieldConfig>*:first-child .Input,.GeneralInfo .fieldConfigSection .fieldConfig>*:first-child .ms-TextField-fieldGroup{width:100%}.GeneralInfo .fieldConfigSection .fieldConfig>*:nth-child(2){flex:1 1 0}.GeneralInfo .fieldConfigSection .fieldConfig>*:nth-child(3){align-items:flex-end}.GeneralInfo .fieldConfigSection .addButton{width:fit-content}.Summary{display:flex;flex-direction:column;gap:24px}.Summary .summarySection{display:flex;flex-direction:column;gap:12px}.Summary .summaryField{display:flex;flex-direction:column;gap:4px}.Summary .fieldConfigSummary{display:flex;flex-direction:column;gap:8px}.Summary .fieldConfigSummary .fieldConfigList{display:flex;flex-direction:column;gap:8px;padding-left:8px}.Summary .fieldConfigSummary .fieldConfigItem{display:flex;gap:16px;align-items:baseline}.Summary .fieldConfigSummary .fieldConfigItem .fieldExamples{color:var(--colorNeutralForeground2)}.Summary .intentCard,.Summary .generatorCard{margin-bottom:8px}.Summary .intentBody,.Summary .generatorBody{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.Summary .responseGroup{display:flex;flex-direction:column;gap:4px}.Summary .responsePatterns{margin:4px 0;padding-left:20px}.Summary .conditionalItem{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.TestPersona{display:flex;flex-direction:column;flex-grow:1;height:100%}.TestPersona .header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding:8px 0}.TestPersona .setupForm{padding:16px 0;display:flex;flex-direction:column;gap:12px;max-width:500px}.TestPersona .setupForm .setupDescription{color:#666;font-size:14px;margin:0}.TestPersona .setupForm .propertyField{display:flex;flex-direction:column;gap:4px}.TestPersona .setupForm .propertyField label{font-weight:600;font-size:13px}.TestPersona .setupForm .noProperties{color:#999;font-style:italic}.TestPersona .chatContainer{display:flex;flex-grow:1;overflow:hidden;gap:16px}.TestPersona .chatContainer .suspectPanel{width:220px;flex-shrink:0;border-right:1px solid #eee;padding:12px;overflow-y:auto}.TestPersona .chatContainer .suspectPanel h4{margin:0 0 8px;font-size:13px;color:#444}.TestPersona .chatContainer .suspectPanel .suspectProperty{display:flex;gap:4px;padding:4px 0;font-size:12px;border-bottom:1px solid #f0f0f0}.TestPersona .chatContainer .suspectPanel .suspectProperty .propName{font-weight:600;color:#333}.TestPersona .chatContainer .suspectPanel .suspectProperty .propValue{color:#666}.TestPersona .chatContainer .chatArea{flex-grow:1;overflow-y:auto;padding:8px 0}.TestPersona .fui-Chat{max-width:unset}.TestPersona .fui-Chat .fui-ChatMessage .fui-ChatMessage__body{background-color:unset}.TestPersona .fui-Chat .fui-ChatMessage .fui-ChatMessage__body .message{padding:8px 12px;background-color:#ebf3fc;border-radius:4px}.TestPersona .fui-Chat .fui-ChatMessage .fui-ChatMessage__body .message.typing{background-color:#f5f5f5;font-style:italic}.TestPersona .fui-Chat .fui-ChatMessage .fui-ChatMessage__body .intentInfo{padding-left:8px;font-size:10px;color:#888;cursor:help}.TestPersona .errorMessage{color:#d32f2f;padding:8px;background-color:#ffeaea;border-radius:4px;font-size:13px;margin:4px 0}.TestPersona .inputArea{display:flex;gap:8px;padding:12px 0;border-top:1px solid #ccc;align-items:center}.TestPersona .inputArea .messageInput{flex-grow:1}.test-personas-page{padding:24px;display:flex;flex-direction:column;gap:16px;height:100%}.test-personas-header{display:flex;align-items:center;gap:16px}.test-personas-chat{flex:1;min-height:0}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:8px}.persona-card{cursor:pointer;transition:box-shadow .2s}.persona-card:hover{box-shadow:0 4px 12px #0000001f}.demo-card{border:2px dashed #0078d4}.persona-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}