.os-command{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:28px;align-items:center;margin-bottom:18px}.os-command h2{font-size:clamp(26px,3vw,40px);margin:.3rem 0}.os-loop{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.os-loop>span{width:74px;height:74px;border-radius:22px;border:1px solid var(--line);display:grid;place-content:center;text-align:center;font-weight:900;background:var(--surface)}.os-loop>span small{font-size:11px;color:var(--muted);font-weight:700}.os-loop>span.done{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.os-loop>span.active{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}.os-loop>b{color:var(--muted)}
.os-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.os-kpis article{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;gap:6px}.os-kpis strong{font-size:32px}.os-kpis span,.os-kpis small{color:var(--muted)}
.os-action-grid,.os-outcome-list,.os-learning-list{display:grid;gap:14px}.os-action-grid article{padding:15px;border:1px solid var(--line);border-radius:16px;display:flex;justify-content:space-between;gap:18px;align-items:center}.os-action-grid h3{margin:.2rem 0}.os-action-grid article>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.os-outcome-list article header,.os-learning-list article header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.os-outcome-list h3,.os-learning-list h3{margin:.25rem 0}.os-outcome-form{margin-top:16px}.os-learning-list .status-accepted{border-left:5px solid color-mix(in srgb,var(--accent) 65%,#1f9d6a)}.os-learning-list .status-rejected{opacity:.72}
@media(max-width:1000px){.os-command{grid-template-columns:1fr}.os-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.os-kpis{grid-template-columns:1fr}.os-action-grid article{align-items:flex-start;flex-direction:column}.os-action-grid article>div:last-child{justify-content:flex-start}.os-loop>span{width:60px;height:60px;border-radius:18px}.os-loop>b{display:none}}