:root{--color-bg-primary: #1a1a2e;--color-bg-secondary: #16213e;--color-bg-tertiary: #0f0f23;--color-bg-hover: #252545;--color-bg-active: #2d2d5a;--color-text-primary: #e8e8e8;--color-text-secondary: #a0a0a0;--color-text-muted: #6c6c8a;--color-border: #2d2d5a;--color-border-light: #3d3d6a;--color-in-progress: #3b82f6;--color-waiting: #f59e0b;--color-blocked: #ef4444;--color-completed: #22c55e;--color-pending: #6b7280;--color-skipped: #9ca3af;--color-accent: #6366f1;--color-accent-hover: #818cf8;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;--transition-normal: .25s ease;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-scale: 1;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--scrollbar-width: 10px;--scrollbar-thumb-radius: 5px}.font-scale-1{--font-scale: .85}.font-scale-2{--font-scale: .92}.font-scale-3{--font-scale: 1}.font-scale-4{--font-scale: 1.15}.font-scale-5{--font-scale: 1.3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-primary);overflow:hidden}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:var(--scrollbar-thumb-radius)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--scrollbar-thumb-radius);border:2px solid var(--color-bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}::-webkit-scrollbar-corner{background:var(--color-bg-tertiary)}*{scrollbar-width:auto;scrollbar-color:var(--color-border) var(--color-bg-tertiary)}button{font-family:inherit;cursor:pointer;border:none;background:none}.app-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.app-placeholder__content{text-align:center;padding:var(--spacing-xl)}.app-placeholder__icon{font-size:48px;margin-bottom:var(--spacing-md)}.app-placeholder__title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm)}.app-placeholder__message{color:var(--color-text-secondary);font-size:var(--font-size-md)}.sidebar{height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary);width:100%;--font-size-xs: calc(12px * var(--font-scale));--font-size-sm: calc(13px * var(--font-scale));--font-size-md: calc(14px * var(--font-scale));--font-size-lg: calc(16px * var(--font-scale));--font-size-xl: calc(18px * var(--font-scale))}.sidebar--error,.sidebar--invalid{justify-content:center;align-items:center;text-align:center;padding:var(--spacing-xl)}.sidebar__error,.sidebar__invalid{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.sidebar__error-icon,.sidebar__invalid-icon{font-size:32px;opacity:.8}.sidebar__error-title,.sidebar__invalid-title{font-weight:600;font-size:var(--font-size-lg)}.sidebar__error-message,.sidebar__invalid-message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sidebar__error-retry{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.sidebar__error-retry:hover{background:var(--color-accent-hover)}.sidebar__main{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.sidebar__header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar__title{font-weight:600;font-size:var(--font-size-lg)}.sidebar__ticket-id{color:var(--color-text-muted);font-size:var(--font-size-sm)}.sidebar__header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar__refresh{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-lg);transition:all var(--transition-fast)}.sidebar__tabs{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.sidebar__tabs-left{display:flex;gap:var(--spacing-xs)}.sidebar__tabs-right{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar__refresh{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-md);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.sidebar__refresh:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar__tab{position:relative;display:flex;align-items:center;justify-content:center;gap:0;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-md);border-radius:var(--radius-md);border:none;overflow:hidden;transition:background .2s ease,color .2s ease}.sidebar__tab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.sidebar__tab--active{color:var(--color-accent);background:#6366f11a}.sidebar__tab--active:hover{background:#6366f126}.sidebar__tab-icon{font-size:var(--font-size-xl);flex-shrink:0}.sidebar__tab-label{display:inline-block;white-space:nowrap;overflow:hidden;width:0;opacity:0;transition:width .25s ease,opacity .2s ease,margin .25s ease;margin-left:0}.sidebar__tab:hover .sidebar__tab-label,.sidebar__tab--active .sidebar__tab-label{width:70px;opacity:1;margin-left:var(--spacing-xs)}.sidebar__content{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0}.sidebar__content::-webkit-scrollbar{width:var(--scrollbar-width)}.sidebar__content::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-radius)}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500}.status-badge--small{padding:1px 6px;font-size:9px}.status-badge--large{padding:4px 12px;font-size:var(--font-size-sm)}.status-badge--in-progress{background:#3b82f633;color:var(--color-in-progress)}.status-badge--waiting{background:#f59e0b33;color:var(--color-waiting)}.status-badge--blocked{background:#ef444433;color:var(--color-blocked)}.status-badge--completed{background:#22c55e33;color:var(--color-completed)}.status-badge--unachievable{background:#f59e0b33;color:#92400e;border:1px solid rgba(245,158,11,.4)}.status-badge--pending{background:#6b728033;color:var(--color-pending)}.status-badge--skipped{background:#9ca3af33;color:var(--color-skipped)}.status-badge--pulse .status-badge__icon{animation:pulse 1.5s ease-in-out infinite}.connection-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs)}.connection-badge__dot{width:6px;height:6px;border-radius:50%}.connection-badge--connected .connection-badge__dot{background:var(--color-completed);box-shadow:0 0 4px var(--color-completed)}.connection-badge--disconnected .connection-badge__dot{background:var(--color-blocked)}.connection-badge__label{color:var(--color-text-muted)}.type-badge{display:inline-block;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;background:var(--color-bg-hover);color:var(--color-text-secondary)}.type-badge--ocr{background:#9333ea33;color:#a78bfa}.type-badge--invoice{background:#3b82f633;color:#60a5fa}.type-badge--po{background:#22c55e33;color:#4ade80}.type-badge--document{background:#f59e0b33;color:#fbbf24}.token-count{display:inline-flex;align-items:center;gap:2px;color:var(--color-text-muted);font-size:var(--font-size-xs)}.token-count__icon{font-size:8px}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.tasks-tab{padding:0}.tasks-tab--loading{display:flex;align-items:center;justify-content:center;min-height:200px}.tasks-tab__loader{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.tasks-tab__current-state{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.tasks-tab__state-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.tasks-tab__state-title{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tasks-tab__state-description{font-size:var(--font-size-md);line-height:1.4;margin-bottom:var(--spacing-sm)}.tasks-tab__state-updated{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tasks-tab__no-task{padding:var(--spacing-xl);text-align:center}.tasks-tab__no-task-icon{font-size:24px;margin-bottom:var(--spacing-sm);opacity:.6}.tasks-tab__no-task-text{font-weight:500;margin-bottom:var(--spacing-xs)}.tasks-tab__no-task-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tasks-tab__divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.tasks-tab__waiting-plan{padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.tasks-tab__waiting-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tasks-tab__waiting-updated{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.tasks-tab__waiting-description{font-size:var(--font-size-md);line-height:1.4;margin-bottom:var(--spacing-sm)}.tasks-tab__waiting-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.tasks-tab__subtabs{display:flex;padding:0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.tasks-tab__subtab{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:-1px;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.tasks-tab__subtab:hover:not(.tasks-tab__subtab--active){background:var(--color-bg-hover);color:var(--color-text-primary)}.tasks-tab__subtab--active{background:var(--color-bg-primary);color:var(--color-accent);border-color:var(--color-border);border-bottom:1px solid var(--color-bg-primary)}.tasks-tab__subtab-icon{font-size:var(--font-size-md)}.tasks-tab__subtab-count{margin-left:var(--spacing-xs);padding:1px 6px;font-size:var(--font-size-xs);background:var(--color-bg-hover);border-radius:10px;color:var(--color-text-muted)}.tasks-tab__subtab--active .tasks-tab__subtab-count{background:#6366f133;color:var(--color-accent)}.tasks-tab__content{padding:var(--spacing-md)}.tasks-tab__history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-secondary)}.tasks-tab__history-empty{padding:var(--spacing-xl);text-align:center}.tasks-tab__history-empty-icon{font-size:32px;margin-bottom:var(--spacing-sm);opacity:.6}.tasks-tab__history-empty-text{font-weight:500;margin-bottom:var(--spacing-xs)}.tasks-tab__history-empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tasks-tab__history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.tasks-tab__history-item{position:relative}.tasks-tab__history-item-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs);padding-left:var(--spacing-md)}.tasks-tab__load-more{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);background:var(--color-bg-secondary);color:var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.tasks-tab__load-more:hover:not(:disabled){background:var(--color-bg-hover)}.tasks-tab__load-more:disabled{opacity:.6;cursor:not-allowed}.spinner--small{width:14px;height:14px;border-width:2px}.task-plan{background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.task-plan--inactive{opacity:.7}.task-plan--empty{background:transparent;border:1px dashed var(--color-border)}.task-plan__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.task-plan__header:hover{background:var(--color-bg-hover)}.task-plan__header-content{flex:1;min-width:0}.task-plan__title-row{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.task-plan__title{font-weight:600;font-size:var(--font-size-md)}.task-plan__active-badge{font-size:var(--font-size-xs);padding:1px 6px;background:#22c55e33;color:var(--color-completed);border-radius:10px}.task-plan__goal{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.task-plan__expand{color:var(--color-text-muted);font-size:var(--font-size-xs);transition:transform var(--transition-fast);margin-left:var(--spacing-sm)}.task-plan__expand--open{transform:rotate(180deg)}.task-plan__progress{padding:0 var(--spacing-md) var(--spacing-md)}.task-plan__progress-bar{height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden}.task-plan__progress-fill{height:100%;background:var(--color-accent);border-radius:2px;transition:width var(--transition-normal)}.task-plan__progress-text{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.task-plan__content{border-top:1px solid var(--color-border)}.task-plan__context{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.task-plan__context-header{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.task-plan__context-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.task-plan__steps{padding:var(--spacing-sm)}.task-plan__footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md);flex-wrap:wrap}.task-plan__created,.task-plan__updated{font-size:var(--font-size-xs);color:var(--color-text-muted)}.task-plan__empty-content{padding:var(--spacing-xl);text-align:center}.task-plan__empty-icon{font-size:24px;margin-bottom:var(--spacing-sm);opacity:.6}.task-plan__empty-text{font-weight:500;margin-bottom:var(--spacing-xs)}.task-plan__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.step-card{margin-bottom:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.step-card--current{border-color:var(--color-accent)}.step-card--completed{opacity:.8}.step-card--skipped{opacity:.6}.step-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.step-card__header:hover{background:var(--color-bg-hover)}.step-card__header-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.step-card__order{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);border-radius:50%;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);flex-shrink:0}.step-card--current .step-card__order{background:var(--color-accent);color:#fff}.step-card--completed .step-card__order{background:var(--color-completed);color:#fff}.step-card__name{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-card__current-badge{font-size:var(--font-size-xs);padding:1px 6px;background:#6366f133;color:var(--color-accent);border-radius:10px;flex-shrink:0}.step-card__header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.step-card__expand{color:var(--color-text-muted);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.step-card__expand--open{transform:rotate(180deg)}.step-card__content{padding:var(--spacing-md);border-top:1px solid var(--color-border)}.step-card__section{margin-bottom:var(--spacing-md)}.step-card__section:last-child{margin-bottom:0}.step-card__section-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.step-card__criteria-count{font-weight:400;color:var(--color-text-secondary)}.step-card__goal{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.step-card__criteria{display:flex;flex-direction:column;gap:var(--spacing-xs)}.step-card__criterion{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.step-card__criterion--satisfied{background:#22c55e1a}.step-card__criterion--unsatisfied{background:#ef44441a}.step-card__criterion--unachievable{background:#f59e0b1a}.step-card__criterion-icon{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}.step-card__criterion--satisfied .step-card__criterion-icon{color:var(--color-completed)}.step-card__criterion--unsatisfied .step-card__criterion-icon{color:var(--color-blocked)}.step-card__criterion--unachievable .step-card__criterion-icon{color:#92400e}.step-card__criterion-content{flex:1;min-width:0}.step-card__criterion-text{font-size:var(--font-size-sm);line-height:1.4}.step-card__criterion-evidence{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.step-card__tools{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.step-card__tool{padding:2px 8px;background:var(--color-bg-hover);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.step-card__footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.step-card__duration{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-tab{display:flex;flex-direction:column;height:100%}.data-tab__header{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.data-tab__stats{display:flex;gap:var(--spacing-lg)}.data-tab__stat{display:flex;flex-direction:column}.data-tab__stat-value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-accent)}.data-tab__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-tab__content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.extraction-list__empty,.conversation-list__empty{padding:var(--spacing-xl);text-align:center}.extraction-list__empty-icon,.conversation-list__empty-icon{font-size:32px;margin-bottom:var(--spacing-sm);opacity:.6}.extraction-list__empty-text,.conversation-list__empty-text{font-weight:500;margin-bottom:var(--spacing-xs)}.extraction-list__empty-hint,.conversation-list__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.extraction-list__loading,.conversation-list__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-secondary)}.extraction-list__load-more,.conversation-list__load-more{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);background:var(--color-bg-secondary);color:var(--color-accent);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.extraction-list__load-more:hover,.conversation-list__load-more:hover{background:var(--color-bg-hover)}.extraction-card{margin-bottom:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.extraction-card--used{border-color:var(--color-completed)}.extraction-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.extraction-card__header:hover{background:var(--color-bg-hover)}.extraction-card__header-content{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.extraction-card__title{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extraction-card__used-badge{color:var(--color-completed);font-size:var(--font-size-xs)}.extraction-card__header-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.extraction-card__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.extraction-card__expand{color:var(--color-text-muted);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.extraction-card__expand--open{transform:rotate(180deg)}.extraction-card__preview{padding:0 var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.extraction-card__content{border-top:1px solid var(--color-border);padding:var(--spacing-md)}.extraction-card__source{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs)}.extraction-card__source-label{color:var(--color-text-muted)}.extraction-card__source-filename{color:var(--color-accent)}.extraction-card__body{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;max-height:300px;overflow-y:auto}.extraction-card__metadata{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.extraction-card__metadata-item{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs)}.extraction-card__metadata-key{color:var(--color-text-muted)}.extraction-card__metadata-value{color:var(--color-text-secondary)}.details-tab{display:flex;flex-direction:column;height:100%}.details-tab__header{padding:var(--spacing-sm) var(--spacing-md)}.details-tab__toolbar{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.details-tab__subtabs{display:flex;padding:0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.details-tab__subtab{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex:1;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.details-tab__subtab:hover:not(.details-tab__subtab--active){background:var(--color-bg-hover);color:var(--color-text-primary)}.details-tab__subtab--active{background:var(--color-bg-primary);color:var(--color-accent);border-color:var(--color-border);border-bottom-color:var(--color-accent)}.details-tab__subtab-icon{font-size:var(--font-size-md)}.details-tab__stats{display:flex;gap:var(--spacing-lg)}.details-tab__stat{display:flex;flex-direction:column}.details-tab__stat-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-accent)}.details-tab__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.details-tab__content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.details-tab__search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex:1;min-width:0}.details-tab__search--focused{border-color:var(--color-accent)}.details-tab__search-icon{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}.details-tab__search-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);outline:none;min-width:0}.details-tab__search-input::placeholder{color:var(--color-text-muted)}.details-tab__search-clear{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:50%;font-size:var(--font-size-xs);transition:all var(--transition-fast);flex-shrink:0}.details-tab__search-clear:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.details-tab__no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.details-tab__no-results-icon{font-size:32px;margin-bottom:var(--spacing-md);opacity:.5}.details-tab__no-results-text{font-size:var(--font-size-md);margin-bottom:var(--spacing-md)}.details-tab__no-results-clear{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-hover);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:background var(--transition-fast)}.details-tab__no-results-clear:hover{background:var(--color-bg-active)}.conversation-turn{margin-bottom:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.conversation-turn__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.conversation-turn__header:hover{background:var(--color-bg-hover)}.conversation-turn__header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.conversation-turn__number{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600}.conversation-turn__source{font-size:var(--font-size-sm);padding:1px 6px;background:var(--color-bg-hover);border-radius:var(--radius-sm)}.conversation-turn__header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.conversation-turn__thoughts-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background:var(--color-primary-subtle, rgba(59, 130, 246, .1));border-radius:var(--radius-sm);white-space:nowrap}.conversation-turn__tools-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-success, #10b981);background:var(--color-success-subtle, rgba(16, 185, 129, .1));border-radius:var(--radius-sm);white-space:nowrap}.conversation-turn__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.conversation-turn__expand{color:var(--color-text-muted);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.conversation-turn__expand--open{transform:rotate(180deg)}.conversation-turn__preview{padding:0 var(--spacing-md) var(--spacing-sm)}.conversation-turn__preview-user{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-turn__preview-label{font-weight:600;margin-right:var(--spacing-xs)}.conversation-turn__content{border-top:1px solid var(--color-border)}.conversation-turn__section{padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.conversation-turn__section:last-child{border-bottom:none}.conversation-turn__section--user,.conversation-turn__section--tools{background:var(--color-bg-tertiary)}.conversation-turn__section--reasoning{background:#f59e0b0d}.conversation-turn__section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.conversation-turn__section-header--clickable{cursor:pointer}.conversation-turn__section-icon{font-size:var(--font-size-md)}.conversation-turn__section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.conversation-turn__model{margin-left:auto;font-size:var(--font-size-xs);color:var(--color-accent)}.conversation-turn__action-badge{margin-left:var(--spacing-sm);padding:2px 6px;font-size:var(--font-size-xs);font-weight:500;background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);text-transform:lowercase}.conversation-turn__confidence{margin-left:var(--spacing-sm);padding:2px 6px;font-size:var(--font-size-xs);background:var(--color-success);color:#fff;border-radius:var(--radius-sm)}.conversation-turn__embedded-reasoning{margin-top:var(--spacing-sm);padding:var(--spacing-sm);font-size:var(--font-size-xs);line-height:1.4;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border-left:2px solid var(--color-accent)}.conversation-turn__embedded-reasoning-label{font-weight:600;color:var(--color-text-muted);margin-right:var(--spacing-xs)}.conversation-turn__toggle{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-sm);transition:transform var(--transition-fast)}.conversation-turn__toggle--open{transform:rotate(180deg)}.conversation-turn__message{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);word-break:break-word}.conversation-turn__message .markdown-content{white-space:normal}.conversation-turn__reasoning{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary);font-style:italic;white-space:pre-wrap}.conversation-turn__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary)}.conversation-turn__timestamp,.conversation-turn__tokens{font-size:var(--font-size-xs);color:var(--color-text-muted)}.conversation-turn__section--interactions{background:var(--color-bg-tertiary)}.conversation-turn__interactions-list{padding:var(--spacing-xs) 0}.interaction-item{margin:0 var(--spacing-sm);margin-bottom:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.interaction-item--last{margin-bottom:0}.interaction-item__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.interaction-item__header:hover{background:var(--color-bg-hover)}.interaction-item__header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.interaction-item__index{display:flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:50%;flex-shrink:0}.interaction-item__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.interaction-item__badge{font-size:var(--font-size-xs);padding:1px 6px;border-radius:10px;flex-shrink:0}.interaction-item__badge--tools{background:rgba(var(--color-accent-rgb),.15);color:var(--color-accent)}.interaction-item__badge--response{background:rgba(var(--color-completed-rgb),.15);color:var(--color-completed)}.interaction-item__header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.interaction-item__tokens,.interaction-item__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.interaction-item__expand{font-size:10px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.interaction-item__expand--open{transform:rotate(180deg)}.interaction-item__content{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.interaction-item__tools{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.interaction-item__tool-call{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.interaction-item__tool-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent);margin-bottom:var(--spacing-xs)}.interaction-item__tool-args{font-size:var(--font-size-xs)}.interaction-item__tool-args code{display:block;padding:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-all;font-family:var(--font-mono);max-height:150px;overflow-y:auto}.interaction-item__text-output{margin-bottom:var(--spacing-sm)}.interaction-item__text-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.interaction-item__text-content{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word;line-height:1.5;max-height:200px;overflow-y:auto}.interaction-item__text-content .markdown-content{white-space:normal}.interaction-item__token-details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.tool-call-list{margin-bottom:var(--spacing-sm)}.tool-call-list__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.tool-call-list__title{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.tool-call-list__count{font-size:var(--font-size-xs);padding:1px 6px;background:var(--color-bg-hover);border-radius:10px;color:var(--color-text-secondary)}.tool-call-list__show-more,.tool-call-list__show-less{width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-accent);text-align:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.tool-call-list__show-more:hover,.tool-call-list__show-less:hover{background:var(--color-bg-hover)}.tool-call-card{margin-bottom:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.tool-call-card--success{border-left:3px solid var(--color-completed)}.tool-call-card--error{border-left:3px solid var(--color-blocked)}.tool-call-card__header{display:flex;align-items:center;padding:var(--spacing-sm);cursor:pointer;transition:background var(--transition-fast)}.tool-call-card__header:hover{background:var(--color-bg-hover)}.tool-call-card__icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);flex-shrink:0}.tool-call-card--success .tool-call-card__icon{color:var(--color-completed)}.tool-call-card--error .tool-call-card__icon{color:var(--color-blocked)}.tool-call-card__info{flex:1;min-width:0;margin-left:var(--spacing-sm)}.tool-call-card__name{font-size:var(--font-size-sm);font-weight:500;display:block}.tool-call-card__args-preview{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-call-card__meta{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:var(--spacing-sm)}.tool-call-card__duration{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tool-call-card__expand{color:var(--color-text-muted);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.tool-call-card__expand--open{transform:rotate(180deg)}.tool-call-card__content{border-top:1px solid var(--color-border);padding:var(--spacing-sm)}.tool-call-card__section{margin-bottom:var(--spacing-sm)}.tool-call-card__section:last-child{margin-bottom:0}.tool-call-card__section-header{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.tool-call-card__code{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.tool-call-card__error-message{font-size:var(--font-size-sm);color:var(--color-blocked);padding:var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm)}.data-section{margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.data-section__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast)}.data-section__header:hover{background:var(--color-bg-hover)}.data-section__header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.data-section__icon{font-size:var(--font-size-lg)}.data-section__title{font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase}.data-section__count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-section__new-count{font-size:var(--font-size-xs);padding:1px 6px;background:#6366f133;color:var(--color-accent);border-radius:10px;animation:pulse 2s ease-in-out infinite}.data-section__header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.data-section__clear{padding:var(--spacing-xs);font-size:var(--font-size-sm);opacity:.6;transition:opacity var(--transition-fast)}.data-section__clear:hover{opacity:1}.data-section__expand{color:var(--color-text-muted);font-size:var(--font-size-xs);transition:transform var(--transition-fast)}.data-section__expand--open{transform:rotate(180deg)}.data-section__content{border-top:1px solid var(--color-border);padding:var(--spacing-sm)}.data-section__show-more,.data-section__show-less{width:100%;padding:var(--spacing-sm);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-accent);text-align:center;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.data-section__show-more:hover,.data-section__show-less:hover{background:var(--color-bg-hover)}.data-item-card{margin-bottom:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast),background var(--transition-fast)}.data-item-card:last-child{margin-bottom:0}.data-item-card--highlighted{border-color:var(--color-accent);background:#6366f10d}.data-item-card--discovered{border-color:var(--color-border);background:#64748b0a;opacity:.75;border-style:dashed}.data-item-card--discovered:hover{opacity:.9}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:.75;transform:translateY(0)}}.data-item-card--discovered{animation:slideInFromTop .3s ease-out}.data-item-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xs)}.data-item-card__header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.data-item-card__title{font-weight:600;font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-item-card__new-badge{font-size:var(--font-size-xs);padding:1px 6px;background:var(--color-accent);color:#fff;border-radius:10px;flex-shrink:0}.data-item-card__pending-badge{font-size:var(--font-size-xs);padding:1px 6px;background:var(--color-text-muted);color:#fff;border-radius:10px;flex-shrink:0;opacity:.8}.data-item-card__header-right{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.data-item-card__dismiss,.data-item-card__delete{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.data-item-card__dismiss:hover{background:#22c55e33;color:var(--color-completed)}.data-item-card__delete:hover{background:#ef444433;color:var(--color-blocked)}.data-item-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.data-item-card__reason{font-size:var(--font-size-xs);color:var(--color-accent);font-style:italic;margin-bottom:var(--spacing-sm)}.data-item-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-xs);border-top:1px solid var(--color-border);margin-top:var(--spacing-sm)}.data-item-card__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-item-card__source{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:1px 4px;background:var(--color-bg-hover);border-radius:var(--radius-sm)}.data-item-details{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.data-item-details__row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.data-item-details__row:last-child{margin-bottom:0}.data-item-details__part-number{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);padding:1px 4px;background:var(--color-bg-hover);border-radius:var(--radius-sm)}.data-item-details__line-code{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-item-details__price{font-weight:600;color:var(--color-completed)}.data-item-details__stock,.data-item-details__location,.data-item-details__vendor{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-item-details__quote-number,.data-item-details__order-number{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs)}.data-item-details__status{font-size:var(--font-size-xs);padding:1px 6px;background:var(--color-bg-hover);border-radius:10px}.data-item-details__total{font-weight:600}.data-item-details__items,.data-item-details__expires,.data-item-details__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-item-details__role{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.data-item-details__phone,.data-item-details__email{font-size:var(--font-size-xs)}.data-item-details__primary-badge{font-size:var(--font-size-xs);padding:1px 6px;background:#22c55e33;color:var(--color-completed);border-radius:10px}.data-item-details__customer-number{font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs)}.data-item-details__category{font-size:var(--font-size-xs);padding:1px 6px;background:var(--color-bg-hover);border-radius:10px}.data-item-details__address{font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-item-card--expanded{background:var(--color-bg-secondary)}.data-item-card__header{cursor:pointer;-webkit-user-select:none;user-select:none}.data-item-card__icon{font-size:var(--font-size-md);flex-shrink:0}.data-item-card__expand{font-size:10px;color:var(--color-text-muted);transition:transform var(--transition-fast);margin-right:var(--spacing-sm)}.data-item-card__expand--open{transform:rotate(180deg)}.data-item-card__summary{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs);padding:0 var(--spacing-md);margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs)}.data-item-card__summary-tag{padding:1px 6px;background:var(--color-bg-hover);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;font-size:10px}.data-item-card__summary-mono{font-family:SF Mono,Monaco,monospace;color:var(--color-text-primary)}.data-item-card__summary-price{font-weight:600;color:var(--color-completed)}.data-item-card__summary-muted{color:var(--color-text-muted)}.data-item-card__summary-status{padding:1px 6px;background:var(--color-bg-hover);border-radius:10px;font-size:10px}.data-item-card__summary-badge{padding:1px 6px;background:#22c55e33;color:var(--color-completed);border-radius:10px;font-size:10px}.data-item-card__summary-confidence{padding:1px 6px;background:#6366f133;color:var(--color-accent);border-radius:10px;font-size:10px;font-weight:600}.data-item-card__details{margin:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.data-item-card__details--empty{text-align:center;padding:var(--spacing-lg)}.data-item-card__details-empty-text{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.data-item-card__details-section{margin-bottom:var(--spacing-md)}.data-item-card__details-section:last-child{margin-bottom:0}.data-item-card__details-section-title{display:block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-sm)}.data-item-card__details-divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.data-item-card__details-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.data-item-card__details-row:last-child{margin-bottom:0}.data-item-card__details-row--full{flex-direction:column;gap:var(--spacing-xs)}.data-item-card__details-label{flex-shrink:0;width:100px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.data-item-card__details-value{flex:1;font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word}.data-item-card__details-value--mono{font-family:SF Mono,Monaco,monospace}.data-item-card__details-value--link{color:var(--color-accent);text-decoration:none}.data-item-card__details-value--link:hover{text-decoration:underline}.data-item-card__details-status{padding:2px 8px;border-radius:10px;font-size:var(--font-size-xs);font-weight:500;background:var(--color-bg-hover);color:var(--color-text-secondary)}.data-item-card__details-status--active,.data-item-card__details-status--open{background:#22c55e33;color:var(--color-completed)}.data-item-card__details-status--expired,.data-item-card__details-status--closed{background:#ef444433;color:var(--color-blocked)}.data-item-card__details-status--pending{background:#f59e0b33;color:var(--color-waiting)}.data-item-card__details-confidence{padding:2px 8px;border-radius:10px;font-size:var(--font-size-sm);font-weight:600;background:#6366f133;color:var(--color-accent)}.data-item-card__details-primary-badge{padding:2px 8px;background:#22c55e33;color:var(--color-completed);border-radius:10px;font-size:var(--font-size-xs);font-weight:500}.data-item-card__details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.data-item-card__details-stat{display:flex;flex-direction:column;padding:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.data-item-card__details-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:2px}.data-item-card__details-stat-value{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.data-item-card__details-stat-value--price{color:var(--color-completed)}.data-item-card__details-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.data-item-card__details-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;background:none;border:none;cursor:pointer;color:inherit}.data-item-card__details-toggle:hover .data-item-card__details-section-title{color:var(--color-accent)}.data-item-card__details-toggle-icon{font-size:10px;color:var(--color-text-muted);transition:transform var(--transition-fast)}.data-item-card__details-toggle-icon--open{transform:rotate(180deg)}.data-item-card__raw-data{margin-top:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:SF Mono,Monaco,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow-x:auto;max-height:200px;white-space:pre-wrap;word-break:break-word}.data-item-card__image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.data-item-card__image-thumb{position:relative;aspect-ratio:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.data-item-card__image-thumb:hover{border-color:var(--color-accent);transform:scale(1.02)}.data-item-card__image-thumb img{width:100%;height:100%;object-fit:cover}.data-item-card__image-thumb--error{display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary)}.data-item-card__image-thumb--error:after{content:"⚠";font-size:var(--font-size-lg);color:var(--color-text-muted)}.data-item-card__image-caption{position:absolute;bottom:0;left:0;right:0;padding:2px 4px;background:#000000b3;font-size:9px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-item-card__attachment-preview{position:relative;margin-bottom:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast)}.data-item-card__attachment-preview:hover{border-color:var(--color-accent)}.data-item-card__attachment-preview img{display:block;width:100%;max-height:150px;object-fit:contain;background:var(--color-bg-tertiary)}.data-item-card__attachment-preview-hint{display:block;padding:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.data-item-card__details-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.data-item-card__action-btn{flex:1;min-width:80px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}.data-item-card__action-btn:hover{background:var(--color-accent-hover)}.data-item-card__action-btn--secondary{background:var(--color-bg-hover);color:var(--color-text-primary)}.data-item-card__action-btn--secondary:hover{background:var(--color-bg-active)}.image-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;outline:none}.image-lightbox__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6}.image-lightbox__content{position:relative;max-width:90vw;max-height:90vh;z-index:1}.image-lightbox__close{position:absolute;top:-40px;right:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:24px;cursor:pointer;transition:background var(--transition-fast)}.image-lightbox__image{display:block;max-width:100%;max-height:90vh;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d}.data-empty-state{padding:var(--spacing-xl);text-align:center}.data-empty-state__icon{font-size:32px;margin-bottom:var(--spacing-sm);opacity:.6}.data-empty-state__message{font-weight:500;margin-bottom:var(--spacing-xs)}.data-empty-state__hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.data-tab__actions{display:flex;gap:var(--spacing-sm);margin-left:auto}.data-tab__action-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-hover);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.data-tab__action-btn:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.data-tab__action-btn--accent{background:#6366f133;color:var(--color-accent)}.data-tab__action-btn--accent:hover{background:#6366f14d}.copyable-id{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;margin-left:var(--spacing-xs);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.copyable-id:hover{color:var(--color-text-secondary);background:var(--color-bg-hover);border-color:var(--color-border-light)}.copyable-id--copied{color:var(--color-completed);border-color:var(--color-completed);background:#22c55e1a}.copyable-id__prefix{color:var(--color-text-muted);opacity:.7}.copyable-id__value{color:inherit}.copyable-id__feedback{margin-left:2px;font-size:8px;color:var(--color-completed)}.font-scale-selector{display:flex;align-items:center;gap:2px;padding:2px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.font-scale-selector__btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:10px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.font-scale-selector__btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.font-scale-selector__btn:disabled{opacity:.3;cursor:not-allowed}.font-scale-selector__label{display:flex;align-items:center;justify-content:center;min-width:28px;padding:0 var(--spacing-xs);font-size:10px;font-weight:600;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.font-scale-selector__label-icon{font-size:12px;margin-right:2px}.sidebar__mode-badge{font-size:var(--font-size-xs);padding:2px 6px;background:#6366f133;color:var(--color-accent);border-radius:10px;font-weight:500}.markdown-content{font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);word-wrap:break-word}.markdown-content h1{font-size:1.4em;font-weight:600;margin:1em 0 .5em;padding-bottom:.3em;border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.markdown-content h2{font-size:1.25em;font-weight:600;margin:.8em 0 .4em;color:var(--color-text-primary)}.markdown-content h3{font-size:1.1em;font-weight:600;margin:.6em 0 .3em;color:var(--color-text-primary)}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:1em;font-weight:600;margin:.5em 0 .25em;color:var(--color-text-secondary)}.markdown-content p{margin:.5em 0}.markdown-content strong{font-weight:600;color:var(--color-text-primary)}.markdown-content em{font-style:italic}.markdown-content del{text-decoration:line-through;opacity:.7}.markdown-link{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.markdown-link:hover{color:var(--color-accent-hover);text-decoration:underline}.markdown-list{margin:.5em 0;padding-left:0;list-style:none}.markdown-list li{margin:.25em 0;padding-left:1.5em;position:relative}.markdown-list .markdown-list{margin:.25em 0;padding-left:1em}.markdown-list--unordered>li:before{content:"•";position:absolute;left:.5em;color:var(--color-accent)}.markdown-list--unordered .markdown-list--unordered>li:before{content:"◦"}.markdown-list--unordered .markdown-list--unordered .markdown-list--unordered>li:before{content:"▪"}.markdown-list--ordered{counter-reset:markdown-counter}.markdown-list--ordered>li{counter-increment:markdown-counter}.markdown-list--ordered>li:before{content:counter(markdown-counter) ".";position:absolute;left:0;color:var(--color-accent);font-weight:500}.markdown-content input[type=checkbox]{margin-right:var(--spacing-sm);accent-color:var(--color-accent)}.markdown-table-wrapper{overflow-x:auto;margin:1em 0;border-radius:var(--radius-md);border:1px solid var(--color-border)}.markdown-content table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.markdown-content th,.markdown-content td{border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.markdown-content th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-primary)}.markdown-content tr:nth-child(2n){background:#ffffff05}.markdown-content tr:hover{background:var(--color-bg-hover)}.markdown-inline-code{background:var(--color-bg-hover);padding:2px 6px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;color:var(--color-accent)}.markdown-code-block{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:1em 0}.markdown-code-block code{font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.markdown-code-block .hljs-comment,.markdown-code-block .hljs-quote{color:var(--color-text-muted);font-style:italic}.markdown-code-block .hljs-keyword,.markdown-code-block .hljs-selector-tag{color:#c678dd}.markdown-code-block .hljs-string,.markdown-code-block .hljs-attribute,.markdown-code-block .hljs-addition{color:#98c379}.markdown-code-block .hljs-number,.markdown-code-block .hljs-literal{color:#d19a66}.markdown-code-block .hljs-function,.markdown-code-block .hljs-title{color:#61afef}.markdown-code-block .hljs-variable,.markdown-code-block .hljs-template-variable{color:#e06c75}.markdown-code-block .hljs-type,.markdown-code-block .hljs-class .hljs-title{color:#e5c07b}.markdown-code-block .hljs-built_in{color:#56b6c2}.markdown-blockquote{border-left:4px solid var(--color-accent);margin:1em 0;padding:var(--spacing-sm) var(--spacing-md);background:#6366f11a;color:var(--color-text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.markdown-blockquote p{margin:0}.markdown-blockquote .markdown-blockquote{margin:.5em 0}.markdown-image{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1em 0;display:block}.markdown-hr{border:none;border-top:1px solid var(--color-border);margin:1.5em 0}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.agent-chat-panel{display:flex;flex-direction:column;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);min-height:40px;max-height:70vh;transition:height var(--transition-fast)}.agent-chat-panel--collapsed{height:40px!important;min-height:40px}.agent-chat-panel--expanded{flex:1;height:100%;min-height:0;max-height:none;border-top:none}.resize-handle{height:6px;background:transparent;cursor:ns-resize;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.resize-handle:hover,.resize-handle--active{background:var(--color-bg-hover)}.resize-handle:before{content:"";width:40px;height:3px;background:var(--color-border);border-radius:2px;transition:background var(--transition-fast)}.resize-handle:hover:before,.resize-handle--active:before{background:var(--color-accent)}.agent-chat-panel__header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0;min-height:40px}.agent-chat-panel__header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.agent-chat-panel__icon{font-size:var(--font-size-md)}.agent-chat-panel__title{font-size:var(--font-size-sm);font-weight:600;white-space:nowrap;flex-shrink:0}.agent-chat-panel__unread{font-size:var(--font-size-xs);padding:1px 6px;background:var(--color-accent);color:#fff;border-radius:10px}.agent-chat-panel__header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:1;min-width:0;overflow:hidden}.agent-chat-panel__controls{display:flex;align-items:center;gap:var(--spacing-xs)}.agent-chat-panel__toggle,.agent-chat-panel__reconnect,.agent-chat-panel__compress{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.agent-chat-panel__toggle:hover,.agent-chat-panel__reconnect:hover,.agent-chat-panel__compress:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.agent-chat-panel__compress:disabled{opacity:.5;cursor:not-allowed}.agent-chat-panel__compress-result{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px 8px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);white-space:nowrap;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.status-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-indicator__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-indicator__dot--pulsing{animation:status-pulse 1.5s ease-in-out infinite}.status-indicator--idle .status-indicator__dot{background:var(--color-pending)}.status-indicator--working .status-indicator__dot{background:var(--color-in-progress)}.status-indicator--finishing_task .status-indicator__dot{background:var(--color-waiting)}.status-indicator--looking_at_query .status-indicator__dot{background:var(--color-in-progress)}.status-indicator--writing_response .status-indicator__dot{background:var(--color-completed)}@keyframes status-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.status-indicator__text{white-space:normal;word-break:break-word}.agent-chat-panel__messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.agent-chat-panel__messages::-webkit-scrollbar{width:var(--scrollbar-width)}.agent-chat-panel__messages::-webkit-scrollbar-thumb{border-radius:var(--scrollbar-thumb-radius)}.agent-chat-panel__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--color-text-muted)}.agent-chat-panel__empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.agent-chat-panel__empty p{margin:0 0 var(--spacing-xs) 0}.agent-chat-panel__empty-hint{font-size:var(--font-size-xs);opacity:.8}.agent-chat-panel__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid var(--color-blocked);margin:var(--spacing-sm)}.agent-chat-panel__error span{flex:1;font-size:var(--font-size-sm);color:var(--color-blocked)}.agent-chat-panel__error button{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-blocked);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer}.agent-chat-message{display:flex;flex-direction:column;max-width:90%}.agent-chat-message--user{align-self:flex-end}.agent-chat-message--assistant{align-self:flex-start}.agent-chat-message--system{align-self:center;max-width:100%}.agent-chat-message__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.agent-chat-message--user .agent-chat-message__header{flex-direction:row-reverse}.agent-chat-message__role{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted)}.agent-chat-message__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.agent-chat-message__content{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);word-wrap:break-word}.agent-chat-message--user .agent-chat-message__content{background:var(--color-accent);color:#fff;border-bottom-right-radius:var(--radius-sm)}.agent-chat-message--assistant .agent-chat-message__content{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.agent-chat-message--system .agent-chat-message__content{background:#f59e0b1a;border:1px solid var(--color-waiting);font-size:var(--font-size-xs);text-align:center;color:var(--color-text-secondary)}.agent-chat-message--customer{align-self:center;max-width:100%;opacity:.85}.agent-chat-message--customer .agent-chat-message__header{justify-content:center}.agent-chat-message--customer .agent-chat-message__role{color:#6b7280;font-style:italic}.agent-chat-message--customer .agent-chat-message__role:before{content:"📱 ";font-style:normal}.agent-chat-message--customer .agent-chat-message__content{background:#6b728014;border:1px dashed rgba(107,114,128,.3);font-size:var(--font-size-xs);text-align:center;color:var(--color-text-muted);font-style:italic}.agent-chat-message--assistant .markdown-content{font-size:var(--font-size-sm)}.agent-chat-message__text{font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;margin:0}.agent-chat-message__streaming-cursor{display:inline-block;color:var(--color-accent);font-weight:700;animation:streaming-blink .7s infinite;margin-left:2px}@keyframes streaming-blink{0%,50%{opacity:1}51%,to{opacity:0}}.agent-chat-message__metadata{margin-top:var(--spacing-xs)}.agent-chat-message__tool-badge{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-hover);padding:2px 6px;border-radius:var(--radius-sm)}.agent-chat-message__attachments{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.agent-chat-message__attachment{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:all var(--transition-fast);max-width:200px}.agent-chat-message__attachment:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.agent-chat-message__attachment--image{flex-direction:column;padding:var(--spacing-xs);max-width:150px}.agent-chat-message__attachment-thumbnail{width:100%;max-width:130px;max-height:100px;object-fit:cover;border-radius:var(--radius-xs);margin-bottom:var(--spacing-xs)}.agent-chat-message__attachment-icon{font-size:var(--font-size-md);flex-shrink:0}.agent-chat-message__attachment-info{display:flex;flex-direction:column;min-width:0}.agent-chat-message__attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.agent-chat-message__attachment-size{font-size:10px;color:var(--color-text-muted)}.agent-chat-message--customer .agent-chat-message__attachments{justify-content:center}.agent-chat-message--customer .agent-chat-message__attachment{background:#6b72801a;border-style:dashed}.agent-chat-input{display:flex;align-items:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);flex-shrink:0}.agent-chat-input__textarea{flex:1;min-height:36px;max-height:120px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);line-height:1.4;resize:none;outline:none;transition:border-color var(--transition-fast)}.agent-chat-input__textarea::placeholder{color:var(--color-text-muted)}.agent-chat-input__textarea:focus{border-color:var(--color-accent)}.agent-chat-input__textarea:disabled{opacity:.6;cursor:not-allowed}.agent-chat-input__send{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-md);transition:all var(--transition-fast);flex-shrink:0}.agent-chat-input__send:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px)}.agent-chat-input__send:disabled{opacity:.5;cursor:not-allowed}.agent-chat-input__send--loading{background:var(--color-bg-hover)}.agent-chat-input__stop{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-danger, #e53e3e);color:#fff;border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-fast);flex-shrink:0;cursor:pointer;border:none}.agent-chat-input__stop:hover{background:var(--color-danger-hover, #c53030);transform:translateY(-1px)}.agent-chat-input{position:relative}.agent-chat-input__mentions{position:absolute;bottom:100%;left:var(--spacing-md);right:var(--spacing-md);margin-bottom:var(--spacing-xs);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 -4px 12px #00000026;overflow:hidden;z-index:100;animation:mention-slide-up .15s ease-out}@keyframes mention-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.agent-chat-input__mention-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.agent-chat-input__mention-item:hover,.agent-chat-input__mention-item--selected{background:var(--color-bg-hover)}.agent-chat-input__mention-item--selected{background:var(--color-accent-subtle, rgba(59, 130, 246, .1))}.agent-chat-input__mention-item:not(:last-child){border-bottom:1px solid var(--color-border)}.agent-chat-input__mention-icon{font-size:var(--font-size-md);flex-shrink:0;width:24px;text-align:center}.agent-chat-input__mention-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono, monospace)}.agent-chat-input__mention-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto}.typing-indicator{display:flex;align-items:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);width:fit-content}.typing-indicator__dot{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.typing-indicator__dot:nth-child(2){animation-delay:.2s}.typing-indicator__dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.agent-chat-panel__typing-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);width:fit-content;align-self:flex-start;animation:fade-in .3s ease}.agent-chat-panel__typing-indicator .typing-dots{display:flex;align-items:center;gap:3px}.agent-chat-panel__typing-indicator .typing-dots span{width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite}.agent-chat-panel__typing-indicator .typing-dots span:nth-child(2){animation-delay:.2s}.agent-chat-panel__typing-indicator .typing-dots span:nth-child(3){animation-delay:.4s}.agent-chat-panel__typing-indicator .typing-text{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}body.floating-chat-dragging{cursor:grabbing!important;-webkit-user-select:none;user-select:none}body.floating-chat-dragging *{cursor:grabbing!important}body.floating-chat-resizing{-webkit-user-select:none;user-select:none}.floating-chat{position:fixed;z-index:10000;display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000040,0 12px 24px -8px #00000026;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}.floating-chat--floating{min-width:320px;min-height:200px}.floating-chat--animating{transition:left .25s ease-out,top .25s ease-out,width .25s ease-out,height .25s ease-out,transform .25s ease-out,opacity .25s ease-out}.floating-chat--dragging,.floating-chat--resizing{transition:none!important}.floating-chat--fullscreen{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;border-radius:0;border:none}.floating-chat:focus-within{box-shadow:0 25px 50px -12px #0000004d,0 12px 24px -8px #0003,0 0 0 2px var(--color-accent)}.floating-chat__titlebar{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 var(--spacing-sm) 0 var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0;cursor:grab;-webkit-user-select:none;user-select:none}.floating-chat--fullscreen .floating-chat__titlebar{cursor:default}.floating-chat--dragging .floating-chat__titlebar{cursor:grabbing}.floating-chat__titlebar-left{display:flex;align-items:center;gap:var(--spacing-sm);overflow:hidden}.floating-chat__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-chat__titlebar-controls{display:flex;align-items:center;gap:2px}.floating-chat__control{width:28px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.floating-chat__control:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.floating-chat__control--close:hover{background:var(--color-blocked);color:#fff}.floating-chat__control-icon{font-size:14px;line-height:1}.floating-chat__resize-handle{position:absolute;z-index:10}.floating-chat__resize-handle--n{top:-4px;left:12px;right:12px;height:8px;cursor:ns-resize}.floating-chat__resize-handle--s{bottom:-4px;left:12px;right:12px;height:8px;cursor:ns-resize}.floating-chat__resize-handle--e{top:12px;right:-4px;bottom:12px;width:8px;cursor:ew-resize}.floating-chat__resize-handle--w{top:12px;left:-4px;bottom:12px;width:8px;cursor:ew-resize}.floating-chat__resize-handle--ne{top:-4px;right:-4px;width:16px;height:16px;cursor:nesw-resize}.floating-chat__resize-handle--nw{top:-4px;left:-4px;width:16px;height:16px;cursor:nwse-resize}.floating-chat__resize-handle--se{bottom:-4px;right:-4px;width:16px;height:16px;cursor:nwse-resize}.floating-chat__resize-handle--sw{bottom:-4px;left:-4px;width:16px;height:16px;cursor:nesw-resize}.floating-chat__content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.floating-chat__content .agent-chat-panel{border-top:none}.minimized-chat-bar{position:fixed;bottom:16px;z-index:10000;display:flex;align-items:center;gap:var(--spacing-xs);height:44px;padding:0 var(--spacing-xs) 0 var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0003,0 8px 10px -5px #0000001a;transition:transform .25s ease-out,opacity .25s ease-out}.minimized-chat-bar--left{left:16px}.minimized-chat-bar--right{right:16px}.minimized-chat-bar--animating{animation:minimized-bar-enter .25s ease-out}@keyframes minimized-bar-enter{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.minimized-chat-bar__restore{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;transition:background .15s ease}.minimized-chat-bar__restore:hover{background:var(--color-bg-hover)}.minimized-chat-bar__icon{font-size:16px}.minimized-chat-bar__title{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.minimized-chat-bar__fullscreen{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.minimized-chat-bar__fullscreen:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.minimized-chat-bar__fullscreen-icon{font-size:14px}.agent-chat-panel__popout{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.agent-chat-panel__popout:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.agent-chat-panel__reset{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.agent-chat-panel__reset:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.agent-chat-panel__reset:disabled{opacity:.5;cursor:not-allowed}@keyframes floating-chat-pop-out{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-chat--animating.floating-chat--floating{animation:floating-chat-pop-out .25s ease-out}@keyframes floating-chat-fullscreen-in{0%{border-radius:var(--radius-lg)}to{border-radius:0}}.floating-chat--animating.floating-chat--fullscreen{animation:floating-chat-fullscreen-in .25s ease-out}@media (max-width: 768px){.floating-chat--floating{min-width:280px;max-width:calc(100vw - 32px)}.minimized-chat-bar{left:50%!important;right:auto!important;transform:translate(-50%)}.minimized-chat-bar--animating{animation:minimized-bar-enter-mobile .25s ease-out}@keyframes minimized-bar-enter-mobile{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}}.interactive-message{margin-top:var(--spacing-sm)}.interactive-message__expired{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.interactive-message__expired-icon{margin-right:var(--spacing-xs)}.expiration-timer{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.expiration-timer--urgent{color:var(--color-blocked)}.expiration-timer__icon{font-size:10px}.choice-selector{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.choice-selector__prompt{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.choice-selector__options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.choice-selector__option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.choice-selector__option:hover{background:var(--color-bg-hover);border-color:var(--color-accent)}.choice-selector__option--selected{background:#6366f11a;border-color:var(--color-accent)}.choice-selector__option--disabled{opacity:.5;cursor:not-allowed}.choice-selector__option-checkbox{width:16px;height:16px;border:2px solid var(--color-border);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all var(--transition-fast)}.choice-selector__option--single .choice-selector__option-checkbox{border-radius:50%}.choice-selector__option--selected .choice-selector__option-checkbox{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.choice-selector__option-content{flex:1;min-width:0}.choice-selector__option-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--spacing-xs)}.choice-selector__option-icon{font-size:var(--font-size-md)}.choice-selector__option-image{width:24px;height:24px;border-radius:var(--radius-sm);object-fit:cover}.choice-selector__option-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.choice-selector__custom{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.choice-selector__custom-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast);resize:none;min-height:36px}.choice-selector__custom-input::placeholder{color:var(--color-text-muted)}.choice-selector__custom-input:focus{border-color:var(--color-accent)}.choice-selector__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.choice-selector__submit{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.choice-selector__submit:hover:not(:disabled){background:var(--color-accent-hover)}.choice-selector__submit:disabled{opacity:.5;cursor:not-allowed}.choice-selector__selection-count{font-size:var(--font-size-xs);color:var(--color-text-muted);align-self:center}.choice-selector__editable-options{display:flex;flex-direction:column;gap:var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.choice-selector__editable-header{display:grid;grid-template-columns:24px 1fr 2fr;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted)}.choice-selector__editable-header-checkbox{width:24px}.choice-selector__editable-header-col{padding:0 var(--spacing-xs)}.choice-selector__editable-row{display:grid;grid-template-columns:24px 1fr 2fr;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);align-items:center;transition:background var(--transition-fast)}.choice-selector__editable-row:last-child{border-bottom:none}.choice-selector__editable-row:hover:not(.choice-selector__editable-row--disabled){background:var(--color-bg-hover)}.choice-selector__editable-row--selected{background:#6366f114}.choice-selector__editable-row--disabled{opacity:.6}.choice-selector__editable-checkbox-wrapper{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;grid-column:1 / 3}.choice-selector__editable-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-accent)}.choice-selector__editable-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.choice-selector__editable-description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-lg);margin-top:-4px;display:none}.choice-selector__editable-input{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);width:100%;transition:border-color var(--transition-fast)}.choice-selector__editable-input:focus{outline:none;border-color:var(--color-accent)}.choice-selector__editable-input:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.choice-selector__editable-input::placeholder{color:var(--color-text-muted)}.choice-selector__editable-textarea{min-height:40px;resize:vertical}@media (max-width: 400px){.choice-selector__editable-row{grid-template-columns:24px 1fr;grid-template-rows:auto auto}.choice-selector__editable-checkbox-wrapper,.choice-selector__editable-input{grid-column:1 / 3}}.data-item-embed{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.data-item-embed--card{padding:var(--spacing-md)}.data-item-embed--inline{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.data-item-embed--compact{padding:var(--spacing-sm)}.data-item-embed__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-sm)}.data-item-embed__type-badge{font-size:var(--font-size-xs);padding:2px 6px;background:var(--color-bg-hover);color:var(--color-text-secondary);border-radius:var(--radius-sm);text-transform:uppercase;font-weight:500}.data-item-embed__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.data-item-embed__subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.data-item-embed__details{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.data-item-embed__actions{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.data-item-embed__action{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.data-item-embed__action:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.data-item-embed__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-text-muted)}.data-item-embed__error{padding:var(--spacing-sm);color:var(--color-blocked);font-size:var(--font-size-sm)}.file-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.file-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:20px;flex-shrink:0}.file-card__icon--pdf{background:#ef44441a}.file-card__icon--image{background:#3b82f61a}.file-card__icon--doc{background:#2563eb1a}.file-card__icon--excel{background:#22c55e1a}.file-card__icon--zip{background:#f59e0b1a}.file-card__info{flex:1;min-width:0}.file-card__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card__meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.file-card__source{padding:1px 4px;background:var(--color-bg-hover);border-radius:var(--radius-sm)}.file-card__actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.file-card__action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast)}.file-card__action:hover{background:var(--color-accent);color:#fff}.image-card{display:inline-block;max-width:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.image-card__image-container{position:relative;cursor:pointer}.image-card__image{display:block;max-width:100%;max-height:300px;object-fit:contain}.image-card__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.image-card__image-container:hover .image-card__overlay{opacity:1}.image-card__expand-icon{color:#fff;font-size:24px}.image-card__caption{padding:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center}.image-card__actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-top:1px solid var(--color-border)}.image-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}.image-lightbox__close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;transition:background var(--transition-fast)}.image-lightbox__close:hover{background:#fff3}.image-lightbox__image{max-width:90vw;max-height:90vh;object-fit:contain}.url-preview-card{display:flex;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.url-preview-card:hover{border-color:var(--color-accent)}.url-preview-card__image{width:100px;min-height:80px;object-fit:cover;flex-shrink:0}.url-preview-card__content{flex:1;padding:var(--spacing-sm) var(--spacing-md);min-width:0}.url-preview-card__title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-preview-card__description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.url-preview-card__meta{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.url-preview-card__favicon{width:12px;height:12px;border-radius:2px}.url-preview-card__domain{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.url-preview-card__actions{display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);flex-shrink:0}.url-preview-card__action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-hover);border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.url-preview-card__action:hover{background:var(--color-accent);color:#fff}.url-preview-card--loading{padding:var(--spacing-md)}.url-preview-card__skeleton{display:flex;gap:var(--spacing-md)}.url-preview-card__skeleton-image{width:80px;height:60px;background:var(--color-bg-hover);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.url-preview-card__skeleton-content{flex:1}.url-preview-card__skeleton-title{height:14px;width:70%;background:var(--color-bg-hover);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs);animation:skeleton-pulse 1.5s ease-in-out infinite}.url-preview-card__skeleton-desc{height:10px;width:100%;background:var(--color-bg-hover);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite;animation-delay:.2s}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.url-preview-card--error{padding:var(--spacing-md);border-color:var(--color-blocked)}.url-preview-card__error{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.url-preview-card__error-icon{color:var(--color-blocked)}.url-preview-card__retry{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-hover);border:none;border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--font-size-xs);cursor:pointer;margin-left:auto}.url-preview-card__retry:hover{background:var(--color-bg-active)}.conversation-timeline{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm)}.conversation-timeline__stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.conversation-timeline__stat{display:flex;align-items:center;gap:var(--spacing-xs)}.conversation-timeline__stat-value{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.conversation-timeline__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.conversation-timeline__groups{display:flex;flex-direction:column;gap:var(--spacing-lg)}.conversation-timeline__loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--color-text-secondary)}.conversation-timeline__load-more{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}.conversation-timeline__load-more:hover{background:var(--color-bg-hover)}.conversation-timeline__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.conversation-timeline__empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.conversation-timeline__empty-text{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.conversation-timeline__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.timeline-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.timeline-group__header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent)}.timeline-group__date-icon{font-size:var(--font-size-sm)}.timeline-group__date{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.timeline-group__events{display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-sm)}.timeline-event{display:flex;flex-direction:column;gap:var(--spacing-xs)}.timeline-event__header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.timeline-event__type-icon{font-size:var(--font-size-sm)}.timeline-event__type-label{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.timeline-event__time{margin-left:auto;font-variant-numeric:tabular-nums}.timeline-event__bubble{padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid transparent;max-width:90%}.timeline-event__content{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-primary);white-space:pre-wrap;word-wrap:break-word}.timeline-event__footer{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);padding-left:var(--spacing-sm)}.timeline-event__footer-item{display:flex;align-items:center;gap:var(--spacing-xs)}.timeline-event__footer-label{color:var(--color-text-muted)}.timeline-event__footer-value{color:var(--color-text-secondary)}.timeline-event--customer-incoming{align-items:flex-start}.timeline-event--customer-incoming .timeline-event__header{color:#60a5fa}.timeline-event__bubble--customer{background:linear-gradient(135deg,#1e3a5f,#1e293b);border-color:#3b82f6;border-left:4px solid #3b82f6;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px}.timeline-event--ai-thinking{align-items:center}.timeline-event--ai-thinking .timeline-event__header{color:#9ca3af}.timeline-event__bubble--thinking{background:var(--color-bg-secondary);border-color:var(--color-border);max-width:95%;width:100%}.timeline-event__content--thinking{font-style:italic;color:var(--color-text-secondary)}.timeline-event__footer--thinking{justify-content:center;flex-wrap:wrap}.timeline-event__footer--thinking .timeline-event__footer-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}.timeline-event--ai-outgoing{align-items:flex-end}.timeline-event--ai-outgoing .timeline-event__header{color:#4ade80;flex-direction:row-reverse}.timeline-event--ai-outgoing .timeline-event__type-icon{order:2}.timeline-event--ai-outgoing .timeline-event__type-label{order:1}.timeline-event--ai-outgoing .timeline-event__time{margin-left:0;margin-right:auto;order:0}.timeline-event__bubble--outgoing{background:linear-gradient(135deg,#14532d,#1e293b);border-color:#22c55e;border-right:4px solid #22c55e;border-radius:var(--radius-lg) var(--radius-lg) 4px var(--radius-lg)}.timeline-event__footer--outgoing{justify-content:flex-end}.timeline-event__status--delivered{color:#22c55e}.timeline-event__status--sent{color:#60a5fa}.timeline-event__status--sending{color:#f59e0b}.timeline-event__status--failed{color:#ef4444}.timeline-event__action-badge{padding:2px 6px;background:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;color:#fff;text-transform:uppercase}.timeline-event__confidence{padding:2px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-weight:500;color:var(--color-completed)}.timeline-event--human-agent{align-items:center}.timeline-event--human-agent .timeline-event__header{color:#c084fc}.timeline-event__bubble--human{background:linear-gradient(135deg,#3b0764,#1e293b);border-color:#a855f7;border-left:4px solid #a855f7;max-width:95%;width:100%}.timeline-event--system{align-items:center;padding:var(--spacing-sm) 0}.timeline-event__system-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.timeline-event__system-icon{opacity:.7}.collapsible-tool-calls{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.collapsible-tool-calls__header{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.collapsible-tool-calls__header:hover{color:var(--color-text-primary)}.collapsible-tool-calls__toggle{transition:transform var(--transition-fast);font-size:10px}.collapsible-tool-calls__toggle--open{transform:rotate(180deg)}.collapsible-tool-calls__title{font-weight:500}.collapsible-tool-calls__list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.collapsible-tool-calls__item{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border);overflow:hidden}.collapsible-tool-calls__item--success{border-left:3px solid var(--color-completed)}.collapsible-tool-calls__item--error{border-left:3px solid var(--color-blocked)}.collapsible-tool-calls__item--pending{border-left:3px solid var(--color-waiting)}.collapsible-tool-calls__item-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer;transition:background var(--transition-fast)}.collapsible-tool-calls__item-header:hover{background:var(--color-bg-hover)}.collapsible-tool-calls__icon{font-size:var(--font-size-sm)}.collapsible-tool-calls__name{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--color-text-primary);flex:1}.collapsible-tool-calls__status{font-size:var(--font-size-sm)}.collapsible-tool-calls__status--success{color:var(--color-completed)}.collapsible-tool-calls__status--error{color:var(--color-blocked)}.collapsible-tool-calls__status--pending{color:var(--color-waiting)}.collapsible-tool-calls__duration{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.collapsible-tool-calls__expand{transition:transform var(--transition-fast);font-size:10px;color:var(--color-text-muted)}.collapsible-tool-calls__expand--open{transform:rotate(90deg)}.collapsible-tool-calls__details{padding:var(--spacing-sm);border-top:1px solid var(--color-border);background:var(--color-bg-primary)}.collapsible-tool-calls__args,.collapsible-tool-calls__result{margin-bottom:var(--spacing-sm)}.collapsible-tool-calls__args:last-child,.collapsible-tool-calls__result:last-child{margin-bottom:0}.collapsible-tool-calls__args-label,.collapsible-tool-calls__result-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.collapsible-tool-calls__args-content,.collapsible-tool-calls__result-content{font-family:Monaco,Menlo,monospace;font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto;max-height:200px;white-space:pre-wrap;word-break:break-word}.timeline-event .markdown-content{font-size:var(--font-size-sm);white-space:normal}.timeline-event .markdown-content p{margin-bottom:var(--spacing-sm)}.timeline-event .markdown-content p:last-child{margin-bottom:0}.timeline-event .markdown-content code{background:var(--color-bg-tertiary);padding:2px 4px;border-radius:3px;font-size:.9em}.timeline-event .markdown-content pre{background:var(--color-bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);overflow-x:auto}.conversation-timeline__live{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #3b82f6;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);animation:liveGlow 2s ease-in-out infinite}@keyframes liveGlow{0%,to{box-shadow:0 0 5px #3b82f64d}50%{box-shadow:0 0 15px #3b82f680}}.conversation-timeline__live-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(59,130,246,.3)}.conversation-timeline__live-icon{font-size:var(--font-size-lg);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.conversation-timeline__live-title{font-size:var(--font-size-sm);font-weight:600;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px}.conversation-timeline__live-items{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.live-tool-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-md);border-left:3px solid #3b82f6;transition:all var(--transition-fast)}.live-tool-item--running{background:#3b82f626;border-left-color:#60a5fa}.live-tool-item--error{background:#ef444426;border-left-color:#ef4444}.live-tool-item__status{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.live-tool-item__spinner{width:14px;height:14px;border:2px solid rgba(96,165,250,.3);border-top-color:#60a5fa;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-tool-item__icon{font-size:var(--font-size-sm);font-weight:600}.live-tool-item__icon--success{color:#22c55e}.live-tool-item__icon--error{color:#ef4444}.live-tool-item__content{flex:1;min-width:0}.live-tool-item__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:2px}.live-tool-item__args{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-tool-item__duration{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.live-tool-item__error{font-size:var(--font-size-xs);color:#ef4444;margin-top:var(--spacing-xs);padding:var(--spacing-xs);background:#ef44441a;border-radius:var(--radius-sm)}@media (max-width: 600px){.timeline-event__bubble{max-width:95%}.conversation-timeline__stats{flex-wrap:wrap;gap:var(--spacing-sm)}.timeline-event__footer{flex-wrap:wrap;gap:var(--spacing-xs)}.conversation-timeline__live{padding:var(--spacing-sm)}.conversation-timeline__live-items{max-height:200px}}.testing-tab{display:flex;flex-direction:column;height:100%}.testing-tab__subtabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.testing-tab__subtab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.testing-tab__subtab:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.testing-tab__subtab--active{color:var(--color-primary);background:var(--color-bg-primary);border-color:var(--color-primary)}.testing-tab__subtab-icon{font-size:14px}.testing-tab__subtab-count{font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.testing-tab__subtab-status{font-size:10px;margin-left:var(--spacing-xs)}.testing-tab__subtab-status.passed{color:var(--color-success)}.testing-tab__subtab-status.failed{color:var(--color-danger)}.testing-tab__content{flex:1;overflow-y:auto;padding:var(--spacing-md)}.testing-tab__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);margin:var(--spacing-md);margin-top:0;color:var(--color-danger);font-size:var(--font-size-sm)}.testing-tab__error-icon{flex-shrink:0}.testing-tab__error-text{flex:1}.testing-tab__error-dismiss{background:transparent;border:none;color:var(--color-danger);cursor:pointer;font-size:16px;padding:0;line-height:1;opacity:.7}.testing-tab__error-dismiss:hover{opacity:1}.testing-tab__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.testing-tab__section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testing-tab__section--row{flex-direction:row;gap:var(--spacing-md)}.testing-tab__section--row>div{flex:1}.testing-tab__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.testing-tab__input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .15s ease}.testing-tab__input:focus{outline:none;border-color:var(--color-primary)}.testing-tab__input--small{max-width:120px}.testing-tab__textarea{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);resize:vertical;font-family:inherit;transition:border-color .15s ease}.testing-tab__textarea:focus{outline:none;border-color:var(--color-primary)}.testing-tab__textarea--tall{min-height:120px}.testing-tab__requirements-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.testing-tab__requirements-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testing-tab__requirement-row{display:flex;align-items:center;gap:var(--spacing-xs)}.testing-tab__requirement-input{flex:1}.testing-tab__requirement-priority{min-width:105px;padding:var(--spacing-sm) var(--spacing-xs);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-xs)}.testing-tab__requirement-remove{width:28px;height:28px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.testing-tab__requirement-remove:hover{border-color:#ef444473;color:var(--color-danger)}.testing-tab__requirement-actions{margin-top:var(--spacing-xs)}.testing-tab__actions{display:flex;gap:var(--spacing-sm)}.testing-tab__actions--row{flex-wrap:wrap}.testing-tab__btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.testing-tab__btn--primary{background:var(--color-primary);color:#fff}.testing-tab__btn--primary:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.testing-tab__btn--primary:disabled{opacity:.6;cursor:not-allowed}.testing-tab__btn--secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.testing-tab__btn--secondary:hover{background:var(--color-bg-hover)}.testing-tab__btn--danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.testing-tab__btn--danger:hover{background:#ef44441a}.testing-tab__btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.testing-tab__advanced{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.testing-tab__advanced-header{display:flex;justify-content:space-between;align-items:center;font-weight:500;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.testing-tab__toggle{background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);padding:0}.testing-tab__loading,.testing-tab__running{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;gap:var(--spacing-md)}.testing-tab__running-text{font-weight:500}.testing-tab__running-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.testing-tab__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center}.testing-tab__empty-icon{font-size:32px;margin-bottom:var(--spacing-sm)}.testing-tab__empty-text{font-weight:500;margin-bottom:var(--spacing-xs)}.testing-tab__empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.testing-tab__scenarios{display:flex;flex-direction:column;gap:var(--spacing-md)}.testing-tab__scenario-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.testing-tab__scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.testing-tab__scenario-name{font-weight:500;color:var(--color-text-primary)}.testing-tab__scenario-phone{font-size:var(--font-size-xs);color:var(--color-text-muted)}.testing-tab__scenario-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.4}.testing-tab__scenario-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.testing-tab__scenario-tag{background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.testing-tab__scenario-actions{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.testing-tab__result{display:flex;flex-direction:column;gap:var(--spacing-md)}.testing-tab__result-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md)}.testing-tab__result-header.passed{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.testing-tab__result-header.failed{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.testing-tab__result-status{display:flex;align-items:center;gap:var(--spacing-sm)}.testing-tab__result-icon{font-size:20px}.testing-tab__result-title{font-weight:600}.testing-tab__result-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted)}.testing-tab__result-actions{display:flex;gap:var(--spacing-sm)}.testing-tab__reeval-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary);background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.testing-tab__reeval-btn:hover:not(:disabled){background:#6366f133;border-color:#6366f180}.testing-tab__reeval-btn:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:14px;height:14px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.testing-tab__result-summary{font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.testing-tab__result-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.testing-tab__result-section--errors{border-color:#ef44444d;background:#ef44440d}.testing-tab__result-section-title{font-weight:500;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.testing-tab__expectations{display:flex;flex-direction:column;gap:var(--spacing-md)}.testing-tab__expectation-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.testing-tab__expectation-card.passed{border-color:#22c55e66}.testing-tab__expectation-card.failed{border-color:#ef444466}.testing-tab__expectation-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.testing-tab__expectation-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.testing-tab__expectation-badge.passed{background:#22c55e26;color:var(--color-success)}.testing-tab__expectation-badge.failed{background:#ef444426;color:var(--color-danger)}.testing-tab__expectation-name{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-primary)}.testing-tab__expectation-summary{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) 0}.testing-tab__expectation-priority{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.testing-tab__expectation-priority--required{background:#ef44441f;color:var(--color-danger)}.testing-tab__expectation-priority--important{background:#f59e0b1f;color:var(--color-warning, #d97706)}.testing-tab__expectation-priority--optional{background:#3b82f61f;color:var(--color-info, #2563eb)}.testing-tab__expectation-actual{font-size:var(--font-size-xs);color:var(--color-text-muted)}.testing-tab__expectation-reasoning{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.5;border-top:1px solid var(--color-border);background:#ffffff05}.testing-tab__expectation-meta{padding:0 var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.testing-tab__conversation{display:flex;flex-direction:column;gap:var(--spacing-sm)}.testing-tab__message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.testing-tab__message--customer{background:var(--color-bg-tertiary);margin-right:var(--spacing-lg)}.testing-tab__message--agent{background:#3b82f61a;margin-left:var(--spacing-lg)}.testing-tab__message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs);font-size:var(--font-size-xs)}.testing-tab__message-role{font-weight:500}.testing-tab__message-time{color:var(--color-text-muted)}.testing-tab__message-content{line-height:1.4;white-space:pre-wrap;word-break:break-word}.testing-tab__errors{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testing-tab__error-item{font-size:var(--font-size-sm);color:var(--color-danger);padding:var(--spacing-xs) 0}.testing-tab__history{display:flex;flex-direction:column;gap:var(--spacing-sm)}.testing-tab__history-title{font-weight:500;margin-bottom:var(--spacing-sm)}.testing-tab__history-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background .15s ease}.testing-tab__history-item:hover{background:var(--color-bg-hover)}.testing-tab__history-item.passed{border-left:3px solid var(--color-success)}.testing-tab__history-item.failed{border-left:3px solid var(--color-danger)}.testing-tab__history-icon{font-size:14px}.testing-tab__history-name{flex:1;font-size:var(--font-size-sm)}.testing-tab__history-duration{font-size:var(--font-size-xs);color:var(--color-text-muted)}.testing-tab__textarea--small{min-height:48px;max-height:80px}.testing-tab__attachment-count{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.testing-tab__attachments-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testing-tab__attachment-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.testing-tab__attachment-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.testing-tab__attachment-remove{flex-shrink:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:0 var(--spacing-xs);font-size:14px;line-height:1;opacity:.7;transition:opacity .15s ease,color .15s ease}.testing-tab__attachment-remove:hover{opacity:1;color:var(--color-danger)}.testing-tab__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg) var(--spacing-md);border:2px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;transition:all .2s ease}.testing-tab__dropzone:hover{border-color:var(--color-primary);background:#3b82f60d}.testing-tab__dropzone--active{border-color:var(--color-primary);background:#3b82f61a;border-style:solid}.testing-tab__dropzone--uploading{opacity:.7;cursor:wait}.testing-tab__dropzone-icon{font-size:24px;opacity:.6}.testing-tab__dropzone-text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.testing-tab__dropzone-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.testing-tab__uploaded-files{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.testing-tab__uploaded-file{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:200px}.testing-tab__uploaded-file-thumb{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.testing-tab__uploaded-file-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);flex-shrink:0}.testing-tab__uploaded-file-info{flex:1;min-width:0;display:flex;flex-direction:column}.testing-tab__uploaded-file-name{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.testing-tab__uploaded-file-size{font-size:10px;color:var(--color-text-muted)}.testing-tab__uploaded-file-remove{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:50%;font-size:14px;transition:all .15s ease}.testing-tab__uploaded-file-remove:hover{background:#ef44441a;color:var(--color-danger)}.testing-tab__url-details{margin-top:var(--spacing-sm)}.testing-tab__url-summary{font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--spacing-xs) 0}.testing-tab__url-summary:hover{color:var(--color-text-secondary)}.testing-tab__url-details[open] .testing-tab__url-summary{margin-bottom:var(--spacing-xs)}.testing-tab__url-details .testing-tab__textarea{font-size:var(--font-size-xs)}.testing-tab__subtab-status.running{display:inline-flex;align-items:center}.spinner--tiny{width:10px;height:10px;border-width:1.5px}.testing-tab__run-scenario{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.testing-tab__run-scenario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.testing-tab__run-scenario-name{font-weight:600;font-size:var(--font-size-md);color:var(--color-text-primary)}.testing-tab__run-scenario-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testing-tab__run-detail{display:flex;font-size:var(--font-size-sm)}.testing-tab__run-detail-label{font-weight:500;color:var(--color-text-muted);min-width:120px;flex-shrink:0}.testing-tab__run-detail-value{color:var(--color-text-primary);word-break:break-word}.testing-tab__run-controls{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.testing-tab__btn--large{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md)}.testing-tab__btn--link{background:transparent;color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm)}.testing-tab__btn--link:hover{text-decoration:underline}.testing-tab__live-status{background:var(--color-bg-secondary);border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.testing-tab__live-status-header{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.testing-tab__live-status-content{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.testing-tab__live-step{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary)}.testing-tab__live-step--pending{color:var(--color-text-muted);opacity:.6}.testing-tab__live-step-icon{font-size:14px;width:20px;text-align:center}.testing-tab__live-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.testing-tab__live-progress-bar{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.testing-tab__live-progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.testing-tab__live-progress-text{font-size:var(--font-size-xs);color:var(--color-text-muted);min-width:80px;text-align:right}.testing-tab__run-result-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.testing-tab__run-result-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.testing-tab__run-result-badge.passed{background:#22c55e26;color:var(--color-success)}.testing-tab__run-result-badge.failed{background:#ef444426;color:var(--color-danger)}.testing-tab__run-result-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-sm)}.testing-tab__hint{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-success)}.testing-tab__hint .testing-tab__btn--link{margin-left:auto}.testing-tab__scenario-editor{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.testing-tab__scenario-editor .testing-tab__section{margin-bottom:var(--spacing-md)}.testing-tab__scenario-editor .testing-tab__label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.testing-tab__scenario-editor .testing-tab__input,.testing-tab__scenario-editor .testing-tab__textarea{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);transition:border-color .15s ease}.testing-tab__scenario-editor .testing-tab__input:focus,.testing-tab__scenario-editor .testing-tab__textarea:focus{outline:none;border-color:var(--color-primary)}.testing-tab__scenario-editor .testing-tab__textarea--tall{min-height:120px;resize:vertical}.testing-tab__scenario-editor .testing-tab__section--row{display:flex;gap:var(--spacing-md)}.testing-tab__scenario-editor .testing-tab__section--row>div{flex:1}.testing-tab__scenario-editor .testing-tab__input--small{width:100%}@media (max-width: 640px){.testing-tab__requirement-row{flex-direction:column;align-items:stretch}.testing-tab__requirement-priority{width:100%;min-width:0}.testing-tab__requirement-remove{align-self:flex-end}}