.managed-operations .canvas{padding:16px;gap:8px;justify-content:center}
.managed-core{position:relative;width:100%;max-width:320px;align-self:center;color:var(--color-text-secondary)}
.managed-core svg{display:block;width:100%;height:72px;fill:var(--technical-bg-panel);stroke:var(--color-border);stroke-width:1.5}
.managed-core .core-boundary{fill:none;stroke:var(--color-text-muted)}
.managed-core .core-check{stroke:var(--color-text-secondary);fill:none}
.managed-core>span{display:block;text-align:center;font-size:11px;letter-spacing:.08em}
.managed-operation{display:grid;gap:6px;text-align:center;padding-block:4px}
.managed-operation strong{font-size:22px;color:var(--color-text-primary)}
.managed-steps{margin:0;padding:0;list-style:none;display:grid;gap:0}
.managed-steps li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--color-border);font-size:12px;color:var(--color-text-muted)}
.managed-steps li:last-child{border-bottom:0}
.operation-marker{font-size:11px;text-align:center}
.operation-status{font-size:10px}
.managed-steps [data-state=completed]{color:var(--color-text-secondary)}
.managed-steps [data-state=current]{color:var(--color-text-primary)}
.managed-steps [data-state=current] .operation-marker{background:var(--color-primary);color:var(--color-on-primary);padding:5px 0}
.managed-operations[data-running=true] .managed-operation{animation:managed-operation-enter 350ms ease-out both}
.managed-operations[data-running=true] .core-check{stroke-dasharray:16;stroke-dashoffset:0;animation:managed-verify 350ms ease-out both}
@keyframes managed-operation-enter{from{transform:translateY(5px)}to{transform:translateY(0)}}
@keyframes managed-verify{from{stroke-dashoffset:16}to{stroke-dashoffset:0}}
@media(max-width:600px){.managed-operations .canvas{padding:14px;gap:6px}.managed-core svg{height:42px}.managed-operation strong{font-size:20px}.managed-steps li{padding:3px 0;gap:8px}.managed-operations .bottom>span{max-width:190px}}
@media(prefers-reduced-motion:reduce){.managed-operations *{animation:none}}