/* Live regions keep one quiet reading palette while their content, forms and
   editors remain owned by the original app. These rules only affect canvas apps. */
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]{
 --canvas-object-paper:#fffefd;--canvas-object-ink:#28363d;--canvas-object-muted:#62717a;--canvas-object-line:#cfD7d8;--canvas-object-control:#f3f5f1;
 background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;pointer-events:none
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]>.canvas-native-app-body{
 padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;max-width:none!important;max-height:none!important;min-height:0!important;width:100%!important;height:100%!important;box-sizing:border-box;pointer-events:none!important;color:var(--canvas-object-ink)!important
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]>.canvas-native-app-body>:not([data-canvas-live-surface=true]){
 background:transparent!important;background-image:none!important;box-shadow:none!important;border-color:transparent!important
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]>.canvas-native-app-body>:not([data-canvas-live-surface=true])::before,
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]>.canvas-native-app-body>:not([data-canvas-live-surface=true])::after{display:none!important}

/* The group label remains a small movable control rather than a page header. */
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]>.workspace-board-window-bar{
 position:absolute!important;top:-36px!important;left:0!important;right:auto!important;width:max-content!important;min-width:200px;max-width:900px;height:auto!important;min-height:28px;padding:4px 9px!important;margin:0!important;gap:18px;border:1px solid #d7dddc!important;border-radius:7px!important;background:#fffefd!important;color:#62717a!important;box-shadow:0 2px 8px #23333b08!important;pointer-events:auto!important;white-space:nowrap;z-index:8;cursor:grab
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]>.workspace-board-window-bar strong{font-size:12px!important;font-weight:550!important;color:#52646c!important}

html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]{
 --kompani-ink:#28363d!important;--kompani-heading:#28363d!important;--kompani-heading-ink:#28363d!important;--kompani-body:#35464e!important;--kompani-muted:#62717a!important;--kompani-subtle:#62717a!important;--kompani-paper:#fffefd!important;--kompani-surface:#fffefd!important;--kompani-raised:#f3f5f1!important;--kompani-line:#cfd7d8!important;--kompani-primary:#e5eeeb!important;--kompani-on-primary:#28363d!important;--kompani-accent:#496d75!important;
 --text:#28363d!important;--ink:#28363d!important;--muted:#62717a!important;--border:#cfd7d8!important;--line:#cfd7d8!important;--surface:#fffefd!important;--panel:#fffefd!important;--raised:#f3f5f1!important;--paper:#fffefd!important;
 color:var(--canvas-object-ink)!important;border:1px solid var(--canvas-object-line)!important;border-radius:8px!important;box-shadow:0 2px 8px #23333b0a!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-height:none!important;transition:box-shadow .12s ease,border-color .12s ease!important;animation:none!important;pointer-events:auto!important;will-change:transform
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview){
 font-family:inherit!important;font-size:14px!important;line-height:1.5!important;padding:16px!important;background:var(--canvas-surface-fill,var(--canvas-object-paper))!important
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:is(.pm-project-card,.pm-goal-card,.pm-person-card,.pm-team,.pm-meeting-card,.pm-update,.org-person,.metric-card,.exception-card,.saved-module-draft,.websites-page-node,.websites-section-node){--canvas-surface-fill:#f0edf7}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:is(.pm-project-card,.pm-goal-card,.pm-person-card,.pm-team,.pm-meeting-card,.pm-update,.org-person,.metric-card,.exception-card,.saved-module-draft,.websites-page-node,.websites-section-node):nth-of-type(3n+2){--canvas-surface-fill:#eaf3ee}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:is(.pm-project-card,.pm-goal-card,.pm-person-card,.pm-team,.pm-meeting-card,.pm-update,.org-person,.metric-card,.exception-card,.saved-module-draft,.websites-page-node,.websites-section-node):nth-of-type(3n){--canvas-surface-fill:#eaf0f8}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:is(header,nav,.pm-heading,.pm-window-tabs,.work-list-heading,.work-list-filters,.slides-toolbar,.websites-toolbar,.vc-toolbar,.vc-tabs,.oc-source-toolbar,.mail-command-bar,.mail-list-filters,.section-title){
 padding:8px 12px!important;min-height:36px!important;gap:8px;border-color:#d7dddc!important;background:#fffefd!important;flex-wrap:wrap
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:is(:hover,:focus-within){border-color:#a5b7b8!important;box-shadow:0 3px 12px #23333b12!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview) :is(h1,h2,h3,h4,h5,h6,label,legend,th,td,dt,dd){color:var(--canvas-object-ink)!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview) :is(h1,h2,h3){font-family:inherit!important;line-height:1.35!important;font-size:17px!important;letter-spacing:normal!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview) :is(small,.muted,.caption,.hint,.pm-caption,.pm-project-kind){color:var(--canvas-object-muted)!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea:not(.ide-code),select){
 background:#fffefd!important;color:#28363d!important;border-color:#cfd7d8!important;font-size:13px!important;line-height:1.45!important;box-shadow:none!important
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview) :is(button,.button,.primary,.secondary){font-family:inherit!important;font-size:13px!important;line-height:1.4!important;color:#35464e!important;border-color:#cfd7d8!important;box-shadow:none!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview) :is(.primary,.primary-button,button[type=submit]){background:#e5eeeb!important;color:#28363d!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:not(.slide-preview):not(.websites-preview) :is(.secondary,.secondary-button){background:#f5f6f2!important;color:#35464e!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] :is(.oc-source-preview pre,.oc-source-preview code,.vc-editor-pane pre,.vc-editor-pane code,.ide-editor pre,.ide-editor code,.ide-main pre,.ide-main code,.ide-main textarea.ide-code){background:#fafbf7!important;color:#35464e!important;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important}

html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-surface-handle=true]{cursor:grab;touch-action:none;user-select:none}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-surface-handle=true]:focus-visible{outline:2px solid #77969b!important;outline-offset:4px;border-radius:4px}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-surface-handle=true] :is(button,a,input,textarea,select,[contenteditable=true]){touch-action:auto;user-select:auto}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]::after{
 content:"";position:absolute;right:2px;bottom:2px;width:16px;height:16px;border-radius:0 0 5px 0;background:linear-gradient(135deg,transparent 42%,#91a7aa 43% 48%,transparent 49% 62%,#91a7aa 63% 68%,transparent 69%);opacity:.4;pointer-events:none;cursor:nwse-resize
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:is(:hover,:focus-within)::after{opacity:.8}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-surface-moving=true]{cursor:grabbing!important;z-index:9!important;box-shadow:0 8px 24px #23333b1a!important;transition:none!important}

/* App-level zoom summaries would conceal the independent regions. Their own
   geometry remains visible at every zoom; offscreen culling still takes effect. */
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true]>.workspace-canvas-overview{display:none!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true][data-canvas-detail=overview]:not([data-canvas-offscreen=true]):not([hidden])>.canvas-native-app-body{visibility:visible!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] :is(dialog,[role=dialog],.hub-modal-backdrop,.platform-mail-modal,.presentation-stage){pointer-events:auto!important}
@media(prefers-reduced-motion:reduce){html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]{transition:none!important}}

/* Existing app dialogs stay in their owning component. The shared camera
   supplies the inverse containing-block transform so a nested editor still
   occupies the physical viewport, including when its source card is resized. */
html body.kompani-platform[data-workspace-board-spatial=true] .workspace-board-app .canvas-native-app-body :is(.notebook-overlay,.hub-modal-backdrop,.platform-mail-modal,.presentation-stage,.sales-modal-backdrop,.nc-dialog,.ai-modal):not(dialog){
 position:fixed!important;inset:auto!important;left:calc(var(--canvas-modal-origin-x,0px) * -1)!important;top:calc(var(--canvas-modal-origin-y,0px) * -1)!important;right:auto!important;bottom:auto!important;width:100vw!important;height:100dvh!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;margin:0!important;box-sizing:border-box!important;transform:scale(var(--canvas-modal-inverse-scale,1))!important;transform-origin:0 0!important;pointer-events:auto!important;z-index:10000!important
}
html body.kompani-platform[data-workspace-board-spatial=true] .workspace-board-app:has(.canvas-native-app-body :is(.notebook-overlay,.hub-modal-backdrop,.platform-mail-modal,.presentation-stage,.sales-modal-backdrop,.nc-dialog,.ai-modal):not([hidden])){overflow:visible!important;z-index:999!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surface=true]:has(:is(.notebook-overlay,.hub-modal-backdrop,.platform-mail-modal,.presentation-stage,.sales-modal-backdrop,.nc-dialog,.ai-modal):not([hidden])){z-index:1000!important}

/* Cohesive code panes retain their own tabs and output controls. Their original
   desktop chrome uses dark literals, so give the canvas panes one light palette. */
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true]:is(.ide-main,.ide-sidebar){
 --ide-bg:#fffefd;--ide-panel:#fffefd;--ide-editor:#fafbf7;--ide-raised:#edf2ef;--ide-border:#d7dfdd;--ide-text:#35464e;--ide-muted:#667983;--ide-accent:#4f7478
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true].ide-main :is(.ide-tabs,.ide-breadcrumb,.ide-editor-tools,.ide-bottom,.ide-bottom>nav,.ide-bottom-content){
 background:#fafbf7!important;color:#35464e!important;border-color:#d7dfdd!important
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true].ide-main .ide-tabs button{background:#f1f4ef!important}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true].ide-main .ide-tabs button.active{background:#e5eeeb!important;border-top-color:#77969b!important}

/* The desktop activity rail becomes one compact canvas control strip. */
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true].ide-activity{
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true].ide-activity button{
 flex:0 0 auto!important;flex-direction:row!important;gap:6px!important;width:auto!important;min-width:78px!important;min-height:32px!important;padding:6px 8px!important;border:1px solid transparent!important;border-radius:6px!important;background:transparent!important
}
html body.kompani-platform[data-workspace-board-spatial=true] [data-canvas-live-surfaces=true] [data-canvas-live-surface=true].ide-activity button[aria-pressed=true]{background:#e5eeeb!important;border-color:#90aaa3!important}