.agentsTab{gap:var(--spacing-lg);padding:var(--spacing-xl);flex-direction:column;display:flex}.agentsTab__versionBanner{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.agentsTab__versionInfo{justify-content:space-between;align-items:center;display:flex}.agentsTab__versionLabel{align-items:center;gap:var(--spacing-sm);display:flex}.agentsTab__versionLabelText{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.agentsTab__versionBadge{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.agentsTab__versionDate{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.agentsTab__outdatedWarning{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning-text);font-size:var(--font-size-sm);display:flex}.agentsTab__outdatedWarningIcon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.agentsTab__bestStep{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-accent-bg);border:2px solid var(--color-accent);border-radius:var(--radius-md);display:flex}.agentsTab__bestStep>svg{width:28px;height:28px;color:var(--color-accent);flex-shrink:0;margin-top:4px}.agentsTab__bestStepLabel{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.agentsTab__bestStepName{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.agentsTab__reason{padding:var(--spacing-md);background:var(--color-background-elevated);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.6}.agentsTab__cards{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.agentsTab__noRecommendations{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center;flex-direction:column;display:flex}.agentsTab__noRecommendationsIcon{background:var(--color-background-elevated);border-radius:var(--radius-full);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.agentsTab__noRecommendationsIcon svg{width:48px;height:48px;color:var(--color-text-tertiary)}.agentsTab__noRecommendationsTitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.agentsTab__noRecommendationsReason{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:600px;line-height:1.6}.agentsTab__noRecommendationsHint{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--spacing-md)}.agentsTab__noRecommendationsList{text-align:left;max-width:500px;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.8}.agentsTab__noRecommendationsList li{margin-bottom:var(--spacing-xs)}.agentCard{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal);text-align:center;flex-direction:column;display:flex}.agentCard:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.agentCard__iconSection{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.agentCard__iconWrapper{background:var(--color-background-elevated);border-radius:var(--radius-md);width:80px;height:80px;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.agentCard__iconWrapper svg{width:48px;height:48px}.agentCard__typeLabel{font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.8px}.agentCard__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-top:var(--spacing-xs);line-height:1.2}.agentCard__catchphrase{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex:1;line-height:1.4}.agentCard__button{width:100%;margin-top:var(--spacing-md)}.agentFlowDiagram{padding:var(--spacing-2xl);background:linear-gradient(135deg,var(--color-background-elevated)0%,var(--color-background-elevated)100%);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-lg);overflow-x:auto}.agentFlowDiagram__container{min-width:max-content;padding:var(--spacing-2xl);align-items:center;gap:0;min-height:300px;display:flex}.agentFlowDiagram__column{gap:var(--spacing-lg);min-width:180px;padding:var(--spacing-xl);flex-direction:column;justify-content:center;display:flex}.agentFlowDiagram__column--left{padding:var(--spacing-xl);border-radius:var(--radius-lg);border:3px solid var(--color-accent);background:linear-gradient(135deg,#6366f10d 0%,#6366f11a 100%);min-width:280px;max-width:320px;box-shadow:0 4px 12px #6366f11a}.agentFlowDiagram__column--middle{padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:4px solid var(--color-primary);background:linear-gradient(135deg,#6366f126 0%,#6366f140 100%);min-width:220px;box-shadow:0 8px 24px #6366f133}.agentFlowDiagram__column--actions{min-width:140px;padding:var(--spacing-lg)}.agentFlowDiagram__column--resources{min-width:180px;padding:var(--spacing-lg)}.agentFlowDiagram__column--right{padding:var(--spacing-xl);border-radius:var(--radius-lg);border:3px solid var(--color-secondary);background:linear-gradient(135deg,#10b9810d 0%,#10b9811a 100%);min-width:280px;max-width:320px;box-shadow:0 4px 12px #10b9811a}.agentFlowDiagram__arrowContainer{padding:0 var(--spacing-lg);justify-content:center;align-items:center;min-width:60px;display:flex}.agentFlowDiagram__arrow{width:48px;height:48px;color:var(--color-primary);filter:drop-shadow(0 2px 4px #6366f14d);animation:2s ease-in-out infinite flowRight}@keyframes flowRight{0%,to{opacity:.5;transform:translate(-6px)scale(.9)}50%{opacity:1;transform:translate(6px)scale(1.1)}}.agentFlowDiagram__node{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);background:var(--color-background-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);transition:all var(--transition-normal);white-space:nowrap;box-shadow:var(--shadow-sm);cursor:pointer;display:flex}.agentFlowDiagram__node:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);z-index:10;transform:translate(6px)scale(1.05)}.agentFlowDiagram__node svg{flex-shrink:0;width:24px;height:24px}.agentFlowDiagram__node--user{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);background:linear-gradient(135deg,#ef444426 0%,#ef444440 100%);border-width:3px;border-color:#ef4444;justify-content:center;width:100%;box-shadow:0 4px 12px #ef44444d}.agentFlowDiagram__node--user svg{color:#ef4444;width:28px;height:28px}.agentFlowDiagram__node--process{background:var(--color-background-elevated);border-color:var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-width:2px;justify-content:center;width:100%}.agentFlowDiagram__processName{padding:var(--spacing-md);background:var(--color-background-elevated);border:2px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;white-space:normal;width:100%;font-style:italic;line-height:1.4}.agentFlowDiagram__inputsGroup{gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid var(--color-accent);border-radius:var(--radius-md);background:linear-gradient(135deg,#8b5cf60d 0%,#8b5cf61a 100%);flex-direction:column;width:100%;display:flex}.agentFlowDiagram__inputsGroupLabel{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-accent);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-accent);margin-bottom:var(--spacing-xs);display:flex}.agentFlowDiagram__inputsGroupLabel svg{width:20px;height:20px}.agentFlowDiagram__node--input{background:var(--color-background-elevated);border-color:var(--color-accent);box-shadow:none;border-left-width:4px;width:100%}.agentFlowDiagram__node--input svg{color:var(--color-accent);width:18px;height:18px}.agentFlowDiagram__node--prompt{background:var(--color-primary-bg);border-color:var(--color-primary);font-weight:var(--font-weight-semibold);border-left-width:3px}.agentFlowDiagram__node--prompt svg{color:var(--color-primary)}.agentFlowDiagram__node--agent{background:linear-gradient(135deg,white 0%,var(--color-background-elevated)100%);border:5px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl)var(--spacing-2xl);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);justify-content:center;min-height:100px;animation:3s ease-in-out infinite pulseAgent;box-shadow:0 12px 32px #6366f14d}@keyframes pulseAgent{0%,to{transform:scale(1);box-shadow:0 12px 32px #6366f14d}50%{transform:scale(1.02);box-shadow:0 16px 48px #6366f180}}.agentFlowDiagram__node--agent:hover{transform:scale(1.08);box-shadow:0 20px 60px #6366f199}.agentFlowDiagram__agentIcon{border-radius:var(--radius-full);color:#fff;width:48px;height:48px;margin-right:var(--spacing-sm);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0003}.agentFlowDiagram__agentIcon svg{width:28px;height:28px}.agentFlowDiagram__node--kb{background:var(--color-primary-bg);border-color:var(--color-primary);font-size:var(--font-size-xs);border-left-width:3px}.agentFlowDiagram__node--kb svg{color:var(--color-primary)}.agentFlowDiagram__node--action{background:var(--color-orange-bg);border-color:var(--color-orange);border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-md);font-weight:var(--font-weight-semibold)}.agentFlowDiagram__node--action svg{color:var(--color-orange)}.agentFlowDiagram__node--kb-dynamic{background:var(--color-secondary-bg);border-color:var(--color-secondary);font-size:var(--font-size-xs);border-left-width:3px}.agentFlowDiagram__node--kb-dynamic svg{color:var(--color-secondary)}.agentFlowDiagram__node--tool{background:var(--color-background-elevated);border-color:var(--color-orange);font-size:var(--font-size-xs);border-left-width:3px}.agentFlowDiagram__node--tool svg{color:var(--color-orange)}.agentFlowDiagram__outputsGroup{gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px solid var(--color-secondary);border-radius:var(--radius-md);background:linear-gradient(135deg,#10b9810d 0%,#10b9811a 100%);flex-direction:column;width:100%;display:flex}.agentFlowDiagram__outputsGroupLabel{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-secondary);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-secondary);margin-bottom:var(--spacing-xs);display:flex}.agentFlowDiagram__outputsGroupLabel svg{width:20px;height:20px}.agentFlowDiagram__node--output{background:var(--color-background-elevated);border-color:var(--color-secondary);box-shadow:none;border-left-width:4px;width:100%}.agentFlowDiagram__node--output svg{color:var(--color-secondary);width:18px;height:18px}.agentFlowDiagram__node--more{background:var(--color-background-elevated);color:var(--color-text-tertiary);font-size:var(--font-size-xs);border-style:dashed;justify-content:center}.agentFlowDiagram__node--more:hover{transform:none}@media (max-width:1024px){.agentFlowDiagram__container{flex-direction:column;align-items:stretch}.agentFlowDiagram__arrowContainer{padding:var(--spacing-sm)0;min-height:40px}.agentFlowDiagram__arrow{transform:rotate(90deg)}@keyframes flowRight{0%,to{opacity:.4;transform:rotate(90deg)translate(-4px)}50%{opacity:.9;transform:rotate(90deg)translate(4px)}}.agentFlowDiagram__column{min-width:100%}.agentFlowDiagram__node:hover{transform:translateY(4px)}}.agentConfigModal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:var(--spacing-xl);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.agentConfigModal__content{background-color:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;width:100%;max-width:1400px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000026}.agentConfigModal__header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background-elevated);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.agentConfigModal__headerTitle{align-items:center;gap:var(--spacing-md);display:flex}.agentConfigModal__headerTitle svg{width:24px;height:24px;color:var(--color-text-secondary)}.agentConfigModal__typeLabel{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.agentConfigModal__agentName{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.agentConfigModal__close{width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.agentConfigModal__close:hover{background-color:var(--color-background-elevated);color:var(--color-text-primary)}.agentConfigModal__close svg{width:20px;height:20px}.agentConfigModal__body{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.agentConfigModal__context{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);display:flex}.agentConfigModal__contextItem{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-background-elevated);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex}.agentConfigModal__contextItem svg{width:16px;height:16px}.agentConfigModal__contextItem--process{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.agentConfigModal__contextDivider{font-size:var(--font-size-base);color:var(--color-text-tertiary)}.agentConfigModal__zone{padding:var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-background-elevated)}.agentConfigModal__zoneHeader{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border);display:flex}.agentConfigModal__zoneHeader svg{width:18px;height:18px;color:var(--color-text-tertiary)}.agentConfigModal__zoneHeader h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.agentConfigModal__grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.agentConfigModal__card{padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--spacing-xs);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.agentConfigModal__card:hover{border-color:var(--color-primary)}.agentConfigModal__cardIcon{border-radius:var(--radius-sm);background:var(--color-background-elevated);width:32px;height:32px;color:var(--color-text-tertiary);margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;display:flex}.agentConfigModal__cardIcon svg{width:18px;height:18px}.agentConfigModal__cardTitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.agentConfigModal__cardBadge{padding:2px var(--spacing-xs);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;width:fit-content;display:inline-block}.agentConfigModal__cardDesc{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5}.agentConfigModal__hero{padding:var(--spacing-lg);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--spacing-md);border-left-width:3px;flex-direction:column;display:flex}.agentConfigModal__heroTop{align-items:flex-start;gap:var(--spacing-md);display:flex}.agentConfigModal__heroIcon{border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.agentConfigModal__heroIcon svg{width:28px;height:28px}.agentConfigModal__heroInfo{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.agentConfigModal__heroName{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.agentConfigModal__heroType{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.agentConfigModal__heroProblem{align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--color-background-elevated);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs);line-height:1.5;display:flex}.agentConfigModal__heroProblem svg{width:14px;height:14px;color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px}.agentConfigModal__heroTabs{gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);display:flex}.agentConfigModal__heroTab{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:flex}.agentConfigModal__heroTab:hover{color:var(--color-text-secondary)}.agentConfigModal__heroTab svg{width:14px;height:14px}.agentConfigModal__heroTab--active{border-bottom-color:var(--color-primary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.agentConfigModal__heroContent{min-height:150px}.agentConfigModal__promptBox{padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family-mono);color:var(--color-text-secondary);white-space:pre-wrap;max-height:300px;font-size:13px;line-height:1.6;overflow-y:auto}.agentConfigModal__knowledgeBox{gap:var(--spacing-md);flex-direction:column;display:flex}.agentConfigModal__kbCard{padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--spacing-xs);border-left-width:2px;flex-direction:column;display:flex}.agentConfigModal__kbHeader{align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.agentConfigModal__kbHeader svg{width:14px;height:14px;color:var(--color-text-tertiary)}.agentConfigModal__kbBadge{padding:2px var(--spacing-xs);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;margin-left:auto}.agentConfigModal__kbSources{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.agentConfigModal__kbSources strong{margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium);display:block}.agentConfigModal__kbSources ul{margin-left:var(--spacing-md);list-style:outside}.agentConfigModal__kbSources li{margin-bottom:2px}.agentConfigModal__toolsGrid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.agentConfigModal__toolCard{padding:var(--spacing-sm);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);gap:var(--spacing-xs);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.agentConfigModal__toolCard:hover{border-color:var(--color-primary)}.agentConfigModal__toolIcon{border-radius:var(--radius-sm);background:var(--color-background-elevated);width:28px;height:28px;color:var(--color-text-tertiary);justify-content:center;align-items:center;display:flex}.agentConfigModal__toolIcon svg{width:16px;height:16px}.agentConfigModal__toolName{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.agentConfigModal__toolBadge{padding:2px var(--spacing-xs);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.3px;width:fit-content}.agentConfigModal__toolDesc{color:var(--color-text-secondary);font-size:11px;line-height:1.4}.processRecommendations{gap:var(--spacing-md);flex-direction:column;display:flex}.processRecommendations__item{gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-normal);flex-direction:column;display:flex}.processRecommendations__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.processRecommendations__itemHeader{justify-content:space-between;align-items:center;display:flex}.processRecommendations__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.processRecommendations__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.processRecommendations__actions{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.processRecommendations__versionBanner{gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-background-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.processRecommendations__versionInfo{justify-content:space-between;align-items:center;display:flex}.processRecommendations__versionLabel{align-items:center;gap:var(--spacing-sm);display:flex}.processRecommendations__versionLabelText{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.processRecommendations__versionBadge{padding:var(--spacing-xs)var(--spacing-sm);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.processRecommendations__versionDate{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.processRecommendations__outdatedWarning{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-sm);color:var(--color-warning-text);font-size:var(--font-size-sm);display:flex}.processRecommendations__outdatedWarningIcon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.aiTab{background:var(--color-background-base);flex-direction:column;width:100%;height:100%;display:flex}.aiTab__content{flex:1;min-height:0;overflow-y:auto}.instructionsTab{flex-direction:column;height:100%;display:flex;overflow-y:auto}.instructionsTab__section{gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-6);flex-direction:column;display:flex}.instructionsTab__section--orphaned{border-top:1px solid var(--color-border);padding-top:var(--spacing-6)}.instructionsTab__sectionTitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-foreground);align-items:center;gap:var(--spacing-2);margin:0;display:flex}.instructionsTab__sectionTitle--warning{color:var(--color-warning-text)}.instructionsTab__warningText{font-size:var(--font-size-sm);color:var(--color-foreground-subtle);padding:var(--spacing-3);background:var(--color-warning-background);border-left:3px solid var(--color-warning-border);border-radius:var(--radius-md);margin:0}.instructionsTab__empty{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-8);color:var(--color-foreground-muted);text-align:center;flex-direction:column;display:flex}.instructionsTab__emptyIcon{opacity:.5;font-size:48px}.instructionsTab__steps{flex-direction:column;gap:0;display:flex}.instructionsTab__step{gap:var(--spacing-3);padding:var(--spacing-4);background:0 0;border-bottom:2px solid #0000;flex-direction:column;transition:all .2s;display:flex}.instructionsTab__step:hover{background:var(--color-background-subtle)}.instructionsTab__stepHeader{align-items:flex-start;gap:var(--spacing-3);display:flex}.instructionsTab__step--collapsed .instructionsTab__stepHeader{align-items:center}.instructionsTab__stepIndex{width:28px;height:28px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-muted);background:var(--color-background-subtle);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.instructionsTab__step:hover .instructionsTab__stepIndex{background:var(--color-background-muted);color:var(--color-foreground)}.instructionsTab__stepIndex--warning{background:var(--color-warning-background);color:var(--color-warning-text)}.instructionsTab__step--orphaned{border-bottom:1px solid var(--color-warning-border)}.instructionsTab__step--orphaned:hover{background:var(--color-warning-background)}.instructionsTab__stepInfo{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.instructionsTab__stepTitleRow{align-items:center;gap:var(--spacing-2);cursor:pointer;display:flex}.instructionsTab__chevron{color:var(--color-foreground-muted);opacity:0;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;transition:opacity .15s;display:flex}.instructionsTab__stepTitleRow:hover .instructionsTab__chevron{opacity:1}.instructionsTab__stepTitle{color:var(--color-foreground);margin:0;font-size:1rem;font-weight:600;line-height:1.4}.instructionsTab__versionBadge{color:var(--color-primary);background:var(--color-primary-alpha);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;padding:2px 6px;font-size:.7rem;font-weight:600;line-height:1;display:inline-flex}.instructionsTab__versionBadge--legacy{color:var(--color-warning-text);background:var(--color-warning-background);border:1px solid var(--color-warning-border)}.instructionsTab__stepParameters{margin-top:var(--spacing-1)}.instructionsTab__stepActors{color:var(--color-foreground-subtle);font-size:.75rem;font-family:var(--font-family-mono);margin:0}.instructionsTab__stepPreviewCollapsed{color:var(--color-foreground-muted);opacity:.8;margin:0;font-size:.75rem;font-style:italic;line-height:1.4}.instructionsTab__stepContent{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);padding-left:calc(28px + var(--spacing-3));border-radius:var(--radius-md);border:1px dashed var(--color-border-subtle);background:0 0;display:flex}.instructionsTab__instructionPreview{color:var(--color-foreground-subtle);white-space:pre-wrap;flex:1;font-size:.875rem;line-height:1.6}.instructionsTab__emptyText{color:var(--color-foreground-muted);flex:1;margin:0;font-size:.875rem;font-style:italic}.instructionsTab__stepActions{gap:var(--spacing-1);flex-shrink:0;align-items:center;display:flex}.instructionsTab__aiButton{color:var(--color-purple-500)!important}.instructionsTab__aiButton:hover:not(:disabled){background-color:var(--color-purple-100)!important;color:var(--color-purple-600)!important}.instructionsTab__aiButton:disabled{opacity:.7;cursor:not-allowed}.instructionsTab__aiButton--loading{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instructionsTab__stepContent--orphaned{flex-direction:column;align-items:stretch}.instructionsTab__stepContent--orphaned .instructionsTab__instructionPreview{margin-bottom:var(--spacing-3)}.instructionsTab__reassignSection{align-items:center;gap:var(--spacing-3);display:flex}.instructionsTab__stepSelect{padding:var(--spacing-2)var(--spacing-3);background-color:var(--color-background-subtle);color:var(--color-foreground);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;flex:1;font-size:.875rem;transition:all .2s}.instructionsTab__stepSelect:hover{border-color:var(--color-border);background-color:var(--color-background-muted)}.instructionsTab__stepSelect:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);outline:none}.instructionModal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;padding:var(--spacing-xl);background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.instructionModal__content{background-color:var(--color-background);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-2xl);flex-direction:column;display:flex;overflow:hidden}.instructionModal__header{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-background-subtle);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.instructionModal__headerInfo{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.instructionModal__title{font-size:var(--font-size-lg);color:var(--color-foreground);margin:0;font-weight:700}.instructionModal__subtitle{font-size:var(--font-size-xs);color:var(--color-foreground-subtle);font-family:var(--font-family-mono);margin:0}.instructionModal__stepMessage{font-size:var(--font-size-sm);color:var(--color-foreground);padding-top:var(--spacing-1);margin:0;font-weight:600}.instructionModal__stepParameters{margin-top:var(--spacing-2)}.instructionModal__closeButton{width:32px;height:32px;color:var(--color-foreground-subtle);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:flex}.instructionModal__closeButton:hover{background-color:var(--color-background-muted);color:var(--color-foreground)}.instructionModal__closeButton svg{width:20px;height:20px}.instructionModal__body{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.instructionModal__textarea{width:100%;min-height:400px;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-sm);font-family:var(--font-family-mono);resize:vertical;line-height:1.6;transition:border-color .2s,box-shadow .2s}.instructionModal__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha);outline:none}.instructionModal__textarea::placeholder{color:var(--color-foreground-subtle)}.instructionModal__footer{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-background-subtle);flex-shrink:0;display:flex}