/* Demo-only chrome; production dashboard assets remain shared. */
.demo-banner { grid-column: 1 / -1; position: sticky; top: 0; z-index: 1000; min-height: 38px; box-sizing: border-box; display: flex; gap: 18px; flex-wrap: wrap; align-items: center; padding: 8px 20px; background: var(--panel); color: var(--text, #e1e5eb); border-bottom: 1px solid var(--accent, #a8cca0); font: 12px/1.5 system-ui, sans-serif; }
body.admin-body .demo-banner a { margin-left: auto; color: var(--text); text-decoration: underline; text-underline-offset: 3px; }
body.admin-body { padding-top: 0; grid-template-rows: auto 1fr; }
.side-nav { top: 39px; height: calc(100vh - 39px); }
.main-container { min-height: calc(100vh - 39px); }
.site-header { top: 39px; }
button[disabled] { cursor: not-allowed; }
@media (max-width: 700px) { .demo-banner { gap: 4px 12px; padding: 8px 12px; } .demo-banner span { display: none; } }

@media (max-width: 600px) {
  .site-header { padding-inline: 8px; gap: 6px; }
  .site-header .crumb, .admin-auth-pill { display: none; }
  .site-header .nav-actions { gap: 6px; margin-left: auto; }
}

/* Focused documentation frames retain the real page controls and data views. */
html[data-demo-embed] body.admin-body { grid-template-columns: minmax(0, 1fr); }
html[data-demo-embed] .side-nav,
html[data-demo-embed] .demo-banner,
html[data-demo-embed] [data-palette-open],
html[data-demo-embed] #palette-overlay,
html[data-demo-embed] #broker-switch { display: none !important; }
html[data-demo-embed] .main-container { min-height: 100vh; }
html[data-demo-embed] .site-header { top: 0; }
html[data-demo-embed] a[aria-disabled] { cursor: default; text-decoration: none; }

html[data-demo-panel="recovery"] #page-root > :not(#recovery-panel) { display: none; }
html[data-demo-panel="recovery"] #recovery-panel { margin-top: 0; }