/* One set of sidebar measurements for all agent workspaces, including Shadow DOM. */
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent]{--agent-accent:var(--studio-accent,#6938ef);--agent-soft:var(--studio-soft,#f1eafd);box-sizing:border-box;display:flex;flex-direction:column;flex:none;width:300px;height:100%;min-height:0;padding:12px 16px;border:0;border-right:1px solid var(--studio-line);background:var(--studio-bg);color:var(--studio-text);font:15px/1.5 Manrope,Arial,sans-serif;box-shadow:none;overflow:clip}
#out-sidebar[data-agent]{--agent-accent:#448dde;--agent-soft:color-mix(in srgb,#448dde 13%,var(--studio-bg))}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] button{font-family:inherit;cursor:pointer;touch-action:manipulation}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] button:focus-visible{outline:2px solid var(--agent-accent);outline-offset:2px}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent]>.studio-sidebar-heading{flex:none;margin:0;padding:0 8px 6px;font-size:11px;font-weight:800;line-height:18px;letter-spacing:1.1px;color:var(--studio-muted)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row{display:flex;align-items:center;flex:none;min-width:0;height:52px;margin:0 0 2px;padding:0;border:0;border-left:2px solid transparent;border-radius:12px;background:transparent;box-shadow:none;--row-accent:var(--studio-accent,#6938ef)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row[data-agent=outbound]{--row-accent:#448dde}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row[data-active=true]{border-left-color:var(--row-accent)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-button{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:50px;margin:0;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--row-accent);font-size:14px;font-weight:800;line-height:18px;text-align:left}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-button:hover{background:transparent}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-button[aria-busy=true]{opacity:1;cursor:default}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-text{min-width:0;white-space:normal}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-text small{display:block;white-space:nowrap;min-height:18px;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;font-weight:400;line-height:18px;color:var(--studio-muted)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-logo{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:#6938ef;color:#fff;font:800 20px/1 Manrope,Arial,sans-serif}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] [data-agent=outbound] .studio-agent-logo{background:linear-gradient(135deg,#367cda,#46bce1)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-edit,:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-edit-placeholder{display:grid;place-items:center;flex:none;width:36px;height:36px;padding:0;margin:0 5px 0 0;border:0;border-radius:10px;background:color-mix(in srgb,var(--row-accent) 14%,var(--studio-bg));color:var(--row-accent)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-edit-placeholder{display:none}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(#agent-conversations,.studio-conversations){display:flex;flex-direction:column;flex:1;min-height:0}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .new-chat{display:flex;align-items:center;gap:9px;flex:none;min-height:40px;width:100%;padding:8px 12px;margin:6px 0 10px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-raised);color:var(--studio-text);font-size:13px;font-weight:800;line-height:20px;text-align:left}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .new-chat span{font-size:18px;line-height:1}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(#agent-conversations,.studio-conversations)>.studio-sidebar-heading{flex:none;margin:0 8px 8px;padding:0;font-size:11px;font-weight:800;line-height:18px;letter-spacing:1.1px;color:var(--studio-muted)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(#chat-list,#out-conversations,#in-list){flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .conversation-row{display:flex;gap:4px;align-items:center;margin:0 0 8px}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(.conversation-item,.conversation){display:block;flex:1;min-width:0;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--agent-accent);font-size:13px;font-weight:400;line-height:22px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:none}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(.conversation-item,.conversation):is(:hover,[aria-current=true]){color:var(--agent-accent);background:var(--agent-soft);border-color:color-mix(in srgb,var(--agent-accent) 45%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--agent-accent) 14%,transparent)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(.delete-conversation,.delete-chat){display:grid;place-items:center;flex:none;width:34px;height:40px;padding:0;margin:0;border:0;background:transparent;color:var(--studio-muted)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(.empty-list,#out-conversations>.muted){margin:0;padding:12px;font-size:13px;color:var(--studio-muted)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .back-home{display:block;flex:none;width:100%;height:36px;min-height:36px;margin:6px 0 8px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:var(--agent-accent);font-size:13px;font-weight:400;line-height:24px;text-align:left}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-sidebar-account{display:flex;align-items:center;flex:none;gap:10px;width:100%;min-height:50px;margin:0;padding:10px 8px 0;border:0;border-top:1px solid var(--studio-line);border-radius:0;background:transparent;color:var(--studio-text);text-align:left}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-sidebar-account>:last-child{min-width:0}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-sidebar-account :is(strong,.account-name){display:block;margin:0;padding:0;border:0;font-size:13px;font-weight:700;line-height:20px;color:var(--studio-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-sidebar-account small{display:block;margin:1px 0 0;font-size:12px;font-weight:400;line-height:18px;color:var(--studio-muted)}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--agent-soft);color:var(--agent-accent);font-size:14px;font-weight:800}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-switch-status{flex:none;color:#d66c62;font-size:12px;line-height:18px;margin:0 8px 8px;overflow-wrap:anywhere}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-switch-status:empty{display:none}
.studio-agent-progress{position:absolute;inset:0;z-index:-1;pointer-events:none;background:transparent}
.studio-agent-progress::before{content:'';position:absolute;inset:0 auto 0 0;width:var(--loaded,0%);background:color-mix(in srgb,var(--row-accent) 18%,transparent);transition:width .16s ease-out}
.studio-agent-progress::after{content:'';position:absolute;bottom:0;left:0;width:var(--loaded,0%);height:3px;background:var(--row-accent);transition:width .16s ease-out}
#scrim,.studio-sidebar-scrim{display:none}
#menu{color:var(--studio-muted)}
@media(max-width:760px){
 :is(#sidebar,#out-sidebar,#in-sidebar)[data-agent]{display:none;position:absolute;inset:0 auto 0 0;z-index:10;width:min(300px,86vw);padding:12px 16px;box-shadow:15px 0 45px #0005}
 :is(#sidebar,#out-sidebar,#in-sidebar)[data-agent].open{display:flex}
 #scrim,.studio-sidebar-scrim{display:block;position:absolute;inset:0;z-index:9;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#0009}
 #menu{display:block}
}
@media(prefers-reduced-motion:reduce){.studio-agent-progress::before,.studio-agent-progress::after{transition:none}}

 .insights-switch{--row-accent:var(--insights-accent,#176b46);color:var(--insights-accent,#176b46)!important}

:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .insights-switch .insights-logo{background:var(--insights-action,linear-gradient(115deg,#166b47,#208352,#2a865c));color:#fff}

#in-sidebar[data-agent]{--agent-accent:var(--insights-accent);--agent-soft:var(--insights-soft);gap:0;overflow:clip;transform:none}
#in-sidebar[data-agent] .studio-agent-row[data-agent=insights]{--row-accent:var(--insights-accent)}

:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row[data-agent=insights]{--row-accent:#62d9a6}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row.has-completion{border-radius:12px;background:color-mix(in srgb,var(--row-accent) 15%,transparent);animation:studio-agent-complete-glow 2.4s ease-in-out infinite}
@keyframes studio-agent-complete-glow{0%,100%{box-shadow:inset 0 0 8px color-mix(in srgb,var(--row-accent) 10%,transparent)}50%{box-shadow:inset 0 0 22px color-mix(in srgb,var(--row-accent) 25%,transparent),0 0 12px color-mix(in srgb,var(--row-accent) 18%,transparent)}}
@media(prefers-reduced-motion:reduce){:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row.has-completion{animation:none;box-shadow:inset 0 0 16px color-mix(in srgb,var(--row-accent) 22%,transparent)}}

:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(.conversation-item,.conversation).has-update{--row-accent:var(--agent-accent);border-color:var(--agent-accent);background:var(--agent-soft);animation:studio-agent-complete-glow 2.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] :is(.conversation-item,.conversation).has-update{animation:none;box-shadow:inset 0 0 16px color-mix(in srgb,var(--agent-accent) 22%,transparent)}}

:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row:is(:hover,:focus-within){border-radius:12px;background:color-mix(in srgb,var(--row-accent) 12%,var(--studio-bg))}
:is(#sidebar,#out-sidebar,#in-sidebar)[data-agent] .studio-agent-row:is(:hover,:focus-within,.has-completion) :is(.studio-agent-button,.studio-agent-edit){background:transparent;box-shadow:none}