/* Clear model controls, consistent with the shared pill/circle language. */
.decision-control-heading{display:flex;align-items:center;gap:10px;margin-bottom:4px;min-height:44px}
.decision-control-heading label{display:block;flex:none;margin:0;font-size:13px;font-weight:600}
.decision-control-heading>output{margin-left:auto;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.decision-noise-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 4px;border:0;border-radius:999px;background:transparent;color:var(--green);font:600 11px/1 var(--font);cursor:pointer}
.decision-toggle-state{min-width:18px}
.decision-toggle-track{display:block;position:relative;width:42px;height:24px;border-radius:999px;background:var(--line);transition:background-color 180ms}
.decision-toggle-track>span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--surface);transition:transform 180ms}
.decision-noise-toggle[aria-checked=true] .decision-toggle-track{background:var(--button-bg)}
.decision-noise-toggle[aria-checked=true] .decision-toggle-track>span{transform:translateX(18px);background:var(--button-fg)}
.decision-noise-level{transition:opacity 180ms}.decision-noise-control.is-off .decision-noise-level{opacity:.4}
.decision-noise-control.is-off .decision-control-heading label{color:var(--muted)}
.decision-noise-level>span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:3px}
.decision-noise-toggle:focus-visible,.decision-playback:focus-visible{outline:2px solid var(--art-accent);outline-offset:3px}

/* A single moving thumb instead of two independently filled buttons. */
:root .decision-view-buttons{position:relative;isolation:isolate;gap:0;padding:2px}
.decision-view-buttons::before{content:"";position:absolute;z-index:0;top:2px;bottom:2px;left:2px;width:calc((100% - 4px)/2);border-radius:999px;background:var(--button-bg);transform:translateX(0);transition:transform 220ms var(--ease-settle)}
.decision-view-buttons[data-view=all]::before{transform:translateX(100%)}
:root .decision-view-buttons button:is([aria-pressed=true],[aria-pressed=false]){position:relative;z-index:1;flex:1;background:transparent;border:0;font-weight:600;color:var(--muted)}
:root .decision-view-buttons button[aria-pressed=true]{color:var(--button-fg)}
.decision-trajectory-browser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;grid-column:1/-1;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--soft)}
.decision-trajectory-browser[hidden]{display:none!important}
.decision-trajectory-browser>p{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--muted);margin:0}

/* The starting-prior editor is an obvious, native disclosure surface. */
.decision-preferences{border:1px solid var(--line);border-radius:20px;background:var(--soft);overflow:hidden}
.decision-preferences summary{padding:14px 16px;gap:12px;min-height:68px;transition:background-color 180ms}
.decision-preferences summary:hover{background:var(--tonal)}
.decision-preferences summary::after{display:none}
.decision-preference-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:var(--surface);color:var(--green)}
.decision-preference-heading{display:grid;gap:3px;min-width:0}
.decision-preference-heading strong{font-size:13px;font-weight:600;line-height:1.4}
.decision-preference-heading>span{font-size:11px;color:var(--muted);line-height:1.5}
.decision-preferences .decision-preference-summary{margin-left:auto;padding:5px 10px;border-radius:999px;background:var(--surface);color:var(--green);font-size:11px;font-weight:600;white-space:nowrap}
.decision-preference-chevron{flex:none;transition:transform 180ms}
.decision-preferences[open] .decision-preference-chevron{transform:rotate(180deg)}
.decision-preference-body{border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);padding:18px}

/* Manual time control uses the same existing paths and shared playback clock. */
.decision-playback-row{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px;margin:8px 36px 20px}
.decision-playback{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:var(--soft);color:var(--green);cursor:pointer}
.decision-playback:hover{background:var(--tonal)}
.decision-time{min-width:0}
.decision-time label{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;line-height:1.5}
.decision-time output{color:var(--muted);font-variant-numeric:tabular-nums}
.decision-time input{display:block;width:100%;min-height:36px;margin:0;accent-color:var(--green);cursor:pointer}
.decision-time>span{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);line-height:1.5}
@media(max-width:640px){
 .decision-playback-row{margin-inline:22px;gap:12px}
 .decision-preferences summary{padding:12px;gap:9px}
 .decision-preference-icon{width:32px;height:32px}
 .decision-preference-heading>span{font-size:10px}
 .decision-preferences .decision-preference-summary{padding:5px 8px}
 .decision-trajectory-browser{grid-template-columns:1fr;padding:14px}
 .decision-trajectory-browser>p{grid-column:1}
 .decision-control-heading{gap:8px}
}
@media(prefers-reduced-motion:reduce){.decision-view-buttons::before,.decision-toggle-track,.decision-toggle-track>span,.decision-noise-level,.decision-preference-chevron{transition:none}}