:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-border: #d1d5db;--color-text: #111827;--color-text-muted: #6b7280;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;--color-success: #16a34a;--color-warning: #d97706;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.5}.agent-ui{max-width:1100px;margin:0 auto;padding:var(--spacing-md)}header{margin-bottom:var(--spacing-lg)}header h1{margin:0 0 var(--spacing-sm);font-size:1.5rem}.error{color:var(--color-danger);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);padding:var(--spacing-sm) var(--spacing-md)}main{display:flex;flex-direction:column;gap:var(--spacing-lg)}section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);box-shadow:var(--shadow)}form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-sm)}form label{width:100%;font-weight:600;margin-bottom:var(--spacing-xs)}input[type=text],textarea{font:inherit;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text)}input[type=text]:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}button{font:inherit;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}.status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em;background:#e5e7eb;color:#374151}.reconnecting{color:var(--color-warning);font-size:.875rem}.events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.events li{display:flex;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#f9fafb;border-radius:var(--radius)}.events li.thinking{background:#f5f3ff}.events li.thinking .event-type{background:#ede9fe;color:#6d28d9}.events li.thinking .event-message{font-style:italic;color:#4c1d95}.events time{color:var(--color-text-muted);font-size:.875rem;white-space:nowrap;font-variant-numeric:tabular-nums}.event-type{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#e5e7eb;color:#374151;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius);white-space:nowrap}.event-message{flex:1}.feedback-control{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#f9fafb;border:1px solid var(--color-border);border-radius:var(--radius)}.feedback-control textarea{width:100%}.feedback-control-actions{display:flex;gap:var(--spacing-sm)}.approval-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius)}.approval-card-approved{background:#f0fdf4;border-color:#86efac}.approval-card-rejected{background:#fef2f2;border-color:#fecaca}.approval-card-summary{font-weight:600}.approval-card-preview{color:var(--color-text-muted);font-size:.875rem}.approval-card-shop{font-size:.75rem;color:var(--color-text-muted)}.approval-card-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.approval-card-status{font-weight:600;font-size:.875rem}.chat-tab{display:grid;grid-template-columns:280px 1fr;gap:var(--spacing-md);min-height:600px}.chat-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:80vh;overflow:hidden}.chat-sidebar-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.chat-sidebar-header h3{margin:0}.chat-conversation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-height:0;overflow-y:auto}.chat-conversation-list li{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:background .15s ease}.chat-conversation-list li:hover{background:#f9fafb}.chat-conversation-list li.selected{border-color:var(--color-primary);background:#eff6ff}.chat-conversation-title{font-weight:600}.chat-conversation-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.entry-tag{display:inline-flex;align-self:flex-start;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px var(--spacing-sm);border-radius:9999px;background:#e5e7eb;color:#374151}.entry-tag-ticket{background:#ede9fe;color:#6d28d9}.entry-tag-shop{background:#dbeafe;color:#1e40af}.entry-tag-chat{background:#e5e7eb;color:#374151}.entry-tag-id{background:transparent;color:#4b5563;border:1px solid var(--color-border)}.chat-main{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:80vh;overflow:hidden}.chat-landing{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);color:var(--color-text-muted)}.chat-entry-points{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.chat-entry-point{width:190px;text-align:left;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);display:flex;flex-direction:column;gap:var(--spacing-xs);font:inherit;color:var(--color-text)}.chat-entry-point:hover:not(:disabled){background:#f9fafb}.chat-entry-point-title{font-weight:700;font-size:.9375rem;color:var(--color-text)}.chat-entry-point-desc{font-size:.8125rem;color:var(--color-text-muted);font-weight:400}.chat-entry-form{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md)}.chat-entry-form input[type=text]{width:260px}.chat-entry-form-actions{display:flex;gap:var(--spacing-sm)}.chat-status{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-size:.875rem;position:sticky;top:0;z-index:1;background:var(--color-surface);padding-bottom:var(--spacing-xs)}.chat-status .status.connected{background:#d1fae5;color:#065f46}.chat-actions{display:flex;align-items:center;gap:var(--spacing-sm)}button.secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-primary)}button.secondary:hover:not(:disabled){background:#eff6ff}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm);background:#f9fafb;border-radius:var(--radius);min-height:0}.chat-message{display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius)}.chat-message.user{align-self:flex-end;background:#dbeafe;color:#1e40af}.chat-message.assistant{align-self:flex-start;background:var(--color-surface);border:1px solid var(--color-border)}.chat-message.thinking{opacity:.7;font-style:italic}.chat-message time{font-size:.75rem;color:var(--color-text-muted)}.chat-message.user .chat-message-content{white-space:pre-wrap}.chat-message.assistant .chat-message-content>*:first-child{margin-top:0}.chat-message.assistant .chat-message-content>*:last-child{margin-bottom:0}.chat-message.assistant .chat-message-content p,.chat-message.assistant .chat-message-content ul,.chat-message.assistant .chat-message-content ol{margin:.4em 0}.chat-message.assistant .chat-message-content ul,.chat-message.assistant .chat-message-content ol{padding-left:1.25em}.chat-message.assistant .chat-message-content h1,.chat-message.assistant .chat-message-content h2,.chat-message.assistant .chat-message-content h3{font-size:1em;font-weight:600;margin:.6em 0 .3em}.chat-message.assistant .chat-message-content code{background:#0000000f;padding:.1em .3em;border-radius:3px;font-size:.9em}.chat-message.assistant .chat-message-content pre{background:#0000000f;padding:var(--spacing-sm);border-radius:4px;overflow-x:auto}.chat-message.assistant .chat-message-content pre code{background:none;padding:0}.chat-message.assistant .chat-message-content table{border-collapse:collapse;margin:.4em 0}.chat-message.assistant .chat-message-content th,.chat-message.assistant .chat-message-content td{border:1px solid var(--color-border);padding:.25em .5em}.chat-tool-calls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.chat-tool-call{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.chat-tool-call .event-type{text-transform:uppercase;font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:999px;background:#e5e7eb;color:var(--color-text-muted)}.chat-tool-call-running .event-type{background:#fef3c7;color:#92400e}.chat-tool-call-done .event-type{background:#d1fae5;color:#065f46}.chat-tool-call-failed .event-type{background:#fee2e2;color:#991b1b}.chat-message-pending{font-style:italic;color:var(--color-text-muted)}.chat-message-tools{background:#f3f4f6;border:1px dashed var(--color-border)}.chat-message-answer-box.assistant{background:#eff6ff;border:1px solid #bfdbfe}.chat-message-answer-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#1d4ed8;margin-bottom:var(--spacing-xs)}.chat-citations{list-style:none;margin:var(--spacing-xs) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.citation-chip{font-size:.8rem;background:#f5f3ff;border-radius:9999px;padding:2px var(--spacing-sm)}.citation-chip summary{cursor:pointer;list-style:none}.citation-chip summary::-webkit-details-marker{display:none}.citation-chip .event-type{background:#ede9fe;color:#6d28d9}.citation-chip-tool{background:#eff6ff}.citation-chip-tool .event-type{background:#dbeafe;color:#1e40af}.citation-chip-cross-shop{background:#fffbeb}.citation-chip-cross-shop .event-type{background:#fef3c7;color:#92400e}.citation-chip details[open]{display:block}.citation-chip details code,.citation-chip details pre{display:block;margin-top:var(--spacing-xs)}.shop-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:9999px;font-weight:700;font-size:.8rem}.shop-badge-active{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.chat-input{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.chat-input input[type=text]{flex:1}.chat-error{margin-top:var(--spacing-sm)}.chat-message-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}button.text-button{background:transparent;color:var(--color-primary);padding:0;font-size:.875rem;font-weight:500}button.text-button:hover:not(:disabled){text-decoration:underline;background:transparent}.muted{color:var(--color-text-muted)}