/* Independent document layout; visual values remain in the shared theme. */
.workflow-page {--workflow-header-height:64px;min-height:100dvh;font-size:var(--text-ui);}
.wf-page-header {height:var(--workflow-header-height);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid var(--color-border);background:var(--color-surface);}
.wf-page-back,.wf-page-language,.wf-page-theme {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-control);font:inherit;text-decoration:none;white-space:nowrap;}
.wf-page-back:hover,.wf-page-language:hover,.wf-page-theme:hover {background:var(--color-surface-subtle);color:var(--color-text-primary);}
.wf-page-controls {display:flex;align-items:center;gap:8px;}
.wf-page-brand {display:flex;align-items:center;gap:12px;min-width:0;}
.wf-page-brand strong {font-weight:700;letter-spacing:-.03em;}
.wf-page-brand span {color:var(--color-text-secondary);font-size:var(--text-caption);}
.wf-page-skip {position:fixed;top:8px;left:12px;transform:translateY(-160%);z-index:100;padding:10px 16px;background:var(--color-action-primary);color:var(--color-action-primary-text);border-radius:var(--radius-control);}
.wf-page-skip:focus {transform:translateY(0);}
.workflow-page #workflow-root {min-height:calc(100dvh - var(--workflow-header-height));}
.workflow-page:has(#workflow-root .wf-editor) {--workflow-header-height:0px;height:100dvh;overflow:hidden;}
.workflow-page:has(#workflow-root .wf-editor)>.wf-page-header {display:none;}
.workflow-page:has(#workflow-root .wf-editor) #workflow-root {height:100dvh;min-height:0;overflow:hidden;}
.workflow-page .wf-editor {height:100dvh;}
.workflow-page .wf-loading {padding:40px;}
@media(max-width:600px){.wf-page-header {padding:0 12px;gap:8px;}.wf-page-brand strong {display:none;}.wf-page-back,.wf-page-language,.wf-page-theme {padding:8px;font-size:var(--text-caption);}}

/* Project library uses the compact brand cluster from the selected sidebar layout. */
.workflow-page:has(.wf-workspace-shell) .wf-page-header {display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;}
.workflow-page:has(.wf-workspace-shell) .wf-page-brand {justify-self:start;}
.workflow-page:has(.wf-workspace-shell) .wf-page-brand strong {font-size:18px;}
.workflow-page:has(.wf-workspace-shell) .wf-page-brand>span {display:none;}
@media(max-width:600px){.workflow-page:has(.wf-workspace-shell) .wf-page-header {gap:8px;}.workflow-page:has(.wf-workspace-shell) .wf-page-brand strong {display:none;}}