/* Shared UI hierarchy only. Scientific tokens, canvases, data bars and plot legends are untouched. */
:root:root .decision-surface{--model-ui-spatial:var(--motion-ease-spatial,cubic-bezier(.2,.8,.2,1));--model-ui-fast:var(--motion-ease-icon,var(--model-ui-spatial));--model-ui-effects:var(--motion-ease-effects,ease-out);--model-ui-rest:color-mix(in srgb,var(--green) 8%,var(--model-control-bg,var(--paper)));--model-ui-hover:color-mix(in srgb,var(--green) 14%,var(--model-control-bg,var(--paper)));--model-ui-pressed:color-mix(in srgb,var(--green) 20%,var(--model-control-bg,var(--paper)))}
:root:root .decision-surface button:not(.decision-target){background:var(--model-ui-rest);color:var(--ink);border-color:var(--line);box-shadow:none;transition:background-color 160ms var(--model-ui-effects),color 160ms var(--model-ui-effects),border-color 160ms var(--model-ui-effects),filter 160ms var(--model-ui-effects)}
:root:root .decision-surface button:not(.decision-target):enabled:hover{background:var(--model-ui-hover)}
:root:root .decision-surface button:not(.decision-target):enabled:active{background:var(--model-ui-pressed)}
:root:root .decision-surface :is(.circ-primary,.decision-playback,#bee-reveal,[data-scan-play]){background:var(--button-bg);color:var(--button-fg);border-color:transparent}
:root:root .decision-surface :is(.circ-primary,.decision-playback,#bee-reveal,[data-scan-play]):enabled:is(:hover,:active){background:var(--button-bg);color:var(--button-fg);filter:brightness(1.06)}
:root:root .decision-surface select{color:var(--ink);background:var(--model-control-bg,var(--paper));border-color:var(--line);transition:background-color 160ms var(--model-ui-effects),border-color 160ms var(--model-ui-effects)}
:root:root .decision-surface :is(button,select,summary):focus-visible{outline:2px solid var(--green);outline-offset:3px}
:root:root .decision-surface button:disabled{opacity:.45;cursor:default}
:root:root .decision-surface :is(.decision-segments,.decision-field-buttons,.decision-view-buttons,.bee-objective-modes,.bee-explorer-tabs,.bee-stage-tabs,.model-choice-group) button{background:transparent;color:var(--muted);filter:none}
:root:root .decision-surface :is(.decision-segments,.decision-field-buttons,.decision-view-buttons,.bee-objective-modes,.model-choice-group) button[aria-pressed=true]{background:transparent;color:var(--button-fg)}
:root:root .decision-surface :is(.bee-explorer-tabs,.bee-stage-tabs) button[aria-selected=true]{background:var(--button-bg);color:var(--button-fg)}
:root:root .decision-surface :is(.decision-segments,.decision-field-buttons,.decision-view-buttons)::before,:root:root .decision-surface .bee-objective-mode-thumb{transition:transform 420ms var(--model-ui-fast),width 420ms var(--model-ui-fast)}
:root:root .decision-surface :is(.model-disclosure-icon svg,.decision-control-group>summary>svg,.decision-preference-chevron){transition:transform 420ms var(--model-ui-fast)}
:root:root .decision-surface [data-model-expanded=false]>summary>svg,:root:root .decision-surface [data-model-expanded=false]>summary .decision-preference-chevron{transform:rotate(0deg)}
:root:root .decision-surface [data-model-expanded=true]>summary>svg,:root:root .decision-surface [data-model-expanded=true]>summary .decision-preference-chevron{transform:rotate(180deg)}
:root:root .decision-surface .decision-toggle-track>span{transition:transform 420ms var(--model-ui-fast)}
:root:root .decision-surface details[data-model-expanded]{box-sizing:border-box}
:root:root .decision-surface .model-ui-clipping{overflow:clip}
:root:root .decision-surface .model-choice-group{display:inline-flex;position:relative;isolation:isolate;align-items:stretch;gap:2px;max-width:100%;padding:4px;border-radius:999px;background:var(--model-ui-rest);box-sizing:border-box;vertical-align:middle}
:root:root .decision-surface .model-choice-group::before{content:'';position:absolute;z-index:-1;top:4px;bottom:4px;left:0;width:var(--choice-width,0px);transform:translateX(var(--choice-x,0px));border-radius:999px;background:var(--button-bg);opacity:0;transition:transform 420ms var(--model-ui-fast),width 420ms var(--model-ui-fast)}
:root:root .decision-surface .model-choice-ready::before{opacity:1}
:root:root .decision-surface .model-choice-group button{position:relative;flex:1 1 auto;min-width:0;min-height:40px;padding:8px 12px;border:0;border-radius:999px;font:inherit;font-size:12px;line-height:1.35;white-space:normal}
:root:root .decision-surface .model-choice-group button[aria-pressed=true]:is(:hover,:active){background:transparent;color:var(--button-fg)}
:root:root .decision-surface .decision-advanced .model-choice-group{display:flex}
@media(pointer:coarse){:root:root .decision-surface .model-choice-group button{min-height:44px}}
@media(max-width:600px){:root:root .decision-surface .model-choice-group button{padding-inline:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){:root:root .decision-surface :is(button,select,summary svg,.decision-toggle-track>span,.bee-objective-mode-thumb),:root:root .decision-surface .model-choice-group::before,:root:root .decision-surface :is(.decision-segments,.decision-field-buttons,.decision-view-buttons)::before{transition:none!important}}
html[data-motion=reduce] .decision-surface *,html[data-motion=reduce] .decision-surface *::before{transition:none!important}

:root:root .decision-surface :is(.decision-segments,.decision-field-buttons,.decision-view-buttons,.bee-objective-modes) button[aria-pressed=true]:enabled:is(:hover,:active){background:transparent;color:var(--button-fg)}
:root:root .decision-surface :is(.bee-explorer-tabs,.bee-stage-tabs) button[aria-selected=true]:enabled:is(:hover,:active){background:var(--button-bg);color:var(--button-fg)}