.knowledge-workspace-backdrop { padding: 18px; }
.knowledge-workspace-backdrop.knowledge-is-maximized { padding: 0; }
.knowledge-is-maximized > .knowledge-workspace { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; }
#maximizeKnowledgeModalButton { flex-shrink: 0; }
.knowledge-window-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin-left: auto; }
.knowledge-shared-api-toolbar { flex: 0 0 auto; padding: 8px 28px 18px; border-bottom: 1px solid var(--line); }
@media (max-width: 760px) { .knowledge-shared-api-toolbar { padding: 8px 16px 16px; } }
.knowledge-workspace { display: flex; flex-direction: column; width: min(1440px, 100%); height: calc(100dvh - 36px); min-width: 0; padding: 0; border: 1px solid var(--line); border-radius: 14px; color: var(--text); background: var(--surface); box-shadow: var(--shadow-lg); overflow: hidden; }
.knowledge-workspace > .model-modal-header { flex: 0 0 auto; margin: 0; padding: 20px 28px 14px; }
.knowledge-workspace > .model-modal-header strong { font-size: 1.15rem; }
.knowledge-workspace-tabs { display: flex; flex: 0 0 auto; gap: 20px; padding: 0 28px; border-bottom: 1px solid var(--line); }
.knowledge-workspace-tabs button { padding: 14px 4px; border: 0; border-bottom: 3px solid transparent; background: transparent; color: var(--muted); font: inherit; cursor: pointer; }
.knowledge-workspace-tabs button[aria-current] { border-color: var(--primary); color: var(--text); font-weight: 700; }
.knowledge-workspace-body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 26px 28px; scrollbar-gutter: stable; }
.knowledge-workspace .knowledge-grid { grid-template-columns: minmax(240px, .75fr) minmax(0, 1.75fr); align-items: start; gap: 22px; }
.knowledge-workspace .knowledge-panel { padding: 20px; }
.knowledge-workspace .knowledge-panel h3, .agent-directory-heading h3 { margin: 0; font-size: 1.05rem; }
.knowledge-workspace .knowledge-panel h3 { margin-bottom: 18px; }
.knowledge-workspace .knowledge-list { max-height: none; overflow: visible; }
.knowledge-workspace .knowledge-row { font-size: .875rem; }
.knowledge-workspace .knowledge-row[aria-current] { border-color: var(--primary); background: var(--primary-soft); }
.agent-directory-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.agent-directory-heading p { margin: 8px 0 0; color: var(--muted); font-size: .875rem; }
.agent-directory-heading > button { flex-shrink: 0; }
.agent-directory-search { max-width: 520px; margin: 24px 0 18px; }
.knowledge-workspace #featureAgentList { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 16px; }
.knowledge-workspace .feature-agent-row { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: 14px; padding: 20px; border-radius: 12px; }
.knowledge-workspace .feature-agent-list-avatar { width: 48px; height: 48px; }
.feature-agent-info { min-width: 0; }
.feature-agent-info > strong { font-size: 1rem; }
.feature-agent-info .agent-state { display: inline-block; margin-top: 8px; color: var(--muted); font-size: .75rem; }
.knowledge-workspace .feature-agent-actions { grid-column: 1 / -1; flex-wrap: wrap; padding-top: 12px; border-top: 1px solid var(--line); }
.knowledge-workspace .feature-agent-actions button { min-height: 38px; padding: 8px 12px; font-size: .8125rem; }
.knowledge-workspace .feature-agent-actions .primary-button { margin-right: auto; }
.agent-create-panel { margin-top: 26px; padding: 20px; border: 1px solid var(--line); border-radius: 12px; }
.agent-create-panel > summary { cursor: pointer; font-weight: 600; }
.agent-create-panel:not([open]) > form { display: none; }
.agent-create-form { max-width: 900px; margin: 20px auto 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.agent-create-form > :has(textarea), .agent-create-form > .knowledge-actions, .agent-create-form > .feature-avatar-editor, .agent-create-form > details { grid-column: 1 / -1; }
@media (max-width: 760px) {
    .knowledge-workspace-backdrop { padding: 0; }
    .knowledge-workspace { height: 100dvh; width: 100%; border: 0; border-radius: 0; }
    .knowledge-workspace > .model-modal-header { padding: 16px; }
    .knowledge-workspace-tabs { padding: 0 16px; gap: 18px; }
    .knowledge-workspace-body { padding: 20px 16px; }
    .knowledge-workspace .knowledge-grid, .agent-create-form { grid-template-columns: minmax(0, 1fr); }
    .agent-directory-heading { align-items: start; flex-direction: column; }
    .knowledge-workspace .knowledge-panel { padding: 16px; }
}