.lifecycle{margin-top:15px;padding:10px 24px}.phase-item{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.phase-item:last-child{border:0}.phase-rail{width:34px;position:relative}.phase-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f3f1;color:#a4afa7;font-size:14px;position:relative;z-index:1}.phase-item.complete .phase-dot{background:#dcefe4;color:var(--green)}.phase-item.current .phase-dot{background:var(--green);color:#fff;box-shadow:0 0 0 6px #e5f2e8}.phase-item.pending .phase-dot{border:1px dashed #b9c5bc;background:#fff}.phase-rail:after{content:"";position:absolute;width:2px;background:#dbe8dd;left:16px;top:34px;bottom:-22px}.phase-item:last-child .phase-rail:after{display:none}.phase-body{flex:1}.phase-title{display:flex;align-items:center;gap:10px}.phase-title strong{font-size:16px}.phase-state{font-size:11px;color:var(--green);background:#edf5ef;padding:5px 8px;border-radius:7px}.phase-item.pending .phase-state{color:#8c9991;background:#f2f4f2}.phase-body>.subtle{margin:6px 0 4px}.phase-add{border:1px dashed #c9d8cd;background:#fbfdfb;color:var(--green);padding:9px 12px;border-radius:8px;font-size:12px;cursor:pointer;margin-top:8px}.phase-item .timeline{margin:9px 0 0;padding:0;border:0;box-shadow:none;background:transparent}.phase-item .timeline-item{padding:11px 0;border:0}