:root{--role-ceo:#2f6bff;--role-sales:#f59e0b;--role-support:#14b87a;--role-inventory:#8b5cf6;--role-pricing:#ec4899;--role-marketing:#06b6d4;--role-shipping:#f97316;--role-hr:#10b981;--role-facebook_sales_support:#1877f2;--role-default:#6b7280;--channel-facebook:#1877f2;--channel-whatsapp:#25d366;--channel-dashboard:#2f6bff}.dark{--role-ceo:#5b8eff;--role-sales:#fbbf24;--role-support:#34d399;--role-inventory:#a78bfa;--role-pricing:#f472b6;--role-marketing:#22d3ee;--role-shipping:#fb923c;--role-hr:#34d399;--role-facebook_sales_support:#4599f7;--role-default:#9ca3af;--channel-facebook:#4599f7;--channel-whatsapp:#4ade80;--channel-dashboard:#5b8eff}.ai-agents-sidebar{background:color-mix(in srgb,var(--color-background) 60%,#fff 40%);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dark .ai-agents-sidebar{background:color-mix(in srgb,var(--color-background) 80%,#fff 20%)}.ai-agent-item{border-bottom:1px solid color-mix(in srgb,var(--color-border) 50%,transparent);cursor:pointer;transition:all .2s ease}.ai-agent-item:last-child{border-bottom:none}.ai-agent-item:hover{background:color-mix(in srgb,var(--color-muted) 50%,transparent)}.ai-agent-item[data-selected=true]{background:color-mix(in srgb,var(--color-muted) 70%,transparent)}.ai-agent-item[data-selected=true]:before{background:var(--agent-role-color,var(--role-default));border-radius:0 3px 3px 0;bottom:8px;content:"";inset-inline-start:0;position:absolute;top:8px;width:3px}.ai-agent-icon{align-items:center;background:color-mix(in srgb,var(--agent-role-color,var(--role-default)) 12%,transparent);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:1.25rem;height:2.5rem;justify-content:center;width:2.5rem}.ai-agent-profile{background:color-mix(in srgb,var(--color-background) 50%,#fff 50%);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.dark .ai-agent-profile{background:color-mix(in srgb,var(--color-background) 85%,#fff 15%)}.ai-agent-profile[data-dirty=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.ai-agent-profile-header{background:color-mix(in srgb,var(--color-muted) 20%,transparent);border-bottom:1px solid var(--color-border);padding:1rem 1.25rem}.ai-channel-badge{align-items:center;background:color-mix(in srgb,var(--channel-color) 8%,transparent);border:1px solid color-mix(in srgb,var(--channel-color) 40%,transparent);border-radius:999px;color:var(--channel-color);display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;padding:.125rem .5rem}.ai-status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.ai-status-dot[data-active=true]{background:var(--color-success);box-shadow:0 0 6px color-mix(in srgb,var(--color-success) 50%,transparent)}.ai-status-dot[data-active=false]{background:var(--color-muted-foreground);opacity:.5}.ai-tool-badge-read{background:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-success)}.ai-tool-badge-write{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);color:var(--color-warning)}.ai-editor-wrapper{border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .2s ease}.ai-editor-wrapper:focus-within{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 16%,transparent)}.ai-editor-header{align-items:center;background:color-mix(in srgb,var(--color-muted) 30%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 40%,transparent);display:flex;justify-content:space-between;padding:.625rem 1rem}.ai-editor-preview{color:var(--color-foreground);font-family:var(--theme-font-body);font-size:.875rem;line-height:1.8;min-height:200px;overflow-y:auto;padding:1.25rem;white-space:pre-wrap;word-break:break-word}.ai-editor-preview h1,.ai-editor-preview h2,.ai-editor-preview h3{color:var(--color-foreground);font-weight:700;margin-bottom:.5em;margin-top:1em}.ai-editor-preview h1{font-size:1.5em}.ai-editor-preview h2{font-size:1.25em}.ai-editor-preview h3{font-size:1.1em}.ai-editor-preview ol,.ai-editor-preview ul{margin:.5em 0;padding-inline-start:1.5em}.ai-editor-preview code{background:color-mix(in srgb,var(--color-muted) 60%,transparent);border-radius:4px;font-family:Consolas,monospace;font-size:.85em;padding:.15em .4em}.ai-meta-grid{background:color-mix(in srgb,var(--color-muted) 25%,transparent);border-radius:var(--radius-md);display:grid;font-size:.75rem;gap:.5rem;grid-template-columns:repeat(2,1fr);padding:.75rem}.ai-meta-grid .ai-meta-label{color:var(--color-muted-foreground);font-weight:500}.ai-meta-grid .ai-meta-value{color:var(--color-foreground);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:1023px){.ai-agents-mobile-trigger{display:flex}}@media (min-width:1024px){.ai-agents-mobile-trigger{display:none}}