.canvas-conversations{position:relative;display:flex;align-items:center;gap:8px;z-index:72;padding:0;min-width:0;width:100%}
.canvas-conversations button{font:inherit;font-size:12px;background:var(--surface-2,#28302a);color:var(--text,#eee);border:1px solid var(--line-strong,#444);border-radius:9px;padding:8px 10px;cursor:pointer}.canvas-conversations button:hover{background:var(--surface-3,#384039)}

.canvas-conversation-list{position:absolute;top:100%;left:8px;right:8px;max-height:min(560px,65dvh);overflow:auto;background:var(--surface,#202722);border:1px solid var(--line-strong,#444);border-radius:12px;padding:12px;box-shadow:0 12px 35px #0006;box-sizing:border-box}.canvas-conversation-list[hidden]{display:none}
.conversation-list-search{display:flex;gap:6px}.canvas-conversations input:not([type=checkbox]){box-sizing:border-box;min-width:0;flex:1;width:100%;border:1px solid var(--line-strong,#444);border-radius:8px;padding:9px;background:var(--surface-2,#2b322d);color:var(--text,#eee);font:inherit;font-size:12px}
.conversation-archive-filter{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted,#aaa);padding:12px 0}.canvas-conversation-row{border-top:1px solid var(--line,#333);padding:8px 0}.canvas-conversation-row>.conversation-row-open{display:block;text-align:left;border:0;background:transparent;width:100%;padding:6px}.conversation-row-open b{display:block;font-size:13px;overflow-wrap:anywhere}.conversation-row-open small{display:block;color:var(--muted,#aaa);font-size:11px;margin-top:5px}.canvas-conversation-row>div{display:flex;gap:6px;justify-content:flex-end}.canvas-conversation-row>div button{font-size:11px;padding:5px 8px}.canvas-conversation-row form{display:flex;flex-wrap:wrap;gap:6px}.canvas-conversation-row form input{flex-basis:100%!important}.canvas-conversation-list>small,.conversation-list-empty{display:block;color:var(--muted,#aaa);font-size:11px;padding:10px 0;line-height:1.6}

/* Header controls stay on one line with the panel collapse button. */
#canvasAgent .agent-head .canvas-conversation-title{display:flex;align-items:center;gap:7px;flex:1;min-width:0;text-align:left;white-space:nowrap;border:0;background:transparent;padding:0;height:32px;font-size:13px;font-weight:600;border-radius:7px}
#canvasAgent .agent-head .canvas-conversation-title:hover{color:var(--text);background:var(--surface-3)}
.canvas-conversation-title>svg{width:14px;height:14px;flex:none;color:var(--muted)}
#canvasAgent .agent-head .canvas-conversation-new-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;flex:0 0 30px;padding:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);box-sizing:border-box}
#canvasAgent .agent-head .canvas-conversation-new-icon:hover{background:var(--surface-3);color:var(--text)}
.canvas-conversation-new-icon svg{display:block;width:18px;height:18px}
#canvasAgent .canvas-conversation-list{top:calc(100% + 10px);left:0;right:auto;width:calc(100% + 36px);max-width:calc(100vw - 32px)}
#canvasAgent .canvas-conversation-title:focus-visible,#canvasAgent .canvas-conversation-new-icon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(any-pointer:coarse){#canvasAgent .agent-head .canvas-conversation-new-icon{width:34px;min-width:34px;height:34px;flex-basis:34px}}

@media(max-width:839px){body.adaptive-shell.inspiration-body #canvasLayout #canvasAgent .agent-head{display:flex!important;flex-wrap:nowrap;min-height:46px;padding:7px 12px;gap:8px}body.adaptive-shell.inspiration-body #canvasLayout #canvasAgent .agent-head>div:first-child{flex:1;min-width:0}}

.canvas-conversation-list h3{font-size:14px;margin:0 0 10px}.conversation-management-tabs{display:flex;gap:6px;margin:12px 0 6px}.conversation-management-tabs [role=tab]{flex:1;border-radius:999px;background:transparent}.conversation-management-tabs [aria-selected=true]{background:var(--surface-3,#384039);border-color:var(--muted,#888)}[data-conversation-feedback]{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0}[data-conversation-feedback]:empty{display:none}
#canvasAgent .agent-head .canvas-conversation-archive-entry{display:inline-flex;align-items:center;justify-content:center;width:38px;height:30px;flex:0 0 38px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px}#canvasAgent .agent-head .canvas-conversation-archive-entry:hover{background:var(--surface-3);color:var(--text)}
