/* Canvas-only host rules; existing main model and agent styles stay untouched. */
#agent-detail.has-canvas-workspace { padding: 0; background: #060a12; overflow: hidden; }
#agent-detail.has-canvas-workspace > .rsa-workspace { position: relative; display: flex; flex-direction: column; box-sizing: border-box; min-width: 0; min-height: 680px; color: #eef2f7; font: 14px/1.6 "PingFang SC", "Microsoft YaHei", Arial, sans-serif; }
#agent-detail.has-canvas-workspace .rsa-workspace [hidden] { display: none !important; }
#agent-detail.has-canvas-workspace .rsa-layout-canvas { height: 100%; }
#agent-detail.has-canvas-workspace .jch-home.is-rolala-entry { min-height: 680px; }
#agent-detail.has-canvas-workspace .rce-content { min-height: 680px; }
#agent-detail.has-canvas-workspace .rce-feature-list { min-width: 0; }
@media (max-width: 600px) {
  #agent-detail.has-canvas-workspace > .rsa-workspace,
  #agent-detail.has-canvas-workspace .jch-home.is-rolala-entry,
  #agent-detail.has-canvas-workspace .rce-content { min-height: 720px; }
}

/* The existing main sidebar hosts its original directory nodes, never a cloned catalog. */
body.canvas-workspace-mode #sidebar > :is(.category-tabs,.model-filter,#vendor-menu,#model-list) { display: none !important; }
body.canvas-workspace-mode #sidebar > .agent-directory-sidebar { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: .5rem .65rem; border: 0; background: transparent; }
body.canvas-workspace-mode #sidebar .agent-category-tabs { flex-shrink: 0; flex-wrap: wrap; overflow: visible; gap: .1rem; margin-bottom: .3rem; }
body.canvas-workspace-mode #sidebar .agent-category-tabs button { padding: .35rem .55rem; font-size: .68rem; }
body.canvas-workspace-mode #sidebar .agent-search { flex-shrink: 0; }
body.canvas-workspace-mode #agent-list { flex: 1; min-height: 0; max-height: none; overflow: auto; }
body.canvas-workspace-mode #workspace { padding: 0; }
body.canvas-workspace-mode #workspace > .workspace-topbar { position: absolute; inset: 0 0 auto; z-index: 15; pointer-events: none; }
body.canvas-workspace-mode #workspace > .workspace-topbar .top-actions,
body.canvas-workspace-mode #workspace > .workspace-topbar .mobile-menu { pointer-events: auto; }
body.canvas-workspace-mode #workspace > .workspace-topbar :is(.new-chat,.guide-button,.current-model) { display: none !important; }
body.canvas-workspace-mode #agent-view { width: 100%; max-width: none; margin: 0; min-height: 100dvh; }
body.canvas-workspace-mode #agent-view > .content-heading { display: none; }
body.canvas-workspace-mode #agent-view .agent-directory-layout { display: block; min-height: 100dvh; border: 0; border-radius: 0; background: transparent; }
body.canvas-workspace-mode #agent-detail.has-canvas-workspace > .rsa-workspace,
body.canvas-workspace-mode #agent-detail.has-canvas-workspace .jch-home.is-rolala-entry,
body.canvas-workspace-mode #agent-detail.has-canvas-workspace .rce-content { min-height: 100dvh; }

body.canvas-workspace-mode #agent-list { display: flex; flex-direction: column; align-items: stretch; gap: .4rem; }
body.canvas-workspace-mode #agent-list .agent-card { flex: 0 0 auto; min-height: 5rem; height: auto; width: 100%; }

/* Pending, replica and original API pages share the agent shell. */
@media (max-width: 760px) {
  #agent-detail.has-canvas-workspace > .rsa-workspace { font-size: 13px; padding-top: 68px; }
  body.canvas-workspace-mode:has(#agent-view:not([hidden])) #workspace > .workspace-topbar { height: 52px; min-height: 0; padding: 0; display: flex; gap: .5rem; width: max-content; }
}