/* Reserve screen space for creation only while this staff view is active. */
body[data-admin-view="ai-canvas"] .app-shell { margin: 12px auto !important; width: calc(100% - 24px) !important; max-width: none !important; }
body[data-admin-view="ai-canvas"] .workspace { padding: 0 !important; gap: 10px !important; }
body[data-admin-view="ai-canvas"] .workspace > .topbar { min-height: 0 !important; padding: 10px 18px !important; display: flex !important; align-items: center !important; gap: 12px !important; }
body[data-admin-view="ai-canvas"] .topbar .eyeline,
body[data-admin-view="ai-canvas"] .topbar #caseMeta,
body[data-admin-view="ai-canvas"] .topbar-actions > div,
body[data-admin-view="ai-canvas"] #backCaseList,
body[data-admin-view="ai-canvas"] #copyCasePath,
body[data-admin-view="ai-canvas"] #refreshCase,
body[data-admin-view="ai-canvas"] .design-plugin-bar { display: none !important; }
body[data-admin-view="ai-canvas"] .topbar h2 { font-size: 21px !important; margin: 0 !important; }
body[data-admin-view="ai-canvas"] .topbar-actions { flex: 0 0 auto !important; width: auto !important; padding: 0 !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; }
body[data-admin-view="ai-canvas"] .admin-nav { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 5px !important; padding: 5px !important; min-height: 42px !important; }
body[data-admin-view="ai-canvas"] .admin-nav .admin-nav-item { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; padding: 7px 13px !important; white-space: nowrap !important; }
body[data-admin-view="ai-canvas"] #aiCanvasPanel { padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
#aiCanvasPanel[hidden] { display: none !important; }
@media (min-width: 901px) {
  body[data-admin-view="ai-canvas"] #aiCanvasRoot .aic-workspace { height: calc(100dvh - 224px) !important; min-height: 360px !important; max-height: none !important; }
}
@media (max-width: 700px) {
  body[data-admin-view="ai-canvas"] .app-shell { width: calc(100% - 12px) !important; margin: 6px auto !important; }
  body[data-admin-view="ai-canvas"] .topbar h2 { font-size: 17px !important; }
  body[data-admin-view="ai-canvas"] .topbar-actions { gap: 4px !important; }
}