/* Operational views share the workspace's company palette and theme. */
.op-workspace .op-filters,.er-page .er-filters{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-hover);gap:16px;align-items:end}
.os-result-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;color:var(--muted);font-size:13px}
.os-result-bar p{margin:0}.os-result-bar [hidden]{display:none}
.op-workspace .op-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}
.op-cards .os-responsibility-card{display:flex;flex-direction:column;min-width:0;padding:22px;border-radius:14px;gap:16px}
.os-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}
.os-card-meta small{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--muted)}
.os-responsibility-card h2{font-size:19px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.os-card-purpose{font-size:14px;line-height:1.7;color:var(--muted);margin:0;overflow-wrap:anywhere}
.os-card-ownership{display:grid;gap:14px;margin:0;padding-top:16px;border-top:1px solid var(--hair)}
.os-card-ownership dt{font-size:11px;color:var(--muted);margin-bottom:4px}.os-card-ownership dd{font-size:14px;font-weight:600;margin:0;overflow-wrap:anywhere}
.os-responsibility-card footer{margin-top:auto;padding-top:6px}.os-responsibility-card footer .button{width:100%}
.er-page .os-evaluation-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:12px;margin:20px 0 24px}
.os-evaluation-overview article{padding:18px 20px;border:1px solid var(--line);background:var(--visual-card);border-radius:12px;display:flex;flex-direction:column;gap:6px}
.os-evaluation-overview strong{font-size:28px;line-height:1.2;color:var(--ink)}.os-evaluation-overview span{font-size:12px;color:var(--muted)}
.er-page .os-evaluation-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--visual-card);gap:20px;margin:12px 0}
.os-evaluation-card>div{min-width:0}.os-evaluation-card h3{margin:10px 0 6px;font-size:18px;overflow-wrap:anywhere}.os-evaluation-card p{font-size:13px;color:var(--muted);margin:0 0 7px}.os-evaluation-card small{line-height:1.6;color:var(--muted)}
.os-evaluation-card>.button{flex-shrink:0}
.os-card-meta .pill,.os-evaluation-card .pill{font-size:11px;font-weight:600;background:var(--surface-hover);border:1px solid var(--line)}
.os-card-meta [data-os-state=published],.os-evaluation-card [data-os-state=completed]{background:var(--visual-tint);color:var(--visual-accent);border-color:var(--visual-border)}
.em-page .em-position{max-width:640px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-hover)}
.em-page .em-scale{border:1px solid var(--line);border-radius:12px;background:var(--visual-card);margin:18px 0;padding:16px 18px}
.em-page .em-scale summary{font-size:13px;font-weight:600;cursor:pointer}.em-page .em-scale>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;margin-top:16px}
.os-expectations>article{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--visual-card);margin:14px 0}.os-expectations>article header{display:flex;justify-content:space-between;align-items:start;gap:14px}.os-expectations>article h3{font-size:18px;line-height:1.4;margin:0}.os-expectations>article p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.os-expectations>article small{color:var(--muted);line-height:1.6}
.em-page .em-tools{display:flex;flex-wrap:wrap;gap:10px}.em-page .em-filters{padding:18px;border:1px solid var(--line);background:var(--surface-hover);border-radius:12px}
@media(max-width:600px){.op-workspace .op-filters,.er-page .er-filters,.em-page .em-filters{display:grid;grid-template-columns:1fr;padding:14px}.os-card-meta{align-items:start}.op-cards .os-responsibility-card,.er-page .os-evaluation-card,.os-expectations>article{padding:18px}.er-page .os-evaluation-card{display:flex;flex-direction:column;align-items:stretch}.os-evaluation-card>.button{width:100%}.os-result-bar{flex-wrap:wrap;gap:10px}.os-expectations>article header{flex-direction:column}.op-head-actions{display:flex;flex-wrap:wrap;gap:10px}}
