/* Active observation workflow only; codex keeps the original read-only grid. */
.observation-screen .observation-step{color:var(--mint);margin:12px 0 10px}
.observation-screen .observation-option[aria-pressed=true]{outline:2px solid var(--mint);outline-offset:-2px;background:#38606855}
.observation-screen .observation-option.is-observed{border-style:dashed}
.observation-screen .observation-item-state{font-size:14px;line-height:1.4;color:var(--muted)}
.observation-screen .observation-option[aria-pressed=true] .observation-item-state{color:var(--mint)}
.observation-screen .observation-selection{border:1px solid var(--line);border-left:3px solid var(--mint);padding:16px;margin-top:16px;scroll-margin-block:20px}
.observation-screen .observation-selection h2{margin:0 0 10px;font-size:23px}
.observation-screen .observation-selection .observation-step{margin:0 0 6px}
.observation-screen .observation-selection>button{min-height:48px;margin-top:12px}
.observation-screen .observation-selection>button:not(:disabled){background:var(--mint);color:#0b2923;border-color:var(--mint)}
.observation-screen .observation-selection>button:disabled{opacity:.5;cursor:not-allowed}
.observation-result .observation-result-summary{padding:16px;border-left:3px solid var(--mint);background:var(--panel)}
.observation-result[data-outcome=failure] .observation-result-summary{border-color:var(--gold)}
.observation-result .observation-result-summary p:last-child{margin-bottom:0}
.observation-result .result-view-context{border:1px solid var(--line);padding:12px;margin-bottom:18px;color:var(--muted)}
.observation-result .result-view-context p{margin:6px 0 10px}
.observation-result .result-view-context strong{color:var(--gold)}
@media(max-width:700px){
 .observation-screen .observation-selection>button{width:100%}
 .app-shell .observation-result .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .app-shell .observation-result .actions>.primary,.app-shell .observation-result .actions>a{grid-column:1/-1;width:100%}
 .app-shell .observation-result .actions>button{width:100%;min-height:48px;padding:10px 8px}
}
