/* Replica directory presentation; main non-agent views retain their styles. */
body.canvas-workspace-mode #sidebar > .agent-directory-sidebar { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: .5rem .65rem; }
body.canvas-workspace-mode #sidebar > .agent-directory-sidebar .agent-category-tabs { gap: .1rem; margin: 0 -.3rem .3rem; padding: 0 0 .4rem; }
body.canvas-workspace-mode #sidebar > .agent-directory-sidebar .agent-category-tabs button { border: 0; border-radius: .4rem; padding: .35rem .6rem; font-size: .68rem; }
body.canvas-workspace-mode #sidebar > .agent-directory-sidebar .agent-category-tabs button.active { background: #08bfd0; color: white; }
body.canvas-workspace-mode #sidebar > .agent-directory-sidebar .agent-search { flex-shrink: 0; height: 2rem; border-color: #86702c; background: #28231766; color: #b99e52; }
body.canvas-workspace-mode #agent-search { font-size: .75rem; }
body.canvas-workspace-mode #agent-list { display: flex; flex-direction: column; flex: 1; gap: .42rem; max-height: none; padding: .25rem 0 .8rem; overflow: auto; scrollbar-width: thin; }
body.canvas-workspace-mode #agent-list .rsa-directory-row { position: relative; flex-shrink: 0; }
body.canvas-workspace-mode #agent-list .agent-card { width: 100%; min-height: 5rem; grid-template-columns: 2.5rem minmax(0,1fr); gap: .65rem; padding: .8rem .65rem; border: 1px solid transparent; border-radius: .65rem; color: #ececf1; }
body.canvas-workspace-mode #agent-list .agent-card:hover { background: #ffffff08; }
body.canvas-workspace-mode #agent-list .agent-card.active { border-color: #ffffff0e; background: radial-gradient(ellipse at 12% 50%,#5dd9d722,transparent 60%),#ffffff24; }
body.canvas-workspace-mode #agent-list .agent-card-icon { width: 2.5rem; height: 2.5rem; border: 0; background: #ffffff03; box-shadow: none; }
body.canvas-workspace-mode #agent-list .agent-card-icon img { width: 100%; height: 100%; object-fit: contain; }
body.canvas-workspace-mode #agent-list .rsa-directory-title { display: flex; align-items: flex-start; gap: .3rem; }
body.canvas-workspace-mode #agent-list .agent-card-copy strong { flex: 1; white-space: normal; font-size: .83rem; line-height: 1.3; }
body.canvas-workspace-mode #agent-list .agent-card-copy small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; font-size: .7rem; line-height: 1.4; color: #b8b8c0; }
body.canvas-workspace-mode #agent-list .rsa-kind { flex-shrink: 0; padding: .06rem .3rem; border: 1px solid #82662d66; border-radius: .25rem; background: #53331066; color: #f8ae5c; font-size: .62rem; font-style: normal; }
body.canvas-workspace-mode #agent-list .rsa-kind-image { color: #c078ed; border-color: #9b54c566; background: #642d8c44; }
body.canvas-workspace-mode #agent-list .rsa-kind-document { color: #a4a6ff; border-color: #6a6cc766; background: #3c3a7b44; }
body.canvas-workspace-mode #agent-list .rsa-kind-tool { color: #f99757; border-color: #af682d66; background: #6d3b1c44; }
body.canvas-workspace-mode #agent-list .rsa-directory-pin { position: absolute; top: .3rem; left: .35rem; display: grid; place-items: center; width: 1.15rem; height: 1.15rem; padding: 0; border: 1px solid #ffffff22; border-radius: 50%; background: #19202b; color: #84909f; font-size: .65rem; transform: rotate(-22deg); cursor: pointer; }
body.canvas-workspace-mode #agent-list .rsa-directory-pin.is-pinned { color: #f4c55b; border-color: #f4c55b66; }
body.canvas-workspace-mode #agent-list .rsa-directory-pin svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.5; }
body.canvas-workspace-mode #agent-list { display: flex; flex-direction: column; }
body.canvas-workspace-mode #agent-list > .rsa-directory-row { flex: 0 0 auto; }
body.canvas-workspace-mode #agent-list .agent-card { height: auto; }
#agent-detail.has-original-agent-form { box-sizing: border-box; min-width: 0; min-height: 100dvh; padding: calc(4.6525rem + 28px) 28px 28px; background: #0e131a; }
#agent-detail.has-original-agent-form .agent-detail-head > div { min-width: 0; }
#agent-detail.has-original-agent-form .agent-detail-head h2 { overflow-wrap: anywhere; }
#agent-detail.has-original-agent-form .agent-status { flex: none; }
#agent-detail.has-original-agent-form .rsa-return-replica { margin-top: 18px; padding: 9px 14px; border: 1px solid #ffffff26; border-radius: 8px; background: #111820; color: #dae5e9; }

/* Restore only the source shell's non-canvas ancestor layout. */
body.canvas-workspace-mode:has(#agent-detail.has-selected-agent-workspace) #agent-view .agent-directory-layout { overflow: visible; }

@media (max-width: 760px) {
  #agent-detail.has-original-agent-form { padding: 68px 20px 28px; }
  #agent-detail.has-original-agent-form .agent-detail-head { flex-wrap: wrap; }
}