/* Isolated website demo shell. Scene materials remain warm; business UI stays navy. */
:root{color-scheme:dark;--butter:#071525;--paper:#0b1d2c;--chalk:#102a3d;--honey:#d6a34a;--blue:#57e0c9;--ink:#eaf4f5;--muted:#8ca5b3;--mint:#57e0c9;--line:#8dbac42b;--shadow:none;--radius:11px;background:var(--butter)}
body{background:var(--butter)}.app-header{display:none}main{padding:20px 18px;max-width:1920px}.workspace-heading{margin-bottom:19px}.workspace-heading h1{font-size:22px}.workspace-heading .overline{color:#57e0c9}.workspace-heading h1 span{font-size:10px}.scope-controls select{min-width:130px}.panel{background:var(--paper)}
.domain-button,.object-card,.role-chip,.role-tasks>details{background:#102637;border-color:var(--line)}
.domain-button.is-active,.object-card.is-selected,.role-chip.is-selected{background:#153b43;border-color:#57e0c999;box-shadow:none}
.count-pill,.compact-button,.journey-bar button,.question-presets button{background:#123044;color:#c9e6e5;border-color:#57e0c935}
.primary-button{color:#051822;background:#57e0c9;border-color:#57e0c9}
.cockpit,.workboard,.space-note,.data-actions,.task-body,.decision-stages li,.role-metrics>article,.metric-card{background:#102637;border-color:var(--line)}
.cockpit-metric{border-color:var(--line)}.cockpit-metric span,.metric-card summary,.metric-card p,.cockpit-metric details,.cockpit-metric details p,.cockpit-note,.role-chip small,.role-chip em,.role-boundary,.role-metrics>article>span,.role-metrics details,.task-body dt,.workboard-heading>span,.space-note{color:var(--muted)}
.cockpit-heading h2 span{color:#57e0c9}.cockpit-metric strong,.metric-card strong{color:#eaf4f5}.cockpit-metric i{color:#57e0c9}
.object-properties dt,.object-kind,.object-id,.relation-button small{color:#89a6b4}.object-card b,.relation-button{color:#57e0c9}
.object-properties dd,.detail-section ul,.task-body dd{color:var(--ink)}.relation-button{border-color:var(--line)}
.role-initial{background:#244d58;color:#c1ede5}.activity-card,.space-entry{background:#173642;border-color:#d6a34a52;color:#eaf4f5}
.activity-card strong,.activity-card small,.space-entry small,.shared-service-tabs>span{color:#d3bb8b}.activity-card>button{color:#57e0c9;border-color:var(--line)}
.shared-service-tabs{border-color:var(--line)}.shared-service-tabs button{border-color:var(--line)}.shared-service-tabs button[aria-pressed=true]{background:#214754;border-color:#57e0c966}
.evidence-row{background:#142b3b;border-color:var(--line)}.evidence-row b{color:#93d1b8}.evidence-row b.pending{color:#e1bc77}
.state-chip,.task-state{background:#3b3325;color:#e6c28c}.task-state.is-recorded{background:#1b423b;color:#a7d8c2}
.action-tags span,.detail-section,.object-detail,.role-boundary,.task-body{border-color:var(--line)}
.task-action{color:#e6c28c}.work-id{color:#7393a3}.guide-button{background:#143440;border-color:#57e0c947}.guide-button small{color:#90b7c2}
.decision-stages li.is-current{background:#1c3b40;border-color:#57e0c955}.decision-stages li.is-done{background:#16342e;border-color:#57e0c944}.decision-stages li>span{background:#274a58;color:#57e0c9}.decision-stages small,.decision-bottom>p{color:var(--muted)}
dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}dialog::backdrop{background:#030a14c9}.dialog-context{color:var(--muted)}.role-dialog .dialog-heading{background:var(--paper)}.role-dialog .dialog-heading button{color:#aac0c9}.dialog-context,.role-task-scope{overflow-wrap:anywhere}
.toast{background:#143846;color:#eaf4f5;border:1px solid #57e0c966}.scene-fallback{background:#102637;color:var(--ink)}
/* Inside the actual 3D canvas, controls retain warm ink for contrast against the floor. */
.scene-wrap{color:#354a61;border-color:#9bbaa342}.zone-button{color:#354a61}.scene-controls button{color:#354a61}.scene-help{color:#716454;text-shadow:0 1px #fff8}.whale-anchor{color:#fff}.scene-top-caption{color:#667788}
.workspace-footer{border-color:var(--line)}.role-tasks{scrollbar-color:#49626f transparent}.object-list,.object-detail{scrollbar-color:#49626f transparent}
@media(max-width:740px){main{padding:15px 12px}.workspace-heading h1{font-size:22px}.scope-controls select{min-width:0}.scope-controls{margin-top:13px}.scene-heading h2{font-size:21px}.scene-wrap{height:420px}.cockpit-metric span{font-size:9px}}
